@odoo/o-spreadsheet 18.2.0-alpha.7 → 18.2.0

package/dist/o-spreadsheet.iife.js

@@ -2,9 +2,9 @@
 /**
  * This file is generated by o-spreadsheet build tools. Do not edit it.
  * @see https://github.com/odoo/o-spreadsheet
- * @version 18.2.0-alpha.7
- * @date 2025-02-10T09:01:19.353Z
- * @hash 0432f17
+ * @version 18.2.0
+ * @date 2025-02-18T08:27:07.101Z
+ * @hash d708714
  */
 
 (function (exports, owl) {
@@ -2230,17 +2230,7 @@
    */
   function toUnboundedZone(xc) {
       const zone = toZoneWithoutBoundaryChanges(xc);
-      if (zone.right !== undefined && zone.right < zone.left) {
-          const tmp = zone.left;
-          zone.left = zone.right;
-          zone.right = tmp;
-      }
-      if (zone.bottom !== undefined && zone.bottom < zone.top) {
-          const tmp = zone.top;
-          zone.top = zone.bottom;
-          zone.bottom = tmp;
-      }
-      return zone;
+      return reorderZone(zone);
   }
   /**
    * Convert from a cartesian reference to a Zone.
@@ -2514,11 +2504,11 @@
       return positions;
   }
   function reorderZone(zone) {
-      if (zone.left > zone.right) {
-          zone = { left: zone.right, right: zone.left, top: zone.top, bottom: zone.bottom };
+      if (zone.right !== undefined && zone.left > zone.right) {
+          zone = { ...zone, left: zone.right, right: zone.left };
       }
-      if (zone.top > zone.bottom) {
-          zone = { left: zone.left, right: zone.right, top: zone.bottom, bottom: zone.top };
+      if (zone.bottom !== undefined && zone.top > zone.bottom) {
+          zone = { ...zone, top: zone.bottom, bottom: zone.top };
       }
       return zone;
   }
@@ -3423,12 +3413,12 @@
   function isRangeDependant(cmd) {
       return "ranges" in cmd;
   }
-  function isZoneDependent(cmd) {
-      return "zone" in cmd;
-  }
   function isPositionDependent(cmd) {
       return "col" in cmd && "row" in cmd && "sheetId" in cmd;
   }
+  function isZoneDependent(cmd) {
+      return "sheetId" in cmd && "zone" in cmd;
+  }
   const invalidateEvaluationCommands = new Set([
       "RENAME_SHEET",
       "DELETE_SHEET",
@@ -3440,6 +3430,7 @@
       "REDO",
       "ADD_MERGE",
       "REMOVE_MERGE",
+      "DUPLICATE_SHEET",
       "UPDATE_LOCALE",
       "ADD_PIVOT",
       "UPDATE_PIVOT",
@@ -3469,7 +3460,6 @@
   ]);
   const invalidateDependenciesCommands = new Set(["MOVE_RANGES"]);
   const invalidateCFEvaluationCommands = new Set([
-      "DUPLICATE_SHEET",
       "EVALUATE_CELLS",
       "ADD_CONDITIONAL_FORMAT",
       "REMOVE_CONDITIONAL_FORMAT",
@@ -3639,6 +3629,7 @@
       CommandResult["InvalidRange"] = "InvalidRange";
       CommandResult["InvalidZones"] = "InvalidZones";
       CommandResult["InvalidSheetId"] = "InvalidSheetId";
+      CommandResult["InvalidCellId"] = "InvalidCellId";
       CommandResult["InvalidFigureId"] = "InvalidFigureId";
       CommandResult["InputAlreadyFocused"] = "InputAlreadyFocused";
       CommandResult["MaximumRangesReached"] = "MaximumRangesReached";
@@ -6489,6 +6480,33 @@
    * https://stackoverflow.com/questions/105034/create-guid-uuid-in-javascript
    * */
   class UuidGenerator {
+      /**
+       * Generates a custom UUID using a simple 36^12 method (8-character alphanumeric string with lowercase letters)
+       * This has a higher chance of collision than a UUIDv4, but not only faster to generate than an UUIDV4,
+       * it also has a smaller size, which is preferable to alleviate the overall data size.
+       *
+       * This method is preferable when generating uuids for the core data (sheetId, figureId, etc)
+       * as they will appear several times in the revisions and local history.
+       *
+       */
+      smallUuid() {
+          //@ts-ignore
+          if (window.crypto && window.crypto.getRandomValues) {
+              //@ts-ignore
+              return ([1e7] + -1e3).replace(/[018]/g, (c) => (c ^ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))).toString(16));
+          }
+          else {
+              // mainly for jest and other browsers that do not have the crypto functionality
+              return "xxxxxxxx-xxxx".replace(/[xy]/g, function (c) {
+                  const r = (Math.random() * 16) | 0, v = c == "x" ? r : (r & 0x3) | 0x8;
+                  return v.toString(16);
+              });
+          }
+      }
+      /**
+       * Generates an UUIDV4, has astronomically low chance of collision, but is larger in size than the smallUuid.
+       * This method should be used when you need to avoid collisions at all costs, like the id of a revision.
+       */
       uuidv4() {
           //@ts-ignore
           if (window.crypto && window.crypto.getRandomValues) {
@@ -8524,7 +8542,7 @@
           };
       }
       getPasteTarget(sheetId, target, content, options) {
-          const newId = new UuidGenerator().uuidv4();
+          const newId = new UuidGenerator().smallUuid();
           return { zones: [], figureId: newId, sheetId };
       }
       paste(target, clippedContent, options) {
@@ -8690,7 +8708,7 @@
           if (!targetCF && queuedCfs) {
               targetCF = queuedCfs.find((queued) => queued.cf.stopIfTrue === originCF.stopIfTrue && deepEquals(queued.cf.rule, originCF.rule))?.cf;
           }
-          return targetCF || { ...originCF, id: this.uuidGenerator.uuidv4(), ranges: [] };
+          return targetCF || { ...originCF, id: this.uuidGenerator.smallUuid(), ranges: [] };
       }
   }
 
@@ -8783,7 +8801,7 @@
           }
           return (targetRule || {
               ...originRule,
-              id: newId ? this.uuidGenerator.uuidv4() : originRule.id,
+              id: newId ? this.uuidGenerator.smallUuid() : originRule.id,
               ranges: [],
           });
       }
