@odoo/o-spreadsheet 17.2.7 → 17.2.9

package/dist/o-spreadsheet.iife.js

@@ -3,9 +3,9 @@
 /**
  * This file is generated by o-spreadsheet build tools. Do not edit it.
  * @see https://github.com/odoo/o-spreadsheet
- * @version 17.2.7
- * @date 2024-05-15T09:20:44.429Z
- * @hash 57e89fa
+ * @version 17.2.9
+ * @date 2024-06-03T14:56:21.684Z
+ * @hash 086af6d
  */
 
 (function (exports, owl) {
@@ -503,6 +503,26 @@
       };
       return debounced;
   }
+  /**
+   * Creates a batched version of a callback so that all calls to it in the same
+   * microtick will only call the original callback once.
+   *
+   * @param callback the callback to batch
+   * @returns a batched version of the original callback
+   *
+   * Copied from odoo/owl repo.
+   */
+  function batched(callback) {
+      let scheduled = false;
+      return async (...args) => {
+          if (!scheduled) {
+              scheduled = true;
+              await Promise.resolve();
+              scheduled = false;
+              callback(...args);
+          }
+      };
+  }
   /*
    * Concatenate an array of strings.
    */
@@ -577,8 +597,9 @@
                   return false;
           }
           else {
-              if (ignoreFunctions && typeOfO1Key === "function")
-                  return true;
+              if (ignoreFunctions && typeOfO1Key === "function") {
+                  continue;
+              }
               if (o1[key] !== o2[key])
                   return false;
           }
