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

package/dist/o-spreadsheet.esm.js

@@ -2,12 +2,12 @@
 /**
  * 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.1
+ * @date 2025-01-14T11:35:51.135Z
+ * @hash 702f816
  */
 
-import { useEnv, useSubEnv, onWillUnmount, useComponent, status, Component, useRef, onMounted, useEffect, useState, onPatched, onWillPatch, onWillUpdateProps, useExternalListener, onWillStart, xml, useChildSubEnv, markRaw, toRaw } from '@odoo/owl';
+import { useEnv, useSubEnv, onWillUnmount, useComponent, status, Component, useRef, onMounted, useEffect, App, blockDom, useState, onPatched, onWillPatch, onWillUpdateProps, useExternalListener, onWillStart, xml, useChildSubEnv, markRaw, toRaw } from '@odoo/owl';
 
 function createActions(menuItems) {
     return menuItems.map(createAction).sort((a, b) => a.sequence - b.sequence);
@@ -355,6 +355,7 @@ var ComponentsImportance;
     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() {
@@ -974,6 +975,16 @@ function transpose2dPOJO(pojo) {
     }
     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}$/;
@@ -3709,6 +3720,7 @@ var CommandResult;
     CommandResult["SheetIsHidden"] = "SheetIsHidden";
     CommandResult["InvalidTableResize"] = "InvalidTableResize";
     CommandResult["PivotIdNotFound"] = "PivotIdNotFound";
+    CommandResult["PivotInError"] = "PivotInError";
     CommandResult["EmptyName"] = "EmptyName";
     CommandResult["ValueCellIsInvalidFormula"] = "ValueCellIsInvalidFormula";
     CommandResult["InvalidDefinition"] = "InvalidDefinition";
@@ -6026,10 +6038,10 @@ class RangeImpl {
     }
 }
 /**
- * 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 });
 }
@@ -7477,18 +7489,18 @@ function predictLinearValues(Y, X, newX, computeIntercept) {
     });
     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;
 }
@@ -9462,6 +9474,150 @@ class ComposerFocusStore extends SpreadsheetStore {
     }
 }
 
+/**
+ * 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
@@ -9514,25 +9670,25 @@ function updateChartRangesWithDataSets(getters, applyChange, chartDataSets, char
     };
 }
 /**
- * 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
@@ -9785,10 +9941,11 @@ function formatTickValue(localeFormat) {
         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 = [
@@ -9803,6 +9960,15 @@ function getPieColors(colors, dataSetsValues) {
     }
     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 = {
@@ -9998,6 +10164,18 @@ function getNextNonEmptyBar(bars, startIndex) {
 
 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 Component {
     static template = "o-spreadsheet-ChartJsComponent";
     static props = {
@@ -10236,11 +10414,11 @@ let ScorecardChart$1 = class ScorecardChart extends AbstractChart {
             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);
@@ -19930,6 +20108,17 @@ const TEXT = {
     },
     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,
@@ -19952,7 +20141,8 @@ var text = /*#__PURE__*/Object.freeze({
   TEXT: TEXT,
   TEXTJOIN: TEXTJOIN,
   TRIM: TRIM,
-  UPPER: UPPER
+  UPPER: UPPER,
+  VALUE: VALUE
 });
 
 // -----------------------------------------------------------------------------
@@ -22555,15 +22745,6 @@ const CHART_COMMON_OPTIONS = {
     },
     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