@@ -8845,7 +8863,7 @@
           };
       }
       getPasteTarget(sheetId, target, content, options) {
-          const newId = new UuidGenerator().uuidv4();
+          const newId = new UuidGenerator().smallUuid();
           return { sheetId, zones: [], figureId: newId };
       }
       paste(target, clippedContent, options) {
@@ -10180,9 +10198,6 @@ stores.inject(MyMetaStore, storeInstance);
       font-size: 12px;
       background-color: #fff;
       z-index: ${ComponentsImportance.FigureTooltip};
-      table td span {
-        box-sizing: border-box;
-      }
     }
   }
 `;
@@ -12213,6 +12228,25 @@ stores.inject(MyMetaStore, storeInstance);
       isExported: true,
   };
   // -----------------------------------------------------------------------------
+  // LOG
+  // -----------------------------------------------------------------------------
+  const LOG = {
+      description: _t("The logarithm of a number, for a given base."),
+      args: [
+          arg("value (number)", _t("The value for which to calculate the logarithm.")),
+          arg("base (number, default=10)", _t("The base of the logarithm.")),
+      ],
+      compute: function (value, base = { value: 10 }) {
+          const _value = toNumber(value, this.locale);
+          const _base = toNumber(base, this.locale);
+          assert(() => _value > 0, _t("The value (%s) must be strictly positive.", _value.toString()));
+          assert(() => _base > 0, _t("The base (%s) must be strictly positive.", _base.toString()));
+          assert(() => _base !== 1, _t("The base must be different from 1."));
+          return Math.log10(_value) / Math.log10(_base);
+      },
+      isExported: true,
+  };
+  // -----------------------------------------------------------------------------
   // MOD
   // -----------------------------------------------------------------------------
   function mod(dividend, divisor) {
@@ -12752,6 +12786,7 @@ stores.inject(MyMetaStore, storeInstance);
     ISODD: ISODD,
     ISO_CEILING: ISO_CEILING,
     LN: LN,
+    LOG: LOG,
     MOD: MOD,
     MUNIT: MUNIT,
     ODD: ODD,
@@ -15286,7 +15321,7 @@ stores.inject(MyMetaStore, storeInstance);
               }
           }
       },
-      isExported: true,
+      isExported: false,
   };
   // -----------------------------------------------------------------------------
   // UNIQUE
@@ -22874,6 +22909,10 @@ stores.inject(MyMetaStore, storeInstance);
   const DRAWING_NS_C = "http://schemas.openxmlformats.org/drawingml/2006/chart";
   const CONTENT_TYPES = {
       workbook: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet.main+xml",
+      macroEnabledWorkbook: "application/vnd.ms-excel.sheet.macroEnabled.main+xml",
+      templateWorkbook: "application/vnd.openxmlformats-officedocument.spreadsheetml.template.main+xml",
+      macroEnabledTemplateWorkbook: "application/vnd.ms-excel.template.macroEnabled.main+xml",
+      excelAddInWorkbook: "application/vnd.ms-excel.addin.macroEnabled.main+xml",
       sheet: "application/vnd.openxmlformats-officedocument.spreadsheetml.worksheet+xml",
       sharedStrings: "application/vnd.openxmlformats-officedocument.spreadsheetml.sharedStrings+xml",
       styles: "application/vnd.openxmlformats-officedocument.spreadsheetml.styles+xml",
@@ -26945,7 +26984,11 @@ stores.inject(MyMetaStore, storeInstance);
       buildXlsxFileStructure() {
           const xlsxFileStructure = {
               sheets: getXLSXFilesOfType(CONTENT_TYPES.sheet, this.xmls),
-              workbook: getXLSXFilesOfType(CONTENT_TYPES.workbook, this.xmls)[0],
+              workbook: getXLSXFilesOfType(CONTENT_TYPES.workbook, this.xmls)[0] ||
+                  getXLSXFilesOfType(CONTENT_TYPES.macroEnabledWorkbook, this.xmls)[0] ||
+                  getXLSXFilesOfType(CONTENT_TYPES.templateWorkbook, this.xmls)[0] ||
+                  getXLSXFilesOfType(CONTENT_TYPES.macroEnabledTemplateWorkbook, this.xmls)[0] ||
+                  getXLSXFilesOfType(CONTENT_TYPES.excelAddInWorkbook, this.xmls)[0],
               styles: getXLSXFilesOfType(CONTENT_TYPES.styles, this.xmls)[0],
               sharedStrings: getXLSXFilesOfType(CONTENT_TYPES.sharedStrings, this.xmls)[0],
               theme: getXLSXFilesOfType(CONTENT_TYPES.themes, this.xmls)[0],
@@ -27643,7 +27686,7 @@ stores.inject(MyMetaStore, storeInstance);
       for (const sheet of data.sheets || []) {
           for (const figure of sheet.figures || []) {
               if (figureIds.has(figure.id)) {
-                  figure.id += uuidGenerator.uuidv4();
+                  figure.id += uuidGenerator.smallUuid();
               }
               figureIds.add(figure.id);
           }
@@ -28227,9 +28270,7 @@ stores.inject(MyMetaStore, storeInstance);
       const labelValues = getChartLabelValues(getters, dataSets, labelRange);
       let labels = labelValues.formattedValues;
       let dataSetsValues = getChartDatasetValues(getters, dataSets);
-      if (definition.dataSetsHaveTitle &&
-          dataSetsValues[0] &&
-          labels.length > dataSetsValues[0].data.length) {
+      if (shouldRemoveFirstLabel(labelRange, dataSets[0], definition.dataSetsHaveTitle || false)) {
           labels.shift();
       }
       ({ labels, dataSetsValues } = filterInvalidDataPoints(labels, dataSetsValues));
@@ -28278,13 +28319,12 @@ stores.inject(MyMetaStore, storeInstance);
       };
   }
   function getLineChartData(definition, dataSets, labelRange, getters) {
-      const axisType = getChartAxisType(definition, labelRange, getters);
+      const axisType = getChartAxisType(definition, dataSets, labelRange, getters);
       const labelValues = getChartLabelValues(getters, dataSets, labelRange);
       let labels = axisType === "linear" ? labelValues.values : labelValues.formattedValues;
       let dataSetsValues = getChartDatasetValues(getters, dataSets);
-      if (definition.dataSetsHaveTitle &&
-          dataSetsValues[0] &&
-          labels.length > dataSetsValues[0].data.length) {
+      const removeFirstLabel = shouldRemoveFirstLabel(labelRange, dataSets[0], definition.dataSetsHaveTitle || false);
+      if (removeFirstLabel) {
           labels.shift();
       }
       ({ labels, dataSetsValues } = filterInvalidDataPoints(labels, dataSetsValues));
@@ -28296,7 +28336,7 @@ stores.inject(MyMetaStore, storeInstance);
       }
       const leftAxisFormat = getChartDatasetFormat(getters, dataSets, "left");
       const rightAxisFormat = getChartDatasetFormat(getters, dataSets, "right");
-      const labelsFormat = getChartLabelFormat(getters, labelRange);
+      const labelsFormat = getChartLabelFormat(getters, labelRange, removeFirstLabel);
       const axisFormats = { y: leftAxisFormat, y1: rightAxisFormat, x: labelsFormat };
       const trendDataSetsValues = [];
       for (const index in dataSetsValues) {
@@ -28332,9 +28372,7 @@ stores.inject(MyMetaStore, storeInstance);
       const labelValues = getChartLabelValues(getters, dataSets, labelRange);
       let labels = labelValues.formattedValues;
       let dataSetsValues = getChartDatasetValues(getters, dataSets);
-      if (definition.dataSetsHaveTitle &&
-          dataSetsValues[0] &&
-          labels.length > dataSetsValues[0].data.length) {
+      if (shouldRemoveFirstLabel(labelRange, dataSets[0], definition.dataSetsHaveTitle || false)) {
           labels.shift();
       }
       ({ labels, dataSetsValues } = filterInvalidDataPoints(labels, dataSetsValues));
@@ -28354,9 +28392,7 @@ stores.inject(MyMetaStore, storeInstance);
       const labelValues = getChartLabelValues(getters, dataSets, labelRange);
       let labels = labelValues.formattedValues;
       let dataSetsValues = getChartDatasetValues(getters, dataSets);
-      if (definition.dataSetsHaveTitle &&
-          dataSetsValues[0] &&
-          labels.length > dataSetsValues[0].data.length) {
+      if (shouldRemoveFirstLabel(labelRange, dataSets[0], definition.dataSetsHaveTitle || false)) {
           labels.shift();
       }
       ({ labels, dataSetsValues } = filterInvalidDataPoints(labels, dataSetsValues));
@@ -28376,7 +28412,7 @@ stores.inject(MyMetaStore, storeInstance);
   function getGeoChartData(definition, dataSets, labelRange, getters) {
       const labelValues = getChartLabelValues(getters, dataSets, labelRange);
       let labels = labelValues.formattedValues;
-      if (definition.dataSetsHaveTitle) {
+      if (shouldRemoveFirstLabel(labelRange, dataSets[0], definition.dataSetsHaveTitle || false)) {
           labels.shift();
       }
       let dataSetsValues = getChartDatasetValues(getters, dataSets);
@@ -28537,36 +28573,41 @@ stores.inject(MyMetaStore, storeInstance);
       }
       return { normalizedLabels, normalizedNewLabels };
   }
-  function getChartAxisType(chart, labelRange, getters) {
-      if (isDateChart(chart, labelRange, getters) && isLuxonTimeAdapterInstalled()) {
+  function getChartAxisType(definition, dataSets, labelRange, getters) {
+      if (isDateChart(definition, dataSets, labelRange, getters) && isLuxonTimeAdapterInstalled()) {
           return "time";
       }
-      if (isLinearChart(chart, labelRange, getters)) {
+      if (isLinearChart(definition, dataSets, labelRange, getters)) {
           return "linear";
       }
       return "category";
   }
-  function isDateChart(definition, labelRange, getters) {
-      return !definition.labelsAsText && canBeDateChart(labelRange, getters);
+  function isDateChart(definition, dataSets, labelRange, getters) {
+      return !definition.labelsAsText && canBeDateChart(definition, dataSets, labelRange, getters);
   }
-  function isLinearChart(definition, labelRange, getters) {
-      return !definition.labelsAsText && canBeLinearChart(labelRange, getters);
+  function isLinearChart(definition, dataSets, labelRange, getters) {
+      return !definition.labelsAsText && canBeLinearChart(definition, dataSets, labelRange, getters);
   }
-  function canChartParseLabels(labelRange, getters) {
-      return canBeDateChart(labelRange, getters) || canBeLinearChart(labelRange, getters);
+  function canChartParseLabels(definition, dataSets, labelRange, getters) {
+      return (canBeDateChart(definition, dataSets, labelRange, getters) ||
+          canBeLinearChart(definition, dataSets, labelRange, getters));
   }
-  function canBeDateChart(labelRange, getters) {
-      if (!labelRange || !canBeLinearChart(labelRange, getters)) {
+  function canBeDateChart(definition, dataSets, labelRange, getters) {
+      if (!labelRange || !canBeLinearChart(definition, dataSets, labelRange, getters)) {
           return false;
       }
-      const labelFormat = getChartLabelFormat(getters, labelRange);
+      const removeFirstLabel = shouldRemoveFirstLabel(labelRange, dataSets[0], definition.dataSetsHaveTitle || false);
+      const labelFormat = getChartLabelFormat(getters, labelRange, removeFirstLabel);
       return Boolean(labelFormat && timeFormatLuxonCompatible.test(labelFormat));
   }
-  function canBeLinearChart(labelRange, getters) {
+  function canBeLinearChart(definition, dataSets, labelRange, getters) {
       if (!labelRange) {
           return false;
       }
       const labels = getters.getRangeValues(labelRange);
+      if (shouldRemoveFirstLabel(labelRange, dataSets[0], definition.dataSetsHaveTitle || false)) {
+          labels.shift();
+      }
       if (labels.some((label) => isNaN(Number(label)) && label)) {
           return false;
       }
@@ -28675,17 +28716,15 @@ stores.inject(MyMetaStore, storeInstance);
           })),
       };
   }
-  function getChartLabelFormat(getters, range) {
+  function getChartLabelFormat(getters, range, shouldRemoveFirstLabel) {
       if (!range)
           return undefined;
-      const { sheetId, zone: { left, top, bottom }, } = range;
-      for (let row = top; row <= bottom; row++) {
-          const format = getters.getEvaluatedCell({ sheetId, col: left, row }).format;
-          if (format) {
-              return format;
-          }
+      const { sheetId, zone } = range;
+      const formats = positions(zone).map((position) => getters.getEvaluatedCell({ sheetId, ...position }).format);
+      if (shouldRemoveFirstLabel) {
+          formats.shift();
       }
-      return undefined;
+      return formats.find((format) => format !== undefined);
   }
   function getChartLabelValues(getters, dataSets, labelRange) {
       let labels = { values: [], formattedValues: [] };
@@ -28903,7 +28942,7 @@ stores.inject(MyMetaStore, storeInstance);
           const dataset = {
               label,
               data,
-              borderColor: BACKGROUND_CHART_COLOR,
+              borderColor: definition.background || "#FFFFFF",
               backgroundColor,
               hoverOffset: 30,
           };
@@ -32592,7 +32631,6 @@ stores.inject(MyMetaStore, storeInstance);
     border-left: 3px solid red;
     padding: 10px;
     width: ${ERROR_TOOLTIP_WIDTH}px;
-    box-sizing: border-box !important;
     overflow-wrap: break-word;
 
     .o-error-tooltip-message {
@@ -32675,7 +32713,6 @@ stores.inject(MyMetaStore, storeInstance);
       width: ${CHECKBOX_WIDTH}px;
       height: ${CHECKBOX_WIDTH}px;
       vertical-align: top;
-      box-sizing: border-box;
       outline: none;
       border: 1px solid ${GRAY_300};
       cursor: pointer;
@@ -32748,14 +32785,12 @@ stores.inject(MyMetaStore, storeInstance);
   const FILTER_MENU_HEIGHT = 295;
   const CSS = css /* scss */ `
   .o-filter-menu {
-    box-sizing: border-box;
     padding: 8px 16px;
     height: ${FILTER_MENU_HEIGHT}px;
     line-height: 1;
 
     .o-filter-menu-item {
       display: flex;
-      box-sizing: border-box;
       cursor: pointer;
       user-select: none;
 
@@ -32985,7 +33020,6 @@ stores.inject(MyMetaStore, storeInstance);
     justify-content: space-between;
     height: ${LINK_TOOLTIP_HEIGHT}px;
     width: ${LINK_TOOLTIP_WIDTH}px;
-    box-sizing: border-box !important;
 
     img {
       margin-right: 3px;
@@ -33102,7 +33136,7 @@ stores.inject(MyMetaStore, storeInstance);
   const deleteSheet = {
       name: _t("Delete"),
       isVisible: (env) => {
-          return env.model.getters.getSheetIds().length > 1;
+          return env.model.getters.getVisibleSheetIds().length > 1;
       },
       execute: (env) => env.askConfirmation(_t("Are you sure you want to delete this sheet?"), () => {
           env.model.dispatch("DELETE_SHEET", { sheetId: env.model.getters.getActiveSheetId() });
@@ -33113,7 +33147,7 @@ stores.inject(MyMetaStore, storeInstance);
       name: _t("Duplicate"),
       execute: (env) => {
           const sheetIdFrom = env.model.getters.getActiveSheetId();
-          const sheetIdTo = env.model.uuidGenerator.uuidv4();
+          const sheetIdTo = env.model.uuidGenerator.smallUuid();
           env.model.dispatch("DUPLICATE_SHEET", {
               sheetId: sheetIdFrom,
               sheetIdTo,
@@ -33402,11 +33436,9 @@ stores.inject(MyMetaStore, storeInstance);
     background-color: white;
     padding: ${MENU_VERTICAL_PADDING}px 0px;
     width: ${MENU_WIDTH}px;
-    box-sizing: border-box !important;
     user-select: none;
 
     .o-menu-item {
-      box-sizing: border-box;
       height: ${MENU_ITEM_HEIGHT}px;
       padding: ${MENU_ITEM_PADDING_VERTICAL}px ${MENU_ITEM_PADDING_HORIZONTAL}px;
       cursor: pointer;
@@ -33658,7 +33690,7 @@ stores.inject(MyMetaStore, storeInstance);
   const MENU_OFFSET_X = 320;
   const MENU_OFFSET_Y = 100;
   const PADDING = 12;
-  const LINK_EDITOR_WIDTH = 340;
+  const LINK_EDITOR_WIDTH = 340 + 2 * PADDING;
   css /* scss */ `
   .o-link-editor {
     font-size: 13px;
@@ -33682,7 +33714,6 @@ stores.inject(MyMetaStore, storeInstance);
       text-align: right;
     }
     input.o-input {
-      box-sizing: border-box;
       width: 100%;
       padding: 0 23px 4px 0;
     }
@@ -33910,20 +33941,21 @@ stores.inject(MyMetaStore, storeInstance);
       }
       // Only display legend for several datasets.
       const newLegendPos = dataSetZone.right === dataSetZone.left ? "none" : "top";
-      const labelRange = labelRangeXc ? getters.getRangeFromSheetXC(sheetId, labelRangeXc) : undefined;
-      if (canChartParseLabels(labelRange, getters)) {
-          return {
-              title: {},
-              dataSets,
-              labelsAsText: false,
-              stacked: false,
-              aggregated: false,
-              cumulative: false,
-              labelRange: labelRangeXc,
-              type: "line",
-              dataSetsHaveTitle,
-              legendPosition: newLegendPos,
-          };
+      const lineChartDefinition = {
+          title: {},
+          dataSets,
+          labelsAsText: false,
+          stacked: false,
+          aggregated: false,
+          cumulative: false,
+          labelRange: labelRangeXc,
+          type: "line",
+          dataSetsHaveTitle,
+          legendPosition: newLegendPos,
+      };
+      const chart = new LineChart(lineChartDefinition, sheetId, getters);
+      if (canChartParseLabels(lineChartDefinition, chart.dataSets, chart.labelRange, getters)) {
+          return lineChartDefinition;
       }
       const _dataSets = createDataSets(getters, dataSets, sheetId, dataSetsHaveTitle);
       if (singleColumn &&
@@ -34337,7 +34369,7 @@ stores.inject(MyMetaStore, storeInstance);
   //------------------------------------------------------------------------------
   const CREATE_CHART = (env) => {
       const getters = env.model.getters;
-      const id = env.model.uuidGenerator.uuidv4();
+      const id = env.model.uuidGenerator.smallUuid();
       const sheetId = getters.getActiveSheetId();
       if (getZoneArea(env.model.getters.getSelectedZone()) === 1) {
           env.model.selection.selectTableAroundSelection();
@@ -34360,8 +34392,8 @@ stores.inject(MyMetaStore, storeInstance);
   // Pivots
   //------------------------------------------------------------------------------
   const CREATE_PIVOT = (env) => {
-      const pivotId = env.model.uuidGenerator.uuidv4();
-      const newSheetId = env.model.uuidGenerator.uuidv4();
+      const pivotId = env.model.uuidGenerator.smallUuid();
+      const newSheetId = env.model.uuidGenerator.smallUuid();
       const result = env.model.dispatch("INSERT_NEW_PIVOT", { pivotId, newSheetId });
       if (result.isSuccessful) {
           env.openSidePanel("PivotSidePanel", { pivotId });
@@ -34420,7 +34452,7 @@ stores.inject(MyMetaStore, storeInstance);
   const CREATE_IMAGE = async (env) => {
       if (env.imageProvider) {
           const sheetId = env.model.getters.getActiveSheetId();
-          const figureId = env.model.uuidGenerator.uuidv4();
+          const figureId = env.model.uuidGenerator.smallUuid();
           const image = await requestImage(env);
           if (!image) {
               throw new Error("No image provider was given to the environment");
@@ -34973,7 +35005,7 @@ stores.inject(MyMetaStore, storeInstance);
               ranges,
               sheetId,
               rule: {
-                  id: env.model.uuidGenerator.uuidv4(),
+                  id: env.model.uuidGenerator.smallUuid(),
                   criterion: {
                       type: "isBoolean",
                       values: [],
@@ -34989,7 +35021,7 @@ stores.inject(MyMetaStore, storeInstance);
           const zones = env.model.getters.getSelectedZones();
           const sheetId = env.model.getters.getActiveSheetId();
           const ranges = zones.map((zone) => env.model.getters.getRangeDataFromZone(sheetId, zone));
-          const ruleID = env.model.uuidGenerator.uuidv4();
+          const ruleID = env.model.uuidGenerator.smallUuid();
           env.model.dispatch("ADD_DATA_VALIDATION_RULE", {
               ranges,
               sheetId,
@@ -35020,7 +35052,7 @@ stores.inject(MyMetaStore, storeInstance);
       execute: (env) => {
           const activeSheetId = env.model.getters.getActiveSheetId();
           const position = env.model.getters.getSheetIds().indexOf(activeSheetId) + 1;
-          const sheetId = env.model.uuidGenerator.uuidv4();
+          const sheetId = env.model.uuidGenerator.smallUuid();
           env.model.dispatch("CREATE_SHEET", { sheetId, position });
           env.model.dispatch("ACTIVATE_SHEET", { sheetIdFrom: activeSheetId, sheetIdTo: sheetId });
       },
@@ -37998,7 +38030,6 @@ stores.inject(MyMetaStore, storeInstance);
       }
     }
     .o-button {
-      height: 28px;
       flex-grow: 0;
     }
 
@@ -38555,8 +38586,8 @@ stores.inject(MyMetaStore, storeInstance);
       }
     }
     .o-color-picker-line-item {
-      width: ${ITEM_EDGE_LENGTH}px;
-      height: ${ITEM_EDGE_LENGTH}px;
+      width: ${ITEM_EDGE_LENGTH + 2 * ITEM_BORDER_WIDTH}px;
+      height: ${ITEM_EDGE_LENGTH + 2 * ITEM_BORDER_WIDTH}px;
       margin: 0px;
       border-radius: 50px;
       border: ${ITEM_BORDER_WIDTH}px solid #666666;
@@ -38579,7 +38610,6 @@ stores.inject(MyMetaStore, storeInstance);
         font-size: 14px;
         background: white;
         border-radius: 4px;
-        box-sizing: border-box;
         &:hover:enabled {
           background-color: rgba(0, 0, 0, 0.08);
         }
@@ -38606,7 +38636,6 @@ stores.inject(MyMetaStore, storeInstance);
       .o-gradient {
         margin-bottom: ${MAGNIFIER_EDGE / 2}px;
         border: ${ITEM_BORDER_WIDTH}px solid #c0c0c0;
-        box-sizing: border-box;
         width: ${INNER_GRADIENT_WIDTH + 2 * ITEM_BORDER_WIDTH}px;
         height: ${INNER_GRADIENT_HEIGHT + 2 * ITEM_BORDER_WIDTH}px;
         position: relative;
@@ -38615,7 +38644,6 @@ stores.inject(MyMetaStore, storeInstance);
       .magnifier {
         height: ${MAGNIFIER_EDGE}px;
         width: ${MAGNIFIER_EDGE}px;
-        box-sizing: border-box;
         border-radius: 50%;
         border: 2px solid #fff;
         box-shadow: 0px 0px 3px #c0c0c0;
@@ -38630,7 +38658,6 @@ stores.inject(MyMetaStore, storeInstance);
       }
       .o-hue-picker {
         border: ${ITEM_BORDER_WIDTH}px solid #c0c0c0;
-        box-sizing: border-box;
         width: 100%;
         height: 12px;
         border-radius: 4px;
@@ -38657,7 +38684,6 @@ stores.inject(MyMetaStore, storeInstance);
         padding: 2px 0px;
         display: flex;
         input {
-          box-sizing: border-box;
           width: 50%;
           border-radius: 4px;
           padding: 4px 23px 4px 10px;
@@ -38856,7 +38882,7 @@ stores.inject(MyMetaStore, storeInstance);
     .o-color-picker-button {
       > span {
         border-bottom: 4px solid;
-        height: 16px;
+        height: 20px;
         margin-top: 2px;
         display: block;
       }
@@ -38904,7 +38930,7 @@ stores.inject(MyMetaStore, storeInstance);
   .o-font-size-editor {
     height: calc(100% - 4px);
     input.o-font-size {
-      outline-color: ${SELECTION_BORDER_COLOR};
+      outline: none;
       height: 20px;
       width: 23px;
     }
@@ -39185,8 +39211,8 @@ stores.inject(MyMetaStore, storeInstance);
 `;
   css /* scss */ `
   .o-round-color-picker-button {
-    width: 18px;
-    height: 18px;
+    width: 20px;
+    height: 20px;
     cursor: pointer;
     border: 1px solid ${GRAY_300};
     background-position: 1px 1px;
@@ -39333,7 +39359,6 @@ stores.inject(MyMetaStore, storeInstance);
       width: 14px;
       height: 14px;
       border: 1px solid ${GRAY_300};
-      box-sizing: border-box;
       outline: none;
       border-radius: 8px;
 
@@ -40049,8 +40074,6 @@ stores.inject(MyMetaStore, storeInstance);
       word-break: break-all;
       padding-right: 2px;
 
-      box-sizing: border-box;
-
       caret-color: black;
       padding-left: 3px;
       padding-right: 3px;
@@ -40706,7 +40729,6 @@ stores.inject(MyMetaStore, storeInstance);
   .o-spreadsheet {
     .o-standalone-composer {
       min-height: 24px;
-      box-sizing: border-box;
 
       border-bottom: 1px solid;
       border-color: ${GRAY_300};
@@ -40808,7 +40830,6 @@ stores.inject(MyMetaStore, storeInstance);
     }
 
     td {
-      box-sizing: border-box;
       height: 30px;
       padding: 6px 0;
     }
@@ -40831,7 +40852,6 @@ stores.inject(MyMetaStore, storeInstance);
     select {
       width: 100%;
       height: 100%;
-      box-sizing: border-box;
     }
   }
 `;
@@ -41061,7 +41081,7 @@ stores.inject(MyMetaStore, storeInstance);
       get canTreatLabelsAsText() {
           const chart = this.env.model.getters.getChart(this.props.figureId);
           if (chart && chart instanceof LineChart) {
-              return canChartParseLabels(chart.labelRange, this.env.model.getters);
+              return canChartParseLabels(chart.getDefinition(), chart.dataSets, chart.labelRange, this.env.model.getters);
           }
           return false;
       }
@@ -41138,7 +41158,7 @@ stores.inject(MyMetaStore, storeInstance);
       get canTreatLabelsAsText() {
           const chart = this.env.model.getters.getChart(this.props.figureId);
           if (chart && chart instanceof ScatterChart) {
-              return canChartParseLabels(chart.labelRange, this.env.model.getters);
+              return canChartParseLabels(chart.getDefinition(), chart.dataSets, chart.labelRange, this.env.model.getters);
           }
           return false;
       }
@@ -41391,7 +41411,6 @@ stores.inject(MyMetaStore, storeInstance);
   }
 
   .o-popover .o-chart-select-popover {
-    box-sizing: border-box;
     background: #fff;
     .o-chart-type-item {
       cursor: pointer;
@@ -41691,7 +41710,7 @@ stores.inject(MyMetaStore, storeInstance);
     }
 
     border-bottom: 1px solid ${GRAY_300};
-    height: 60px;
+    height: 80px;
     padding: 10px;
     position: relative;
     cursor: pointer;
@@ -42425,7 +42444,7 @@ stores.inject(MyMetaStore, storeInstance);
           this.originalEditedCf = undefined;
       }
       addConditionalFormat() {
-          const cfId = this.env.model.uuidGenerator.uuidv4();
+          const cfId = this.env.model.uuidGenerator.smallUuid();
           this.env.model.dispatch("ADD_CONDITIONAL_FORMAT", {
               sheetId: this.activeSheetId,
               ranges: this.env.model.getters
@@ -43695,7 +43714,7 @@ stores.inject(MyMetaStore, storeInstance);
               .getSelectedZones()
               .map((zone) => zoneToXc(this.env.model.getters.getUnboundedZone(sheetId, zone)));
           return {
-              id: this.env.model.uuidGenerator.uuidv4(),
+              id: this.env.model.uuidGenerator.smallUuid(),
               criterion: { type: "textContains", values: [""] },
               ranges,
           };
@@ -43712,7 +43731,6 @@ stores.inject(MyMetaStore, storeInstance);
   .o-sidePanel {
     .o-dv-preview {
       height: 70px;
-      box-sizing: border-box;
       cursor: pointer;
       border-bottom: 1px solid ${FIGURE_BORDER_COLOR};
 
@@ -44328,7 +44346,7 @@ stores.inject(MyMetaStore, storeInstance);
   css /* scss */ `
   .o-more-formats-panel {
     .format-preview {
-      height: 48px;
+      height: 49px;
       background-color: white;
       cursor: pointer;
 
@@ -44500,7 +44518,6 @@ stores.inject(MyMetaStore, storeInstance);
   .o-sidePanel {
     .o-pivot-measure-display-field,
     .o-pivot-measure-display-value {
-      box-sizing: border-box;
       border: solid 1px ${GRAY_300};
       border-radius: 3px;
     }
@@ -44543,7 +44560,7 @@ stores.inject(MyMetaStore, storeInstance);
 
   css /* scss */ `
   .pivot-defer-update {
-    min-height: 35px;
+    min-height: 40px;
   }
 `;
   class PivotDeferUpdate extends owl.Component {
@@ -44689,7 +44706,6 @@ stores.inject(MyMetaStore, storeInstance);
   css /* scss */ `
   .o-spreadsheet {
     .os-input {
-      box-sizing: border-box;
       border-width: 0 0 1px 0;
       border-color: transparent;
       outline: none;
@@ -45313,8 +45329,8 @@ stores.inject(MyMetaStore, storeInstance);
           return this.env.model.getters.getPivotDisplayName(this.props.pivotId);
       }
       duplicatePivot() {
-          const newPivotId = this.env.model.uuidGenerator.uuidv4();
-          const newSheetId = this.env.model.uuidGenerator.uuidv4();
+          const newPivotId = this.env.model.uuidGenerator.smallUuid();
+          const newSheetId = this.env.model.uuidGenerator.smallUuid();
           const result = this.env.model.dispatch("DUPLICATE_PIVOT_IN_NEW_SHEET", {
               pivotId: this.props.pivotId,
               newPivotId,
@@ -47658,7 +47674,6 @@ stores.inject(MyMetaStore, storeInstance);
 
   css /* scss */ `
   .o-table-style-picker {
-    box-sizing: border-box;
     border: 1px solid ${GRAY_300};
     border-radius: 3px;
 
@@ -47937,7 +47952,7 @@ stores.inject(MyMetaStore, storeInstance);
           this.state.selectedTemplateName = templateName;
       }
       onConfirm() {
-          const tableStyleId = this.props.styleId || this.env.model.uuidGenerator.uuidv4();
+          const tableStyleId = this.props.styleId || this.env.model.uuidGenerator.smallUuid();
           this.env.model.dispatch("CREATE_TABLE_STYLE", {
               tableStyleId,
               tableStyleName: this.state.styleName,
@@ -48110,7 +48125,6 @@ stores.inject(MyMetaStore, storeInstance);
   const ACTIVE_BORDER_WIDTH = 2;
   css /*SCSS*/ `
   div.o-figure {
-    box-sizing: border-box;
     position: absolute;
     width: 100%;
     height: 100%;
@@ -48122,7 +48136,6 @@ stores.inject(MyMetaStore, storeInstance);
   }
 
   div.o-figure-border {
-    box-sizing: border-box;
     z-index: 1;
   }
 
@@ -48496,7 +48509,6 @@ stores.inject(MyMetaStore, storeInstance);
     height: ${AUTOFILL_EDGE_LENGTH}px;
     width: ${AUTOFILL_EDGE_LENGTH}px;
     border: 1px solid white;
-    box-sizing: border-box !important;
     background-color: #1a73e8;
   }
 
@@ -48873,7 +48885,6 @@ stores.inject(MyMetaStore, storeInstance);
   css /* scss */ `
   div.o-grid-composer {
     z-index: ${ComponentsImportance.GridComposer};
-    box-sizing: border-box;
     position: absolute;
     border: ${COMPOSER_BORDER_WIDTH}px solid ${SELECTION_BORDER_COLOR};
     font-family: ${DEFAULT_FONT};
@@ -49122,8 +49133,6 @@ stores.inject(MyMetaStore, storeInstance);
   const MARGIN = (GRID_ICON_EDGE_LENGTH - CHECKBOX_WIDTH) / 2;
   css /* scss */ `
   .o-dv-checkbox {
-    box-sizing: border-box !important;
-    accent-color: #808080;
     margin: ${MARGIN}px;
     /* required to prevent the checkbox position to be sensible to the font-size (affects Firefox) */
     position: absolute;
@@ -49883,7 +49892,6 @@ stores.inject(MyMetaStore, storeInstance);
   css /* scss */ `
   .o-grid-add-rows {
     input.o-input {
-      box-sizing: border-box;
       width: 60px;
       height: 30px;
     }
@@ -51811,6 +51819,7 @@ stores.inject(MyMetaStore, storeInstance);
     background-color: ${BACKGROUND_GRAY_COLOR};
 
     &.corner {
+      box-sizing: content-box;
       right: 0px;
       bottom: 0px;
       height: ${SCROLLBAR_WIDTH}px;
@@ -52046,8 +52055,8 @@ stores.inject(MyMetaStore, storeInstance);
   const COLOR = "#777";
   css /* scss */ `
   .o-table-resizer {
-    width: ${SIZE}px;
-    height: ${SIZE}px;
+    width: ${SIZE * 2}px;
+    height: ${SIZE * 2}px;
     border-bottom: ${SIZE}px solid ${COLOR};
     border-right: ${SIZE}px solid ${COLOR};
     cursor: nwse-resize;
@@ -53467,6 +53476,10 @@ stores.inject(MyMetaStore, storeInstance);
                   return this.checkValidations(cmd, this.checkCellOutOfSheet, this.checkUselessUpdateCell);
               case "CLEAR_CELL":
                   return this.checkValidations(cmd, this.checkCellOutOfSheet, this.checkUselessClearCell);
+              case "UPDATE_CELL_POSITION":
+                  return !cmd.cellId || this.cells[cmd.sheetId]?.[cmd.cellId]
+                      ? "Success" /* CommandResult.Success */
+                      : "InvalidCellId" /* CommandResult.InvalidCellId */;
               default:
                   return "Success" /* CommandResult.Success */;
           }
@@ -53511,6 +53524,9 @@ stores.inject(MyMetaStore, storeInstance);
               case "DELETE_CONTENT":
                   this.clearZones(cmd.sheetId, cmd.target);
                   break;
+              case "DELETE_SHEET": {
+                  this.history.update("cells", cmd.sheetId, undefined);
+              }
           }
       }
       clearZones(sheetId, zones) {
@@ -54301,6 +54317,9 @@ stores.inject(MyMetaStore, storeInstance);
       allowDispatch(cmd) {
           switch (cmd.type) {
               case "ADD_CONDITIONAL_FORMAT":
+                  if (cmd.ranges.some((rangeData) => !this.getters.tryGetSheet(rangeData._sheetId))) {
+                      return "InvalidSheetId" /* CommandResult.InvalidSheetId */;
+                  }
                   return this.checkValidations(cmd, this.checkCFRule, this.checkEmptyRange, this.checkCFHasChanged);
               case "CHANGE_CONDITIONAL_FORMAT_PRIORITY":
                   return this.checkValidPriorityChange(cmd.cfId, cmd.delta, cmd.sheetId);
@@ -54717,8 +54736,17 @@ stores.inject(MyMetaStore, storeInstance);
       allowDispatch(cmd) {
           switch (cmd.type) {
               case "ADD_DATA_VALIDATION_RULE":
+                  if (!this.getters.tryGetSheet(cmd.sheetId)) {
+                      return "InvalidSheetId" /* CommandResult.InvalidSheetId */;
+                  }
+                  if (cmd.ranges.some((rangeData) => !this.getters.tryGetSheet(rangeData._sheetId))) {
+                      return "InvalidSheetId" /* CommandResult.InvalidSheetId */;
+                  }
                   return this.checkValidations(cmd, this.chainValidations(this.checkEmptyRange, this.checkValidRange, this.checkCriterionTypeIsValid, this.checkCriterionHasValidNumberOfValues, this.checkCriterionValuesAreValid));
               case "REMOVE_DATA_VALIDATION_RULE":
+                  if (!this.getters.tryGetSheet(cmd.sheetId)) {
+                      return "InvalidSheetId" /* CommandResult.InvalidSheetId */;
+                  }
                   if (!this.rules[cmd.sheetId].find((rule) => rule.id === cmd.id)) {
                       return "UnknownDataValidationRule" /* CommandResult.UnknownDataValidationRule */;
                   }
@@ -54945,6 +54973,7 @@ stores.inject(MyMetaStore, storeInstance);
   class FigurePlugin extends CorePlugin {
       static getters = ["getFigures", "getFigure", "getFigureSheetId"];
       figures = {};
+      insertionOrders = []; // TODO use a list in master
       // ---------------------------------------------------------------------------
       // Command Handling
       // ---------------------------------------------------------------------------
@@ -55047,11 +55076,14 @@ stores.inject(MyMetaStore, storeInstance);
       }
       addFigure(figure, sheetId) {
           this.history.update("figures", sheetId, figure.id, figure);
+          this.history.update("insertionOrders", this.insertionOrders.length, figure.id);
       }
       deleteSheet(sheetId) {
+          this.history.update("insertionOrders", this.insertionOrders.filter((id) => !this.figures[sheetId]?.[id]));
           this.history.update("figures", sheetId, undefined);
       }
       removeFigure(id, sheetId) {
+          this.history.update("insertionOrders", this.insertionOrders.filter((figureId) => figureId !== id));
           this.history.update("figures", sheetId, id, undefined);
       }
       checkFigureExists(sheetId, figureId) {
@@ -55070,7 +55102,14 @@ stores.inject(MyMetaStore, storeInstance);
       // Getters
       // ---------------------------------------------------------------------------
       getFigures(sheetId) {
-          return Object.values(this.figures[sheetId] || {}).filter(isDefined);
+          const figures = [];
+          for (const figureId of this.insertionOrders) {
+              const figure = this.figures[sheetId]?.[figureId];
+              if (figure) {
+                  figures.push(figure);
+              }
+          }
+          return figures;
       }
       getFigure(sheetId, figureId) {
           return this.figures[sheetId]?.[figureId];
@@ -55083,11 +55122,9 @@ stores.inject(MyMetaStore, storeInstance);
       // ---------------------------------------------------------------------------
       import(data) {
           for (let sheet of data.sheets) {
-              const figures = {};
-              sheet.figures.forEach((figure) => {
-                  figures[figure.id] = figure;
-              });
-              this.figures[sheet.id] = figures;
+              for (const figure of sheet.figures) {
+                  this.addFigure(figure, sheet.id);
+              }
           }
       }
       export(data) {
@@ -56547,6 +56584,9 @@ stores.inject(MyMetaStore, storeInstance);
               case "CREATE_SHEET": {
                   return this.checkValidations(cmd, this.checkSheetName, this.checkSheetPosition);
               }
+              case "DUPLICATE_SHEET": {
+                  return this.sheets[cmd.sheetIdTo] ? "DuplicatedSheetId" /* CommandResult.DuplicatedSheetId */ : "Success" /* CommandResult.Success */;
+              }
               case "MOVE_SHEET":
                   try {
                       const currentIndex = this.orderedSheetIds.findIndex((id) => id === cmd.sheetId);
@@ -56563,7 +56603,7 @@ stores.inject(MyMetaStore, storeInstance);
                       ? "Success" /* CommandResult.Success */
                       : "InvalidColor" /* CommandResult.InvalidColor */;
               case "DELETE_SHEET":
-                  return this.orderedSheetIds.length > 1
+                  return this.getVisibleSheetIds().length > 1
                       ? "Success" /* CommandResult.Success */
                       : "NotEnoughSheets" /* CommandResult.NotEnoughSheets */;
               case "ADD_COLUMNS_ROWS":
@@ -57349,14 +57389,18 @@ stores.inject(MyMetaStore, storeInstance);
       checkZonesAreInSheet(cmd) {
           if (!("sheetId" in cmd))
               return "Success" /* CommandResult.Success */;
+          if ("ranges" in cmd &&
+              cmd.ranges.some((rangeData) => rangeData._sheetId !== "" && !this.getters.tryGetSheet(rangeData._sheetId))) {
+              return "InvalidSheetId" /* CommandResult.InvalidSheetId */;
+          }
           return this.checkZonesExistInSheet(cmd.sheetId, this.getCommandZones(cmd));
       }
   }
 
-  let nextTableId = 1;
   class TablePlugin extends CorePlugin {
       static getters = ["getCoreTable", "getCoreTables", "getCoreTableMatchingTopLeft"];
       tables = {};
+      nextTableId = 1;
       adaptRanges(applyChange, sheetId) {
           const sheetIds = sheetId ? [sheetId] : this.getters.getSheetIds();
           for (const sheetId of sheetIds) {
@@ -57368,6 +57412,9 @@ stores.inject(MyMetaStore, storeInstance);
       allowDispatch(cmd) {
           switch (cmd.type) {
               case "CREATE_TABLE":
+                  if (cmd.ranges.some((rangeData) => !this.getters.tryGetSheet(rangeData._sheetId) || rangeData._sheetId !== cmd.sheetId)) {
+                      return "InvalidSheetId" /* CommandResult.InvalidSheetId */;
+                  }
                   const zones = cmd.ranges.map((rangeData) => this.getters.getRangeFromRangeData(rangeData).zone);
                   if (!areZonesContinuous(zones)) {
                       return "NonContinuousTargets" /* CommandResult.NonContinuousTargets */;
@@ -57421,7 +57468,7 @@ stores.inject(MyMetaStore, storeInstance);
                   const union = this.getters.getRangesUnion(ranges);
                   const mergesInTarget = this.getters.getMergesInZone(cmd.sheetId, union.zone);
                   this.dispatch("REMOVE_MERGE", { sheetId: cmd.sheetId, target: mergesInTarget });
-                  const id = `${nextTableId++}`;
+                  const id = this.consumeNextId();
                   const config = cmd.config || DEFAULT_TABLE_CONFIG;
                   const newTable = cmd.tableType === "dynamic"
                       ? this.createDynamicTable(id, union, config)
@@ -57574,7 +57621,7 @@ stores.inject(MyMetaStore, storeInstance);
               filters = [];
               for (const i of range(zone.left, zone.right + 1)) {
                   const filterZone = { ...zone, left: i, right: i };
-                  const uid = `${nextTableId++}`;
+                  const uid = this.consumeNextId();
                   filters.push(this.createFilterFromZone(uid, tableRange.sheetId, filterZone, config));
               }
           }
@@ -57639,7 +57686,7 @@ stores.inject(MyMetaStore, storeInstance);
                       ? table.filters.find((f) => f.col === i)
                       : undefined;
                   const filterZone = { ...tableZone, left: i, right: i };
-                  const filterId = oldFilter?.id || `${nextTableId++}`;
+                  const filterId = oldFilter?.id || this.consumeNextId();
                   filters.push(this.createFilterFromZone(filterId, tableRange.sheetId, filterZone, config));
               }
           }
@@ -57740,7 +57787,7 @@ stores.inject(MyMetaStore, storeInstance);
           if (filters.length < zoneToDimension(tableZone).numberOfCols) {
               for (let col = tableZone.left; col <= tableZone.right; col++) {
                   if (!filters.find((filter) => filter.col === col)) {
-                      const uid = `${nextTableId++}`;
+                      const uid = this.consumeNextId();
                       const filterZone = { ...tableZone, left: col, right: col };
                       filters.push(this.createFilterFromZone(uid, sheetId, filterZone, table.config));
                   }
@@ -57750,13 +57797,18 @@ stores.inject(MyMetaStore, storeInstance);
           const newTable = this.createStaticTable(table.id, table.type, newTableRange, table.config, filters);
           this.history.update("tables", sheetId, table.id, newTable);
       }
+      consumeNextId() {
+          const id = `${this.nextTableId}`;
+          this.history.update("nextTableId", this.nextTableId + 1);
+          return id;
+      }
       // ---------------------------------------------------------------------------
       // Import/Export
       // ---------------------------------------------------------------------------
       import(data) {
           for (const sheet of data.sheets) {
               for (const tableData of sheet.tables || []) {
-                  const uuid = `${nextTableId++}`;
+                  const uuid = this.consumeNextId();
                   const tableConfig = tableData.config || DEFAULT_TABLE_CONFIG;
                   const range = this.getters.getRangeFromSheetXC(sheet.id, tableData.range);
                   const tableType = tableData.type || "static";
@@ -57804,7 +57856,10 @@ stores.inject(MyMetaStore, storeInstance);
       allowDispatch(cmd) {
           switch (cmd.type) {
               case "GROUP_HEADERS": {
-                  const { start, end } = cmd;
+                  const { start, end, sheetId } = cmd;
+                  if (!this.getters.tryGetSheet(sheetId)) {
+                      return "InvalidSheetId" /* CommandResult.InvalidSheetId */;
+                  }
                   if (!this.getters.doesHeadersExist(cmd.sheetId, cmd.dimension, [start, end])) {
                       return "InvalidHeaderGroupStartEnd" /* CommandResult.InvalidHeaderGroupStartEnd */;
                   }
@@ -57817,7 +57872,10 @@ stores.inject(MyMetaStore, storeInstance);
                   break;
               }
               case "UNGROUP_HEADERS": {
-                  const { start, end } = cmd;
+                  const { start, end, sheetId } = cmd;
+                  if (!this.getters.tryGetSheet(sheetId)) {
+                      return "InvalidSheetId" /* CommandResult.InvalidSheetId */;
+                  }
                   if (!this.getters.doesHeadersExist(cmd.sheetId, cmd.dimension, [start, end])) {
                       return "InvalidHeaderGroupStartEnd" /* CommandResult.InvalidHeaderGroupStartEnd */;
                   }
@@ -57828,6 +57886,9 @@ stores.inject(MyMetaStore, storeInstance);
               }
               case "UNFOLD_HEADER_GROUP":
               case "FOLD_HEADER_GROUP":
+                  if (!this.getters.tryGetSheet(cmd.sheetId)) {
+                      return "InvalidSheetId" /* CommandResult.InvalidSheetId */;
+                  }
                   const group = this.findGroupWithStartEnd(cmd.sheetId, cmd.dimension, cmd.start, cmd.end);
                   if (!group) {
                       return "UnknownHeaderGroup" /* CommandResult.UnknownHeaderGroup */;
@@ -58228,6 +58289,9 @@ stores.inject(MyMetaStore, storeInstance);
                   return this.checkDuplicatedMeasureIds(cmd.pivot);
               }
               case "UPDATE_PIVOT": {
+                  if (!(cmd.pivotId in this.pivots)) {
+                      return "PivotIdNotFound" /* CommandResult.PivotIdNotFound */;
+                  }
                   if (deepEquals(cmd.pivot, this.pivots[cmd.pivotId]?.definition)) {
                       return "NoChanges" /* CommandResult.NoChanges */;
                   }
@@ -58244,6 +58308,8 @@ stores.inject(MyMetaStore, storeInstance);
                       return "EmptyName" /* CommandResult.EmptyName */;
                   }
                   break;
+              case "REMOVE_PIVOT":
+              case "DUPLICATE_PIVOT":
               case "INSERT_PIVOT": {
                   if (!(cmd.pivotId in this.pivots)) {
                       return "PivotIdNotFound" /* CommandResult.PivotIdNotFound */;
@@ -58293,7 +58359,7 @@ stores.inject(MyMetaStore, storeInstance);
                   break;
               }
               case "UPDATE_PIVOT": {
-                  this.history.update("pivots", cmd.pivotId, "definition", cmd.pivot);
+                  this.history.update("pivots", cmd.pivotId, "definition", deepCopy(cmd.pivot));
                   this.compileCalculatedMeasures(cmd.pivot.measures);
                   break;
               }
@@ -58364,7 +58430,7 @@ stores.inject(MyMetaStore, storeInstance);
       // Private
       // -------------------------------------------------------------------------
       addPivot(pivotId, pivot, formulaId = this.nextFormulaId.toString()) {
-          this.history.update("pivots", pivotId, { definition: pivot, formulaId });
+          this.history.update("pivots", pivotId, { definition: deepCopy(pivot), formulaId });
           this.compileCalculatedMeasures(pivot.measures);
           this.history.update("formulaIds", formulaId, pivotId);
           this.history.update("nextFormulaId", this.nextFormulaId + 1);
@@ -63282,6 +63348,9 @@ stores.inject(MyMetaStore, storeInstance);
       };
   }
   function createSheetTransformation(toTransform, executed) {
+      if (toTransform.sheetId === executed.sheetId) {
+          toTransform = { ...toTransform, sheetId: `${toTransform.sheetId}~` };
+      }
       if (toTransform.name === executed.name) {
           return {
               ...toTransform,
@@ -63933,21 +64002,14 @@ stores.inject(MyMetaStore, storeInstance);
           if (!message)
               return;
           if (message.type === "REMOTE_REVISION") {
-              const revision = this.revisions.get(message.nextRevisionId);
+              let revision = this.revisions.get(message.nextRevisionId);
               if (revision.commands.length === 0) {
                   /**
-                   * The command is empty, we have to drop all the next local revisions
+                   * The command is empty, we have to rebase all the next local revisions
                    * to avoid issues with undo/redo
                    */
-                  this.revisions.drop(revision.id);
-                  const revisionIds = this.pendingMessages
-                      .filter((message) => message.type === "REMOTE_REVISION")
-                      .map((message) => message.nextRevisionId);
-                  this.trigger("pending-revisions-dropped", { revisionIds });
-                  this.waitingAck = false;
-                  this.waitingUndoRedoAck = false;
-                  this.pendingMessages = [];
-                  return;
+                  this.revisions.rebase(revision.id);
+                  revision = this.revisions.get(message.nextRevisionId);
               }
               message = {
                   ...message,
@@ -63972,7 +64034,6 @@ stores.inject(MyMetaStore, storeInstance);
           switch (message.type) {
               case "REMOTE_REVISION":
               case "REVISION_REDONE":
-              case "REVISION_UNDONE":
               case "SNAPSHOT_CREATED":
                   this.waitingAck = false;
                   this.pendingMessages = this.pendingMessages.filter((msg) => msg.nextRevisionId !== message.nextRevisionId);
@@ -63981,6 +64042,25 @@ stores.inject(MyMetaStore, storeInstance);
                   this.lastRevisionMessage = message;
                   this.sendPendingMessage();
                   break;
+              case "REVISION_UNDONE": {
+                  this.waitingAck = false;
+                  this.pendingMessages = this.pendingMessages.filter((msg) => msg.nextRevisionId !== message.nextRevisionId);
+                  const firstPendingRevisionId = this.pendingMessages.findIndex((message) => message.type === "REMOTE_REVISION");
+                  if (firstPendingRevisionId !== -1) {
+                      /**
+                       * Some revisions undergo transformations that may cause issues with
+                       * undo/redo if the transformation is destructive (we don't get back
+                       * the original command by transforming it with the inverse).
+                       * To prevent these problems, we must rebase all subsequent local
+                       * revisions.
+                       */
+                      this.revisions.rebase(this.pendingMessages[firstPendingRevisionId].nextRevisionId);
+                  }
+                  this.serverRevisionId = message.nextRevisionId;
+                  this.processedRevisions.add(message.nextRevisionId);
+                  this.sendPendingMessage();
+                  break;
+              }
           }
       }
       isAlreadyProcessed(message) {
@@ -65096,6 +65176,10 @@ stores.inject(MyMetaStore, storeInstance);
        */
       checkZonesAreInSheet(cmd) {
           const sheetId = "sheetId" in cmd ? cmd.sheetId : this.getters.tryGetActiveSheetId();
+          if ("ranges" in cmd &&
+              cmd.ranges.some((rangeData) => !this.getters.tryGetSheet(rangeData._sheetId))) {
+              return "InvalidSheetId" /* CommandResult.InvalidSheetId */;
+          }
           const zones = this.getters.getCommandZones(cmd);
           if (!sheetId && zones.length > 0) {
               return "NoActiveSheet" /* CommandResult.NoActiveSheet */;
@@ -65445,23 +65529,23 @@ stores.inject(MyMetaStore, storeInstance);
   function repeatCreateChartCommand(getters, cmd) {
       return {
           ...repeatSheetDependantCommand(getters, cmd),
-          id: uuidGenerator.uuidv4(),
+          id: uuidGenerator.smallUuid(),
       };
   }
   function repeatCreateImageCommand(getters, cmd) {
       return {
           ...repeatSheetDependantCommand(getters, cmd),
-          figureId: uuidGenerator.uuidv4(),
+          figureId: uuidGenerator.smallUuid(),
       };
   }
   function repeatCreateFigureCommand(getters, cmd) {
       const newCmd = repeatSheetDependantCommand(getters, cmd);
-      newCmd.figure.id = uuidGenerator.uuidv4();
+      newCmd.figure.id = uuidGenerator.smallUuid();
       return newCmd;
   }
   function repeatCreateSheetCommand(getters, cmd) {
       const newCmd = deepCopy(cmd);
-      newCmd.sheetId = uuidGenerator.uuidv4();
+      newCmd.sheetId = uuidGenerator.smallUuid();
       const sheetName = cmd.name || getters.getSheet(getters.getActiveSheetId()).name;
       // Extract the prefix of the sheet name (everything before the number at the end of the name)
       const namePrefix = sheetName.match(/(.+?)\d*$/)?.[1] || sheetName;
@@ -65650,7 +65734,6 @@ stores.inject(MyMetaStore, storeInstance);
           super(config);
           this.session = config.session;
           this.session.on("new-local-state-update", this, this.onNewLocalStateUpdate);
-          this.session.on("pending-revisions-dropped", this, ({ revisionIds }) => this.drop(revisionIds));
           this.session.on("snapshot", this, () => {
               this.undoStack = [];
               this.redoStack = [];
@@ -65720,10 +65803,6 @@ stores.inject(MyMetaStore, storeInstance);
           const lastNonRedoRevision = this.getPossibleRevisionToRepeat();
           return canRepeatRevision(lastNonRedoRevision);
       }
-      drop(revisionIds) {
-          this.undoStack = this.undoStack.filter((id) => !revisionIds.includes(id));
-          this.redoStack = [];
-      }
       onNewLocalStateUpdate({ id }) {
           this.undoStack.push(id);
           this.redoStack = [];
@@ -66921,23 +67000,7 @@ stores.inject(MyMetaStore, storeInstance);
                           gridSelection: deepCopy(gridSelection),
                       };
                   }
-                  if (!this.getters.tryGetSheet(this.getters.getActiveSheetId())) {
-                      const currentSheetIds = this.getters.getVisibleSheetIds();
-                      this.activeSheet = this.getters.getSheet(currentSheetIds[0]);
-                      if (this.activeSheet.id in this.sheetsData) {
-                          const { anchor } = this.clipSelection(this.activeSheet.id, this.sheetsData[this.activeSheet.id].gridSelection);
-                          this.selectCell(anchor.cell.col, anchor.cell.row);
-                      }
-                      else {
-                          this.selectCell(0, 0);
-                      }
-                      const { col, row } = this.gridSelection.anchor.cell;
-                      this.moveClient({
-                          sheetId: this.getters.getActiveSheetId(),
-                          col,
-                          row,
-                      });
-                  }
+                  this.fallbackToVisibleSheet();
                   const sheetId = this.getters.getActiveSheetId();
                   this.gridSelection.zones = this.gridSelection.zones.map((z) => this.getters.expandZone(sheetId, z));
                   this.gridSelection.anchor.zone = this.getters.expandZone(sheetId, this.gridSelection.anchor.zone);
@@ -66947,6 +67010,7 @@ stores.inject(MyMetaStore, storeInstance);
           }
       }
       finalize() {
+          this.fallbackToVisibleSheet();
           /** Any change to the selection has to be  reflected in the selection processor. */
           this.selection.resetDefaultAnchor(this, deepCopy(this.gridSelection.anchor));
       }
@@ -67257,6 +67321,25 @@ stores.inject(MyMetaStore, storeInstance);
           }
           return "Success" /* CommandResult.Success */;
       }
+      fallbackToVisibleSheet() {
+          if (!this.getters.tryGetSheet(this.getters.getActiveSheetId())) {
+              const currentSheetIds = this.getters.getVisibleSheetIds();
+              this.activeSheet = this.getters.getSheet(currentSheetIds[0]);
+              if (this.activeSheet.id in this.sheetsData) {
+                  const { anchor } = this.clipSelection(this.activeSheet.id, this.sheetsData[this.activeSheet.id].gridSelection);
+                  this.selectCell(anchor.cell.col, anchor.cell.row);
+              }
+              else {
+                  this.selectCell(0, 0);
+              }
+              const { col, row } = this.gridSelection.anchor.cell;
+              this.moveClient({
+                  sheetId: this.getters.getActiveSheetId(),
+                  col,
+                  row,
+              });
+          }
+      }
       //-------------------------------------------
       // Helpers for extensions
       // ------------------------------------------
@@ -68394,7 +68477,9 @@ stores.inject(MyMetaStore, storeInstance);
               case "UNGROUP_HEADERS":
               case "GROUP_HEADERS":
               case "CREATE_SHEET":
-                  this.headerPositions[cmd.sheetId] = this.computeHeaderPositionsOfSheet(cmd.sheetId);
+                  if (this.getters.tryGetSheet(cmd.sheetId)) {
+                      this.headerPositions[cmd.sheetId] = this.computeHeaderPositionsOfSheet(cmd.sheetId);
+                  }
                   break;
               case "DUPLICATE_SHEET":
                   this.headerPositions[cmd.sheetIdTo] = deepCopy(this.headerPositions[cmd.sheetId]);
@@ -68402,12 +68487,14 @@ stores.inject(MyMetaStore, storeInstance);
           }
       }
       finalize() {
-          if (this.isDirty) {
-              for (const sheetId of this.getters.getSheetIds()) {
+          for (const sheetId of this.getters.getSheetIds()) {
+              // sheets can be created without this plugin being aware of it
+              // in concurrent situations.
+              if (this.isDirty || !this.headerPositions[sheetId]) {
                   this.headerPositions[sheetId] = this.computeHeaderPositionsOfSheet(sheetId);
               }
-              this.isDirty = false;
           }
+          this.isDirty = false;
       }
       /**
        * Returns the size, start and end coordinates of a column on an unfolded sheet
@@ -69231,7 +69318,7 @@ stores.inject(MyMetaStore, storeInstance);
       clickAddSheet(ev) {
           const activeSheetId = this.env.model.getters.getActiveSheetId();
           const position = this.env.model.getters.getSheetIds().findIndex((sheetId) => sheetId === activeSheetId) + 1;
-          const sheetId = this.env.model.uuidGenerator.uuidv4();
+          const sheetId = this.env.model.uuidGenerator.smallUuid();
           const name = this.env.model.getters.getNextSheetName(_t("Sheet"));
           this.env.model.dispatch("CREATE_SHEET", { sheetId, position, name });
           this.env.model.dispatch("ACTIVATE_SHEET", { sheetIdFrom: activeSheetId, sheetIdTo: sheetId });
@@ -69547,8 +69634,8 @@ stores.inject(MyMetaStore, storeInstance);
       z-index: ${ComponentsImportance.HeaderGroupingButton};
       .o-group-fold-button {
         cursor: pointer;
-        width: 13px;
-        height: 13px;
+        width: 15px;
+        height: 15px;
         border: 1px solid ${HEADER_GROUPING_BORDER_COLOR};
         .o-icon {
           width: 7px;
@@ -69560,9 +69647,6 @@ stores.inject(MyMetaStore, storeInstance);
         }
       }
     }
-    .o-group-border {
-      box-sizing: border-box;
-    }
   }
 `;
   class AbstractHeaderGroup extends owl.Component {
@@ -69957,7 +70041,7 @@ stores.inject(MyMetaStore, storeInstance);
     margin: 2px 1px;
     padding: 0px 1px;
     border-radius: 2px;
-    min-width: 20px;
+    min-width: 22px;
   }
   .o-disabled {
     opacity: 0.6;
@@ -70056,8 +70140,8 @@ stores.inject(MyMetaStore, storeInstance);
         margin: 1px;
         .o-line-item {
           padding: 4px;
-          width: 18px;
-          height: 18px;
+          width: 26px;
+          height: 26px;
           &.active {
             background-color: ${BUTTON_ACTIVE_BG};
           }
@@ -70251,6 +70335,10 @@ stores.inject(MyMetaStore, storeInstance);
 </svg>
 `;
   css /* scss */ `
+  .o-topbar-composer-container {
+    height: ${TOPBAR_TOOLBAR_HEIGHT}px;
+  }
+
   .o-topbar-composer {
     height: fit-content;
     margin-top: -1px;
@@ -70738,7 +70826,6 @@ stores.inject(MyMetaStore, storeInstance);
     *,
     *:before,
     *:after {
-      box-sizing: content-box;
       /* rtl not supported ATM */
       direction: ltr;
     }
@@ -70797,7 +70884,6 @@ stores.inject(MyMetaStore, storeInstance);
     .o-input {
       min-width: 0px;
       padding: 1px 0;
-      box-sizing: border-box;
       width: 100%;
       outline: none;
       border-color: ${GRAY_300};
@@ -70868,18 +70954,9 @@ stores.inject(MyMetaStore, storeInstance);
     }
 
     > canvas {
+      box-sizing: content-box;
       border-bottom: 1px solid #e2e3e3;
     }
-    .o-scrollbar {
-      &.corner {
-        right: 0px;
-        bottom: 0px;
-        height: ${SCROLLBAR_WIDTH}px;
-        width: ${SCROLLBAR_WIDTH}px;
-        border-top: 1px solid #e2e3e3;
-        border-left: 1px solid #e2e3e3;
-      }
-    }
 
     .o-grid-overlay {
       position: absolute;
@@ -70892,7 +70969,7 @@ stores.inject(MyMetaStore, storeInstance);
     border-radius: 4px;
     font-weight: 500;
     font-size: 14px;
-    height: 30px;
+    height: 32px;
     line-height: 16px;
     flex-grow: 1;
     background-color: ${BUTTON_BG};
@@ -71520,7 +71597,7 @@ stores.inject(MyMetaStore, storeInstance);
       }
       /**
        * Drop the operation and all following operations in every
-       * branch
+       * branches
        */
       drop(operationId) {
           for (const branch of this.branches) {
@@ -71825,9 +71902,16 @@ stores.inject(MyMetaStore, storeInstance);
           this.fastForward();
           this.insert(redoId, this.buildEmpty(redoId), insertAfter);
       }
-      drop(operationId) {
+      rebase(operationId) {
+          const operation = this.get(operationId);
+          const execution = [...this.tree.execution(this.HEAD_BRANCH).startAfter(operationId)];
           this.revertBefore(operationId);
+          const baseId = this.HEAD_OPERATION.id;
           this.tree.drop(operationId);
+          this.insert(operationId, operation, baseId);
+          for (const { operation } of execution) {
+              this.insert(operation.id, operation.data, this.HEAD_OPERATION.id);
+          }
       }
       /**
        * Revert the state as it was *before* the given operation was executed.
@@ -74955,6 +75039,11 @@ stores.inject(MyMetaStore, storeInstance);
               dispatch: (command) => {
                   const result = this.checkDispatchAllowed(command);
                   if (!result.isSuccessful) {
+                      // core views plugins need to be invalidated
+                      this.dispatchToHandlers(this.coreHandlers, {
+                          type: "UNDO",
+                          commands: [command],
+                      });
                       return;
                   }
                   this.isReplayingCommand = true;
@@ -74982,7 +75071,7 @@ stores.inject(MyMetaStore, storeInstance);
       }
       setupConfig(config) {
           const client = config.client || {
-              id: this.uuidGenerator.uuidv4(),
+              id: this.uuidGenerator.smallUuid(),
               name: _t("Anonymous").toString(),
           };
           const transportService = config.transportService || new LocalTransportService();
@@ -75521,9 +75610,9 @@ stores.inject(MyMetaStore, storeInstance);
   exports.tokenize = tokenize;
 
 
-  __info__.version = "18.2.0-alpha.7";
-  __info__.date = "2025-02-10T09:01:19.353Z";
-  __info__.hash = "0432f17";
+  __info__.version = "18.2.0";
+  __info__.date = "2025-02-18T08:27:07.101Z";
+  __info__.hash = "d708714";
 
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);