@odoo/o-spreadsheet 18.2.0-alpha.0 → 18.2.0-alpha.2

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.0
- * @date 2024-12-26T08:02:39.123Z
- * @hash 0f45915
+ * @version 18.2.0-alpha.2
+ * @date 2025-01-15T08:06:32.137Z
+ * @hash 4f96c47
  */
 
 (function (exports, owl) {
@@ -356,6 +356,7 @@
       ComponentsImportance[ComponentsImportance["Popover"] = 35] = "Popover";
       ComponentsImportance[ComponentsImportance["FigureAnchor"] = 1000] = "FigureAnchor";
       ComponentsImportance[ComponentsImportance["FigureSnapLine"] = 1001] = "FigureSnapLine";
+      ComponentsImportance[ComponentsImportance["FigureTooltip"] = 1002] = "FigureTooltip";
   })(ComponentsImportance || (ComponentsImportance = {}));
   let DEFAULT_SHEETVIEW_SIZE = 0;
   function getDefaultSheetViewSize() {
@@ -975,6 +976,16 @@
       }
       return result;
   }
+  function getUniqueText(text, texts, options = {}) {
+      const compute = options.compute ?? ((text, i) => `${text} (${i})`);
+      const computeFirstOne = options.computeFirstOne ?? false;
+      let i = options.start ?? 1;
+      let newText = computeFirstOne ? compute(text, i) : text;
+      while (texts.includes(newText)) {
+          newText = compute(text, i++);
+      }
+      return newText;
+  }
 
   const RBA_REGEX = /rgba?\(|\s+|\)/gi;
   const HEX_MATCH = /^#([A-F\d]{2}){3,4}$/;
@@ -3710,6 +3721,7 @@
       CommandResult["SheetIsHidden"] = "SheetIsHidden";
       CommandResult["InvalidTableResize"] = "InvalidTableResize";
       CommandResult["PivotIdNotFound"] = "PivotIdNotFound";
+      CommandResult["PivotInError"] = "PivotInError";
       CommandResult["EmptyName"] = "EmptyName";
       CommandResult["ValueCellIsInvalidFormula"] = "ValueCellIsInvalidFormula";
       CommandResult["InvalidDefinition"] = "InvalidDefinition";
@@ -6027,10 +6039,10 @@
       }
   }
   /**
-   * Copy a range. If the range is on the sheetIdFrom, the range will target
+   * Duplicate a range. If the range is on the sheetIdFrom, the range will target
    * sheetIdTo.
    */
-  function copyRangeWithNewSheetId(sheetIdFrom, sheetIdTo, range) {
+  function duplicateRangeInDuplicatedSheet(sheetIdFrom, sheetIdTo, range) {
       const sheetId = range.sheetId === sheetIdFrom ? sheetIdTo : range.sheetId;
       return range.clone({ sheetId });
   }
@@ -7478,18 +7490,18 @@
       });
       return newY.length === newX.length ? newY : transposeMatrix(newY);
   }
-  function getMovingAverageValues(dataset, windowSize = DEFAULT_WINDOW_SIZE) {
+  function getMovingAverageValues(dataset, labels, windowSize = DEFAULT_WINDOW_SIZE) {
       const values = [];
       // Fill the starting values with null until we have a full window
       for (let i = 0; i < windowSize - 1; i++) {
-          values.push(null);
+          values.push({ x: labels[i], y: NaN });
       }
       for (let i = 0; i <= dataset.length - windowSize; i++) {
           let sum = 0;
           for (let j = i; j < i + windowSize; j++) {
               sum += dataset[j];
           }
-          values.push(sum / windowSize);
+          values.push({ x: labels[i + windowSize - 1], y: sum / windowSize });
       }
       return values;
   }
@@ -9463,6 +9475,150 @@ stores.inject(MyMetaStore, storeInstance);
       }
   }
 
+  /**
+   * This file is largely inspired by owl 1.
+   * `css` tag has been removed from owl 2 without workaround to manage css.
+   * So, the solution was to import the behavior of owl 1 directly in our
+   * codebase, with one difference: the css is added to the sheet as soon as the
+   * css tag is executed. In owl 1, the css was added as soon as a Component was
+   * created for the first time.
+   */
+  const STYLESHEETS = {};
+  let nextId = 0;
+  /**
+   * CSS tag helper for defining inline stylesheets.  With this, one can simply define
+   * an inline stylesheet with just the following code:
+   * ```js
+   *     css`.component-a { color: red; }`;
+   * ```
+   */
+  function css(strings, ...args) {
+      const name = `__sheet__${nextId++}`;
+      const value = String.raw(strings, ...args);
+      registerSheet(name, value);
+      activateSheet(name);
+      return name;
+  }
+  function processSheet(str) {
+      const tokens = str.split(/(\{|\}|;)/).map((s) => s.trim());
+      const selectorStack = [];
+      const parts = [];
+      let rules = [];
+      function generateSelector(stackIndex, parentSelector) {
+          const parts = [];
+          for (const selector of selectorStack[stackIndex]) {
+              let part = (parentSelector && parentSelector + " " + selector) || selector;
+              if (part.includes("&")) {
+                  part = selector.replace(/&/g, parentSelector || "");
+              }
+              if (stackIndex < selectorStack.length - 1) {
+                  part = generateSelector(stackIndex + 1, part);
+              }
+              parts.push(part);
+          }
+          return parts.join(", ");
+      }
+      function generateRules() {
+          if (rules.length) {
+              parts.push(generateSelector(0) + " {");
+              parts.push(...rules);
+              parts.push("}");
+              rules = [];
+          }
+      }
+      while (tokens.length) {
+          let token = tokens.shift();
+          if (token === "}") {
+              generateRules();
+              selectorStack.pop();
+          }
+          else {
+              if (tokens[0] === "{") {
+                  generateRules();
+                  selectorStack.push(token.split(/\s*,\s*/));
+                  tokens.shift();
+              }
+              if (tokens[0] === ";") {
+                  rules.push("  " + token + ";");
+              }
+          }
+      }
+      return parts.join("\n");
+  }
+  function registerSheet(id, css) {
+      const sheet = document.createElement("style");
+      sheet.textContent = processSheet(css);
+      STYLESHEETS[id] = sheet;
+  }
+  function activateSheet(id) {
+      const sheet = STYLESHEETS[id];
+      sheet.setAttribute("component", id);
+      document.head.appendChild(sheet);
+  }
+  function getTextDecoration({ strikethrough, underline, }) {
+      if (!strikethrough && !underline) {
+          return "none";
+      }
+      return `${strikethrough ? "line-through" : ""} ${underline ? "underline" : ""}`;
+  }
+  /**
+   * Convert the cell style to CSS properties.
+   */
+  function cellStyleToCss(style) {
+      const attributes = cellTextStyleToCss(style);
+      if (!style)
+          return attributes;
+      if (style.fillColor) {
+          attributes["background"] = style.fillColor;
+      }
+      return attributes;
+  }
+  /**
+   * Convert the cell text style to CSS properties.
+   */
+  function cellTextStyleToCss(style) {
+      const attributes = {};
+      if (!style)
+          return attributes;
+      if (style.bold) {
+          attributes["font-weight"] = "bold";
+      }
+      if (style.italic) {
+          attributes["font-style"] = "italic";
+      }
+      if (style.strikethrough || style.underline) {
+          let decoration = style.strikethrough ? "line-through" : "";
+          decoration = style.underline ? decoration + " underline" : decoration;
+          attributes["text-decoration"] = decoration;
+      }
+      if (style.textColor) {
+          attributes["color"] = style.textColor;
+      }
+      return attributes;
+  }
+  /**
+   * Transform CSS properties into a CSS string.
+   */
+  function cssPropertiesToCss(attributes) {
+      let styleStr = "";
+      for (const attName in attributes) {
+          if (!attributes[attName]) {
+              continue;
+          }
+          styleStr += `${attName}:${attributes[attName]}; `;
+      }
+      return styleStr;
+  }
+  function getElementMargins(el) {
+      const style = window.getComputedStyle(el);
+      return {
+          top: parseInt(style.marginTop, 10) || 0,
+          bottom: parseInt(style.marginBottom, 10) || 0,
+          left: parseInt(style.marginLeft, 10) || 0,
+          right: parseInt(style.marginRight, 10) || 0,
+      };
+  }
+
   const TREND_LINE_XAXIS_ID = "x1";
   /**
    * This file contains helpers that are common to different charts (mainly
@@ -9515,25 +9671,25 @@ stores.inject(MyMetaStore, storeInstance);
       };
   }
   /**
-   * Copy the dataSets given. All the ranges which are on sheetIdFrom will target
+   * Duplicate the dataSets. All ranges on sheetIdFrom are adapted to target
    * sheetIdTo.
    */