@@ -22885,150 +23066,6 @@ const CONTENT_TYPES_FILE = "[Content_Types].xml";
  */
 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 {
@@ -24140,7 +24177,7 @@ function convertWidthFromExcel(width) {
         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 = {
@@ -24162,7 +24199,7 @@ function extractStyle(data, styleId, formatId, borderId) {
             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;
@@ -24393,7 +24430,7 @@ function convertFigure(figure, id, sheetData) {
     return undefined;
 }
 function isChartData(data) {
-    return "dataSets" in data;
+    return "dataSets" in data && data.dataSets.length > 0;
 }
 function isImageData(data) {
     return "imageSrc" in data;
@@ -24739,9 +24776,8 @@ function convertRows(sheet, numberOfRows, headerGroups) {
     }
     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 = {};
@@ -25829,15 +25865,10 @@ class XlsxMiscExtractor extends XlsxBaseExtractor {
     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("");
         });
     }
 }
@@ -27154,12 +27185,9 @@ migrationStepRegistry
             }
             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) => {
@@ -27478,6 +27506,13 @@ migrationStepRegistry
         }
         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 || []) {
@@ -27505,7 +27540,7 @@ function fixOverlappingFilters(data) {
  * 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
@@ -28406,12 +28441,12 @@ function getTrendDatasetForLineChart(config, data, labels, axisType, locale) {
     }
     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) {
@@ -28427,13 +28462,16 @@ function interpolateData(config, values, labels, newLabels) {
             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 = [];
@@ -28445,22 +28483,22 @@ function interpolateData(config, values, labels, newLabels) {
                     }
                 }
                 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) {
@@ -28682,7 +28720,7 @@ function getChartDatasetValues(getters, dataSets) {
                 : undefined;
             label =
                 cell && labelRange
-                    ? truncateLabel(cell.formattedValue)
+                    ? cell.formattedValue
                     : (label = `${ChartTerms.Series} ${parseInt(dsIndex) + 1}`);
         }
         else {
@@ -28696,7 +28734,7 @@ function getChartDatasetValues(getters, dataSets) {
             // 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 });
@@ -28772,7 +28810,7 @@ function getWaterfallDatasetAndLabels(definition, args) {
     }
     return {
         datasets: [dataset],
-        labels: labelsWithSubTotals.map(truncateLabel),
+        labels: labelsWithSubTotals,
     };
 }
 function getLineChartDatasets(definition, args) {
@@ -29021,7 +29059,7 @@ function getPieChartLegend(definition, args) {
             generateLabels: (c) => 
             //@ts-ignore
             c.data.labels.map((label, index) => ({
-                text: label,
+                text: truncateLabel(String(label)),
                 strokeStyle: colors[index],
                 fillStyle: colors[index],
                 pointStyle: "rect",
@@ -29090,6 +29128,7 @@ function getWaterfallChartLegend(definition, args) {
                 return legendValues;
             },
         },
+        onClick: () => { }, // Disables click interaction with the waterfall chart legend items
     };
 }
 function getRadarChartLegend(definition, args) {
@@ -29151,7 +29190,7 @@ function getCustomLegendLabels(fontColor, legendLabelConfig) {
             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),
@@ -29161,7 +29200,7 @@ function getCustomLegendLabels(fontColor, legendLabelConfig) {
                     };
                 }
                 return {
-                    text: dataset.label ?? "",
+                    text: truncateLabel(dataset.label),
                     fontColor,
                     strokeStyle: dataset.borderColor,
                     fillStyle: dataset.backgroundColor,
@@ -29231,14 +29270,19 @@ function getLineChartScales(definition, args) {
         /* 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;
 }
@@ -29303,7 +29347,10 @@ function getRadarChartScales(definition, args) {
                 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,
         },
     };
@@ -29400,6 +29447,11 @@ function getChartAxis(definition, position, type, options) {
             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,
@@ -29479,8 +29531,70 @@ function getChartTitle(definition) {
     };
 }
 
+/**
+ * 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 App(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");
+    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)
@@ -29504,11 +29618,17 @@ function getBarChartTooltip(definition, args) {
 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);
             }
@@ -29541,6 +29661,8 @@ function getPieChartTooltip(definition, args) {
     const { locale, axisFormats } = args;
     const format = axisFormats?.y || axisFormats?.y1;
     return {
+        enabled: false,
+        external: customTooltipHandler,
         callbacks: {
             title: function (tooltipItems) {
                 return tooltipItems[0].dataset.label;
@@ -29565,6 +29687,8 @@ function getWaterfallChartTooltip(definition, args) {
     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;
@@ -29596,6 +29720,8 @@ function getPyramidChartTooltip(definition, args) {
 function getRadarChartTooltip(definition, args) {
     const { locale, axisFormats } = args;
     return {
+        enabled: false,
+        external: customTooltipHandler,
         callbacks: {
             label: function (tooltipItem) {
                 const xLabel = tooltipItem.dataset?.label || tooltipItem.label;
@@ -29634,6 +29760,48 @@ function calculatePercentage(dataset, dataIndex) {
     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,
@@ -29747,11 +29915,11 @@ class BarChart extends AbstractChart {
                 : 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);
@@ -29818,7 +29986,7 @@ function createBarChartRuntime(chart, getters) {
     const config = {
         type: "bar",
         data: {
-            labels: chartData.labels.map(truncateLabel),
+            labels: chartData.labels,
             datasets: getBarChartDatasets(definition, chartData),
         },
         options: {
@@ -29954,11 +30122,11 @@ class ComboChart extends AbstractChart {
             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);
@@ -29971,7 +30139,7 @@ function createComboChartRuntime(chart, getters) {
     const config = {
         type: "bar",
         data: {
-            labels: chartData.labels.map(truncateLabel),
+            labels: chartData.labels,
             datasets: getComboChartDatasets(definition, chartData),
         },
         options: {
@@ -30105,10 +30273,10 @@ class GaugeChart extends AbstractChart {
             },
         };
     }
-    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);
@@ -30201,7 +30369,11 @@ function createGaugeChartRuntime(chart, getters) {
     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 }),
@@ -30285,11 +30457,11 @@ class GeoChart extends AbstractChart {
                 : 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);
@@ -30482,11 +30654,11 @@ class LineChart extends AbstractChart {
             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);
@@ -30499,7 +30671,7 @@ function createLineChartRuntime(chart, getters) {
     const config = {
         type: "line",
         data: {
-            labels: chartData.axisType !== "time" ? chartData.labels.map(truncateLabel) : chartData.labels,
+            labels: chartData.labels,
             datasets: getLineChartDatasets(definition, chartData),
         },
         options: {
@@ -30593,11 +30765,11 @@ class PieChart extends AbstractChart {
             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);
@@ -30634,7 +30806,7 @@ function createPieChartRuntime(chart, getters) {
     const config = {
         type: chart.isDoughnut ? "doughnut" : "pie",
         data: {
-            labels: chartData.labels.map(truncateLabel),
+            labels: chartData.labels,
             datasets: getPieChartDatasets(definition, chartData),
         },
         options: {
@@ -30714,11 +30886,11 @@ class PyramidChart extends AbstractChart {
                 : 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);
@@ -30770,7 +30942,7 @@ function createPyramidChartRuntime(chart, getters) {
     const config = {
         type: "bar",
         data: {
-            labels: chartData.labels.map(truncateLabel),
+            labels: chartData.labels,
             datasets: getBarChartDatasets(definition, chartData),
         },
         options: {
@@ -30851,11 +31023,11 @@ class RadarChart extends AbstractChart {
                 : 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);
@@ -30920,7 +31092,7 @@ function createRadarChartRuntime(chart, getters) {
     const config = {
         type: "radar",
         data: {
-            labels: chartData.labels.map(truncateLabel),
+            labels: chartData.labels,
             datasets: getRadarChartDatasets(definition, chartData),
         },
         options: {
@@ -31054,11 +31226,11 @@ class ScatterChart extends AbstractChart {
             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);
@@ -31073,7 +31245,7 @@ function createScatterChartRuntime(chart, getters) {
         // 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: {
@@ -31171,11 +31343,11 @@ class WaterfallChart extends AbstractChart {
                 : 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);
@@ -33602,8 +33774,6 @@ var CHART_HELPERS = /*#__PURE__*/Object.freeze({
   chartToImage: chartToImage,
   checkDataset: checkDataset,
   checkLabelRange: checkLabelRange,
-  copyDataSetsWithNewSheetId: copyDataSetsWithNewSheetId,
-  copyLabelRangeWithNewSheetId: copyLabelRangeWithNewSheetId,
   createBarChartRuntime: createBarChartRuntime,
   createDataSets: createDataSets,
   createGaugeChartRuntime: createGaugeChartRuntime,
@@ -33612,6 +33782,8 @@ var CHART_HELPERS = /*#__PURE__*/Object.freeze({
   createScorecardChartRuntime: createScorecardChartRuntime,
   createWaterfallChartRuntime: createWaterfallChartRuntime,
   drawScoreChart: drawScoreChart,
+  duplicateDataSetsInDuplicatedSheet: duplicateDataSetsInDuplicatedSheet,
+  duplicateLabelRangeInDuplicatedSheet: duplicateLabelRangeInDuplicatedSheet,
   formatChartDatasetValue: formatChartDatasetValue,
   formatTickValue: formatTickValue,
   getChartPositionAtCenterOfViewport: getChartPositionAtCenterOfViewport,
@@ -35332,12 +35504,20 @@ function fontSizeMenuBuilder() {
     });
 }
 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;
@@ -39676,14 +39856,11 @@ class ChartPanel extends Component {
 }
 
 class DOMFocusableElementStore {
-    mutators = ["setFocusableElement", "focus"];
+    mutators = ["setFocusableElement"];
     focusableElement = undefined;
     setFocusableElement(element) {
         this.focusableElement = element;
     }
-    focus() {
-        this.focusableElement?.focus();
-    }
 }
 
 css /* scss */ `
@@ -40331,7 +40508,7 @@ class Composer extends Component {
             if (document.activeElement === this.contentHelper.el &&
                 this.props.composerStore.editionMode === "inactive" &&
                 !this.props.isDefaultFocus) {
-                this.DOMFocusableElementStore.focus();
+                this.DOMFocusableElementStore.focusableElement?.focus();
             }
         });
         useEffect(() => {
@@ -44312,16 +44489,21 @@ class TextInput extends Component {
         }
         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();
+        }
     }
 }
 
@@ -44874,7 +45056,16 @@ class PivotTitleSection extends Component {
             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,
@@ -46025,12 +46216,10 @@ class SpreadsheetPivot {
      * 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 = [];
@@ -46213,7 +46402,9 @@ class PivotSidePanelStore extends SpreadsheetStore {
                 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;
@@ -46270,11 +46461,20 @@ class PivotSidePanelStore extends SpreadsheetStore {
         }
     }
     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;
                 }
             }
@@ -51693,7 +51893,7 @@ class Grid extends Component {
         this.cellPopovers = useStore(CellPopoverStore);
         useEffect(() => {
             if (!this.sidePanel.isOpen) {
-                this.DOMFocusableElementStore.focus();
+                this.DOMFocusableElementStore.focusableElement?.focus();
             }
         }, () => [this.sidePanel.isOpen]);
     }
@@ -51899,7 +52099,7 @@ class Grid extends Component {
     focusDefaultElement() {
         if (!this.env.model.getters.getSelectedFigureId() &&
             this.composerFocusStore.activeComposer.editionMode === "inactive") {
-            this.DOMFocusableElementStore.focus();
+            this.DOMFocusableElementStore.focusableElement?.focus();
         }
     }
     get gridEl() {
@@ -52258,15 +52458,11 @@ class Grid extends Component {
 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.
@@ -52344,10 +52540,14 @@ class BasePlugin {
  */
 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
@@ -52436,10 +52636,34 @@ class BordersPlugin extends CorePlugin {
                 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;
@@ -52746,6 +52970,18 @@ class BordersPlugin extends CorePlugin {
             }
         }
     }
+    /**
+     * 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
      */
@@ -53548,7 +53784,7 @@ class ChartPlugin extends CorePlugin {
                     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,
@@ -54192,7 +54428,7 @@ class DataValidationPlugin extends CorePlugin {
             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;
@@ -56241,14 +56477,11 @@ class SheetPlugin extends CorePlugin {
         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 {
@@ -56528,15 +56761,9 @@ class SheetPlugin extends CorePlugin {
         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;
@@ -58066,15 +58293,8 @@ class TableStylePlugin extends CorePlugin {
     }
     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];
@@ -58104,24 +58324,15 @@ class TableStylePlugin extends CorePlugin {
 }
 
 /**
- * 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) { }
 }
 
 /**
@@ -59816,7 +60027,7 @@ function updateEvalContextAndExecute(compiledFormula, compilationParams, sheetId
 // 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",
@@ -60083,7 +60294,7 @@ function colorDistance(color1, color2) {
  * 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"];
@@ -60219,7 +60430,7 @@ class CustomColorsPlugin extends UIPlugin {
     }
 }
 
-class EvaluationChartPlugin extends UIPlugin {
+class EvaluationChartPlugin extends CoreViewPlugin {
     static getters = ["getChartRuntime", "getStyleOfSingleCellChart"];
     charts = {};
     createRuntimeChart = chartRuntimeFactory(this.getters);
@@ -60323,7 +60534,7 @@ class EvaluationChartPlugin extends UIPlugin {
     }
 }
 
-class EvaluationConditionalFormatPlugin extends UIPlugin {
+class EvaluationConditionalFormatPlugin extends CoreViewPlugin {
     static getters = [
         "getConditionalIcon",
         "getCellConditionalFormatStyle",
@@ -60641,7 +60852,7 @@ class EvaluationConditionalFormatPlugin extends UIPlugin {
 }
 
 const VALID_RESULT = { isValid: true };
-class EvaluationDataValidationPlugin extends UIPlugin {
+class EvaluationDataValidationPlugin extends CoreViewPlugin {
     static getters = [
         "getDataValidationInvalidCriterionValueMessage",
         "getInvalidDataValidationMessage",
@@ -60772,7 +60983,7 @@ class EvaluationDataValidationPlugin extends UIPlugin {
     }
 }
 
-class DynamicTablesPlugin extends UIPlugin {
+class DynamicTablesPlugin extends CoreViewPlugin {
     static getters = [
         "canCreateDynamicTableOnZones",
         "doesZonesContainFilter",
@@ -60946,7 +61157,7 @@ class DynamicTablesPlugin extends UIPlugin {
     }
 }
 
-class HeaderSizeUIPlugin extends UIPlugin {
+class HeaderSizeUIPlugin extends CoreViewPlugin {
     static getters = ["getRowSize", "getHeaderSize"];
     tallestCellInRow = {};
     ctx = document.createElement("canvas").getContext("2d");
@@ -61652,7 +61863,7 @@ const UNDO_REDO_PIVOT_COMMANDS = ["ADD_PIVOT", "UPDATE_PIVOT"];
 function isPivotCommand(cmd) {
     return UNDO_REDO_PIVOT_COMMANDS.includes(cmd.type);
 }
-class PivotUIPlugin extends UIPlugin {
+class PivotUIPlugin extends CoreViewPlugin {
     static getters = [
         "getPivot",
         "getFirstPivotFunction",
@@ -61856,13 +62067,9 @@ class PivotUIPlugin extends UIPlugin {
     }
     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)) {
@@ -61916,6 +62123,31 @@ class PivotUIPlugin extends UIPlugin {
     }
 }
 
+/**
+ * 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.
  *
@@ -63292,6 +63524,9 @@ class Session extends EventBus {
             }
         }
         this.acknowledge(message);
+        if (message.type === "REMOTE_REVISION" && message.clientId === this.clientId) {
+            return;
+        }
         this.trigger("collaborative-event-received");
     }
     onClientMoved(message) {
@@ -63942,6 +64177,19 @@ class HeaderVisibilityUIPlugin extends UIPlugin {
 
 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":
@@ -64015,15 +64263,9 @@ class InsertPivotPlugin extends UIPlugin {
         }
     }
     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;
@@ -66130,13 +66372,10 @@ class FilterEvaluationPlugin extends UIPlugin {
         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,
+        });
     }
 }
 
@@ -68178,11 +68417,6 @@ class BottomBarSheet extends Component {
     editionState = "initializing";
     DOMFocusableElementStore;
     setup() {
-        onMounted(() => {
-            if (this.isSheetActive) {
-                this.scrollToSheet();
-            }
-        });
         onPatched(() => {
             if (this.sheetNameRef.el && this.state.isEditing && this.editionState === "initializing") {
                 this.editionState = "editing";
@@ -68191,6 +68425,11 @@ class BottomBarSheet extends Component {
         });
         this.DOMFocusableElementStore = useStore(DOMFocusableElementStore);
         useExternalListener(window, "click", () => (this.state.pickerOpened = false));
+        useEffect((sheetId) => {
+            if (this.props.sheetId === sheetId) {
+                this.scrollToSheet();
+            }
+        }, () => [this.env.model.getters.getActiveSheetId()]);
     }
     focusInputAndSelectContent() {
         if (!this.state.isEditing || !this.sheetNameRef.el)
@@ -68202,7 +68441,10 @@ class BottomBarSheet extends Component {
         }
     }
     scrollToSheet() {
-        this.sheetDivRef.el?.scrollIntoView?.();
+        this.sheetDivRef.el?.scrollIntoView?.({
+            behavior: "smooth",
+            inline: "nearest",
+        });
     }
     onFocusOut() {
         if (this.state.isEditing && this.editionState !== "initializing") {
@@ -68232,11 +68474,11 @@ class BottomBarSheet extends Component {
         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) {
@@ -68785,23 +69027,17 @@ class ClickableCellsStore extends SpreadsheetStore {
         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;
     }
@@ -73612,7 +73848,7 @@ function addRows(construct, data, sheet) {
             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]);
@@ -73966,7 +74202,12 @@ function createSharedStrings(strings) {
         ["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)}
@@ -74047,14 +74288,13 @@ function createRelRoot() {
  */
 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;
@@ -74119,6 +74359,7 @@ class Model extends EventBus {
      */
     config;
     corePluginConfig;
+    coreViewPluginConfig;
     uiPluginConfig;
     state;
     selection;
@@ -74171,6 +74412,7 @@ class Model extends EventBus {
         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()) {
@@ -74179,7 +74421,7 @@ class Model extends EventBus {
         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);
@@ -74206,7 +74448,7 @@ class Model extends EventBus {
         // 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());
@@ -74245,6 +74487,19 @@ class Model extends EventBus {
         }
         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.
      *
@@ -74346,6 +74601,20 @@ class Model extends EventBus {
             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,
@@ -74693,6 +74962,9 @@ const helpers = {
     areDomainArgsFieldsValid,
     splitReference,
     sanitizeSheetName,
+    getUniqueText,
+    isNumber,
+    isDateTime,
 };
 const links = {
     isMarkdownLink,
@@ -74784,9 +75056,9 @@ const constants = {
 };
 const chartHelpers = { ...CHART_HELPERS, ...CHART_RUNTIME_HELPERS };
 
-export { AbstractCellClipboardHandler, AbstractChart, AbstractFigureClipboardHandler, CellErrorType, CommandResult, CorePlugin, DispatchResult, EvaluationError, Model, PivotRuntimeDefinition, Registry, Revision, SPREADSHEET_DIMENSIONS, Spreadsheet, SpreadsheetPivotTable, UIPlugin, __info__, addFunction, addRenderingLayer, astToFormula, chartHelpers, compile, compileTokens, components, constants, convertAstNodes, coreTypes, findCellInNewZone, functionCache, helpers, hooks, invalidateCFEvaluationCommands, invalidateDependenciesCommands, invalidateEvaluationCommands, iterateAstNodes, links, load, parse, parseTokens, readonlyAllowedCommands, registries, setDefaultSheetViewSize, setTranslationMethod, stores, tokenColors, tokenize };
+export { AbstractCellClipboardHandler, AbstractChart, AbstractFigureClipboardHandler, CellErrorType, CommandResult, CorePlugin, CoreViewPlugin, DispatchResult, EvaluationError, Model, PivotRuntimeDefinition, Registry, Revision, SPREADSHEET_DIMENSIONS, Spreadsheet, SpreadsheetPivotTable, UIPlugin, __info__, addFunction, addRenderingLayer, astToFormula, chartHelpers, compile, compileTokens, components, constants, convertAstNodes, coreTypes, findCellInNewZone, functionCache, helpers, hooks, invalidateCFEvaluationCommands, invalidateDependenciesCommands, invalidateEvaluationCommands, iterateAstNodes, links, load, parse, parseTokens, readonlyAllowedCommands, registries, setDefaultSheetViewSize, setTranslationMethod, stores, tokenColors, 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.1";
+__info__.date = "2025-01-14T11:35:51.135Z";
+__info__.hash = "702f816";