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

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-alpha.8
+ * @date 2025-02-14T08:40:13.286Z
+ * @hash 19d45d9
  */
 
 (function (exports, owl) {
@@ -6489,6 +6489,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 +8551,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 +8717,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 +8810,7 @@
           }
           return (targetRule || {
               ...originRule,
-              id: newId ? this.uuidGenerator.uuidv4() : originRule.id,
+              id: newId ? this.uuidGenerator.smallUuid() : originRule.id,
               ranges: [],
           });
       }
@@ -8845,7 +8872,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 +10207,6 @@ stores.inject(MyMetaStore, storeInstance);
       font-size: 12px;
       background-color: #fff;
       z-index: ${ComponentsImportance.FigureTooltip};
-      table td span {
-        box-sizing: border-box;
-      }
     }
   }
 `;
@@ -15286,7 +15310,7 @@ stores.inject(MyMetaStore, storeInstance);
               }
           }
       },
-      isExported: true,
+      isExported: false,
   };
   // -----------------------------------------------------------------------------
   // UNIQUE
@@ -22874,6 +22898,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 +26973,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 +27675,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 +28259,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 +28308,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 +28325,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 +28361,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 +28381,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 +28401,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 +28562,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 +28705,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: [] };
@@ -32592,7 +32620,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 +32702,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 +32774,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 +33009,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 +33125,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 +33136,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 +33425,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 +33679,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 +33703,6 @@ stores.inject(MyMetaStore, storeInstance);
       text-align: right;
     }
     input.o-input {
-      box-sizing: border-box;
       width: 100%;
       padding: 0 23px 4px 0;
     }
@@ -33910,20 +33930,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 +34358,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 +34381,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 +34441,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 +34994,7 @@ stores.inject(MyMetaStore, storeInstance);
               ranges,
               sheetId,
               rule: {
-                  id: env.model.uuidGenerator.uuidv4(),
+                  id: env.model.uuidGenerator.smallUuid(),
                   criterion: {
                       type: "isBoolean",
                       values: [],
@@ -34989,7 +35010,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 +35041,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 +38019,6 @@ stores.inject(MyMetaStore, storeInstance);
       }
     }
     .o-button {
-      height: 28px;
       flex-grow: 0;
     }
 
@@ -38555,8 +38575,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 +38599,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 +38625,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 +38633,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 +38647,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 +38673,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 +38871,7 @@ stores.inject(MyMetaStore, storeInstance);
     .o-color-picker-button {
       > span {
         border-bottom: 4px solid;
-        height: 16px;
+        height: 20px;
         margin-top: 2px;
         display: block;
       }
@@ -39185,8 +39200,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 +39348,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 +40063,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 +40718,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 +40819,6 @@ stores.inject(MyMetaStore, storeInstance);
     }
 
     td {
-      box-sizing: border-box;
       height: 30px;
       padding: 6px 0;
     }
@@ -40831,7 +40841,6 @@ stores.inject(MyMetaStore, storeInstance);
     select {
       width: 100%;
       height: 100%;
-      box-sizing: border-box;
     }
   }
 `;
@@ -41061,7 +41070,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 +41147,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 +41400,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 +41699,7 @@ stores.inject(MyMetaStore, storeInstance);
     }
 
     border-bottom: 1px solid ${GRAY_300};
-    height: 60px;
+    height: 80px;
     padding: 10px;
     position: relative;
     cursor: pointer;
@@ -42425,7 +42433,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 +43703,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 +43720,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 +44335,7 @@ stores.inject(MyMetaStore, storeInstance);
   css /* scss */ `
   .o-more-formats-panel {
     .format-preview {
-      height: 48px;
+      height: 49px;
       background-color: white;
       cursor: pointer;
 
@@ -44500,7 +44507,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 +44549,7 @@ stores.inject(MyMetaStore, storeInstance);
 
   css /* scss */ `
   .pivot-defer-update {
-    min-height: 35px;
+    min-height: 40px;
   }
 `;
   class PivotDeferUpdate extends owl.Component {
@@ -44689,7 +44695,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 +45318,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 +47663,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 +47941,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 +48114,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 +48125,6 @@ stores.inject(MyMetaStore, storeInstance);
   }
 
   div.o-figure-border {
-    box-sizing: border-box;
     z-index: 1;
   }
 
@@ -48496,7 +48498,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 +48874,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 +49122,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 +49881,6 @@ stores.inject(MyMetaStore, storeInstance);
   css /* scss */ `
   .o-grid-add-rows {
     input.o-input {
-      box-sizing: border-box;
       width: 60px;
       height: 30px;
     }
@@ -51811,6 +51808,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 +52044,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;
@@ -56563,7 +56561,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":
@@ -63925,6 +63923,15 @@ stores.inject(MyMetaStore, storeInstance);
           }
           this.sendPendingMessage();
       }
+      dropPendingRevision(revisionId) {
+          this.revisions.drop(revisionId);
+          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;
+      }
       /**
        * Send the next pending message
        */
@@ -63939,13 +63946,7 @@ stores.inject(MyMetaStore, storeInstance);
                    * The command is empty, we have to drop 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.dropPendingRevision(revision.id);
                   this.pendingMessages = [];
                   return;
               }
@@ -63972,7 +63973,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 +63981,27 @@ 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 pendingRemoteRevisions = this.pendingMessages.filter((message) => message.type === "REMOTE_REVISION");
+                  const firstTransformedRevisionIndex = pendingRemoteRevisions.findIndex((message) => !deepEquals(message.commands, this.revisions.get(message.nextRevisionId).commands));
+                  if (firstTransformedRevisionIndex !== -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 discard all subsequent local
+                       * revisions.
+                       */
+                      this.dropPendingRevision(this.pendingMessages[firstTransformedRevisionIndex].nextRevisionId);
+                      this.pendingMessages = this.pendingMessages.slice(0, firstTransformedRevisionIndex);
+                  }
+                  this.serverRevisionId = message.nextRevisionId;
+                  this.processedRevisions.add(message.nextRevisionId);
+                  this.sendPendingMessage();
+                  break;
+              }
           }
       }
       isAlreadyProcessed(message) {
@@ -65445,23 +65466,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;
@@ -66921,23 +66942,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 +66952,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 +67263,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
       // ------------------------------------------
@@ -69231,7 +69256,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 +69572,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 +69585,6 @@ stores.inject(MyMetaStore, storeInstance);
         }
       }
     }
-    .o-group-border {
-      box-sizing: border-box;
-    }
   }
 `;
   class AbstractHeaderGroup extends owl.Component {
@@ -69957,7 +69979,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 +70078,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};
           }
@@ -70738,7 +70760,6 @@ stores.inject(MyMetaStore, storeInstance);
     *,
     *:before,
     *:after {
-      box-sizing: content-box;
       /* rtl not supported ATM */
       direction: ltr;
     }
@@ -70797,7 +70818,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 +70888,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 +70903,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 +71531,7 @@ stores.inject(MyMetaStore, storeInstance);
       }
       /**
        * Drop the operation and all following operations in every
-       * branch
+       * branches
        */
       drop(operationId) {
           for (const branch of this.branches) {
@@ -74982,7 +74993,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 +75532,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-alpha.8";
+  __info__.date = "2025-02-14T08:40:13.286Z";
+  __info__.hash = "19d45d9";
 
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);