-  function copyDataSetsWithNewSheetId(sheetIdFrom, sheetIdTo, dataSets) {
+  function duplicateDataSetsInDuplicatedSheet(sheetIdFrom, sheetIdTo, dataSets) {
       return dataSets.map((ds) => {
           return {
-              dataRange: copyRangeWithNewSheetId(sheetIdFrom, sheetIdTo, ds.dataRange),
+              dataRange: duplicateRangeInDuplicatedSheet(sheetIdFrom, sheetIdTo, ds.dataRange),
               labelCell: ds.labelCell
-                  ? copyRangeWithNewSheetId(sheetIdFrom, sheetIdTo, ds.labelCell)
+                  ? duplicateRangeInDuplicatedSheet(sheetIdFrom, sheetIdTo, ds.labelCell)
                   : undefined,
           };
       });
   }
   /**
-   * Copy a range. If the range is on the sheetIdFrom, the range will target
+   * Duplicate a range. If the range is on the sheetIdFrom, the range will target
    * sheetIdTo.
    */
-  function copyLabelRangeWithNewSheetId(sheetIdFrom, sheetIdTo, range) {
-      return range ? copyRangeWithNewSheetId(sheetIdFrom, sheetIdTo, range) : undefined;
+  function duplicateLabelRangeInDuplicatedSheet(sheetIdFrom, sheetIdTo, range) {
+      return range ? duplicateRangeInDuplicatedSheet(sheetIdFrom, sheetIdTo, range) : undefined;
   }
   /**
    * Adapt a single range of a chart
@@ -9786,10 +9942,11 @@ stores.inject(MyMetaStore, storeInstance);
           if (isNaN(value))
               return value;
           const { locale, format } = localeFormat;
-          return formatValue(value, {
+          const formattedValue = formatValue(value, {
               locale,
               format: !format && Math.abs(value) >= 1000 ? "#,##" : format,
           });
+          return truncateLabel(formattedValue);
       };
   }
   const CHART_AXIS_CHOICES = [
@@ -9804,6 +9961,15 @@ stores.inject(MyMetaStore, storeInstance);
       }
       return pieColors;
   }
+  function truncateLabel(label) {
+      if (!label) {
+          return "";
+      }
+      if (label.length > MAX_CHAR_LABEL) {
+          return label.substring(0, MAX_CHAR_LABEL) + "…";
+      }
+      return label;
+  }
 
   /** This is a chartJS plugin that will draw the values of each data next to the point/bar/pie slice */
   const chartShowValuesPlugin = {
@@ -9999,6 +10165,18 @@ stores.inject(MyMetaStore, storeInstance);
 
   window.Chart?.register(waterfallLinesPlugin);
   window.Chart?.register(chartShowValuesPlugin);
+  css /* scss */ `
+  .o-spreadsheet {
+    .o-chart-custom-tooltip {
+      font-size: 12px;
+      background-color: #fff;
+      z-index: ${ComponentsImportance.FigureTooltip};
+      table td span {
+        box-sizing: border-box;
+      }
+    }
+  }
+`;
   class ChartJsComponent extends owl.Component {
       static template = "o-spreadsheet-ChartJsComponent";
       static props = {
@@ -10237,11 +10415,11 @@ stores.inject(MyMetaStore, storeInstance);
               keyValue: keyValueZone ? zoneToXc(keyValueZone) : undefined,
           };
       }
-      copyForSheetId(sheetId) {
-          const baseline = copyLabelRangeWithNewSheetId(this.sheetId, sheetId, this.baseline);
-          const keyValue = copyLabelRangeWithNewSheetId(this.sheetId, sheetId, this.keyValue);
-          const definition = this.getDefinitionWithSpecificRanges(baseline, keyValue, sheetId);
-          return new ScorecardChart(definition, sheetId, this.getters);
+      duplicateInDuplicatedSheet(newSheetId) {
+          const baseline = duplicateLabelRangeInDuplicatedSheet(this.sheetId, newSheetId, this.baseline);
+          const keyValue = duplicateLabelRangeInDuplicatedSheet(this.sheetId, newSheetId, this.keyValue);
+          const definition = this.getDefinitionWithSpecificRanges(baseline, keyValue, newSheetId);
+          return new ScorecardChart(definition, newSheetId, this.getters);
       }
       copyInSheetId(sheetId) {
           const definition = this.getDefinitionWithSpecificRanges(this.baseline, this.keyValue, sheetId);
@@ -19931,6 +20109,17 @@ stores.inject(MyMetaStore, storeInstance);
       },
       isExported: true,
   };
+  // -----------------------------------------------------------------------------
+  // VALUE
+  // -----------------------------------------------------------------------------
+  const VALUE = {
+      description: _t("Converts a string to a numeric value."),
+      args: [arg("value (number)", _t("the string to be converted"))],
+      compute: function (value) {
+          return toNumber(value, this.locale);
+      },
+      isExported: true,
+  };
 
   var text = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -19953,7 +20142,8 @@ stores.inject(MyMetaStore, storeInstance);
     TEXT: TEXT,
     TEXTJOIN: TEXTJOIN,
     TRIM: TRIM,
-    UPPER: UPPER
+    UPPER: UPPER,
+    VALUE: VALUE
   });
 
   // -----------------------------------------------------------------------------
@@ -22556,15 +22746,6 @@ stores.inject(MyMetaStore, storeInstance);
       },
       animation: false,
   };