@@ -1829,7 +1850,7 @@
       }
       valueOf() {
           const str = super.valueOf();
-          return _loaded() ? sprintf(_translate(str), ...this.values) : str;
+          return _loaded() ? sprintf(_translate(str), ...this.values) : sprintf(str, ...this.values);
       }
       toString() {
           return this.valueOf();
@@ -2638,7 +2659,7 @@
           return false;
       }
       if (typeof operand === "number" && operator === "=") {
-          return toString(value) === toString(operand);
+          return value.toString() === operand.toString();
       }
       if (operator === "<>" || operator === "=") {
           let result;
@@ -2698,14 +2719,13 @@
       if (countArg % 2 === 1) {
           throw new EvaluationError(_t("Function [[FUNCTION_NAME]] expects criteria_range and criterion to be in pairs."));
       }
-      const dimRow = args[0].length;
-      const dimCol = args[0][0].length;
+      const firstArg = toMatrix(args[0]);
+      const dimRow = firstArg.length;
+      const dimCol = firstArg[0].length;
       let predicates = [];
       for (let i = 0; i < countArg - 1; i += 2) {
-          const criteriaRange = args[i];
-          if (!isMatrix(criteriaRange) ||
-              criteriaRange.length !== dimRow ||
-              criteriaRange[0].length !== dimCol) {
+          const criteriaRange = toMatrix(args[i]);
+          if (criteriaRange.length !== dimRow || criteriaRange[0].length !== dimCol) {
               throw new EvaluationError(_t("Function [[FUNCTION_NAME]] expects criteria_range to have the same dimension"));
           }
           const description = toString(args[i + 1]);
@@ -2719,7 +2739,7 @@
           for (let j = 0; j < dimCol; j++) {
               let validatedPredicates = true;
               for (let k = 0; k < countArg - 1; k += 2) {
-                  const criteriaValue = args[k][i][j].value;
+                  const criteriaValue = toMatrix(args[k])[i][j].value;
                   const criterion = predicates[k / 2];
                   validatedPredicates = evaluatePredicate(criteriaValue ?? undefined, criterion);
                   if (!validatedPredicates) {
@@ -4436,8 +4456,11 @@
   /**
    * Create a range from a xc. If the xc is empty, this function returns undefined.
    */
-  function createRange(getters, sheetId, range) {
-      return range ? getters.getRangeFromSheetXC(sheetId, range) : undefined;
+  function createValidRange(getters, sheetId, xc) {
+      if (!xc)
+          return;
+      const range = getters.getRangeFromSheetXC(sheetId, xc);
+      return !(range.invalidSheetName || range.invalidXc) ? range : undefined;
   }
   /**
    * Spread multiple colrows zone to one row/col zone and add a many new input range as needed.
@@ -8013,10 +8036,66 @@
       });
   }
 
+  /**
+   * This is a generic event bus based on the Owl event bus.
+   * This bus however ensures type safety across events and subscription callbacks.
+   */
+  class EventBus {
+      subscriptions = {};
+      /**
+       * Add a listener for the 'eventType' events.
+       *
+       * Note that the 'owner' of this event can be anything, but will more likely
+       * be a component or a class. The idea is that the callback will be called with
+       * the proper owner bound.
+       *
+       * Also, the owner should be kind of unique. This will be used to remove the
+       * listener.
+       */
+      on(type, owner, callback) {
+          if (!callback) {
+              throw new Error("Missing callback");
+          }
+          if (!this.subscriptions[type]) {
+              this.subscriptions[type] = [];
+          }
+          this.subscriptions[type].push({
+              owner,
+              callback,
+          });
+      }
+      /**
+       * Emit an event of type 'eventType'.  Any extra arguments will be passed to
+       * the listeners callback.
+       */
+      trigger(type, payload) {
+          const subs = this.subscriptions[type] || [];
+          for (let i = 0, iLen = subs.length; i < iLen; i++) {
+              const sub = subs[i];
+              sub.callback.call(sub.owner, payload);
+          }
+      }
+      /**
+       * Remove a listener
+       */
+      off(eventType, owner) {
+          const subs = this.subscriptions[eventType];
+          if (subs) {
+              this.subscriptions[eventType] = subs.filter((s) => s.owner !== owner);
+          }
+      }
+      /**
+       * Remove all subscriptions.
+       */
+      clear() {
+          this.subscriptions = {};
+      }
+  }
+
   /**
    * A type-safe dependency container
    */
-  class DependencyContainer {
+  class DependencyContainer extends EventBus {
       dependencies = new Map();
       factory = new StoreFactory(this.get.bind(this));
       /**
@@ -8093,15 +8172,12 @@ stores.inject(MyMetaStore, storeInstance);
       }
       return MetaStore;
   }
-  class ReactiveStore {
+  class DisposableStore {
       get;
+      disposeCallbacks = [];
       constructor(get) {
           this.get = get;
-          return owl.reactive(this);
       }
-  }
-  class DisposableStore extends ReactiveStore {
-      disposeCallbacks = [];
       onDispose(callback) {
           this.disposeCallbacks.push(callback);
       }
@@ -8121,7 +8197,10 @@ stores.inject(MyMetaStore, storeInstance);
       const container = new DependencyContainer();
       owl.useSubEnv({
           __spreadsheet_stores__: container,
-          getStore: container.get.bind(container),
+          getStore: (Store) => {
+              const store = container.get(Store);
+              return proxifyStoreMutation(store, () => container.trigger("store-updated"));
+          },
       });
       return container;
   }
@@ -8131,14 +8210,57 @@ stores.inject(MyMetaStore, storeInstance);
   function useStore(Store) {
       const env = owl.useEnv();
       const container = getDependencyContainer(env);
-      return owl.useState(container.get(Store));
+      const store = container.get(Store);
+      return useStoreRenderProxy(container, store);
   }
   function useLocalStore(Store, ...args) {
       const env = owl.useEnv();
       const container = getDependencyContainer(env);
-      const store = owl.useState(container.instantiate(Store, ...args));
+      const store = container.instantiate(Store, ...args);
       owl.onWillUnmount(() => store.dispose());
-      return store;
+      return useStoreRenderProxy(container, store);
+  }
+  /**
+   * Trigger an event to re-render the app (deep render) when
+   * a store is mutated by invoking one of its mutator methods.
+   */
+  function useStoreRenderProxy(container, store) {
+      const component = owl.useComponent();
+      const proxy = proxifyStoreMutation(store, () => {
+          if (owl.status(component) === "mounted") {
+              container.trigger("store-updated");
+          }
+      });
+      return proxy;
+  }
+  /**
+   * Creates a proxied version of a store object with mutation tracking.
+   * Whenever a mutator method of the store is called, the provided callback function is invoked.
+   */
+  function proxifyStoreMutation(store, callback) {
+      const proxy = new Proxy(store, {
+          get(target, property, receiver) {
+              const thisStore = target;
+              // The third argument is `thisStore` (target) instead of `receiver`.
+              // The goal is to always have the same `this` value in getter functions
+              // (when `target[property]` is an accessor property).
+              // `thisStore` is always the same object reference. `receiver` however is the
+              // object on which the property is called, which is the Proxy object which is different for each component.
+              const value = Reflect.get(target, property, thisStore);
+              if (store.mutators.includes(property)) {
+                  const functionProxy = new Proxy(value, {
+                      // trap the function call
+                      apply(target, thisArg, argArray) {
+                          Reflect.apply(target, thisStore, argArray);
+                          callback();
+                      },
+                  });
+                  return functionProxy;
+              }
+              return value;
+          },
+      });
+      return proxy;
   }
   function getDependencyContainer(env) {
       const container = env.__spreadsheet_stores__;
@@ -8150,7 +8272,8 @@ stores.inject(MyMetaStore, storeInstance);
 
   const ModelStore = createAbstractStore("Model");
 
-  class RendererStore extends ReactiveStore {
+  class RendererStore {
+      mutators = ["register", "unRegister"];
       renderers = {};
       register(renderer) {
           if (!renderer.renderingLayers.length) {
@@ -8184,7 +8307,7 @@ stores.inject(MyMetaStore, storeInstance);
   class SpreadsheetStore extends DisposableStore {
       // cast the model store as Model to allow model.dispatch to return the DispatchResult
       model = this.get(ModelStore);
-      getters = owl.markRaw(this.model.getters);
+      getters = this.model.getters;
       renderer = this.get(RendererStore);
       constructor(get) {
           super(get);
@@ -8231,6 +8354,7 @@ stores.inject(MyMetaStore, storeInstance);
   }
 
   class HighlightStore extends SpreadsheetStore {
+      mutators = ["register", "unRegister"];
       providers = [];
       constructor(get) {
           super(get);
@@ -8261,7 +8385,7 @@ stores.inject(MyMetaStore, storeInstance);
           this.providers.push(highlightProvider);
       }
       unRegister(highlightProvider) {
-          this.providers = this.providers.filter((h) => owl.toRaw(h) !== owl.toRaw(highlightProvider));
+          this.providers = this.providers.filter((h) => h !== highlightProvider);
       }
       drawLayer(ctx, layer) {
           if (layer === "Highlights") {
@@ -8277,6 +8401,16 @@ stores.inject(MyMetaStore, storeInstance);
 
   const CELL_DELETED_MESSAGE = _t("The cell you are trying to edit has been deleted.");
   class ComposerStore extends SpreadsheetStore {
+      mutators = [
+          "startEdition",
+          "setCurrentContent",
+          "stopEdition",
+          "stopComposerRangeSelection",
+          "cancelEdition",
+          "cycleReferences",
+          "changeComposerCursorSelection",
+          "replaceComposerCursorSelection",
+      ];
       col = 0;
       row = 0;
       editionMode = "inactive";
@@ -8291,9 +8425,9 @@ stores.inject(MyMetaStore, storeInstance);
       highlightStore = this.get(HighlightStore);
       constructor(get) {
           super(get);
-          this.highlightStore.register(owl.toRaw(this));
+          this.highlightStore.register(this);
           this.onDispose(() => {
-              this.highlightStore.unRegister(owl.toRaw(this));
+              this.highlightStore.unRegister(this);
           });
       }
       canStopEdition() {
@@ -8420,7 +8554,7 @@ stores.inject(MyMetaStore, storeInstance);
                   if (this.isSelectingRange) {
                       this.editionMode = "editing";
                   }
-                  this.model.selection.resetAnchor(owl.toRaw(this), {
+                  this.model.selection.resetAnchor(this, {
                       cell: { col: left, row: top },
                       zone: cmd.zone,
                   });
@@ -8438,7 +8572,7 @@ stores.inject(MyMetaStore, storeInstance);
                           row: activePosition.row,
                       });
                       const zone = this.getters.expandZone(cmd.sheetIdTo, positionToZone({ col, row }));
-                      this.model.selection.resetAnchor(owl.toRaw(this), { cell: { col, row }, zone });
+                      this.model.selection.resetAnchor(this, { cell: { col, row }, zone });
                   }
                   break;
               case "DELETE_SHEET":
@@ -8537,7 +8671,7 @@ stores.inject(MyMetaStore, storeInstance);
       startComposerRangeSelection() {
           if (this.sheetId === this.getters.getActiveSheetId()) {
               const zone = positionToZone({ col: this.col, row: this.row });
-              this.model.selection.resetAnchor(owl.toRaw(this), {
+              this.model.selection.resetAnchor(this, {
                   cell: { col: this.col, row: this.row },
                   zone,
               });
@@ -8566,7 +8700,7 @@ stores.inject(MyMetaStore, storeInstance);
           this.setContent(str || this.initialContent, selection);
           this.colorIndexByRange = {};
           const zone = positionToZone({ col: this.col, row: this.row });
-          this.model.selection.capture(owl.toRaw(this), { cell: { col: this.col, row: this.row }, zone }, {
+          this.model.selection.capture(this, { cell: { col: this.col, row: this.row }, zone }, {
               handleEvent: this.handleEvent.bind(this),
               release: () => {
                   this._stopEdition();
@@ -8674,7 +8808,7 @@ stores.inject(MyMetaStore, storeInstance);
               return;
           }
           this.editionMode = "inactive";
-          this.model.selection.release(owl.toRaw(this));
+          this.model.selection.release(this);
       }
       /**
        * Reset the current content to the active cell content
@@ -8996,6 +9130,7 @@ stores.inject(MyMetaStore, storeInstance);
   }
 
   class ComposerFocusStore extends SpreadsheetStore {
+      mutators = ["focusTopBarComposer", "focusGridComposerContent", "focusGridComposerCell"];
       composerStore = this.get(ComposerStore);
       topBarFocus = "inactive";
       gridFocusMode = "inactive";
@@ -9512,8 +9647,8 @@ stores.inject(MyMetaStore, storeInstance);
       type = "scorecard";
       constructor(definition, sheetId, getters) {
           super(definition, sheetId, getters);
-          this.keyValue = createRange(getters, sheetId, definition.keyValue);
-          this.baseline = createRange(getters, sheetId, definition.baseline);
+          this.keyValue = createValidRange(getters, sheetId, definition.keyValue);
+          this.baseline = createValidRange(getters, sheetId, definition.baseline);
           this.baselineMode = definition.baselineMode;
           this.baselineDescr = definition.baselineDescr;
           this.background = definition.background;
@@ -10083,6 +10218,9 @@ stores.inject(MyMetaStore, storeInstance);
       if (types.some((t) => t.startsWith("RANGE"))) {
           result.acceptMatrix = true;
       }
+      if (types.every((t) => t.startsWith("RANGE"))) {
+          result.acceptMatrixOnly = true;
+      }
       return result;
   }
   /**
@@ -10364,11 +10502,16 @@ stores.inject(MyMetaStore, storeInstance);
       compute: function (array, ...columns) {
           const _array = toMatrix(array);
           const _columns = flattenRowFirst(columns, (item) => toInteger(item?.value, this.locale));
-          assert(() => _columns.every((col) => col > 0 && col <= _array.length), _t("The columns arguments must be between 1 and %s (got %s).", _array.length.toString(), (_columns.find((col) => col <= 0 || col > _array.length) || 0).toString()));
+          const argOutOfRange = _columns.filter((col) => col === 0 || _array.length < Math.abs(col));
+          assert(() => argOutOfRange.length === 0, _t("The columns arguments must be between -%s and %s (got %s), excluding 0.", _array.length.toString(), _array.length.toString(), argOutOfRange.join(",")));
           const result = Array(_columns.length);
           for (let col = 0; col < _columns.length; col++) {
-              const colIndex = _columns[col] - 1; // -1 because columns arguments are 1-indexed
-              result[col] = _array[colIndex];
+              if (_columns[col] > 0) {
+                  result[col] = _array[_columns[col] - 1]; // -1 because columns arguments are 1-indexed
+              }
+              else {
+                  result[col] = _array[_array.length + _columns[col]];
+              }
           }
           return result;
       },
@@ -10389,8 +10532,14 @@ stores.inject(MyMetaStore, storeInstance);
           const _array = toMatrix(array);
           const _rows = flattenRowFirst(rows, (item) => toInteger(item?.value, this.locale));
           const _nbColumns = _array.length;
-          assert(() => _rows.every((row) => row > 0 && row <= _array[0].length), _t("The rows arguments must be between 1 and %s (got %s).", _array[0].length.toString(), (_rows.find((row) => row <= 0 || row > _array[0].length) || 0).toString()));
-          return generateMatrix(_nbColumns, _rows.length, (col, row) => _array[col][_rows[row] - 1]); // -1 because rows arguments are 1-indexed
+          const argOutOfRange = _rows.filter((row) => row === 0 || _array[0].length < Math.abs(row));
+          assert(() => argOutOfRange.length === 0, _t("The rows arguments must be between -%s and %s (got %s), excluding 0.", _array[0].length.toString(), _array[0].length.toString(), argOutOfRange.join(",")));
+          return generateMatrix(_nbColumns, _rows.length, (col, row) => {
+              if (_rows[row] > 0) {
+                  return _array[col][_rows[row] - 1]; // -1 because columns arguments are 1-indexed
+              }
+              return _array[col][_array[col].length + _rows[row]];
+          });
       },
       isExported: true,
   };
@@ -11298,7 +11447,7 @@ stores.inject(MyMetaStore, storeInstance);
       compute: function (range, ...args) {
           let uniqueValues = new Set();
           visitMatchingRanges(args, (i, j) => {
-              const data = range[i][j];
+              const data = range[i]?.[j];
               if (isDefined(data)) {
                   uniqueValues.add(data.value);
               }
@@ -11928,7 +12077,7 @@ stores.inject(MyMetaStore, storeInstance);
           }
           let sum = 0;
           visitMatchingRanges([criteriaRange, criterion], (i, j) => {
-              const value = sumRange[i][j].value;
+              const value = sumRange[i]?.[j]?.value;
               if (typeof value === "number") {
                   sum += value;
               }
@@ -11953,7 +12102,7 @@ stores.inject(MyMetaStore, storeInstance);
       compute: function (sumRange, ...criters) {
           let sum = 0;
           visitMatchingRanges(criters, (i, j) => {
-              const value = sumRange[i][j].value;
+              const value = sumRange[i]?.[j]?.value;
               if (typeof value === "number") {
                   sum += value;
               }
@@ -12500,7 +12649,7 @@ stores.inject(MyMetaStore, storeInstance);
           let count = 0;
           let sum = 0;
           visitMatchingRanges([criteriaRange, criterion], (i, j) => {
-              const value = _averageRange[i][j].value;
+              const value = _averageRange[i]?.[j]?.value;
               if (typeof value === "number") {
                   count += 1;
                   sum += value;
@@ -12529,7 +12678,7 @@ stores.inject(MyMetaStore, storeInstance);
           let count = 0;
           let sum = 0;
           visitMatchingRanges(args, (i, j) => {
-              const value = _averageRange[i][j].value;
+              const value = _averageRange[i]?.[j]?.value;
               if (typeof value === "number") {
                   count += 1;
                   sum += value;
@@ -12834,7 +12983,7 @@ stores.inject(MyMetaStore, storeInstance);
       compute: function (range, ...args) {
           let result = -Infinity;
           visitMatchingRanges(args, (i, j) => {
-              const value = range[i][j].value;
+              const value = range[i]?.[j]?.value;
               if (typeof value === "number") {
                   result = result < value ? value : result;
               }
@@ -12917,7 +13066,7 @@ stores.inject(MyMetaStore, storeInstance);
       compute: function (range, ...args) {
           let result = Infinity;
           visitMatchingRanges(args, (i, j) => {
-              const value = range[i][j].value;
+              const value = range[i]?.[j]?.value;
               if (typeof value === "number") {
                   result = result > value ? value : result;
               }
@@ -18669,6 +18818,9 @@ stores.inject(MyMetaStore, storeInstance);
                   }
                   args[i] = arg[0][0];
               }
+              if (!isMatrix(arg) && argDefinition.acceptMatrixOnly) {
+                  throw new BadExpressionError(_t("Function [[FUNCTION_NAME]] expects the parameter '%s' to be reference to a cell or range.", (i + 1).toString()));
+              }
           }
           return descr.compute.apply(this, args);
       }
@@ -19671,7 +19823,7 @@ stores.inject(MyMetaStore, storeInstance);
       constructor(definition, sheetId, getters) {
           super(definition, sheetId, getters);
           this.dataSets = createDataSets(getters, definition.dataSets, sheetId, definition.dataSetsHaveTitle);
-          this.labelRange = createRange(getters, sheetId, definition.labelRange);
+          this.labelRange = createValidRange(getters, sheetId, definition.labelRange);
           this.background = definition.background;
           this.verticalAxisPosition = definition.verticalAxisPosition;
           this.legendPosition = definition.legendPosition;
@@ -19915,7 +20067,7 @@ stores.inject(MyMetaStore, storeInstance);
       type = "gauge";
       constructor(definition, sheetId, getters) {
           super(definition, sheetId, getters);
-          this.dataRange = createRange(this.getters, this.sheetId, definition.dataRange);
+          this.dataRange = createValidRange(this.getters, this.sheetId, definition.dataRange);
           this.sectionRule = definition.sectionRule;
           this.background = definition.background;
       }
@@ -20436,7 +20588,7 @@ stores.inject(MyMetaStore, storeInstance);
       constructor(definition, sheetId, getters) {
           super(definition, sheetId, getters);
           this.dataSets = createDataSets(this.getters, definition.dataSets, sheetId, definition.dataSetsHaveTitle);
-          this.labelRange = createRange(this.getters, sheetId, definition.labelRange);
+          this.labelRange = createValidRange(this.getters, sheetId, definition.labelRange);
           this.background = definition.background;
           this.verticalAxisPosition = definition.verticalAxisPosition;
           this.legendPosition = definition.legendPosition;
@@ -20551,7 +20703,7 @@ stores.inject(MyMetaStore, storeInstance);
       constructor(definition, sheetId, getters) {
           super(definition, sheetId, getters);
           this.dataSets = createDataSets(getters, definition.dataSets, sheetId, definition.dataSetsHaveTitle);
-          this.labelRange = createRange(getters, sheetId, definition.labelRange);
+          this.labelRange = createValidRange(getters, sheetId, definition.labelRange);
           this.background = definition.background;
           this.legendPosition = definition.legendPosition;
           this.aggregated = definition.aggregated;
@@ -20753,7 +20905,7 @@ stores.inject(MyMetaStore, storeInstance);
       constructor(definition, sheetId, getters) {
           super(definition, sheetId, getters);
           this.dataSets = createDataSets(this.getters, definition.dataSets, sheetId, definition.dataSetsHaveTitle);
-          this.labelRange = createRange(this.getters, sheetId, definition.labelRange);
+          this.labelRange = createValidRange(this.getters, sheetId, definition.labelRange);
           this.background = definition.background;
           this.verticalAxisPosition = definition.verticalAxisPosition;
           this.legendPosition = definition.legendPosition;
@@ -20839,13 +20991,6 @@ stores.inject(MyMetaStore, storeInstance);
       // have less options than the line chart (it only works with linear labels)
       chartJsConfig.type = "line";
       const configOptions = chartJsConfig.options;
-      configOptions.elements = {
-          point: {
-              radius: 3,
-              hoverRadius: 3,
-              hitRadius: 8,
-          },
-      };
       const locale = getters.getLocale();
       configOptions.plugins.tooltip.callbacks.title = () => "";
       configOptions.plugins.tooltip.callbacks.label = (tooltipItem) => {
@@ -21452,6 +21597,7 @@ stores.inject(MyMetaStore, storeInstance);
   }
 
   class HoveredCellStore extends SpreadsheetStore {
+      mutators = ["clear", "hover"];
       col;
       row;
       handle(cmd) {
@@ -21471,6 +21617,7 @@ stores.inject(MyMetaStore, storeInstance);
   }
 
   class CellPopoverStore extends SpreadsheetStore {
+      mutators = ["open", "close"];
       persistentPopover;
       hoveredCell = this.get(HoveredCellStore);
       handle(cmd) {
@@ -25962,12 +26109,13 @@ stores.inject(MyMetaStore, storeInstance);
 
   // The name is misleading and can be confused with the DOM focus.
   class FocusStore {
+      mutators = ["focus", "unfocus"];
       focusedElement = null;
       focus(element) {
           this.focusedElement = element;
       }
       unfocus(element) {
-          if (this.focusedElement && owl.toRaw(this.focusedElement) === owl.toRaw(element)) {
+          if (this.focusedElement && this.focusedElement === element) {
               this.focusedElement = null;
           }
       }
@@ -25983,6 +26131,16 @@ stores.inject(MyMetaStore, storeInstance);
   class SelectionInputStore extends SpreadsheetStore {
       initialRanges;
       inputHasSingleRange;
+      mutators = [
+          "resetWithRanges",
+          "focusById",
+          "unfocus",
+          "addEmptyRange",
+          "removeRange",
+          "changeRange",
+          "reset",
+          "confirm",
+      ];
       ranges = [];
       focusedRangeIndex = null;
       inputSheetId;
@@ -26042,7 +26200,7 @@ stores.inject(MyMetaStore, storeInstance);
                           row: 0,
                       });
                       const zone = this.getters.expandZone(cmd.sheetIdTo, positionToZone({ col, row }));
-                      this.model.selection.resetAnchor(owl.toRaw(this), { cell: { col, row }, zone });
+                      this.model.selection.resetAnchor(this, { cell: { col, row }, zone });
                   }
                   break;
               }
@@ -26061,7 +26219,7 @@ stores.inject(MyMetaStore, storeInstance);
                   if (focusIndex !== -1) {
                       this.focus(focusIndex);
                       const { left, top } = newZone;
-                      this.model.selection.resetAnchor(owl.toRaw(this), {
+                      this.model.selection.resetAnchor(this, {
                           cell: { col: left, row: top },
                           zone: newZone,
                       });
@@ -26152,7 +26310,7 @@ stores.inject(MyMetaStore, storeInstance);
       }
       get hasMainFocus() {
           const focusedElement = this.focusStore.focusedElement;
-          return !!focusedElement && owl.toRaw(focusedElement) === owl.toRaw(this);
+          return !!focusedElement && focusedElement === this;
       }
       get highlights() {
           if (!this.hasMainFocus) {
@@ -26181,7 +26339,7 @@ stores.inject(MyMetaStore, storeInstance);
       unfocus() {
           this.focusedRangeIndex = null;
           this.focusStore.unfocus(this);
-          this.model.selection.release(owl.toRaw(this));
+          this.model.selection.release(this);
       }
       captureSelection() {
           if (this.focusedRangeIndex === null) {
@@ -26190,7 +26348,7 @@ stores.inject(MyMetaStore, storeInstance);
           const range = this.ranges[this.focusedRangeIndex];
           const sheetId = this.getters.getActiveSheetId();
           const zone = this.getters.getRangeFromSheetXC(sheetId, range?.xc || "A1").zone;
-          this.model.selection.capture(owl.toRaw(this), { cell: { col: zone.left, row: zone.top }, zone }, {
+          this.model.selection.capture(this, { cell: { col: zone.left, row: zone.top }, zone }, {
               handleEvent: this.handleEvent.bind(this),
               release: this.unfocus.bind(this),
           });
@@ -26666,7 +26824,7 @@ stores.inject(MyMetaStore, storeInstance);
           }
           const getters = this.env.model.getters;
           const sheetId = getters.getActiveSheetId();
-          const labelRange = createRange(getters, sheetId, this.labelRange);
+          const labelRange = createValidRange(getters, sheetId, this.labelRange);
           const dataSets = createDataSets(getters, this.dataSeriesRanges, sheetId, this.props.definition.dataSetsHaveTitle);
           if (dataSets.length) {
               return dataSets[0].dataRange.zone.top + 1;
@@ -26695,15 +26853,23 @@ stores.inject(MyMetaStore, storeInstance);
       }
   }
 
+  /**
+   * Start listening to pointer events and apply the given callbacks.
+   *
+   * @returns A function to remove the listeners.
+   */
   function startDnd(onMouseMove, onMouseUp, onMouseDown = () => { }) {
-      const _onMouseUp = (ev) => {
-          onMouseUp(ev);
+      const removeListeners = () => {
           window.removeEventListener("pointerdown", onMouseDown);
           window.removeEventListener("pointerup", _onMouseUp);
           window.removeEventListener("dragstart", _onDragStart);
           window.removeEventListener("pointermove", onMouseMove);
           window.removeEventListener("wheel", onMouseMove);
       };
+      const _onMouseUp = (ev) => {
+          onMouseUp(ev);
+          removeListeners();
+      };
       function _onDragStart(ev) {
           ev.preventDefault();
       }
@@ -26715,6 +26881,7 @@ stores.inject(MyMetaStore, storeInstance);
       // preventDefault() is not allowed in passive event handler.
       // https://chromestatus.com/feature/6662647093133312
       window.addEventListener("wheel", onMouseMove, { passive: false });
+      return removeListeners;
   }
   /**
    * Function to be used during a pointerdown event, this function allows to
@@ -27658,6 +27825,7 @@ stores.inject(MyMetaStore, storeInstance);
   });
 
   class MainChartPanelStore extends SpreadsheetStore {
+      mutators = ["activatePanel"];
       panel = "configuration";
       activatePanel(panel) {
           this.panel = panel;
@@ -27908,6 +28076,7 @@ stores.inject(MyMetaStore, storeInstance);
               state.itemsStyle = {};
               document.body.style.cursor = previousCursor;
               args.onCancel?.();
+              cleanUp();
           };
           const onDragEnd = (itemId, indexAtEnd) => {
               state.draggedItemId = undefined;
@@ -27928,7 +28097,8 @@ stores.inject(MyMetaStore, storeInstance);
               onDragEnd,
               onCancel: state.cancel,
           });
-          startDnd(dndHelper.onMouseMove.bind(dndHelper), dndHelper.onMouseUp.bind(dndHelper));
+          const stopListening = startDnd(dndHelper.onMouseMove.bind(dndHelper), dndHelper.onMouseUp.bind(dndHelper));
+          cleanupFns.push(stopListening);
           const onScroll = dndHelper.onScroll.bind(dndHelper);
           args.containerEl.addEventListener("scroll", onScroll);
           cleanupFns.push(() => args.containerEl.removeEventListener("scroll", onScroll));
@@ -28005,7 +28175,7 @@ stores.inject(MyMetaStore, storeInstance);
           this.moveDraggedItemToPosition(this.currentMousePosition + this.scrollOffset);
       }
       onMouseMove(ev) {
-          if (ev.button !== -1) {
+          if (ev.button > 1) {
               this.onCancel();
               return;
           }
@@ -28196,14 +28366,14 @@ stores.inject(MyMetaStore, storeInstance);
 
   function useHighlightsOnHover(ref, highlightProvider) {
       const hoverState = useHoveredElement(ref);
-      const env = owl.useEnv();
+      const stores = useStoreProvider();
       useHighlights({
           get highlights() {
               return hoverState.hovered ? highlightProvider.highlights : [];
           },
       });
       owl.useEffect(() => {
-          env.model.dispatch("RENDER_CANVAS");
+          stores.trigger("store-updated");
       }, () => [hoverState.hovered]);
   }
   function useHighlights(highlightProvider) {
@@ -29659,6 +29829,14 @@ stores.inject(MyMetaStore, storeInstance);
       Direction[Direction["next"] = 1] = "next";
   })(Direction || (Direction = {}));
   class FindAndReplaceStore extends SpreadsheetStore {
+      mutators = [
+          "updateSearchOptions",
+          "updateSearchContent",
+          "searchFormulas",
+          "selectPreviousMatch",
+          "selectNextMatch",
+          "replace",
+      ];
       allSheetsMatches = [];
       activeSheetMatches = [];
       specificRangeMatches = [];
@@ -29683,11 +29861,11 @@ stores.inject(MyMetaStore, storeInstance);
           this.initialShowFormulaState = this.model.getters.shouldShowFormulas();
           this.searchOptions.searchFormulas = this.initialShowFormulaState;
           const highlightStore = get(HighlightStore);
-          highlightStore.register(owl.toRaw(this));
+          highlightStore.register(this);
           this.onDispose(() => {
               this.model.dispatch("SET_FORMULA_VISIBILITY", { show: this.initialShowFormulaState });
               this.updateSearchContent.stopDebounce();
-              highlightStore.unRegister(owl.toRaw(this));
+              highlightStore.unRegister(this);
           });
       }
       get searchMatches() {
@@ -31167,14 +31345,14 @@ stores.inject(MyMetaStore, storeInstance);
       }
       onKeyDown(ev) {
           const figure = this.props.figure;
-          switch (ev.key) {
+          const keyDownShortcut = keyboardEventToShortcutString(ev);
+          switch (keyDownShortcut) {
               case "Delete":
                   this.env.model.dispatch("DELETE_FIGURE", {
                       sheetId: this.env.model.getters.getActiveSheetId(),
                       id: figure.id,
                   });
                   this.props.onFigureDeleted();
-                  ev.stopPropagation();
                   ev.preventDefault();
                   ev.stopPropagation();
                   break;
@@ -31195,7 +31373,22 @@ stores.inject(MyMetaStore, storeInstance);
                       x: figure.x + delta[0],
                       y: figure.y + delta[1],
                   });
+                  ev.preventDefault();
+                  ev.stopPropagation();
+                  break;
+              case "Ctrl+A":
+                  // Maybe in the future we will implement a way to select all figures
+                  ev.preventDefault();
                   ev.stopPropagation();
+                  break;
+              case "Ctrl+Y":
+              case "Ctrl+Z":
+                  if (keyDownShortcut === "Ctrl+Y") {
+                      this.env.model.dispatch("REQUEST_REDO");
+                  }
+                  else if (keyDownShortcut === "Ctrl+Z") {
+                      this.env.model.dispatch("REQUEST_UNDO");
+                  }
                   ev.preventDefault();
                   ev.stopPropagation();
                   break;
@@ -31330,6 +31523,7 @@ stores.inject(MyMetaStore, storeInstance);
   });
 
   class DOMFocusableElementStore {
+      mutators = ["setFocusableElement", "focus"];
       focusableElement = undefined;
       setFocusableElement(element) {
           this.focusableElement = element;
@@ -32066,7 +32260,7 @@ stores.inject(MyMetaStore, storeInstance);
           "Ctrl+Enter": this.processNewLineEvent,
           Escape: this.processEscapeKey,
           F2: () => console.warn("Not implemented"),
-          F4: this.processF4Key,
+          F4: (ev) => this.processF4Key(ev),
           Tab: (ev) => this.processTabKey(ev, "right"),
           "Shift+Tab": (ev) => this.processTabKey(ev, "left"),
       };
@@ -32188,7 +32382,8 @@ stores.inject(MyMetaStore, storeInstance);
       processEscapeKey() {
           this.composerStore.cancelEdition();
       }
-      processF4Key() {
+      processF4Key(ev) {
+          ev.stopPropagation();
           this.composerStore.cycleReferences();
           this.processContent();
       }
@@ -34391,13 +34586,6 @@ stores.inject(MyMetaStore, storeInstance);
           this.getters = get(ModelStore).getters;
           this.renderer = get(RendererStore);
           this.renderer.register(this);
-          /**
-           * Mark the instance as raw to avoid reactivity as this class is instanciated
-           * as a Store by `useGridDrawing` (which casts it as reactive).
-           *
-           * Calling `this.` on a reactive instance is significantly slower than on a raw object.
-           */
-          owl.markRaw(this);
       }
       get renderingLayers() {
           return ["Background", "Headers"];
@@ -35027,7 +35215,7 @@ stores.inject(MyMetaStore, storeInstance);
   function useGridDrawing(refName, model, canvasSize) {
       const canvasRef = owl.useRef(refName);
       owl.useEffect(drawGrid);
-      const rendererManager = useStore(RendererStore);
+      const rendererStore = useStore(RendererStore);
       useStore(GridRenderer);
       function drawGrid() {
           const canvas = canvasRef.el;
@@ -35055,7 +35243,11 @@ stores.inject(MyMetaStore, storeInstance);
           ctx.scale(dpr, dpr);
           for (const layer of OrderedLayers()) {
               model.drawLayer(renderingContext, layer);
-              rendererManager.drawLayer(renderingContext, layer);
+              // @ts-ignore 'drawLayer' is not declated as a mutator because:
+              // it does not mutate anything. Most importantly it's used
+              // during rendering. Invoking a mutator during rendering would
+              // trigger another rendering, ultimately resulting in an infinite loop.
+              rendererStore.drawLayer(renderingContext, layer);
           }
       }
   }
@@ -35457,6 +35649,7 @@ stores.inject(MyMetaStore, storeInstance);
   }
 
   class SidePanelStore extends SpreadsheetStore {
+      mutators = ["open", "toggle", "close"];
       initialPanelProps = {};
       componentTag = "";
       get isOpen() {
@@ -40983,12 +41176,6 @@ stores.inject(MyMetaStore, storeInstance);
                   // detect when an argument need to be evaluated as a meta argument
                   const isMeta = argTypes.includes("META");
                   const hasRange = argTypes.some((t) => isRangeType(t));
-                  const isRangeOnly = argTypes.every((t) => isRangeType(t));
-                  if (isRangeOnly) {
-                      if (!isRangeInput(currentArg)) {
-                          throw new BadExpressionError(_t("Function %s expects the parameter %s to be reference to a cell or range, not a %s.", functionName, (i + 1).toString(), currentArg.type.toLowerCase()));
-                      }
-                  }
                   compiledArgs.push(compileAST(currentArg, isMeta, hasRange, {
                       functionName,
                       paramIndex: i + 1,
@@ -41159,16 +41346,6 @@ stores.inject(MyMetaStore, storeInstance);
   function isRangeType(type) {
       return type.startsWith("RANGE");
   }
-  function isRangeInput(arg) {
-      if (arg.type === "REFERENCE") {
-          return true;
-      }
-      if (arg.type === "FUNCALL") {
-          const fnDef = functions$1[arg.value.toUpperCase()];
-          return fnDef && isRangeType(fnDef.returns[0]);
-      }
-      return false;
-  }
 
   const functions = functionRegistry.content;
   function isExportableToExcel(tokens) {
@@ -43285,7 +43462,12 @@ stores.inject(MyMetaStore, storeInstance);
        * if they have at least a common cell
        */
       doesIntersectMerge(sheetId, zone) {
-          return positions(zone).some(({ col, row }) => this.getMerge({ sheetId, col, row }) !== undefined);
+          for (const merge of this.getMerges(sheetId)) {
+              if (overlap(zone, merge)) {
+                  return true;
+              }
+          }
+          return false;
       }
       /**
        * Returns true if two columns have at least one merge in common
@@ -43901,6 +44083,9 @@ stores.inject(MyMetaStore, storeInstance);
           if (range.invalidXc) {
               return range.invalidXc;
           }
+          if (!this.getters.tryGetSheet(range.sheetId)) {
+              return CellErrorType.InvalidReference;
+          }
           if (range.zone.bottom - range.zone.top < 0 || range.zone.right - range.zone.left < 0) {
               return CellErrorType.InvalidReference;
           }
@@ -47285,7 +47470,6 @@ stores.inject(MyMetaStore, storeInstance);
    *
    */
   class SpreadingRelation {
-      createEmptyPositionSet;
       /**
        * Internal structure:
        * For something like
@@ -47316,9 +47500,6 @@ stores.inject(MyMetaStore, storeInstance);
        */
       resultsToArrayFormulas = new PositionMap();
       arrayFormulasToResults = new PositionMap();
-      constructor(createEmptyPositionSet) {
-          this.createEmptyPositionSet = createEmptyPositionSet;
-      }
       getFormulaPositionsSpreadingOn(resultPosition) {
           return this.resultsToArrayFormulas.get(resultPosition) || EMPTY_ARRAY;
       }
@@ -47337,13 +47518,13 @@ stores.inject(MyMetaStore, storeInstance);
        */
       addRelation({ arrayFormulaPosition, resultPosition, }) {
           if (!this.resultsToArrayFormulas.has(resultPosition)) {
-              this.resultsToArrayFormulas.set(resultPosition, this.createEmptyPositionSet());
+              this.resultsToArrayFormulas.set(resultPosition, []);
           }
-          this.resultsToArrayFormulas.get(resultPosition)?.add(arrayFormulaPosition);
+          this.resultsToArrayFormulas.get(resultPosition)?.push(arrayFormulaPosition);
           if (!this.arrayFormulasToResults.has(arrayFormulaPosition)) {
-              this.arrayFormulasToResults.set(arrayFormulaPosition, this.createEmptyPositionSet());
+              this.arrayFormulasToResults.set(arrayFormulaPosition, []);
           }
-          this.arrayFormulasToResults.get(arrayFormulaPosition)?.add(resultPosition);
+          this.arrayFormulasToResults.get(arrayFormulaPosition)?.push(resultPosition);
       }
       hasArrayFormulaResult(position) {
           return this.resultsToArrayFormulas.has(position);
@@ -47364,7 +47545,7 @@ stores.inject(MyMetaStore, storeInstance);
       evaluatedCells = new PositionMap();
       formulaDependencies = lazy(new FormulaDependencyGraph(this.createEmptyPositionSet.bind(this)));
       blockedArrayFormulas = new PositionSet({});
-      spreadingRelations = new SpreadingRelation(this.createEmptyPositionSet.bind(this));
+      spreadingRelations = new SpreadingRelation();
       constructor(context, getters) {
           this.context = context;
           this.getters = getters;
@@ -47441,7 +47622,7 @@ stores.inject(MyMetaStore, storeInstance);
       }
       buildDependencyGraph() {
           this.blockedArrayFormulas = this.createEmptyPositionSet();
-          this.spreadingRelations = new SpreadingRelation(this.createEmptyPositionSet.bind(this));
+          this.spreadingRelations = new SpreadingRelation();
           this.formulaDependencies = lazy(() => {
               const dependencies = [...this.getAllCells()].flatMap((position) => this.getDirectDependencies(position)
                   .filter((range) => !range.invalidSheetName && !range.invalidXc)
@@ -47930,16 +48111,22 @@ stores.inject(MyMetaStore, storeInstance);
               let newContent = undefined;
               let newFormat = undefined;
               let isExported = true;
+              const exportedSheetData = data.sheets.find((sheet) => sheet.id === position.sheetId);
               const formulaCell = this.getCorrespondingFormulaCell(position);
               if (formulaCell) {
                   isExported = isExportableToExcel(formulaCell.compiledFormula.tokens);
                   isFormula = isExported;
                   if (!isExported) {
-                      newContent = (value ?? "").toString();
-                      newFormat = evaluatedCell.format;
+                      // If the cell contains a non-exported formula and that is evaluates to
+                      // nothing* ,we don't export it.
+                      // * non-falsy value are relevant and so are 0 and FALSE, which only leaves
+                      // the empty string.
+                      if (value !== "") {
+                          newContent = (value ?? "").toString();
+                          newFormat = evaluatedCell.format;
+                      }
                   }
               }
-              const exportedSheetData = data.sheets.find((sheet) => sheet.id === position.sheetId);
               const exportedCellData = exportedSheetData.cells[xc] || {};
               const format = newFormat
                   ? getItemId(newFormat, data.formats)
@@ -49605,62 +49792,6 @@ stores.inject(MyMetaStore, storeInstance);
       }
   }
 
-  /**
-   * This is a generic event bus based on the Owl event bus.
-   * This bus however ensures type safety across events and subscription callbacks.
-   */
-  class EventBus {
-      subscriptions = {};
-      /**
-       * Add a listener for the 'eventType' events.
-       *
-       * Note that the 'owner' of this event can be anything, but will more likely
-       * be a component or a class. The idea is that the callback will be called with
-       * the proper owner bound.
-       *
-       * Also, the owner should be kind of unique. This will be used to remove the
-       * listener.
-       */
-      on(type, owner, callback) {
-          if (!callback) {
-              throw new Error("Missing callback");
-          }
-          if (!this.subscriptions[type]) {
-              this.subscriptions[type] = [];
-          }
-          this.subscriptions[type].push({
-              owner,
-              callback,
-          });
-      }
-      /**
-       * Emit an event of type 'eventType'.  Any extra arguments will be passed to
-       * the listeners callback.
-       */
-      trigger(type, payload) {
-          const subs = this.subscriptions[type] || [];
-          for (let i = 0, iLen = subs.length; i < iLen; i++) {
-              const sub = subs[i];
-              sub.callback.call(sub.owner, payload);
-          }
-      }
-      /**
-       * Remove a listener
-       */
-      off(eventType, owner) {
-          const subs = this.subscriptions[eventType];
-          if (subs) {
-              this.subscriptions[eventType] = subs.filter((s) => s.owner !== owner);
-          }
-      }
-      /**
-       * Remove all subscriptions.
-       */
-      clear() {
-          this.subscriptions = {};
-      }
-  }
-
   /*
    * This file contains the specifics transformations
    */
@@ -51985,7 +52116,7 @@ stores.inject(MyMetaStore, storeInstance);
       paintFormatStatus = "inactive";
       originSheetId;
       copiedData;
-      _isCutOperation;
+      _isCutOperation = false;
       // ---------------------------------------------------------------------------
       // Command Handling
       // ---------------------------------------------------------------------------
@@ -51997,14 +52128,17 @@ stores.inject(MyMetaStore, storeInstance);
               case "PASTE_FROM_OS_CLIPBOARD": {
                   const copiedData = this.convertOSClipboardData(cmd.text);
                   const pasteOption = cmd.pasteOption || (this.paintFormatStatus !== "inactive" ? "onlyFormat" : undefined);
-                  return this.isPasteAllowed(cmd.target, copiedData, { pasteOption });
+                  return this.isPasteAllowed(cmd.target, copiedData, { pasteOption, isCutOperation: false });
               }
               case "PASTE": {
                   if (!this.copiedData) {
                       return "EmptyClipboard" /* CommandResult.EmptyClipboard */;
                   }
                   const pasteOption = cmd.pasteOption || (this.paintFormatStatus !== "inactive" ? "onlyFormat" : undefined);
-                  return this.isPasteAllowed(cmd.target, this.copiedData, { pasteOption });
+                  return this.isPasteAllowed(cmd.target, this.copiedData, {
+                      pasteOption: pasteOption,
+                      isCutOperation: this._isCutOperation,
+                  });
               }
               case "COPY_PASTE_CELLS_ABOVE": {
                   const zones = this.getters.getSelectedZones();
@@ -52022,13 +52156,13 @@ stores.inject(MyMetaStore, storeInstance);
               }
               case "INSERT_CELL": {
                   const { cut, paste } = this.getInsertCellsTargets(cmd.zone, cmd.shiftDimension);
-                  const copiedData = this.copy("CUT", cut);
-                  return this.isPasteAllowed(paste, copiedData, {});
+                  const copiedData = this.copy(cut);
+                  return this.isPasteAllowed(paste, copiedData, { isCutOperation: true });
               }
               case "DELETE_CELL": {
                   const { cut, paste } = this.getDeleteCellsTargets(cmd.zone, cmd.shiftDimension);
-                  const copiedData = this.copy("CUT", cut);
-                  return this.isPasteAllowed(paste, copiedData, {});
+                  const copiedData = this.copy(cut);
+                  return this.isPasteAllowed(paste, copiedData, { isCutOperation: true });
               }
               case "ACTIVATE_PAINT_FORMAT": {
                   if (this.paintFormatStatus !== "inactive") {
@@ -52046,23 +52180,27 @@ stores.inject(MyMetaStore, storeInstance);
                   const zones = this.getters.getSelectedZones();
                   this.status = "visible";
                   this.originSheetId = this.getters.getActiveSheetId();
-                  this.copiedData = this.copy(cmd.type, zones);
+                  this.copiedData = this.copy(zones);
+                  this._isCutOperation = cmd.type === "CUT";
                   break;
               case "PASTE_FROM_OS_CLIPBOARD": {
+                  this._isCutOperation = false;
                   this.copiedData = this.convertOSClipboardData(cmd.text);
                   const pasteOption = cmd.pasteOption || (this.paintFormatStatus !== "inactive" ? "onlyFormat" : undefined);
-                  this.paste(cmd.target, {
+                  this.paste(cmd.target, this.copiedData, {
                       pasteOption,
                       selectTarget: true,
+                      isCutOperation: false,
                   });
                   this.status = "invisible";
                   break;
               }
               case "PASTE": {
                   const pasteOption = cmd.pasteOption || (this.paintFormatStatus !== "inactive" ? "onlyFormat" : undefined);
-                  this.paste(cmd.target, {
+                  this.paste(cmd.target, this.copiedData, {
                       pasteOption,
                       selectTarget: true,
+                      isCutOperation: this._isCutOperation,
                   });
                   if (this.paintFormatStatus === "oneOff") {
                       this.paintFormatStatus = "inactive";
@@ -52083,9 +52221,9 @@ stores.inject(MyMetaStore, storeInstance);
                           top: multipleRowsInSelection ? zone.top : zone.top - 1,
                       };
                       this.originSheetId = this.getters.getActiveSheetId();
-                      this.copiedData = this.copy("COPY", [copyTarget]);
-                      this.paste([zone], {
-                          pasteOption: undefined,
+                      const copiedData = this.copy([copyTarget]);
+                      this.paste([zone], copiedData, {
+                          isCutOperation: false,
                           selectTarget: true,
                       });
                   }
@@ -52100,9 +52238,9 @@ stores.inject(MyMetaStore, storeInstance);
                           left: multipleColsInSelection ? zone.left : zone.left - 1,
                       };
                       this.originSheetId = this.getters.getActiveSheetId();
-                      this.copiedData = this.copy("COPY", [copyTarget]);
-                      this.paste([zone], {
-                          pasteOption: undefined,
+                      const copiedData = this.copy([copyTarget]);
+                      this.paste([zone], copiedData, {
+                          isCutOperation: false,
                           selectTarget: true,
                       });
                   }
@@ -52118,20 +52256,20 @@ stores.inject(MyMetaStore, storeInstance);
                       }
                       break;
                   }
-                  this.copiedData = this.copy("CUT", cut);
-                  this.paste(paste, {});
+                  const copiedData = this.copy(cut);
+                  this.paste(paste, copiedData, { isCutOperation: true });
                   break;
               }
               case "INSERT_CELL": {
                   const { cut, paste } = this.getInsertCellsTargets(cmd.zone, cmd.shiftDimension);
-                  this.copiedData = this.copy("CUT", cut);
-                  this.paste(paste, {});
+                  const copiedData = this.copy(cut);
+                  this.paste(paste, copiedData, { isCutOperation: true });
                   break;
               }
               case "ADD_COLUMNS_ROWS": {
                   this.status = "invisible";
                   // If we add a col/row inside or before the cut area, we invalidate the clipboard
-                  if (this._isCutOperation !== true) {
+                  if (this._isCutOperation !== true || cmd.sheetId !== this.copiedData?.sheetId) {
                       return;
                   }
                   const isClipboardDirty = this.isColRowDirtyingClipboard(cmd.position === "before" ? cmd.base : cmd.base + 1, cmd.dimension);
@@ -52143,7 +52281,7 @@ stores.inject(MyMetaStore, storeInstance);
               case "REMOVE_COLUMNS_ROWS": {
                   this.status = "invisible";
                   // If we remove a col/row inside or before the cut area, we invalidate the clipboard
-                  if (this._isCutOperation !== true) {
+                  if (this._isCutOperation !== true || cmd.sheetId !== this.copiedData?.sheetId) {
                       return;
                   }
                   for (let el of cmd.elements) {
@@ -52157,7 +52295,8 @@ stores.inject(MyMetaStore, storeInstance);
                   break;
               }
               case "REPEAT_PASTE": {
-                  this.paste(cmd.target, {
+                  this.paste(cmd.target, this.copiedData, {
+                      isCutOperation: false,
                       pasteOption: cmd.pasteOption,
                       selectTarget: true,
                   });
@@ -52165,7 +52304,7 @@ stores.inject(MyMetaStore, storeInstance);
               }
               case "ACTIVATE_PAINT_FORMAT": {
                   const zones = this.getters.getSelectedZones();
-                  this.copiedData = this.copy("COPY", zones);
+                  this.copiedData = this.copy(zones);
                   this.status = "visible";
                   if (cmd.persistent) {
                       this.paintFormatStatus = "persistent";
@@ -52196,7 +52335,6 @@ stores.inject(MyMetaStore, storeInstance);
           }
       }
       convertOSClipboardData(clipboardData) {
-          this._isCutOperation = false;
           const handlers = clipboardHandlersRegistries.figureHandlers
               .getAll()
               .map((handler) => new handler(this.getters, this.dispatch));
@@ -52234,7 +52372,6 @@ stores.inject(MyMetaStore, storeInstance);
           for (const handler of this.selectClipboardHandlers(copiedData)) {
               const result = handler.isPasteAllowed(this.getters.getActiveSheetId(), target, copiedData, {
                   ...options,
-                  isCutOperation: this.isCutOperation(),
               });
               if (result !== "Success" /* CommandResult.Success */) {
                   return result;
@@ -52257,9 +52394,8 @@ stores.inject(MyMetaStore, storeInstance);
           }
           return false;
       }
-      copy(operation, zones) {
+      copy(zones) {
           let copiedData = {};
-          this._isCutOperation = operation === "CUT";
           const clipboardData = this.getClipboardData(zones);
           for (const handler of this.selectClipboardHandlers(clipboardData)) {
               const data = handler.copy(clipboardData);
@@ -52267,8 +52403,8 @@ stores.inject(MyMetaStore, storeInstance);
           }
           return copiedData;
       }
-      paste(zones, options) {
-          if (!this.copiedData) {
+      paste(zones, copiedData, options) {
+          if (!copiedData) {
               return;
           }
           let zone = undefined;
@@ -52276,12 +52412,9 @@ stores.inject(MyMetaStore, storeInstance);
           let target = {
               zones,
           };
-          const handlers = this.selectClipboardHandlers(this.copiedData);
+          const handlers = this.selectClipboardHandlers(copiedData);
           for (const handler of handlers) {
-              const currentTarget = handler.getPasteTarget(zones, this.copiedData, {
-                  ...options,
-                  isCutOperation: this.isCutOperation(),
-              });
+              const currentTarget = handler.getPasteTarget(zones, copiedData, options);
               if (currentTarget.figureId) {
                   target.figureId = currentTarget.figureId;
               }
@@ -52297,7 +52430,7 @@ stores.inject(MyMetaStore, storeInstance);
           if (zone !== undefined) {
               this.addMissingDimensions(this.getters.getActiveSheetId(), zone.right - zone.left + 1, zone.bottom - zone.top + 1, zone.left, zone.top);
           }
-          handlers.forEach((handler) => handler.paste(target, this.copiedData, { ...options, isCutOperation: this.isCutOperation() }));
+          handlers.forEach((handler) => handler.paste(target, copiedData, options));
           if (!options?.selectTarget) {
               return;
           }
@@ -54767,6 +54900,7 @@ stores.inject(MyMetaStore, storeInstance);
       sheetDivRef = owl.useRef("sheetDiv");
       sheetNameRef = owl.useRef("sheetNameSpan");
       editionState = "initializing";
+      DOMFocusableElementStore;
       setup() {
           owl.onMounted(() => {
               if (this.isSheetActive) {
@@ -54779,6 +54913,7 @@ stores.inject(MyMetaStore, storeInstance);
                   this.focusInputAndSelectContent();
               }
           });
+          this.DOMFocusableElementStore = useStore(DOMFocusableElementStore);
       }
       focusInputAndSelectContent() {
           if (!this.state.isEditing || !this.sheetNameRef.el)
@@ -54820,9 +54955,11 @@ stores.inject(MyMetaStore, storeInstance);
           if (ev.key === "Enter") {
               ev.preventDefault();
               this.stopEdition();
+              this.DOMFocusableElementStore.focus();
           }
           if (ev.key === "Escape") {
               this.cancelEdition();
+              this.DOMFocusableElementStore.focus();
           }
       }
       onClickSheetName(ev) {
@@ -56778,16 +56915,25 @@ stores.inject(MyMetaStore, storeInstance);
               }
           }, () => [this.env.model.getters.getActiveSheetId()]);
           owl.useExternalListener(window, "resize", () => this.render(true));
+          // For some reason, the wheel event is not properly registered inside templates
+          // in Chromium-based browsers based on chromium 125
+          // This hack ensures the event declared in the template is properly registered/working
+          owl.useExternalListener(document.body, "wheel", () => { });
           this.bindModelEvents();
           owl.onWillUpdateProps((nextProps) => {
               if (nextProps.model !== this.props.model) {
                   throw new Error("Changing the props model is not supported at the moment.");
               }
           });
+          const render = batched(this.render.bind(this, true));
           owl.onMounted(() => {
               this.checkViewportSize();
+              stores.on("store-updated", this, render);
+          });
+          owl.onWillUnmount(() => {
+              this.unbindModelEvents();
+              stores.off("store-updated", this);
           });
-          owl.onWillUnmount(() => this.unbindModelEvents());
           owl.onPatched(() => {
               this.checkViewportSize();
           });
@@ -59536,7 +59682,11 @@ stores.inject(MyMetaStore, storeInstance);
                   let cellNode = escapeXml ``;
                   // Either formula or static value inside the cell
                   if (cell.isFormula) {
-                      ({ attrs: additionalAttrs, node: cellNode } = addFormula(cell));
+                      const res = addFormula(cell);
+                      if (!res) {
+                          continue;
+                      }
+                      ({ attrs: additionalAttrs, node: cellNode } = res);
                   }
                   else if (cell.content && isMarkdownLink(cell.content)) {
                       const { label } = parseMarkdownLink(cell.content);
@@ -60616,9 +60766,9 @@ stores.inject(MyMetaStore, storeInstance);
   exports.tokenize = tokenize;
 
 
-  __info__.version = "17.2.7";
-  __info__.date = "2024-05-15T09:20:44.429Z";
-  __info__.hash = "57e89fa";
+  __info__.version = "17.2.9";
+  __info__.date = "2024-06-03T14:56:21.684Z";
+  __info__.hash = "086af6d";
 
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);