-  function truncateLabel(label) {
-      if (!label) {
-          return "";
-      }
-      if (label.length > MAX_CHAR_LABEL) {
-          return label.substring(0, MAX_CHAR_LABEL) + "…";
-      }
-      return label;
-  }
   function chartToImage(runtime, figure, type) {
       // wrap the canvas in a div with a fixed size because chart.js would
       // fill the whole page otherwise
@@ -22886,150 +23067,6 @@ stores.inject(MyMetaStore, storeInstance);
    */
   const iconsOnCellRegistry = new Registry();
 
-  /**
-   * This file is largely inspired by owl 1.
-   * `css` tag has been removed from owl 2 without workaround to manage css.
-   * So, the solution was to import the behavior of owl 1 directly in our
-   * codebase, with one difference: the css is added to the sheet as soon as the
-   * css tag is executed. In owl 1, the css was added as soon as a Component was
-   * created for the first time.
-   */
-  const STYLESHEETS = {};
-  let nextId = 0;
-  /**
-   * CSS tag helper for defining inline stylesheets.  With this, one can simply define
-   * an inline stylesheet with just the following code:
-   * ```js
-   *     css`.component-a { color: red; }`;
-   * ```
-   */
-  function css(strings, ...args) {
-      const name = `__sheet__${nextId++}`;
-      const value = String.raw(strings, ...args);
-      registerSheet(name, value);
-      activateSheet(name);
-      return name;
-  }
-  function processSheet(str) {
-      const tokens = str.split(/(\{|\}|;)/).map((s) => s.trim());
-      const selectorStack = [];
-      const parts = [];
-      let rules = [];
-      function generateSelector(stackIndex, parentSelector) {
-          const parts = [];
-          for (const selector of selectorStack[stackIndex]) {
-              let part = (parentSelector && parentSelector + " " + selector) || selector;
-              if (part.includes("&")) {
-                  part = selector.replace(/&/g, parentSelector || "");
-              }
-              if (stackIndex < selectorStack.length - 1) {
-                  part = generateSelector(stackIndex + 1, part);
-              }
-              parts.push(part);
-          }
-          return parts.join(", ");
-      }
-      function generateRules() {
-          if (rules.length) {
-              parts.push(generateSelector(0) + " {");
-              parts.push(...rules);
-              parts.push("}");
-              rules = [];
-          }
-      }
-      while (tokens.length) {
-          let token = tokens.shift();
-          if (token === "}") {
-              generateRules();
-              selectorStack.pop();
-          }
-          else {
-              if (tokens[0] === "{") {
-                  generateRules();
-                  selectorStack.push(token.split(/\s*,\s*/));
-                  tokens.shift();
-              }
-              if (tokens[0] === ";") {
-                  rules.push("  " + token + ";");
-              }
-          }
-      }
-      return parts.join("\n");
-  }
-  function registerSheet(id, css) {
-      const sheet = document.createElement("style");
-      sheet.textContent = processSheet(css);
-      STYLESHEETS[id] = sheet;
-  }
-  function activateSheet(id) {
-      const sheet = STYLESHEETS[id];
-      sheet.setAttribute("component", id);
-      document.head.appendChild(sheet);
-  }
-  function getTextDecoration({ strikethrough, underline, }) {
-      if (!strikethrough && !underline) {
-          return "none";
-      }
-      return `${strikethrough ? "line-through" : ""} ${underline ? "underline" : ""}`;
-  }
-  /**
-   * Convert the cell style to CSS properties.
-   */
-  function cellStyleToCss(style) {
-      const attributes = cellTextStyleToCss(style);
-      if (!style)
-          return attributes;
-      if (style.fillColor) {
-          attributes["background"] = style.fillColor;
-      }
-      return attributes;
-  }
-  /**
-   * Convert the cell text style to CSS properties.
-   */
-  function cellTextStyleToCss(style) {
-      const attributes = {};
-      if (!style)
-          return attributes;
-      if (style.bold) {
-          attributes["font-weight"] = "bold";
-      }
-      if (style.italic) {
-          attributes["font-style"] = "italic";
-      }
-      if (style.strikethrough || style.underline) {
-          let decoration = style.strikethrough ? "line-through" : "";
-          decoration = style.underline ? decoration + " underline" : decoration;
-          attributes["text-decoration"] = decoration;
-      }
-      if (style.textColor) {
-          attributes["color"] = style.textColor;
-      }
-      return attributes;
-  }
-  /**
-   * Transform CSS properties into a CSS string.
-   */
-  function cssPropertiesToCss(attributes) {
-      let styleStr = "";
-      for (const attName in attributes) {
-          if (!attributes[attName]) {
-              continue;
-          }
-          styleStr += `${attName}:${attributes[attName]}; `;
-      }
-      return styleStr;
-  }
-  function getElementMargins(el) {
-      const style = window.getComputedStyle(el);
-      return {
-          top: parseInt(style.marginTop, 10) || 0,
-          bottom: parseInt(style.marginBottom, 10) || 0,
-          left: parseInt(style.marginLeft, 10) || 0,
-          right: parseInt(style.marginRight, 10) || 0,
-      };
-  }
-
   css /* scss */ `
   .o-spreadsheet {
     .o-icon {
@@ -24141,7 +24178,7 @@ stores.inject(MyMetaStore, storeInstance);
           return width;
       return Math.round((width / WIDTH_FACTOR) * 100) / 100;
   }
-  function extractStyle(data, styleId, formatId, borderId) {
+  function extractStyle(data, content, styleId, formatId, borderId) {
       const style = styleId ? data.styles[styleId] : {};
       const format = formatId ? data.formats[formatId] : undefined;
       const styles = {
@@ -24163,7 +24200,7 @@ stores.inject(MyMetaStore, storeInstance);
               vertical: style.verticalAlign
                   ? V_ALIGNMENT_EXPORT_CONVERSION_MAP[style.verticalAlign]
                   : undefined,
-              wrapText: style.wrapping === "wrap" || undefined,
+              wrapText: style.wrapping === "wrap" || content?.includes(NEWLINE) ? true : undefined,
           },
       };
       styles.font["strike"] = !!style?.strikethrough || undefined;
@@ -24394,7 +24431,7 @@ stores.inject(MyMetaStore, storeInstance);
       return undefined;
   }
   function isChartData(data) {
-      return "dataSets" in data;
+      return "dataSets" in data && data.dataSets.length > 0;
   }
   function isImageData(data) {
       return "imageSrc" in data;
@@ -24740,9 +24777,8 @@ stores.inject(MyMetaStore, storeInstance);
       }
       return rows;
   }
-  /** Remove newlines (\n) in shared strings, We do not support them */
   function convertSharedStrings(xlsxSharedStrings) {
-      return xlsxSharedStrings.map((str) => str.replace(/\n/g, ""));
+      return xlsxSharedStrings.map(replaceNewLines);
   }
   function convertCells(sheet, data, sheetDims, warningManager) {
       const cells = {};
@@ -25830,15 +25866,10 @@ stores.inject(MyMetaStore, storeInstance);
       getSharedStrings() {
           return this.mapOnElements({ parent: this.rootFile.file.xml, query: "si" }, (ssElement) => {
               // Shared string can either be a simple text, or a rich text (text with formatting, possibly in multiple parts)
-              if (ssElement.children[0].tagName === "t") {
-                  return this.extractTextContent(ssElement) || "";
-              }
               // We don't support rich text formatting, we'll only extract the text
-              else {
-                  return this.mapOnElements({ parent: ssElement, query: "t" }, (textElement) => {
-                      return this.extractTextContent(textElement) || "";
-                  }).join("");
-              }
+              return this.mapOnElements({ parent: ssElement, query: "t" }, (textElement) => {
+                  return this.extractTextContent(textElement) || "";
+              }).join("");
           });
       }
   }
@@ -27155,12 +27186,9 @@ stores.inject(MyMetaStore, storeInstance);
               }
               const oldName = sheet.name;
               const escapedName = sanitizeSheetName(oldName, "_");
-              let i = 1;
-              let newName = escapedName;
-              while (namesTaken.includes(newName)) {
-                  newName = `${escapedName}${i}`;
-                  i++;
-              }
+              const newName = getUniqueText(escapedName, namesTaken, {
+                  compute: (name, i) => `${name}${i}`,
+              });
               sheet.name = newName;
               namesTaken.push(newName);
               const replaceName = (str) => {
@@ -27479,6 +27507,13 @@ stores.inject(MyMetaStore, storeInstance);
           }
           return data;
       },
+  })
+      .add("migration_24", {
+      // Empty migration to allow odoo migrate pivot custom sorting.
+      versionFrom: "24",
+      migrate(data) {
+          return data;
+      },
   });
   function fixOverlappingFilters(data) {
       for (let sheet of data.sheets || []) {
@@ -27506,7 +27541,7 @@ stores.inject(MyMetaStore, storeInstance);
    * a breaking change is made in the way the state is handled, and an upgrade
    * function should be defined
    */
-  const CURRENT_VERSION = 24;
+  const CURRENT_VERSION = 25;
   const INITIAL_SHEET_ID = "Sheet1";
   /**
    * This function tries to load anything that could look like a valid
@@ -28407,12 +28442,12 @@ stores.inject(MyMetaStore, storeInstance);
       }
       const numberOfStep = 5 * trendLabels.length;
       const step = (xmax - xmin) / numberOfStep;
-      const newLabels = range(xmin, xmax + step / 2, step);
-      const newValues = interpolateData(config, filteredValues, filteredLabels, newLabels);
-      if (!newValues.length) {
+      const trendNewLabels = range(xmin, xmax + step / 2, step);
+      const trendValues = interpolateData(config, filteredValues, filteredLabels, trendNewLabels);
+      if (!trendValues.length) {
           return;
       }
-      return newValues;
+      return trendValues;
   }
   function interpolateData(config, values, labels, newLabels) {
       if (values.length < 2 || labels.length < 2 || newLabels.length === 0) {
@@ -28428,13 +28463,16 @@ stores.inject(MyMetaStore, storeInstance);
               case "polynomial": {
                   const order = config.order;
                   if (!order) {
-                      return Array.from({ length: newLabels.length }, () => NaN);
+                      return newLabels.map((x) => ({ x, y: NaN }));
                   }
                   if (order === 1) {
-                      return predictLinearValues([values], [normalizedLabels], [normalizedNewLabels], true)[0];
+                      return predictLinearValues([values], [normalizedLabels], [normalizedNewLabels], true)[0].map((y, i) => ({ x: newLabels[i], y }));
                   }
                   const coeffs = polynomialRegression(values, normalizedLabels, order, true).flat();
-                  return normalizedNewLabels.map((v) => evaluatePolynomial(coeffs, v, order));
+                  return normalizedNewLabels.map((x, i) => ({
+                      x: newLabels[i],
+                      y: evaluatePolynomial(coeffs, x, order),
+                  }));
               }
               case "exponential": {
                   const positiveLogValues = [];
@@ -28446,22 +28484,22 @@ stores.inject(MyMetaStore, storeInstance);
                       }
                   }
                   if (!filteredLabels.length) {
-                      return Array.from({ length: newLabels.length }, () => NaN);
+                      return newLabels.map((x) => ({ x, y: NaN }));
                   }
-                  return expM(predictLinearValues([positiveLogValues], [filteredLabels], [normalizedNewLabels], true))[0];
+                  return expM(predictLinearValues([positiveLogValues], [filteredLabels], [normalizedNewLabels], true))[0].map((y, i) => ({ x: newLabels[i], y }));
               }
               case "logarithmic": {
-                  return predictLinearValues([values], logM([normalizedLabels]), logM([normalizedNewLabels]), true)[0];
+                  return predictLinearValues([values], logM([normalizedLabels]), logM([normalizedNewLabels]), true)[0].map((y, i) => ({ x: newLabels[i], y }));
               }
               case "trailingMovingAverage": {
-                  return getMovingAverageValues(values, config.window);
+                  return getMovingAverageValues(values, labels, config.window);
               }
               default:
-                  return Array.from({ length: newLabels.length }, () => NaN);
+                  return newLabels.map((x) => ({ x, y: NaN }));
           }
       }
       catch (e) {
-          return Array.from({ length: newLabels.length }, () => NaN);
+          return newLabels.map((x) => ({ x, y: NaN }));
       }
   }
   function getChartAxisType(chart, labelRange, getters) {
@@ -28683,7 +28721,7 @@ stores.inject(MyMetaStore, storeInstance);
                   : undefined;
               label =
                   cell && labelRange
-                      ? truncateLabel(cell.formattedValue)
+                      ? cell.formattedValue
                       : (label = `${ChartTerms.Series} ${parseInt(dsIndex) + 1}`);
           }
           else {
@@ -28697,7 +28735,7 @@ stores.inject(MyMetaStore, storeInstance);
               // then using the classical aggregation method to sum the values.
               data.fill(1);
           }
-          else if (data.every((cell) => cell === undefined || cell === null || !isNumber(cell.toString(), getters.getLocale()))) {
+          else if (data.every((cell) => cell === undefined || cell === null || !isNumber(cell.toString(), DEFAULT_LOCALE))) {
               continue;
           }
           datasetValues.push({ data, label });
@@ -28773,7 +28811,7 @@ stores.inject(MyMetaStore, storeInstance);
       }
       return {
           datasets: [dataset],
-          labels: labelsWithSubTotals.map(truncateLabel),
+          labels: labelsWithSubTotals,
       };
   }
   function getLineChartDatasets(definition, args) {
@@ -29022,7 +29060,7 @@ stores.inject(MyMetaStore, storeInstance);
               generateLabels: (c) => 
               //@ts-ignore
               c.data.labels.map((label, index) => ({
-                  text: label,
+                  text: truncateLabel(String(label)),
                   strokeStyle: colors[index],
                   fillStyle: colors[index],
                   pointStyle: "rect",
@@ -29091,6 +29129,7 @@ stores.inject(MyMetaStore, storeInstance);
                   return legendValues;
               },
           },
+          onClick: () => { }, // Disables click interaction with the waterfall chart legend items
       };
   }
   function getRadarChartLegend(definition, args) {
@@ -29152,7 +29191,7 @@ stores.inject(MyMetaStore, storeInstance);
               generateLabels: (chart) => chart.data.datasets.map((dataset, index) => {
                   if (dataset["xAxisID"] === TREND_LINE_XAXIS_ID) {
                       return {
-                          text: dataset.label ?? "",
+                          text: truncateLabel(dataset.label),
                           fontColor,
                           strokeStyle: dataset.borderColor,
                           hidden: !chart.isDatasetVisible(index),
@@ -29162,7 +29201,7 @@ stores.inject(MyMetaStore, storeInstance);
                       };
                   }
                   return {
-                      text: dataset.label ?? "",
+                      text: truncateLabel(dataset.label),
                       fontColor,
                       strokeStyle: dataset.borderColor,
                       fillStyle: dataset.backgroundColor,
@@ -29232,14 +29271,19 @@ stores.inject(MyMetaStore, storeInstance);
           /* We add a second x axis here to draw the trend lines, with the labels length being
            * set so that the second axis points match the classical x axis
            */
-          const maxLength = Math.max(...trendDatasets.map((trendDataset) => trendDataset?.length || 0));
           scales[TREND_LINE_XAXIS_ID] = {
               ...scales.x,
-              type: "category",
-              labels: range(0, maxLength).map((x) => x.toString()),
-              offset: false,
               display: false,
           };
+          if (axisType === "category" || axisType === "time") {
+              /* We add a second x axis here to draw the trend lines, with the labels length being
+               * set so that the second axis points match the classical x axis
+               */
+              const maxLength = Math.max(...trendDatasets.map((trendDataset) => trendDataset?.length || 0));
+              scales[TREND_LINE_XAXIS_ID]["type"] = "category";
+              scales[TREND_LINE_XAXIS_ID]["labels"] = range(0, maxLength).map((x) => x.toString());
+              scales[TREND_LINE_XAXIS_ID]["offset"] = false;
+          }
       }
       return scales;
   }
@@ -29304,7 +29348,10 @@ stores.inject(MyMetaStore, storeInstance);
                   callback: formatTickValue({ format: axisFormats?.r, locale }),
                   backdropColor: definition.background || "#FFFFFF",
               },
-              pointLabels: { color: chartFontColor(definition.background) },
+              pointLabels: {
+                  color: chartFontColor(definition.background),
+                  callback: truncateLabel,
+              },
               suggestedMin: minValue < 0 ? minValue - 1 : 0,
           },
       };
@@ -29401,6 +29448,11 @@ stores.inject(MyMetaStore, storeInstance);
               ticks: {
                   padding: 5,
                   color: fontColor,
+                  callback: function (tickValue) {
+                      // Category axis callback's internal tick value is the index of the label
+                      // https://www.chartjs.org/docs/latest/axes/labelling.html#creating-custom-tick-formats
+                      return truncateLabel(this.getLabelForValue(tickValue));
+                  },
               },
               grid: {
                   display: false,
@@ -29480,8 +29532,70 @@ stores.inject(MyMetaStore, storeInstance);
       };
   }
 
+  /**
+   * Custom tooltip for the charts. Mostly copied from Odoo's custom tooltip, with some slight changes to make it work
+   * with o-spreadsheet chart data and CSS.
+   *
+   * https://github.com/odoo/odoo/blob/18.0/addons/web/static/src/views/graph/graph_renderer.xml
+   */
+  const templates = /* xml */ `
+<templates>
+  <t t-name="o-spreadsheet-CustomTooltip">
+    <div
+      class="o-chart-custom-tooltip border rounded px-2 py-1 pe-none mw-100 position-absolute text-nowrap shadow opacity-100">
+      <table class="overflow-hidden m-0">
+        <thead>
+          <tr>
+            <th class="o-tooltip-title align-baseline border-0 text-truncate" t-esc="title" t-attf-style="max-width: {{ labelsMaxWidth }}"/>
+          </tr>
+        </thead>
+        <tbody>
+          <tr t-foreach="tooltipItems" t-as="tooltipItem" t-key="tooltipItem_index">
+            <td>
+              <span
+                class="badge ps-2 py-2 rounded-0 align-middle"
+                t-attf-style="background-color: {{ tooltipItem.boxColor }}"
+              > </span>
+              <small
+                t-if="tooltipItem.label"
+                class="o-tooltip-label d-inline-block text-truncate align-middle smaller ms-2"
+                t-esc="tooltipItem.label"
+                t-attf-style="max-width: {{ labelsMaxWidth }}"
+              />
+            </td>
+            <td class="o-tooltip-value ps-2 fw-bolder text-end">
+              <small class="smaller d-inline-block text-truncate align-middle" t-attf-style="max-width: {{ valuesMaxWidth }}">
+                <t t-esc="tooltipItem.value"/>
+                <t t-if="tooltipItem.percentage">
+                  (
+                  <t t-esc="tooltipItem.percentage"/>
+                  %)
+                </t>
+              </small>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </t>
+</templates>
+`;
+  const app = new owl.App(owl.Component, { templates, translateFn: _t });
+  function renderToString(templateName, context = {}) {
+      return render(templateName, context).innerHTML;
+  }
+  function render(templateName, context = {}) {
+      const templateFn = app.getTemplate(templateName);
+      const bdom = templateFn(context, {});
+      const div = document.createElement("div");
+      owl.blockDom.mount(bdom, div);
+      return div;
+  }
+
   function getBarChartTooltip(definition, args) {
       return {
+          enabled: false,
+          external: customTooltipHandler,
           callbacks: {
               title: function (tooltipItems) {
                   return tooltipItems.some((item) => item.dataset.xAxisID !== TREND_LINE_XAXIS_ID)
@@ -29505,11 +29619,17 @@ stores.inject(MyMetaStore, storeInstance);
   function getLineChartTooltip(definition, args) {
       const { axisType, locale, axisFormats } = args;
       const labelFormat = axisFormats?.x;
-      const tooltip = { callbacks: {} };
+      const tooltip = {
+          enabled: false,
+          external: customTooltipHandler,
+          callbacks: {},
+      };
       if (axisType === "linear") {
           tooltip.callbacks.label = (tooltipItem) => {
               const dataSetPoint = tooltipItem.parsed.y;
-              let label = tooltipItem.parsed.x;
+              let label = tooltipItem.dataset.xAxisID === TREND_LINE_XAXIS_ID
+                  ? ""
+                  : tooltipItem.parsed.x;
               if (typeof label === "string" && isNumber(label, locale)) {
                   label = toNumber(label, locale);
               }
@@ -29542,6 +29662,8 @@ stores.inject(MyMetaStore, storeInstance);
       const { locale, axisFormats } = args;
       const format = axisFormats?.y || axisFormats?.y1;
       return {
+          enabled: false,
+          external: customTooltipHandler,
           callbacks: {
               title: function (tooltipItems) {
                   return tooltipItems[0].dataset.label;
@@ -29566,6 +29688,8 @@ stores.inject(MyMetaStore, storeInstance);
       const format = axisFormats?.y || axisFormats?.y1;
       const dataSeriesLabels = dataSetsValues.map((dataSet) => dataSet.label);
       return {
+          enabled: false,
+          external: customTooltipHandler,
           callbacks: {
               label: function (tooltipItem) {
                   const [lastValue, currentValue] = tooltipItem.raw;
@@ -29597,6 +29721,8 @@ stores.inject(MyMetaStore, storeInstance);
   function getRadarChartTooltip(definition, args) {
       const { locale, axisFormats } = args;
       return {
+          enabled: false,
+          external: customTooltipHandler,
           callbacks: {
               label: function (tooltipItem) {
                   const xLabel = tooltipItem.dataset?.label || tooltipItem.label;
@@ -29635,6 +29761,48 @@ stores.inject(MyMetaStore, storeInstance);
       const percentage = (dataset[dataIndex] / total) * 100;
       return percentage.toFixed(2);
   }
+  function customTooltipHandler({ chart, tooltip }) {
+      chart.canvas.parentNode.querySelector("div.o-chart-custom-tooltip")?.remove();
+      if (tooltip.opacity === 0 || tooltip.dataPoints.length === 0) {
+          return;
+      }
+      const tooltipItems = tooltip.body.map((body, index) => {
+          let [label, value] = body.lines[0].split(":").map((str) => str.trim());
+          if (!value) {
+              value = label;
+              label = "";
+          }
+          const color = tooltip.labelColors[index].backgroundColor;
+          return {
+              label,
+              value,
+              boxColor: typeof color === "string" ? setColorAlpha(color, 1) : color,
+          };
+      });
+      const innerHTML = renderToString("o-spreadsheet-CustomTooltip", {
+          labelsMaxWidth: Math.floor(chart.canvas.clientWidth * 0.5) + "px",
+          valuesMaxWidth: Math.floor(chart.canvas.clientWidth * 0.25) + "px",
+          title: tooltip.title[0],
+          tooltipItems,
+      });
+      const template = Object.assign(document.createElement("template"), { innerHTML });
+      const newTooltipEl = template.content.firstChild;
+      chart.canvas.parentNode?.appendChild(newTooltipEl);
+      Object.assign(newTooltipEl.style, {
+          left: getTooltipLeftPosition(chart, tooltip, newTooltipEl.clientWidth) + "px",
+          top: Math.floor(tooltip.caretY - newTooltipEl.clientHeight / 2) + "px",
+      });
+  }
+  /**
+   * Get the left position for the tooltip, making sure it doesn't go out of the chart area.
+   */
+  function getTooltipLeftPosition(chart, tooltip, tooltipWidth) {
+      const x = tooltip.caretX;
+      if (x + tooltipWidth > chart.chartArea.right) {
+          return Math.max(0, x - tooltipWidth);
+      }
+      return x;
+  }
 
   var CHART_RUNTIME_HELPERS = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -29748,11 +29916,11 @@ stores.inject(MyMetaStore, storeInstance);
                   : undefined,
           };
       }
-      copyForSheetId(sheetId) {
-          const dataSets = copyDataSetsWithNewSheetId(this.sheetId, sheetId, this.dataSets);
-          const labelRange = copyLabelRangeWithNewSheetId(this.sheetId, sheetId, this.labelRange);
-          const definition = this.getDefinitionWithSpecificDataSets(dataSets, labelRange, sheetId);
-          return new BarChart(definition, sheetId, this.getters);
+      duplicateInDuplicatedSheet(newSheetId) {
+          const dataSets = duplicateDataSetsInDuplicatedSheet(this.sheetId, newSheetId, this.dataSets);
+          const labelRange = duplicateLabelRangeInDuplicatedSheet(this.sheetId, newSheetId, this.labelRange);
+          const definition = this.getDefinitionWithSpecificDataSets(dataSets, labelRange, newSheetId);
+          return new BarChart(definition, newSheetId, this.getters);
       }
       copyInSheetId(sheetId) {
           const definition = this.getDefinitionWithSpecificDataSets(this.dataSets, this.labelRange, sheetId);
@@ -29819,7 +29987,7 @@ stores.inject(MyMetaStore, storeInstance);
       const config = {
           type: "bar",
           data: {
-              labels: chartData.labels.map(truncateLabel),
+              labels: chartData.labels,
               datasets: getBarChartDatasets(definition, chartData),
           },
           options: {
@@ -29955,11 +30123,11 @@ stores.inject(MyMetaStore, storeInstance);
               showValues: context.showValues,
           };
       }
-      copyForSheetId(sheetId) {
-          const dataSets = copyDataSetsWithNewSheetId(this.sheetId, sheetId, this.dataSets);
-          const labelRange = copyLabelRangeWithNewSheetId(this.sheetId, sheetId, this.labelRange);
-          const definition = this.getDefinitionWithSpecificDataSets(dataSets, labelRange, sheetId);
-          return new ComboChart(definition, sheetId, this.getters);
+      duplicateInDuplicatedSheet(newSheetId) {
+          const dataSets = duplicateDataSetsInDuplicatedSheet(this.sheetId, newSheetId, this.dataSets);
+          const labelRange = duplicateLabelRangeInDuplicatedSheet(this.sheetId, newSheetId, this.labelRange);
+          const definition = this.getDefinitionWithSpecificDataSets(dataSets, labelRange, newSheetId);
+          return new ComboChart(definition, newSheetId, this.getters);
       }
       copyInSheetId(sheetId) {
           const definition = this.getDefinitionWithSpecificDataSets(this.dataSets, this.labelRange, sheetId);
@@ -29972,7 +30140,7 @@ stores.inject(MyMetaStore, storeInstance);
       const config = {
           type: "bar",
           data: {
-              labels: chartData.labels.map(truncateLabel),
+              labels: chartData.labels,
               datasets: getComboChartDatasets(definition, chartData),
           },
           options: {
@@ -30106,10 +30274,10 @@ stores.inject(MyMetaStore, storeInstance);
               },
           };
       }
-      copyForSheetId(sheetId) {
-          const dataRange = copyLabelRangeWithNewSheetId(this.sheetId, sheetId, this.dataRange);
-          const definition = this.getDefinitionWithSpecificRanges(dataRange, sheetId);
-          return new GaugeChart(definition, sheetId, this.getters);
+      duplicateInDuplicatedSheet(newSheetId) {
+          const dataRange = duplicateLabelRangeInDuplicatedSheet(this.sheetId, newSheetId, this.dataRange);
+          const definition = this.getDefinitionWithSpecificRanges(dataRange, newSheetId);
+          return new GaugeChart(definition, newSheetId, this.getters);
       }
       copyInSheetId(sheetId) {
           const definition = this.getDefinitionWithSpecificRanges(this.dataRange, sheetId);
@@ -30202,7 +30370,11 @@ stores.inject(MyMetaStore, storeInstance);
       colors.push(chartColors.upperColor);
       return {
           background: getters.getStyleOfSingleCellChart(chart.background, dataRange).background,
-          title: chart.title ?? { text: "" },
+          title: {
+              ...chart.title,
+              // chart titles are extracted from .json files and they are translated at runtime here
+              text: _t(chart.title.text ?? ""),
+          },
           minValue: {
               value: minValue,
               label: formatValue(minValue, { locale, format }),
@@ -30286,11 +30458,11 @@ stores.inject(MyMetaStore, storeInstance);
                   : undefined,
           };
       }
-      copyForSheetId(sheetId) {
-          const dataSets = copyDataSetsWithNewSheetId(this.sheetId, sheetId, this.dataSets);
-          const labelRange = copyLabelRangeWithNewSheetId(this.sheetId, sheetId, this.labelRange);
-          const definition = this.getDefinitionWithSpecificDataSets(dataSets, labelRange, sheetId);
-          return new GeoChart(definition, sheetId, this.getters);
+      duplicateInDuplicatedSheet(newSheetId) {
+          const dataSets = duplicateDataSetsInDuplicatedSheet(this.sheetId, newSheetId, this.dataSets);
+          const labelRange = duplicateLabelRangeInDuplicatedSheet(this.sheetId, newSheetId, this.labelRange);
+          const definition = this.getDefinitionWithSpecificDataSets(dataSets, labelRange, newSheetId);
+          return new GeoChart(definition, newSheetId, this.getters);
       }
       copyInSheetId(sheetId) {
           const definition = this.getDefinitionWithSpecificDataSets(this.dataSets, this.labelRange, sheetId);
@@ -30483,11 +30655,11 @@ stores.inject(MyMetaStore, storeInstance);
               verticalAxis: getDefinedAxis(definition),
           };
       }
-      copyForSheetId(sheetId) {
-          const dataSets = copyDataSetsWithNewSheetId(this.sheetId, sheetId, this.dataSets);
-          const labelRange = copyLabelRangeWithNewSheetId(this.sheetId, sheetId, this.labelRange);
-          const definition = this.getDefinitionWithSpecificDataSets(dataSets, labelRange, sheetId);
-          return new LineChart(definition, sheetId, this.getters);
+      duplicateInDuplicatedSheet(newSheetId) {
+          const dataSets = duplicateDataSetsInDuplicatedSheet(this.sheetId, newSheetId, this.dataSets);
+          const labelRange = duplicateLabelRangeInDuplicatedSheet(this.sheetId, newSheetId, this.labelRange);
+          const definition = this.getDefinitionWithSpecificDataSets(dataSets, labelRange, newSheetId);
+          return new LineChart(definition, newSheetId, this.getters);
       }
       copyInSheetId(sheetId) {
           const definition = this.getDefinitionWithSpecificDataSets(this.dataSets, this.labelRange, sheetId);
@@ -30500,7 +30672,7 @@ stores.inject(MyMetaStore, storeInstance);
       const config = {
           type: "line",
           data: {
-              labels: chartData.axisType !== "time" ? chartData.labels.map(truncateLabel) : chartData.labels,
+              labels: chartData.labels,
               datasets: getLineChartDatasets(definition, chartData),
           },
           options: {
@@ -30594,11 +30766,11 @@ stores.inject(MyMetaStore, storeInstance);
               showValues: this.showValues,
           };
       }
-      copyForSheetId(sheetId) {
-          const dataSets = copyDataSetsWithNewSheetId(this.sheetId, sheetId, this.dataSets);
-          const labelRange = copyLabelRangeWithNewSheetId(this.sheetId, sheetId, this.labelRange);
-          const definition = this.getDefinitionWithSpecificDataSets(dataSets, labelRange, sheetId);
-          return new PieChart(definition, sheetId, this.getters);
+      duplicateInDuplicatedSheet(newSheetId) {
+          const dataSets = duplicateDataSetsInDuplicatedSheet(this.sheetId, newSheetId, this.dataSets);
+          const labelRange = duplicateLabelRangeInDuplicatedSheet(this.sheetId, newSheetId, this.labelRange);
+          const definition = this.getDefinitionWithSpecificDataSets(dataSets, labelRange, newSheetId);
+          return new PieChart(definition, newSheetId, this.getters);
       }
       copyInSheetId(sheetId) {
           const definition = this.getDefinitionWithSpecificDataSets(this.dataSets, this.labelRange, sheetId);
@@ -30635,7 +30807,7 @@ stores.inject(MyMetaStore, storeInstance);
       const config = {
           type: chart.isDoughnut ? "doughnut" : "pie",
           data: {
-              labels: chartData.labels.map(truncateLabel),
+              labels: chartData.labels,
               datasets: getPieChartDatasets(definition, chartData),
           },
           options: {
@@ -30715,11 +30887,11 @@ stores.inject(MyMetaStore, storeInstance);
                   : undefined,
           };
       }
-      copyForSheetId(sheetId) {
-          const dataSets = copyDataSetsWithNewSheetId(this.sheetId, sheetId, this.dataSets);
-          const labelRange = copyLabelRangeWithNewSheetId(this.sheetId, sheetId, this.labelRange);
-          const definition = this.getDefinitionWithSpecificDataSets(dataSets, labelRange, sheetId);
-          return new PyramidChart(definition, sheetId, this.getters);
+      duplicateInDuplicatedSheet(newSheetId) {
+          const dataSets = duplicateDataSetsInDuplicatedSheet(this.sheetId, newSheetId, this.dataSets);
+          const labelRange = duplicateLabelRangeInDuplicatedSheet(this.sheetId, newSheetId, this.labelRange);
+          const definition = this.getDefinitionWithSpecificDataSets(dataSets, labelRange, newSheetId);
+          return new PyramidChart(definition, newSheetId, this.getters);
       }
       copyInSheetId(sheetId) {
           const definition = this.getDefinitionWithSpecificDataSets(this.dataSets, this.labelRange, sheetId);
@@ -30771,7 +30943,7 @@ stores.inject(MyMetaStore, storeInstance);
       const config = {
           type: "bar",
           data: {
-              labels: chartData.labels.map(truncateLabel),
+              labels: chartData.labels,
               datasets: getBarChartDatasets(definition, chartData),
           },
           options: {
@@ -30852,11 +31024,11 @@ stores.inject(MyMetaStore, storeInstance);
                   : undefined,
           };
       }
-      copyForSheetId(sheetId) {
-          const dataSets = copyDataSetsWithNewSheetId(this.sheetId, sheetId, this.dataSets);
-          const labelRange = copyLabelRangeWithNewSheetId(this.sheetId, sheetId, this.labelRange);
-          const definition = this.getDefinitionWithSpecificDataSets(dataSets, labelRange, sheetId);
-          return new RadarChart(definition, sheetId, this.getters);
+      duplicateInDuplicatedSheet(newSheetId) {
+          const dataSets = duplicateDataSetsInDuplicatedSheet(this.sheetId, newSheetId, this.dataSets);
+          const labelRange = duplicateLabelRangeInDuplicatedSheet(this.sheetId, newSheetId, this.labelRange);
+          const definition = this.getDefinitionWithSpecificDataSets(dataSets, labelRange, newSheetId);
+          return new RadarChart(definition, newSheetId, this.getters);
       }
       copyInSheetId(sheetId) {
           const definition = this.getDefinitionWithSpecificDataSets(this.dataSets, this.labelRange, sheetId);
@@ -30921,7 +31093,7 @@ stores.inject(MyMetaStore, storeInstance);
       const config = {
           type: "radar",
           data: {
-              labels: chartData.labels.map(truncateLabel),
+              labels: chartData.labels,
               datasets: getRadarChartDatasets(definition, chartData),
           },
           options: {
@@ -31055,11 +31227,11 @@ stores.inject(MyMetaStore, storeInstance);
               verticalAxis: getDefinedAxis(definition),
           };
       }
-      copyForSheetId(sheetId) {
-          const dataSets = copyDataSetsWithNewSheetId(this.sheetId, sheetId, this.dataSets);
-          const labelRange = copyLabelRangeWithNewSheetId(this.sheetId, sheetId, this.labelRange);
-          const definition = this.getDefinitionWithSpecificDataSets(dataSets, labelRange, sheetId);
-          return new ScatterChart(definition, sheetId, this.getters);
+      duplicateInDuplicatedSheet(newSheetId) {
+          const dataSets = duplicateDataSetsInDuplicatedSheet(this.sheetId, newSheetId, this.dataSets);
+          const labelRange = duplicateLabelRangeInDuplicatedSheet(this.sheetId, newSheetId, this.labelRange);
+          const definition = this.getDefinitionWithSpecificDataSets(dataSets, labelRange, newSheetId);
+          return new ScatterChart(definition, newSheetId, this.getters);
       }
       copyInSheetId(sheetId) {
           const definition = this.getDefinitionWithSpecificDataSets(this.dataSets, this.labelRange, sheetId);
@@ -31074,7 +31246,7 @@ stores.inject(MyMetaStore, storeInstance);
           // have less options than the line chart (it only works with linear labels)
           type: "line",
           data: {
-              labels: chartData.axisType !== "time" ? chartData.labels.map(truncateLabel) : chartData.labels,
+              labels: chartData.labels,
               datasets: getScatterChartDatasets(definition, chartData),
           },
           options: {
@@ -31172,11 +31344,11 @@ stores.inject(MyMetaStore, storeInstance);
                   : undefined,
           };
       }
-      copyForSheetId(sheetId) {
-          const dataSets = copyDataSetsWithNewSheetId(this.sheetId, sheetId, this.dataSets);
-          const labelRange = copyLabelRangeWithNewSheetId(this.sheetId, sheetId, this.labelRange);
-          const definition = this.getDefinitionWithSpecificDataSets(dataSets, labelRange, sheetId);
-          return new WaterfallChart(definition, sheetId, this.getters);
+      duplicateInDuplicatedSheet(newSheetId) {
+          const dataSets = duplicateDataSetsInDuplicatedSheet(this.sheetId, newSheetId, this.dataSets);
+          const labelRange = duplicateLabelRangeInDuplicatedSheet(this.sheetId, newSheetId, this.labelRange);
+          const definition = this.getDefinitionWithSpecificDataSets(dataSets, labelRange, newSheetId);
+          return new WaterfallChart(definition, newSheetId, this.getters);
       }
       copyInSheetId(sheetId) {
           const definition = this.getDefinitionWithSpecificDataSets(this.dataSets, this.labelRange, sheetId);
@@ -33603,8 +33775,6 @@ stores.inject(MyMetaStore, storeInstance);
     chartToImage: chartToImage,
     checkDataset: checkDataset,
     checkLabelRange: checkLabelRange,
-    copyDataSetsWithNewSheetId: copyDataSetsWithNewSheetId,
-    copyLabelRangeWithNewSheetId: copyLabelRangeWithNewSheetId,
     createBarChartRuntime: createBarChartRuntime,
     createDataSets: createDataSets,
     createGaugeChartRuntime: createGaugeChartRuntime,
@@ -33613,6 +33783,8 @@ stores.inject(MyMetaStore, storeInstance);
     createScorecardChartRuntime: createScorecardChartRuntime,
     createWaterfallChartRuntime: createWaterfallChartRuntime,
     drawScoreChart: drawScoreChart,
+    duplicateDataSetsInDuplicatedSheet: duplicateDataSetsInDuplicatedSheet,
+    duplicateLabelRangeInDuplicatedSheet: duplicateLabelRangeInDuplicatedSheet,
     formatChartDatasetValue: formatChartDatasetValue,
     formatTickValue: formatTickValue,
     getChartPositionAtCenterOfViewport: getChartPositionAtCenterOfViewport,
@@ -35333,12 +35505,20 @@ stores.inject(MyMetaStore, storeInstance);
       });
   }
   function isAutomaticFormatSelected(env) {
-      const activeCell = env.model.getters.getCell(env.model.getters.getActivePosition());
-      return !activeCell || !activeCell.format;
+      const activePosition = env.model.getters.getActivePosition();
+      const pivotCell = env.model.getters.getPivotCellFromPosition(activePosition);
+      if (pivotCell.type === "VALUE") {
+          return !env.model.getters.getEvaluatedCell(activePosition).format;
+      }
+      return !env.model.getters.getCell(activePosition)?.format;
   }
   function isFormatSelected(env, format) {
-      const activeCell = env.model.getters.getCell(env.model.getters.getActivePosition());
-      return activeCell?.format === format;
+      const activePosition = env.model.getters.getActivePosition();
+      const pivotCell = env.model.getters.getPivotCellFromPosition(activePosition);
+      if (pivotCell.type === "VALUE") {
+          return env.model.getters.getEvaluatedCell(activePosition).format === format;
+      }
+      return env.model.getters.getCell(activePosition)?.format === format;
   }
   function isFontSizeSelected(env, fontSize) {
       const currentFontSize = env.model.getters.getCurrentStyle().fontSize || DEFAULT_FONT_SIZE;
@@ -39677,14 +39857,11 @@ stores.inject(MyMetaStore, storeInstance);
   }
 
   class DOMFocusableElementStore {
-      mutators = ["setFocusableElement", "focus"];
+      mutators = ["setFocusableElement"];
       focusableElement = undefined;
       setFocusableElement(element) {
           this.focusableElement = element;
       }
-      focus() {
-          this.focusableElement?.focus();
-      }
   }
 
   css /* scss */ `
@@ -40332,7 +40509,7 @@ stores.inject(MyMetaStore, storeInstance);
               if (document.activeElement === this.contentHelper.el &&
                   this.props.composerStore.editionMode === "inactive" &&
                   !this.props.isDefaultFocus) {
-                  this.DOMFocusableElementStore.focus();
+                  this.DOMFocusableElementStore.focusableElement?.focus();
               }
           });
           owl.useEffect(() => {
@@ -44313,16 +44490,21 @@ stores.inject(MyMetaStore, storeInstance);
           }
           this.inputRef.el?.blur();
       }
-      focusInputAndSelectContent() {
-          const inputEl = this.inputRef.el;
-          if (!inputEl)
-              return;
-          // The onFocus event selects all text in the input.
-          // The subsequent mouseup event can deselect this text,
-          // so t-on-mouseup.prevent.stop is used to prevent this
-          // default behavior and preserve the selection.
-          inputEl.focus();
-          inputEl.select();
+      onMouseDown(ev) {
+          // Stop the event if the input is not focused, we handle everything in onMouseUp
+          if (ev.target !== document.activeElement) {
+              ev.preventDefault();
+              ev.stopPropagation();
+          }
+      }
+      onMouseUp(ev) {
+          const target = ev.target;
+          if (target !== document.activeElement) {
+              target.focus();
+              target.select();
+              ev.preventDefault();
+              ev.stopPropagation();
+          }
       }
   }
 
@@ -44875,7 +45057,16 @@ stores.inject(MyMetaStore, storeInstance);
               newPivotId,
               newSheetId,
           });
-          const text = result.isSuccessful ? _t("Pivot duplicated.") : _t("Pivot duplication failed");
+          let text;
+          if (result.isSuccessful) {
+              text = _t("Pivot duplicated.");
+          }
+          else if (result.isCancelledBecause("PivotInError" /* CommandResult.PivotInError */)) {
+              text = _t("Cannot duplicate a pivot in error.");
+          }
+          else {
+              text = _t("Pivot duplication failed.");
+          }
           const type = result.isSuccessful ? "success" : "danger";
           this.env.notifyUser({
               text,
@@ -46026,12 +46217,10 @@ stores.inject(MyMetaStore, storeInstance);
        * Take cares of double names
        */
       findName(name, fields) {
-          let increment = 1;
-          const initialName = name;
-          while (name in fields) {
-              name = `${initialName}${++increment}`;
-          }
-          return name;
+          return getUniqueText(name, Object.keys(fields), {
+              compute: (name, i) => `${name}${i}`,
+              start: 2,
+          });
       }
       extractDataEntriesFromRange(range) {
           const dataEntries = [];
@@ -46214,7 +46403,9 @@ stores.inject(MyMetaStore, storeInstance);
                   pivot: this.draft,
               });
               this.draft = null;
-              if (!this.alreadyNotified && !this.isDynamicPivotInViewport()) {
+              if (!this.alreadyNotified &&
+                  !this.isDynamicPivotInViewport() &&
+                  this.isStaticPivotInViewport()) {
                   const formulaId = this.getters.getPivotFormulaId(this.pivotId);
                   const pivotExample = `=PIVOT(${formulaId})`;
                   this.alreadyNotified = true;
@@ -46271,11 +46462,20 @@ stores.inject(MyMetaStore, storeInstance);
           }
       }
       isDynamicPivotInViewport() {
-          const sheetId = this.getters.getActiveSheetId();
-          for (const col of this.getters.getSheetViewVisibleCols()) {
-              for (const row of this.getters.getSheetViewVisibleRows()) {
-                  const isDynamicPivot = this.getters.isSpillPivotFormula({ sheetId, col, row });
-                  if (isDynamicPivot) {
+          for (const position of this.getters.getVisibleCellPositions()) {
+              const isDynamicPivot = this.getters.isSpillPivotFormula(position);
+              if (isDynamicPivot) {
+                  return true;
+              }
+          }
+          return false;
+      }
+      isStaticPivotInViewport() {
+          for (const position of this.getters.getVisibleCellPositions()) {
+              const cell = this.getters.getCell(position);
+              if (cell?.isFormula) {
+                  const pivotFunction = getFirstPivotFunction(cell.compiledFormula.tokens);
+                  if (pivotFunction && pivotFunction.functionName !== "PIVOT") {
                       return true;
                   }
               }
@@ -51694,7 +51894,7 @@ stores.inject(MyMetaStore, storeInstance);
           this.cellPopovers = useStore(CellPopoverStore);
           owl.useEffect(() => {
               if (!this.sidePanel.isOpen) {
-                  this.DOMFocusableElementStore.focus();
+                  this.DOMFocusableElementStore.focusableElement?.focus();
               }
           }, () => [this.sidePanel.isOpen]);
       }
@@ -51900,7 +52100,7 @@ stores.inject(MyMetaStore, storeInstance);
       focusDefaultElement() {
           if (!this.env.model.getters.getSelectedFigureId() &&
               this.composerFocusStore.activeComposer.editionMode === "inactive") {
-              this.DOMFocusableElementStore.focus();
+              this.DOMFocusableElementStore.focusableElement?.focus();
           }
       }
       get gridEl() {
@@ -52259,15 +52459,11 @@ stores.inject(MyMetaStore, storeInstance);
   class BasePlugin {
       static getters = [];
       history;
-      dispatch;
-      canDispatch;
-      constructor(stateObserver, dispatch, canDispatch) {
+      constructor(stateObserver) {
           this.history = Object.assign(Object.create(stateObserver), {
               update: stateObserver.addChange.bind(stateObserver, this),
               selectCell: () => { },
           });
-          this.dispatch = dispatch;
-          this.canDispatch = canDispatch;
       }
       /**
        * Export for excel should be available for all plugins, even for the UI.
@@ -52345,10 +52541,14 @@ stores.inject(MyMetaStore, storeInstance);
    */
   class CorePlugin extends BasePlugin {
       getters;
+      dispatch;
+      canDispatch;
       constructor({ getters, stateObserver, range, dispatch, canDispatch }) {
-          super(stateObserver, dispatch, canDispatch);
+          super(stateObserver);
           range.addRangeProvider(this.adaptRanges.bind(this));
           this.getters = getters;
+          this.dispatch = dispatch;
+          this.canDispatch = canDispatch;
       }
       // ---------------------------------------------------------------------------
       // Import/Export
@@ -52437,10 +52637,34 @@ stores.inject(MyMetaStore, storeInstance);
                   const elements = [...cmd.elements].sort((a, b) => b - a);
                   for (const group of groupConsecutive(elements)) {
                       if (cmd.dimension === "COL") {
-                          this.shiftBordersHorizontally(cmd.sheetId, group[group.length - 1] + 1, -group.length);
+                          if (group[0] >= this.getters.getNumberCols(cmd.sheetId)) {
+                              for (let row = 0; row < this.getters.getNumberRows(cmd.sheetId); row++) {
+                                  this.history.update("borders", cmd.sheetId, group[0] + 1, row, "vertical", undefined);
+                              }
+                          }
+                          if (group[group.length - 1] === 0) {
+                              for (let row = 0; row < this.getters.getNumberRows(cmd.sheetId); row++) {
+                                  this.history.update("borders", cmd.sheetId, 0, row, "vertical", undefined);
+                              }
+                          }
+                          const zone = this.getters.getColsZone(cmd.sheetId, group[group.length - 1] + 1, group[0]);
+                          this.clearInsideBorders(cmd.sheetId, [zone]);
+                          this.shiftBordersHorizontally(cmd.sheetId, group[0] + 1, -group.length);
                       }
                       else {
-                          this.shiftBordersVertically(cmd.sheetId, group[group.length - 1] + 1, -group.length);
+                          if (group[0] >= this.getters.getNumberRows(cmd.sheetId)) {
+                              for (let col = 0; col < this.getters.getNumberCols(cmd.sheetId); col++) {
+                                  this.history.update("borders", cmd.sheetId, col, group[0] + 1, "horizontal", undefined);
+                              }
+                          }
+                          if (group[group.length - 1] === 0) {
+                              for (let col = 0; col < this.getters.getNumberCols(cmd.sheetId); col++) {
+                                  this.history.update("borders", cmd.sheetId, col, 0, "horizontal", undefined);
+                              }
+                          }
+                          const zone = this.getters.getRowsZone(cmd.sheetId, group[group.length - 1] + 1, group[0]);
+                          this.clearInsideBorders(cmd.sheetId, [zone]);
+                          this.shiftBordersVertically(cmd.sheetId, group[0] + 1, -group.length);
                       }
                   }
                   break;
@@ -52747,6 +52971,18 @@ stores.inject(MyMetaStore, storeInstance);
               }
           }
       }
+      /**
+       * Remove the borders inside of a zone
+       */
+      clearInsideBorders(sheetId, zones) {
+          for (let zone of zones) {
+              for (let row = zone.top; row <= zone.bottom; row++) {
+                  for (let col = zone.left; col <= zone.right; col++) {
+                      this.history.update("borders", sheetId, col, row, undefined);
+                  }
+              }
+          }
+      }
       /**
        * Add a border to the existing one to a cell
        */
@@ -53549,7 +53785,7 @@ stores.inject(MyMetaStore, storeInstance);
                       if (fig.tag === "chart") {
                           const figureIdBase = fig.id.split(FIGURE_ID_SPLITTER).pop();
                           const duplicatedFigureId = `${cmd.sheetIdTo}${FIGURE_ID_SPLITTER}${figureIdBase}`;
-                          const chart = this.charts[fig.id]?.copyForSheetId(cmd.sheetIdTo);
+                          const chart = this.charts[fig.id]?.duplicateInDuplicatedSheet(cmd.sheetIdTo);
                           if (chart) {
                               this.dispatch("CREATE_CHART", {
                                   id: duplicatedFigureId,
@@ -54193,7 +54429,7 @@ stores.inject(MyMetaStore, storeInstance);
               case "DUPLICATE_SHEET": {
                   const rules = deepCopy(this.rules[cmd.sheetId]).map((rule) => ({
                       ...rule,
-                      ranges: rule.ranges.map((range) => copyRangeWithNewSheetId(cmd.sheetId, cmd.sheetIdTo, range)),
+                      ranges: rule.ranges.map((range) => duplicateRangeInDuplicatedSheet(cmd.sheetId, cmd.sheetIdTo, range)),
                   }));
                   this.history.update("rules", cmd.sheetIdTo, rules);
                   break;
@@ -56242,14 +56478,11 @@ stores.inject(MyMetaStore, storeInstance);
           return dimension === "COL" ? this.getNumberCols(sheetId) : this.getNumberRows(sheetId);
       }
       getNextSheetName(baseName = "Sheet") {
-          let i = 1;
           const names = this.orderedSheetIds.map(this.getSheetName.bind(this));
-          let name = `${baseName}${i}`;
-          while (names.includes(name)) {
-              name = `${baseName}${i}`;
-              i++;
-          }
-          return name;
+          return getUniqueText(baseName, names, {
+              compute: (name, i) => `${name}${i}`,
+              computeFirstOne: true,
+          });
       }
       getSheetSize(sheetId) {
           return {
@@ -56529,15 +56762,9 @@ stores.inject(MyMetaStore, storeInstance);
           this.history.update("sheetIdsMapName", sheetIdsMapName);
       }
       getDuplicateSheetName(sheetName) {
-          let i = 1;
           const names = this.orderedSheetIds.map(this.getSheetName.bind(this));
           const baseName = _t("Copy of %s", sheetName);
-          let name = baseName.toString();
-          while (names.includes(name)) {
-              name = `${baseName} (${i})`;
-              i++;
-          }
-          return name;
+          return getUniqueText(baseName.toString(), names);
       }
       deleteSheet(sheet) {
           const name = sheet.name;
@@ -58067,15 +58294,8 @@ stores.inject(MyMetaStore, storeInstance);
       }
       getNewCustomTableStyleName() {
           let name = _t("Custom Table Style");
-          const styleNames = new Set(Object.values(this.styles).map((style) => style.displayName));
-          if (!styleNames.has(name)) {
-              return name;
-          }
-          let i = 2;
-          while (styleNames.has(`${name} ${i}`)) {
-              i++;
-          }
-          return `${name} ${i}`;
+          const styleNames = Object.values(this.styles).map((style) => style.displayName);
+          return getUniqueText(name, styleNames, { compute: (name, i) => `${name} ${i}`, start: 2 });
       }
       isTableStyleEditable(styleId) {
           return !TABLE_PRESETS[styleId];
@@ -58105,24 +58325,15 @@ stores.inject(MyMetaStore, storeInstance);
   }
 
   /**
-   * UI plugins handle any transient data required to display a spreadsheet.
-   * They can draw on the grid canvas.
+   * Core view plugins handle any data derived from core date (i.e. evaluation).
+   * They cannot impact the model data (i.e. cannot dispatch commands).
    */
-  class UIPlugin extends BasePlugin {
-      static layers = [];
+  class CoreViewPlugin extends BasePlugin {
       getters;
-      ui;
-      selection;
-      constructor({ getters, stateObserver, dispatch, canDispatch, uiActions, selection, }) {
-          super(stateObserver, dispatch, canDispatch);
+      constructor({ getters, stateObserver }) {
+          super(stateObserver);
           this.getters = getters;
-          this.ui = uiActions;
-          this.selection = selection;
       }
-      // ---------------------------------------------------------------------------
-      // Grid rendering
-      // ---------------------------------------------------------------------------
-      drawLayer(ctx, layer) { }
   }
 
   /**
@@ -59817,7 +60028,7 @@ stores.inject(MyMetaStore, storeInstance);
   // as necessary in several iterations, where evaluated cells can trigger the evaluation
   // of other cells depending on it, at the next iteration.
   //#endregion
-  class EvaluationPlugin extends UIPlugin {
+  class EvaluationPlugin extends CoreViewPlugin {
       static getters = [
           "evaluateFormula",
           "evaluateFormulaResult",
@@ -60084,7 +60295,7 @@ stores.inject(MyMetaStore, storeInstance);
    * This plugins aims to compute and keep to custom colors used in the
    * current spreadsheet
    */
-  class CustomColorsPlugin extends UIPlugin {
+  class CustomColorsPlugin extends CoreViewPlugin {
       customColors = {};
       shouldUpdateColors = true;
       static getters = ["getCustomColors"];
@@ -60220,7 +60431,7 @@ stores.inject(MyMetaStore, storeInstance);
       }
   }
 
-  class EvaluationChartPlugin extends UIPlugin {
+  class EvaluationChartPlugin extends CoreViewPlugin {
       static getters = ["getChartRuntime", "getStyleOfSingleCellChart"];
       charts = {};
       createRuntimeChart = chartRuntimeFactory(this.getters);
@@ -60324,7 +60535,7 @@ stores.inject(MyMetaStore, storeInstance);
       }
   }
 
-  class EvaluationConditionalFormatPlugin extends UIPlugin {
+  class EvaluationConditionalFormatPlugin extends CoreViewPlugin {
       static getters = [
           "getConditionalIcon",
           "getCellConditionalFormatStyle",
@@ -60642,7 +60853,7 @@ stores.inject(MyMetaStore, storeInstance);
   }
 
   const VALID_RESULT = { isValid: true };
-  class EvaluationDataValidationPlugin extends UIPlugin {
+  class EvaluationDataValidationPlugin extends CoreViewPlugin {
       static getters = [
           "getDataValidationInvalidCriterionValueMessage",
           "getInvalidDataValidationMessage",
@@ -60773,7 +60984,7 @@ stores.inject(MyMetaStore, storeInstance);
       }
   }
 
-  class DynamicTablesPlugin extends UIPlugin {
+  class DynamicTablesPlugin extends CoreViewPlugin {
       static getters = [
           "canCreateDynamicTableOnZones",
           "doesZonesContainFilter",
@@ -60947,7 +61158,7 @@ stores.inject(MyMetaStore, storeInstance);
       }
   }
 
-  class HeaderSizeUIPlugin extends UIPlugin {
+  class HeaderSizeUIPlugin extends CoreViewPlugin {
       static getters = ["getRowSize", "getHeaderSize"];
       tallestCellInRow = {};
       ctx = document.createElement("canvas").getContext("2d");
@@ -61653,7 +61864,7 @@ stores.inject(MyMetaStore, storeInstance);
   function isPivotCommand(cmd) {
       return UNDO_REDO_PIVOT_COMMANDS.includes(cmd.type);
   }
-  class PivotUIPlugin extends UIPlugin {
+  class PivotUIPlugin extends CoreViewPlugin {
       static getters = [
           "getPivot",
           "getFirstPivotFunction",
@@ -61857,13 +62068,9 @@ stores.inject(MyMetaStore, storeInstance);
       }
       generateNewCalculatedMeasureName(measures) {
           const existingMeasures = measures.map((m) => m.fieldName);
-          let i = 1;
-          let name = _t("Calculated measure %s", i);
-          while (existingMeasures.includes(name)) {
-              i++;
-              name = _t("Calculated measure %s", i);
-          }
-          return name;
+          return getUniqueText(_t("Calculated measure 1"), existingMeasures, {
+              compute: (name, i) => _t("Calculated measure %s", i),
+          });
       }
       getPivot(pivotId) {
           if (!this.getters.isExistingPivot(pivotId)) {
@@ -61917,6 +62124,31 @@ stores.inject(MyMetaStore, storeInstance);
       }
   }
 
+  /**
+   * UI plugins handle any transient data required to display a spreadsheet.
+   * They can draw on the grid canvas.
+   */
+  class UIPlugin extends BasePlugin {
+      static layers = [];
+      getters;
+      ui;
+      selection;
+      dispatch;
+      canDispatch;
+      constructor({ getters, stateObserver, dispatch, canDispatch, uiActions, selection, }) {
+          super(stateObserver);
+          this.getters = getters;
+          this.ui = uiActions;
+          this.selection = selection;
+          this.dispatch = dispatch;
+          this.canDispatch = canDispatch;
+      }
+      // ---------------------------------------------------------------------------
+      // Grid rendering
+      // ---------------------------------------------------------------------------
+      drawLayer(ctx, layer) { }
+  }
+
   /**
    * This plugin manage the autofill.
    *
@@ -63943,6 +64175,19 @@ stores.inject(MyMetaStore, storeInstance);
 
   class InsertPivotPlugin extends UIPlugin {
       static getters = [];
+      allowDispatch(cmd) {
+          switch (cmd.type) {
+              case "DUPLICATE_PIVOT_IN_NEW_SHEET":
+                  if (!this.getters.isExistingPivot(cmd.pivotId)) {
+                      return "PivotIdNotFound" /* CommandResult.PivotIdNotFound */;
+                  }
+                  if (!this.getters.getPivot(cmd.pivotId).isValid()) {
+                      return "PivotInError" /* CommandResult.PivotInError */;
+                  }
+                  break;
+          }
+          return "Success" /* CommandResult.Success */;
+      }
       handle(cmd) {
           switch (cmd.type) {
               case "INSERT_NEW_PIVOT":
@@ -64016,15 +64261,9 @@ stores.inject(MyMetaStore, storeInstance);
           }
       }
       getPivotDuplicateSheetName(pivotName) {
-          let i = 1;
           const names = this.getters.getSheetIds().map((id) => this.getters.getSheetName(id));
           const sanitizedName = sanitizeSheetName(pivotName);
-          let name = sanitizedName;
-          while (names.includes(name)) {
-              name = `${sanitizedName} (${i})`;
-              i++;
-          }
-          return name;
+          return getUniqueText(sanitizedName, names);
       }
       insertPivotWithTable(sheetId, col, row, pivotId, table, mode) {
           const { cols, rows, measures, fieldsType } = table;
@@ -66131,13 +66370,10 @@ stores.inject(MyMetaStore, storeInstance);
           if (!colName) {
               colName = `Column${colIndex}`;
           }
-          let currentColName = colName;
-          let i = 2;
-          while (usedColNames.includes(currentColName)) {
-              currentColName = colName + String(i);
-              i++;
-          }
-          return currentColName;
+          return getUniqueText(colName, usedColNames, {
+              compute: (name, i) => colName + String(i),
+              start: 2,
+          });
       }
   }
 
@@ -68179,11 +68415,6 @@ stores.inject(MyMetaStore, storeInstance);
       editionState = "initializing";
       DOMFocusableElementStore;
       setup() {
-          owl.onMounted(() => {
-              if (this.isSheetActive) {
-                  this.scrollToSheet();
-              }
-          });
           owl.onPatched(() => {
               if (this.sheetNameRef.el && this.state.isEditing && this.editionState === "initializing") {
                   this.editionState = "editing";
@@ -68192,6 +68423,11 @@ stores.inject(MyMetaStore, storeInstance);
           });
           this.DOMFocusableElementStore = useStore(DOMFocusableElementStore);
           owl.useExternalListener(window, "click", () => (this.state.pickerOpened = false));
+          owl.useEffect((sheetId) => {
+              if (this.props.sheetId === sheetId) {
+                  this.scrollToSheet();
+              }
+          }, () => [this.env.model.getters.getActiveSheetId()]);
       }
       focusInputAndSelectContent() {
           if (!this.state.isEditing || !this.sheetNameRef.el)
@@ -68203,7 +68439,10 @@ stores.inject(MyMetaStore, storeInstance);
           }
       }
       scrollToSheet() {
-          this.sheetDivRef.el?.scrollIntoView?.();
+          this.sheetDivRef.el?.scrollIntoView?.({
+              behavior: "smooth",
+              inline: "nearest",
+          });
       }
       onFocusOut() {
           if (this.state.isEditing && this.editionState !== "initializing") {
@@ -68233,11 +68472,11 @@ stores.inject(MyMetaStore, storeInstance);
           if (ev.key === "Enter") {
               ev.preventDefault();
               this.stopEdition();
-              this.DOMFocusableElementStore.focus();
+              this.DOMFocusableElementStore.focusableElement?.focus();
           }
           if (ev.key === "Escape") {
               this.cancelEdition();
-              this.DOMFocusableElementStore.focus();
+              this.DOMFocusableElementStore.focusableElement?.focus();
           }
       }
       onMouseEventSheetName(ev) {
@@ -68786,23 +69025,17 @@ stores.inject(MyMetaStore, storeInstance);
           const cells = [];
           const getters = this.getters;
           const sheetId = getters.getActiveSheetId();
-          for (const col of getters.getSheetViewVisibleCols()) {
-              for (const row of getters.getSheetViewVisibleRows()) {
-                  const position = { sheetId, col, row };
-                  if (!getters.isMainCellPosition(position)) {
-                      continue;
-                  }
-                  const action = this.getClickableAction(position);
-                  if (!action) {
-                      continue;
-                  }
-                  const zone = getters.expandZone(sheetId, positionToZone(position));
-                  cells.push({
-                      coordinates: getters.getVisibleRect(zone),
-                      position,
-                      action,
-                  });
+          for (const position of this.getters.getVisibleCellPositions()) {
+              const action = this.getClickableAction(position);
+              if (!action) {
+                  continue;
               }
+              const zone = getters.expandZone(sheetId, positionToZone(position));
+              cells.push({
+                  coordinates: getters.getVisibleRect(zone),
+                  position,
+                  action,
+              });
           }
           return cells;
       }
@@ -73613,7 +73846,7 @@ stores.inject(MyMetaStore, storeInstance);
               if (content || styleId || formatId || borderId || value !== undefined) {
                   const attributes = [["r", xc]];
                   // style
-                  const id = normalizeStyle(construct, extractStyle(data, styleId, formatId, borderId));
+                  const id = normalizeStyle(construct, extractStyle(data, content, styleId, formatId, borderId));
                   // don't add style if default
                   if (id) {
                       attributes.push(["s", id]);
@@ -73967,7 +74200,12 @@ stores.inject(MyMetaStore, storeInstance);
           ["count", strings.length],
           ["uniqueCount", strings.length],
       ];
-      const stringNodes = strings.map((string) => escapeXml /*xml*/ `<si><t>${string}</t></si>`);
+      const stringNodes = strings.map((string) => {
+          if (string.trim() !== string) {
+              return escapeXml /*xml*/ `<si><t xml:space="preserve">${string}</t></si>`;
+          }
+          return escapeXml /*xml*/ `<si><t>${string}</t></si>`;
+      });
       const xml = escapeXml /*xml*/ `
     <sst ${formatAttributes(namespaces)}>
       ${joinXmlNodes(stringNodes)}
@@ -74048,14 +74286,13 @@ stores.inject(MyMetaStore, storeInstance);
    */
   function fixLengthySheetNames(data) {
       const nameMapping = {};
-      const newNames = new Set();
+      const newNames = [];
       for (const sheet of data.sheets) {
           let newName = sheet.name.slice(0, 31);
-          let i = 1;
-          while (newNames.has(newName)) {
-              newName = newName.slice(0, 31 - String(i).length) + i++;
-          }
-          newNames.add(newName);
+          newName = getUniqueText(newName, newNames, {
+              compute: (name, i) => name.slice(0, 31 - String(i).length) + i,
+          });
+          newNames.push(newName);
           if (newName !== sheet.name) {
               nameMapping[sheet.name] = newName;
               sheet.name = newName;
@@ -74120,6 +74357,7 @@ stores.inject(MyMetaStore, storeInstance);
        */
       config;
       corePluginConfig;
+      coreViewPluginConfig;
       uiPluginConfig;
       state;
       selection;
@@ -74172,6 +74410,7 @@ stores.inject(MyMetaStore, storeInstance);
           this.coreHandlers.push(this.range);
           this.handlers.push(this.range);
           this.corePluginConfig = this.setupCorePluginConfig();
+          this.coreViewPluginConfig = this.setupCoreViewPluginConfig();
           this.uiPluginConfig = this.setupUiPluginConfig();
           // registering plugins
           for (let Plugin of corePluginRegistry.getAll()) {
@@ -74180,7 +74419,7 @@ stores.inject(MyMetaStore, storeInstance);
           Object.assign(this.getters, this.coreGetters);
           this.session.loadInitialMessages(stateUpdateMessages);
           for (let Plugin of coreViewsPluginRegistry.getAll()) {
-              const plugin = this.setupUiPlugin(Plugin);
+              const plugin = this.setupCoreViewPlugin(Plugin);
               this.handlers.push(plugin);
               this.uiHandlers.push(plugin);
               this.coreHandlers.push(plugin);
@@ -74207,7 +74446,7 @@ stores.inject(MyMetaStore, storeInstance);
           // events
           this.setupSessionEvents();
           this.joinSession();
-          if (config.snapshotRequested) {
+          if (config.snapshotRequested || (data["[Content_Types].xml"] && !this.getters.isReadonly())) {
               const startSnapshot = performance.now();
               console.debug("Snapshot requested");
               this.session.snapshot(this.exportData());
@@ -74246,6 +74485,19 @@ stores.inject(MyMetaStore, storeInstance);
           }
           return plugin;
       }
+      setupCoreViewPlugin(Plugin) {
+          const plugin = new Plugin(this.coreViewPluginConfig);
+          for (let name of Plugin.getters) {
+              if (!(name in plugin)) {
+                  throw new Error(`Invalid getter name: ${name} for plugin ${plugin.constructor}`);
+              }
+              if (name in this.getters) {
+                  throw new Error(`Getter "${name}" is already defined.`);
+              }
+              this.getters[name] = plugin[name].bind(plugin);
+          }
+          return plugin;
+      }
       /**
        * Initialize and properly configure a plugin.
        *
@@ -74347,6 +74599,20 @@ stores.inject(MyMetaStore, storeInstance);
               external: this.config.external,
           };
       }
+      setupCoreViewPluginConfig() {
+          return {
+              getters: this.getters,
+              stateObserver: this.state,
+              selection: this.selection,
+              moveClient: this.session.move.bind(this.session),
+              custom: this.config.custom,
+              uiActions: this.config,
+              session: this.session,
+              defaultCurrency: this.config.defaultCurrency,
+              customColors: this.config.customColors || [],
+              external: this.config.external,
+          };
+      }
       setupUiPluginConfig() {
           return {
               getters: this.getters,
@@ -74694,6 +74960,9 @@ stores.inject(MyMetaStore, storeInstance);
       areDomainArgsFieldsValid,
       splitReference,
       sanitizeSheetName,
+      getUniqueText,
+      isNumber,
+      isDateTime,
   };
   const links = {
       isMarkdownLink,
@@ -74790,6 +75059,7 @@ stores.inject(MyMetaStore, storeInstance);
   exports.AbstractFigureClipboardHandler = AbstractFigureClipboardHandler;
   exports.CellErrorType = CellErrorType;
   exports.CorePlugin = CorePlugin;
+  exports.CoreViewPlugin = CoreViewPlugin;
   exports.DispatchResult = DispatchResult;
   exports.EvaluationError = EvaluationError;
   exports.Model = Model;
@@ -74832,9 +75102,9 @@ stores.inject(MyMetaStore, storeInstance);
   exports.tokenize = tokenize;
 
 
-  __info__.version = "18.2.0-alpha.0";
-  __info__.date = "2024-12-26T08:02:39.123Z";
-  __info__.hash = "0f45915";
+  __info__.version = "18.2.0-alpha.2";
+  __info__.date = "2025-01-15T08:06:32.137Z";
+  __info__.hash = "4f96c47";
 
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);