@odoo/o-spreadsheet 18.3.1 → 18.3.3

package/dist/o-spreadsheet.esm.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.3.1
- * @date 2025-05-02T12:33:27.384Z
- * @hash 7b9574b
+ * @version 18.3.3
+ * @date 2025-05-13T17:54:43.312Z
+ * @hash b79924a
  */
 
 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';
@@ -3319,7 +3319,7 @@ function isDateAfter(date, dateAfter) {
  */
 const getFormulaNumberRegex = memoize(function getFormulaNumberRegex(decimalSeparator) {
     decimalSeparator = escapeRegExp(decimalSeparator);
-    return new RegExp(`(?:^-?\\d+(?:${decimalSeparator}?\\d*(?:e\\d+)?)?|^-?${decimalSeparator}\\d+)(?!\\w|!)`);
+    return new RegExp(`(?:^-?\\d+(?:${decimalSeparator}?\\d*(?:e(\\+|-)?\\d+)?)?|^-?${decimalSeparator}\\d+)(?!\\w|!)`);
 });
 const getNumberRegex = memoize(function getNumberRegex(locale) {
     const decimalSeparator = escapeRegExp(locale.decimalSeparator);
@@ -6000,6 +6000,67 @@ function scrollDelay(value) {
     return MIN_DELAY + (MAX_DELAY - MIN_DELAY) * Math.exp(-ACCELERATION * (value - 1));
 }
 
+function createDefaultRows(rowNumber) {
+    const rows = [];
+    for (let i = 0; i < rowNumber; i++) {
+        const row = {
+            cells: {},
+        };
+        rows.push(row);
+    }
+    return rows;
+}
+function moveHeaderIndexesOnHeaderAddition(indexHeaderAdded, numberAdded, headers) {
+    return headers.map((header) => {
+        if (header >= indexHeaderAdded) {
+            return header + numberAdded;
+        }
+        return header;
+    });
+}
+function moveHeaderIndexesOnHeaderDeletion(deletedHeaders, headers) {
+    deletedHeaders = [...deletedHeaders].sort((a, b) => b - a);
+    return headers
+        .map((header) => {
+        for (const deletedHeader of deletedHeaders) {
+            if (header > deletedHeader) {
+                header--;
+            }
+            else if (header === deletedHeader) {
+                return undefined;
+            }
+        }
+        return header;
+    })
+        .filter(isDefined);
+}
+function getNextSheetName(existingNames, baseName = "Sheet") {
+    let i = 1;
+    let name = `${baseName}${i}`;
+    while (existingNames.includes(name)) {
+        name = `${baseName}${i}`;
+        i++;
+    }
+    return name;
+}
+function getDuplicateSheetName(nameToDuplicate, existingNames) {
+    let i = 1;
+    const baseName = _t("Copy of %s", nameToDuplicate);
+    let name = baseName.toString();
+    while (existingNames.includes(name)) {
+        name = `${baseName} (${i})`;
+        i++;
+    }
+    return name;
+}
+function isSheetNameEqual(name1, name2) {
+    if (name1 === undefined || name2 === undefined) {
+        return false;
+    }
+    return (getUnquotedSheetName(name1.trim().toUpperCase()) ===
+        getUnquotedSheetName(name2.trim().toUpperCase()));
+}
+
 function createRange(args, getSheetSize) {
     const unboundedZone = args.zone;
     const zone = boundUnboundedZone(unboundedZone, getSheetSize(args.sheetId));
@@ -6290,7 +6351,7 @@ function getApplyRangeChangeRemoveColRow(cmd) {
     elements.sort((a, b) => b - a);
     const groups = groupConsecutive(elements);
     return (range) => {
-        if (range.sheetId !== cmd.sheetId) {
+        if (!isSheetNameEqual(range.sheetId, cmd.sheetId)) {
             return { changeType: "NONE" };
         }
         let newRange = range;
@@ -6497,41 +6558,6 @@ function fuzzyLookup(pattern, list, fn) {
     return results.map((r) => r.elem);
 }
 
-function createDefaultRows(rowNumber) {
-    const rows = [];
-    for (let i = 0; i < rowNumber; i++) {
-        const row = {
-            cells: {},
-        };
-        rows.push(row);
-    }
-    return rows;
-}
-function moveHeaderIndexesOnHeaderAddition(indexHeaderAdded, numberAdded, headers) {
-    return headers.map((header) => {
-        if (header >= indexHeaderAdded) {
-            return header + numberAdded;
-        }
-        return header;
-    });
-}
-function moveHeaderIndexesOnHeaderDeletion(deletedHeaders, headers) {
-    deletedHeaders = [...deletedHeaders].sort((a, b) => b - a);
-    return headers
-        .map((header) => {
-        for (const deletedHeader of deletedHeaders) {
-            if (header > deletedHeader) {
-                header--;
-            }
-            else if (header === deletedHeader) {
-                return undefined;
-            }
-        }
-        return header;
-    })
-        .filter(isDefined);
-}
-
 function computeTextLinesHeight(textLineHeight, numberOfLines = 1) {
     return numberOfLines * (textLineHeight + MIN_CELL_TEXT_MARGIN) - MIN_CELL_TEXT_MARGIN;
 }
@@ -8273,6 +8299,25 @@ const monthNumberAdapter = {
         return `${normalizedValue}`;
     },
 };
+/**
+ * normalizes month number + year
+ */
+const monthAdapter = {
+    normalizeFunctionValue(value) {
+        const date = toNumber(value, DEFAULT_LOCALE);
+        return formatValue(date, { locale: DEFAULT_LOCALE, format: "mm/yyyy" });
+    },
+    toValueAndFormat(normalizedValue) {
+        return {
+            value: toNumber(normalizedValue, DEFAULT_LOCALE),
+            format: "mmmm yyyy",
+        };
+    },
+    toFunctionValue(normalizedValue) {
+        const jsDate = toJsDate(normalizedValue, DEFAULT_LOCALE);
+        return `DATE(${jsDate.getFullYear()},${jsDate.getMonth() + 1},1)`;
+    },
+};
 /**
  * normalizes quarter number
  */
@@ -8408,6 +8453,7 @@ pivotTimeAdapterRegistry
     .add("day_of_month", nullHandlerDecorator(dayOfMonthAdapter))
     .add("iso_week_number", nullHandlerDecorator(isoWeekNumberAdapter))
     .add("month_number", nullHandlerDecorator(monthNumberAdapter))
+    .add("month", nullHandlerDecorator(monthAdapter))
     .add("quarter_number", nullHandlerDecorator(quarterNumberAdapter))
     .add("day_of_week", nullHandlerDecorator(dayOfWeekAdapter))
     .add("hour_number", nullHandlerDecorator(hourNumberAdapter))
@@ -8424,10 +8470,9 @@ const AGGREGATOR_NAMES = {
     avg: _t("Average"),
     sum: _t("Sum"),
 };
-const NUMBER_CHAR_AGGREGATORS = ["max", "min", "avg", "sum", "count_distinct", "count"];
 const AGGREGATORS_BY_FIELD_TYPE = {
-    integer: NUMBER_CHAR_AGGREGATORS,
-    char: NUMBER_CHAR_AGGREGATORS,
+    integer: ["max", "min", "avg", "sum", "count_distinct", "count"],
+    char: ["count_distinct", "count"],
     boolean: ["count_distinct", "count", "bool_and", "bool_or"],
     datetime: ["max", "min", "count_distinct", "count"],
 };
@@ -8588,10 +8633,7 @@ function toNormalizedPivotValue(dimension, groupValue) {
     return normalizer(groupValueString, dimension.granularity);
 }
 function normalizeDateTime(value, granularity) {
-    if (!granularity) {
-        throw new Error("Missing granularity");
-    }
-    return pivotTimeAdapter(granularity).normalizeFunctionValue(value);
+    return pivotTimeAdapter(granularity ?? "month").normalizeFunctionValue(value);
 }
 function toFunctionPivotValue(value, dimension) {
     if (value === null) {
@@ -8603,10 +8645,7 @@ function toFunctionPivotValue(value, dimension) {
     return pivotToFunctionValueRegistry.get(dimension.type)(value, dimension.granularity);
 }
 function toFunctionValueDateTime(value, granularity) {
-    if (!granularity) {
-        throw new Error("Missing granularity");
-    }
-    return pivotTimeAdapter(granularity).toFunctionValue(value);
+    return pivotTimeAdapter(granularity ?? "month").toFunctionValue(value);
 }
 const pivotNormalizationValueRegistry = new Registry();
 pivotNormalizationValueRegistry
@@ -9801,7 +9840,10 @@ function proxifyStoreMutation(store, callback) {
                 const functionProxy = new Proxy(value, {
                     // trap the function call
                     apply(target, thisArg, argArray) {
-                        Reflect.apply(target, thisStore, argArray);
+                        const res = Reflect.apply(target, thisStore, argArray);
+                        if (res === "noStateChange") {
+                            return;
+                        }
                         callback();
                     },
                 });
@@ -9823,7 +9865,7 @@ function getDependencyContainer(env) {
 const ModelStore = createAbstractStore("Model");
 
 class RendererStore {
-    mutators = ["register", "unRegister"];
+    mutators = ["register", "unRegister", "drawLayer"];
     renderers = {};
     register(renderer) {
         if (!renderer.renderingLayers.length) {
@@ -9843,14 +9885,14 @@ class RendererStore {
     }
     drawLayer(context, layer) {
         const renderers = this.renderers[layer];
-        if (!renderers) {
-            return;
-        }
-        for (const renderer of renderers) {
-            context.ctx.save();
-            renderer.drawLayer(context, layer);
-            context.ctx.restore();
+        if (renderers) {
+            for (const renderer of renderers) {
+                context.ctx.save();
+                renderer.drawLayer(context, layer);
+                context.ctx.restore();
+            }
         }
+        return "noStateChange";
     }
 }
 
@@ -9903,16 +9945,17 @@ class ComposerFocusStore extends SpreadsheetStore {
     focusComposer(listener, args) {
         this.activeComposer = listener;
         if (this.getters.isReadonly()) {
-            return;
+            return "noStateChange";
         }
         this._focusMode = args.focusMode || "contentFocus";
         if (this._focusMode !== "inactive") {
             this.setComposerContent(args);
         }
+        return;
     }
     focusActiveComposer(args) {
         if (this.getters.isReadonly()) {
-            return;
+            return "noStateChange";
         }
         if (!this.activeComposer) {
             throw new Error("No composer is registered");
@@ -9921,6 +9964,7 @@ class ComposerFocusStore extends SpreadsheetStore {
         if (this._focusMode !== "inactive") {
             this.setComposerContent(args);
         }
+        return;
     }
     /**
      * Start the edition or update the content if it's already started.
@@ -10080,20 +10124,24 @@ function getElementMargins(el) {
 }
 
 const chartJsExtensionRegistry = new Registry();
-/** Return window.Chart, making sure all our extensions are loaded in ChartJS */
-function getChartJSConstructor() {
-    if (window.Chart && !window.Chart?.registry.plugins.get("chartShowValuesPlugin")) {
-        const extensions = chartJsExtensionRegistry.getAll();
-        for (const extension of extensions) {
-            if (typeof extension === "function") {
-                extension(window.Chart);
-            }
-            else {
-                window.Chart.register(extension);
-            }
-        }
+function areChartJSExtensionsLoaded() {
+    return !!window.Chart.registry.plugins.get("chartShowValuesPlugin");
+}
+function registerChartJSExtensions() {
+    if (!window.Chart || areChartJSExtensionsLoaded()) {
+        return;
+    }
+    for (const registryItem of chartJsExtensionRegistry.getAll()) {
+        registryItem.register(window.Chart);
+    }
+}
+function unregisterChartJsExtensions() {
+    if (!window.Chart) {
+        return;
+    }
+    for (const registryItem of chartJsExtensionRegistry.getAll()) {
+        registryItem.unregister(window.Chart);
     }
-    return window.Chart;
 }
 
 function getFunnelChartController() {
@@ -10520,7 +10568,7 @@ function getDefinedAxis(definition) {
 }
 function formatChartDatasetValue(axisFormats, locale) {
     return (value, axisId) => {
-        const format = axisId ? axisFormats?.[axisId] : undefined;
+        const format = axisFormats?.[axisId];
         return formatTickValue({ format, locale })(value);
     };
 }
@@ -10697,7 +10745,7 @@ function drawPieChartValues(chart, options, ctx) {
             const y = bar.y + midRadius * Math.sin(midAngle) + 7;
             ctx.fillStyle = chartFontColor(options.background);
             ctx.strokeStyle = options.background || "#ffffff";
-            const displayValue = options.callback(value);
+            const displayValue = options.callback(value, "y");
             drawTextWithBackground(displayValue, x, y, ctx);
         }
     }
@@ -11459,13 +11507,35 @@ css /* scss */ `
     }
   }
 `;
-chartJsExtensionRegistry.add("chartShowValuesPlugin", chartShowValuesPlugin);
-chartJsExtensionRegistry.add("waterfallLinesPlugin", waterfallLinesPlugin);
-chartJsExtensionRegistry.add("funnelController", (Chart) => Chart.register(getFunnelChartController()));
-chartJsExtensionRegistry.add("funnelElement", (Chart) => Chart.register(getFunnelChartElement()));
-chartJsExtensionRegistry.add("funnelTooltipPositioner", (Chart) => (Chart.Tooltip.positioners.funnelTooltipPositioner = funnelTooltipPositioner));
-chartJsExtensionRegistry.add("sunburstLabelsPlugin", sunburstLabelsPlugin);
-chartJsExtensionRegistry.add("sunburstHoverPlugin", sunburstHoverPlugin);
+chartJsExtensionRegistry.add("chartShowValuesPlugin", {
+    register: (Chart) => Chart.register(chartShowValuesPlugin),
+    unregister: (Chart) => Chart.unregister(chartShowValuesPlugin),
+});
+chartJsExtensionRegistry.add("waterfallLinesPlugin", {
+    register: (Chart) => Chart.register(waterfallLinesPlugin),
+    unregister: (Chart) => Chart.unregister(waterfallLinesPlugin),
+});
+chartJsExtensionRegistry.add("funnelController", {
+    register: (Chart) => Chart.register(getFunnelChartController()),
+    unregister: (Chart) => Chart.unregister(getFunnelChartController()),
+});
+chartJsExtensionRegistry.add("funnelElement", {
+    register: (Chart) => Chart.register(getFunnelChartElement()),
+    unregister: (Chart) => Chart.unregister(getFunnelChartElement()),
+});
+chartJsExtensionRegistry.add("funnelTooltipPositioner", {
+    register: (Chart) => (Chart.Tooltip.positioners.funnelTooltipPositioner = funnelTooltipPositioner),
+    // @ts-expect-error
+    unregister: (Chart) => (Chart.Tooltip.positioners.funnelTooltipPositioner = undefined),
+});
+chartJsExtensionRegistry.add("sunburstLabelsPlugin", {
+    register: (Chart) => Chart.register(sunburstLabelsPlugin),
+    unregister: (Chart) => Chart.unregister(sunburstLabelsPlugin),
+});
+chartJsExtensionRegistry.add("sunburstHoverPlugin", {
+    register: (Chart) => Chart.register(sunburstHoverPlugin),
+    unregister: (Chart) => Chart.unregister(sunburstHoverPlugin),
+});
 class ChartJsComponent extends Component {
     static template = "o-spreadsheet-ChartJsComponent";
     static props = {
@@ -11517,8 +11587,7 @@ class ChartJsComponent extends Component {
     createChart(chartData) {
         const canvas = this.canvas.el;
         const ctx = canvas.getContext("2d");
-        const Chart = getChartJSConstructor();
-        this.chart = new Chart(ctx, chartData);
+        this.chart = new window.Chart(ctx, chartData);
     }
     updateChartJs(chartData) {
         if (chartData.data && chartData.data.datasets) {
@@ -19823,7 +19892,7 @@ const IF = {
             return { value: "" };
         }
         if (result.value === null) {
-            result.value = "";
+            return { ...result, value: "" };
         }
         return result;
     },
@@ -19844,7 +19913,7 @@ const IFERROR = {
             return { value: "" };
         }
         if (result.value === null) {
-            result.value = "";
+            return { ...result, value: "" };
         }
         return result;
     },
@@ -19865,7 +19934,7 @@ const IFNA = {
             return { value: "" };
         }
         if (result.value === null) {
-            result.value = "";
+            return { ...result, value: "" };
         }
         return result;
     },
@@ -19891,7 +19960,7 @@ const IFS = {
                     return { value: "" };
                 }
                 if (result.value === null) {
-                    result.value = "";
+                    return { ...result, value: "" };
                 }
                 return result;
             }
@@ -20038,6 +20107,11 @@ function addPivotDependencies(evalContext, coreDefinition, forMeasures) {
         if (range === undefined || range.invalidXc || range.invalidSheetName) {
             throw new InvalidReferenceError();
         }
+        if (evalContext.__originCellPosition &&
+            range.sheetId === evalContext.__originSheetId &&
+            isZoneInside(positionToZone(evalContext.__originCellPosition), zone)) {
+            throw new CircularDependencyError();
+        }
         dependencies.push(range);
     }
     for (const measure of forMeasures) {
@@ -20480,6 +20554,9 @@ const PIVOT_VALUE = {
             };
         }
         const domain = pivot.parseArgsToPivotDomain(domainArgs);
+        if (this.getters.getActiveSheetId() === this.__originSheetId) {
+            this.getters.getPivotPresenceTracker(pivotId)?.trackValue(_measure, domain);
+        }
         return pivot.getPivotCellValueAndFormat(_measure, domain);
     },
 };
@@ -20511,6 +20588,9 @@ const PIVOT_HEADER = {
             };
         }
         const domain = pivot.parseArgsToPivotDomain(domainArgs);
+        if (this.getters.getActiveSheetId() === this.__originSheetId) {
+            this.getters.getPivotPresenceTracker(_pivotId)?.trackHeader(domain);
+        }
         const lastNode = domain.at(-1);
         if (lastNode?.field === "measure") {
             return pivot.getPivotMeasureValue(toString(lastNode.value), domain);
@@ -20733,6 +20813,9 @@ function isEmpty(data) {
     return data === undefined || data.value === null;
 }
 const getNeutral = { number: 0, string: "", boolean: false };
+function areAlmostEqual(value1, value2, epsilon = 2e-16) {
+    return Math.abs(value1 - value2) < epsilon;
+}
 const EQ = {
     description: _t("Equal."),
     args: [
@@ -20754,6 +20837,9 @@ const EQ = {
         if (typeof _value2 === "string") {
             _value2 = _value2.toUpperCase();
         }
+        if (typeof _value1 === "number" && typeof _value2 === "number") {
+            return { value: areAlmostEqual(_value1, _value2) };
+        }
         return { value: _value1 === _value2 };
     },
 };
@@ -20793,6 +20879,9 @@ const GT = {
     ],
     compute: function (value1, value2) {
         return applyRelationalOperator(value1, value2, (v1, v2) => {
+            if (typeof v1 === "number" && typeof v2 === "number") {
+                return !areAlmostEqual(v1, v2) && v1 > v2;
+            }
             return v1 > v2;
         });
     },
@@ -20808,6 +20897,9 @@ const GTE = {
     ],
     compute: function (value1, value2) {
         return applyRelationalOperator(value1, value2, (v1, v2) => {
+            if (typeof v1 === "number" && typeof v2 === "number") {
+                return areAlmostEqual(v1, v2) || v1 > v2;
+            }
             return v1 >= v2;
         });
     },
@@ -22500,7 +22592,7 @@ class AbstractComposerStore extends SpreadsheetStore {
             .find((token) => {
             const { xc, sheetName: sheet } = splitReference(token.value);
             const sheetName = sheet || this.getters.getSheetName(this.sheetId);
-            if (this.getters.getSheetName(activeSheetId) !== sheetName) {
+            if (!isSheetNameEqual(this.getters.getSheetName(activeSheetId), sheetName)) {
                 return false;
             }
             const refRange = this.getters.getRangeFromSheetXC(activeSheetId, xc);
@@ -24397,6 +24489,7 @@ const CHART_COMMON_OPTIONS = {
         },
     },
     animation: false,
+    events: ["mousemove", "mouseout", "click", "touchstart", "touchmove", "mouseup"],
 };
 function chartToImageUrl(runtime, figure, type) {
     // wrap the canvas in a div with a fixed size because chart.js would
@@ -24436,6 +24529,8 @@ async function chartToImageFile(runtime, figure, type) {
     const div = document.createElement("div");
     div.style.width = `${figure.width}px`;
     div.style.height = `${figure.height}px`;
+    div.style.position = "fixed";
+    div.style.opacity = "0";
     const canvas = document.createElement("canvas");
     div.append(canvas);
     canvas.setAttribute("width", figure.width.toString());
@@ -24446,8 +24541,7 @@ async function chartToImageFile(runtime, figure, type) {
     if ("chartJsConfig" in runtime) {
         const config = deepCopy(runtime.chartJsConfig);
         config.plugins = [backgroundColorChartJSPlugin];
-        const Chart = getChartJSConstructor();
-        const chart = new Chart(canvas, config);
+        const chart = new window.Chart(canvas, config);
         chartBlob = await new Promise((resolve) => canvas.toBlob(resolve, "image/png"));
         chart.destroy();
     }
@@ -25199,11 +25293,10 @@ function canBeLinearChart(definition, dataSets, labelRange, getters) {
 }
 let missingTimeAdapterAlreadyWarned = false;
 function isLuxonTimeAdapterInstalled() {
-    const Chart = getChartJSConstructor();
-    if (!Chart) {
+    if (!window.Chart) {
         return false;
     }
-    const adapter = new Chart._adapters._date({});
+    const adapter = new window.Chart._adapters._date({});
     // @ts-ignore
     const isInstalled = adapter._id === "luxon";
     if (!isInstalled && !missingTimeAdapterAlreadyWarned) {
@@ -25701,6 +25794,9 @@ const INTERACTIVE_LEGEND_CONFIG = {
         target.style.cursor = "default";
     },
     onClick: (event, legendItem, legend) => {
+        if (event.type !== "click") {
+            return;
+        }
         const index = legendItem.datasetIndex;
         if (!legend.legendItems || index === undefined) {
             return;
@@ -29637,10 +29733,15 @@ function getChartMenu(figureId, onFigureDeleted, env) {
                 const imageUrl = chartToImageUrl(runtime, figure, chartType);
                 const innerHTML = `<img src="${xmlEscape(imageUrl)}" />`;
                 const blob = await chartToImageFile(runtime, figure, chartType);
-                env.clipboard.write({
+                await env.clipboard.write({
                     "text/html": innerHTML,
                     "image/png": blob,
                 });
+                env.notifyUser({
+                    text: _t("The chart was copied to your clipboard"),
+                    sticky: false,
+                    type: "info",
+                });
             },
         },
         {
@@ -31490,7 +31591,7 @@ function getRangeSize(reference, defaultSheetIndex, data) {
     ({ xc, sheetName } = splitReference(reference));
     let rangeSheetIndex;
     if (sheetName) {
-        const index = data.sheets.findIndex((sheet) => sheet.name === sheetName);
+        const index = data.sheets.findIndex((sheet) => isSheetNameEqual(sheet.name, sheetName));
         if (index < 0) {
             throw new Error("Unable to find a sheet with the name " + sheetName);
         }
@@ -31847,7 +31948,7 @@ function convertFormula(formula, data) {
     formula = formula.replace(externalReferenceRegex, (match, externalRefId, sheetName, cellRef) => {
         externalRefId = Number(externalRefId) - 1;
         cellRef = cellRef.replace(/\$/g, "");
-        const sheetIndex = data.externalBooks[externalRefId].sheetNames.findIndex((name) => name === sheetName);
+        const sheetIndex = data.externalBooks[externalRefId].sheetNames.findIndex((name) => isSheetNameEqual(name, sheetName));
         if (sheetIndex === -1) {
             return match;
         }
@@ -32498,7 +32599,7 @@ function convertPivotTableConfig(pivotTable) {
  */
 function convertTableFormulaReferences(convertedSheets, xlsxSheets) {
     for (let tableSheet of convertedSheets) {
-        const tables = xlsxSheets.find((s) => s.sheetName === tableSheet.name).tables;
+        const tables = xlsxSheets.find((s) => isSheetNameEqual(s.sheetName, tableSheet.name)).tables;
         for (let table of tables) {
             const tabRef = table.name + "[";
             for (let sheet of convertedSheets) {
@@ -34847,6 +34948,7 @@ function repairInitialMessages(data, initialMessages) {
     initialMessages = dropCommands(initialMessages, "SET_DECIMAL");
     initialMessages = fixChartDefinitions(data, initialMessages);
     initialMessages = fixFigureOffset(data, initialMessages);
+    initialMessages = fixTranslatedDuplicateSheetName(data, initialMessages);
     return initialMessages;
 }
 /**
@@ -34979,6 +35081,42 @@ function fixFigureOffset(data, messages) {
     }
     return messages;
 }
+function fixTranslatedDuplicateSheetName(data, initialMessages) {
+    const sheetNames = {};
+    for (const sheet of data.sheets || []) {
+        sheetNames[sheet.id] = sheet.name;
+    }
+    const messages = [];
+    for (const message of initialMessages) {
+        if (message.type === "REMOTE_REVISION") {
+            const commands = [];
+            for (const cmd of message.commands) {
+                switch (cmd.type) {
+                    case "DUPLICATE_SHEET":
+                        cmd.sheetNameTo =
+                            cmd.sheetNameTo ??
+                                getDuplicateSheetName(sheetNames[cmd.sheetId], Object.values(sheetNames));
+                        break;
+                    case "CREATE_SHEET":
+                        sheetNames[cmd.sheetId] = cmd.name || getNextSheetName(Object.values(sheetNames));
+                        break;
+                    case "RENAME_SHEET":
+                        sheetNames[cmd.sheetId] = cmd.newName || getNextSheetName(Object.values(sheetNames));
+                        break;
+                }
+                commands.push(cmd);
+            }
+            messages.push({
+                ...message,
+                commands,
+            });
+        }
+        else {
+            messages.push(message);
+        }
+    }
+    return initialMessages;
+}
 // -----------------------------------------------------------------------------
 // Helpers
 // -----------------------------------------------------------------------------
@@ -35116,12 +35254,20 @@ class DelayedHoveredCellStore extends SpreadsheetStore {
         }
     }
     hover(position) {
+        if (position.col === this.col && position.row === this.row) {
+            return "noStateChange";
+        }
         this.col = position.col;
         this.row = position.row;
+        return;
     }
     clear() {
+        if (this.col === undefined && this.row === undefined) {
+            return "noStateChange";
+        }
         this.col = undefined;
         this.row = undefined;
+        return;
     }
 }
 
@@ -35143,7 +35289,11 @@ class CellPopoverStore extends SpreadsheetStore {
         this.persistentPopover = { col, row, sheetId, type };
     }
     close() {
+        if (!this.persistentPopover) {
+            return "noStateChange";
+        }
         this.persistentPopover = undefined;
+        return;
     }
     get persistentCellPopover() {
         return ((this.persistentPopover && { isOpen: true, ...this.persistentPopover }) || { isOpen: false });
@@ -36037,10 +36187,13 @@ const duplicateSheet = {
     name: _t("Duplicate"),
     execute: (env) => {
         const sheetIdFrom = env.model.getters.getActiveSheetId();
+        const sheetNameFrom = env.model.getters.getSheetName(sheetIdFrom);
         const sheetIdTo = env.model.uuidGenerator.smallUuid();
+        const sheetNameTo = env.model.getters.getDuplicateSheetName(sheetNameFrom);
         env.model.dispatch("DUPLICATE_SHEET", {
             sheetId: sheetIdFrom,
             sheetIdTo,
+            sheetNameTo,
         });
         env.model.dispatch("ACTIVATE_SHEET", { sheetIdFrom, sheetIdTo });
     },
@@ -40681,7 +40834,7 @@ class GenericChartConfigPanel extends Component {
         const cancelledReasons = [
             ...(this.state.datasetDispatchResult?.reasons || []),
             ...(this.state.labelsDispatchResult?.reasons || []),
-        ];
+        ].filter((reason) => reason !== "NoChanges" /* CommandResult.NoChanges */);
         return cancelledReasons.map((error) => ChartTerms.Errors[error] || ChartTerms.Errors.Unexpected);
     }
     get isDatasetInvalid() {
@@ -42258,10 +42411,18 @@ class GaugeChartConfigPanel extends Component {
 }
 
 class DOMFocusableElementStore {
-    mutators = ["setFocusableElement"];
+    mutators = ["setFocusableElement", "focus"];
     focusableElement = undefined;
     setFocusableElement(element) {
         this.focusableElement = element;
+        return "noStateChange";
+    }
+    focus() {
+        if (this.focusableElement === document.activeElement) {
+            return "noStateChange";
+        }
+        this.focusableElement?.focus();
+        return;
     }
 }
 
@@ -42933,7 +43094,7 @@ class Composer extends Component {
             if (document.activeElement === this.contentHelper.el &&
                 this.props.composerStore.editionMode === "inactive" &&
                 !this.props.isDefaultFocus) {
-                this.DOMFocusableElementStore.focusableElement?.focus();
+                this.DOMFocusableElementStore.focus();
             }
         });
         useEffect(() => {
@@ -43213,6 +43374,13 @@ class Composer extends Component {
     openAssistant() {
         this.assistant.forcedClosed = false;
     }
+    onWheel(event) {
+        // detect if scrollbar is available
+        if (this.composerRef.el &&
+            this.composerRef.el.scrollHeight > this.composerRef.el.clientHeight) {
+            event.stopPropagation();
+        }
+    }
     // ---------------------------------------------------------------------------
     // Private
     // ---------------------------------------------------------------------------
@@ -48937,8 +49105,8 @@ function compareDimensionValues(dimension, a, b) {
 
 const NULL_SYMBOL = Symbol("NULL");
 function createDate(dimension, value, locale) {
-    const granularity = dimension.granularity;
-    if (!granularity || !(granularity in MAP_VALUE_DIMENSION_DATE)) {
+    const granularity = dimension.granularity || "month";
+    if (!(granularity in MAP_VALUE_DIMENSION_DATE)) {
         throw new Error(`Unknown date granularity: ${granularity}`);
     }
     const keyInMap = typeof value === "number" || typeof value === "string" ? value : NULL_SYMBOL;
@@ -48957,6 +49125,9 @@ function createDate(dimension, value, locale) {
                 case "month_number":
                     number = date.getMonth() + 1;
                     break;
+                case "month":
+                    number = Math.floor(toNumber(value, locale));
+                    break;
                 case "iso_week_number":
                     number = date.getIsoWeek();
                     break;
@@ -49050,6 +49221,10 @@ const MAP_VALUE_DIMENSION_DATE = {
         set: new Set(),
         values: {},
     },
+    month: {
+        set: new Set(),
+        values: {},
+    },
     iso_week_number: {
         set: new Set(),
         values: {},
@@ -49260,7 +49435,7 @@ class SpreadsheetPivot {
         const cells = this.filterDataEntriesFromDomain(this.dataEntries, domain);
         const finalCell = cells[0]?.[dimension.nameWithGranularity];
         if (dimension.type === "datetime") {
-            const adapter = pivotTimeAdapter(dimension.granularity);
+            const adapter = pivotTimeAdapter((dimension.granularity || "month"));
             return adapter.toValueAndFormat(lastNode.value, this.getters.getLocale());
         }
         if (!finalCell) {
@@ -49378,7 +49553,7 @@ class SpreadsheetPivot {
         if (nonEmptyCells.length === 0) {
             return "integer";
         }
-        if (nonEmptyCells.every((cell) => cell.format && isDateTimeFormat(cell.format))) {
+        if (nonEmptyCells.every((cell) => cell.type === CellValueType.number && cell.format && isDateTimeFormat(cell.format))) {
             return "datetime";
         }
         if (nonEmptyCells.every((cell) => cell.type === CellValueType.boolean)) {
@@ -49457,7 +49632,12 @@ class SpreadsheetPivot {
                     entry[field.name] = { value: null, type: CellValueType.empty, formattedValue: "" };
                 }
                 else {
-                    entry[field.name] = cell;
+                    if (field.type === "char") {
+                        entry[field.name] = { ...cell, value: cell.formattedValue || null };
+                    }
+                    else {
+                        entry[field.name] = cell;
+                    }
                 }
             }
             entry["__count"] = { value: 1, type: CellValueType.number, formattedValue: "1" };
@@ -49471,7 +49651,7 @@ class SpreadsheetPivot {
             for (const entry of dataEntries) {
                 for (const dimension of dateDimensions) {
                     const value = createDate(dimension, entry[dimension.fieldName]?.value || null, this.getters.getLocale());
-                    const adapter = pivotTimeAdapter(dimension.granularity);
+                    const adapter = pivotTimeAdapter((dimension.granularity || "month"));
                     const { format, value: valueToFormat } = adapter.toValueAndFormat(value, locale);
                     entry[dimension.nameWithGranularity] = {
                         value,
@@ -49491,6 +49671,7 @@ const dateGranularities = [
     "year",
     "quarter_number",
     "month_number",
+    "month",
     "iso_week_number",
     "day_of_month",
     "day",
@@ -49741,7 +49922,7 @@ class PivotSidePanelStore extends SpreadsheetStore {
                 : this.datetimeGranularities);
         }
         for (const field of dateFields) {
-            granularitiesPerFields[field.fieldName].delete(field.granularity);
+            granularitiesPerFields[field.fieldName].delete(field.granularity || "month");
         }
         return granularitiesPerFields;
     }
@@ -52081,6 +52262,8 @@ class GridComposer extends Component {
     }
     get composerProps() {
         const { width, height } = this.env.model.getters.getSheetViewDimensionWithHeaders();
+        // Remove the wrapper border width
+        const maxHeight = this.props.gridDims.height - this.rect.y - 2 * COMPOSER_BORDER_WIDTH;
         return {
             rect: { ...this.rect },
             delimitation: {
@@ -52098,6 +52281,7 @@ class GridComposer extends Component {
             }),
             onInputContextMenu: this.props.onInputContextMenu,
             composerStore: this.composerStore,
+            inputStyle: `max-height: ${maxHeight}px;`,
         };
     }
     get containerStyle() {
@@ -53178,9 +53362,13 @@ class HoveredTableStore extends SpreadsheetStore {
         }
     }
     hover(position) {
+        if (position.col === this.col && position.row === this.row) {
+            return "noStateChange";
+        }
         this.col = position.col;
         this.row = position.row;
         this.computeOverlay();
+        return;
     }
     clear() {
         this.col = undefined;
@@ -54812,10 +55000,6 @@ function useGridDrawing(refName, model, canvasSize) {
         ctx.scale(dpr, dpr);
         for (const layer of OrderedLayers()) {
             model.drawLayer(renderingContext, layer);
-            // @ts-ignore 'drawLayer' is not declated as a mutator because:
-            // it does not mutate anything. Most importantly it's used
-            // during rendering. Invoking a mutator during rendering would
-            // trigger another rendering, ultimately resulting in an infinite loop.
             rendererStore.drawLayer(renderingContext, layer);
         }
     }
@@ -55509,7 +55693,7 @@ class Grid extends Component {
         this.cellPopovers = useStore(CellPopoverStore);
         useEffect(() => {
             if (!this.sidePanel.isOpen) {
-                this.DOMFocusableElementStore.focusableElement?.focus();
+                this.DOMFocusableElementStore.focus();
             }
         }, () => [this.sidePanel.isOpen]);
         useTouchScroll(this.gridRef, this.moveCanvas.bind(this), () => {
@@ -55718,7 +55902,7 @@ class Grid extends Component {
     focusDefaultElement() {
         if (!this.env.model.getters.getSelectedFigureId() &&
             this.composerFocusStore.activeComposer.editionMode === "inactive") {
-            this.DOMFocusableElementStore.focusableElement?.focus();
+            this.DOMFocusableElementStore.focus();
         }
     }
     get gridEl() {
@@ -56067,6 +56251,322 @@ class Grid extends Component {
     }
 }
 
+css /* scss */ `
+  .o_pivot_html_renderer {
+    width: 100%;
+    border-collapse: collapse;
+
+    &:hover {
+      cursor: pointer;
+    }
+
+    td,
+    th {
+      border: 1px solid #dee2e6;
+      background-color: #fff;
+      padding: 0.3rem;
+      white-space: nowrap;
+
+      &:hover {
+        filter: brightness(0.9);
+      }
+    }
+
+    td {
+      text-align: right;
+    }
+
+    th {
+      background-color: #f5f5f5;
+      font-weight: bold;
+      color: black;
+    }
+
+    .o_missing_value {
+      color: #46646d;
+      background: #e7f2f6;
+    }
+  }
+`;
+class PivotHTMLRenderer extends Component {
+    static template = "o_spreadsheet.PivotHTMLRenderer";
+    static components = { Checkbox };
+    static props = {
+        pivotId: String,
+        onCellClicked: Function,
+    };
+    pivot = this.env.model.getters.getPivot(this.props.pivotId);
+    data = {
+        columns: [],
+        rows: [],
+        values: [],
+    };
+    state = useState({
+        showMissingValuesOnly: false,
+    });
+    setup() {
+        const table = this.pivot.getTableStructure();
+        const formulaId = this.env.model.getters.getPivotFormulaId(this.props.pivotId);
+        this.data = {
+            columns: this._buildColHeaders(formulaId, table),
+            rows: this._buildRowHeaders(formulaId, table),
+            values: this._buildValues(formulaId, table),
+        };
+    }
+    get tracker() {
+        return this.env.model.getters.getPivotPresenceTracker(this.props.pivotId);
+    }
+    // ---------------------------------------------------------------------
+    // Missing values building
+    // ---------------------------------------------------------------------
+    /**
+     * Retrieve the data to display in the Pivot Table
+     * In the case when showMissingValuesOnly is false, the returned value
+     * is the complete data
+     * In the case when showMissingValuesOnly is true, the returned value is
+     * the data which contains only missing values in the rows and cols. In
+     * the rows, we also return the parent rows of rows which contains missing
+     * values, to give context to the user.
+     *
+     */
+    getTableData() {
+        if (!this.state.showMissingValuesOnly) {
+            return this.data;
+        }
+        const colIndexes = this.getColumnsIndexes();
+        const rowIndexes = this.getRowsIndexes();
+        const columns = this.buildColumnsMissing(colIndexes);
+        const rows = this.buildRowsMissing(rowIndexes);
+        const values = this.buildValuesMissing(colIndexes, rowIndexes);
+        return { columns, rows, values };
+    }
+    /**
+     * Retrieve the parents of the given row
+     * ex:
+     *  Australia
+     *    January
+     *    February
+     * The parent of "January" is "Australia"
+     */
+    addRecursiveRow(index) {
+        const rows = this.pivot.getTableStructure().rows;
+        const row = [...rows[index].values];
+        if (row.length <= 1) {
+            return [index];
+        }
+        row.pop();
+        const parentRowIndex = rows.findIndex((r) => JSON.stringify(r.values) === JSON.stringify(row));
+        return [index].concat(this.addRecursiveRow(parentRowIndex));
+    }
+    /**
+     * Create the columns to be used, based on the indexes of the columns in
+     * which a missing value is present
+     *
+     */
+    buildColumnsMissing(indexes) {
+        // columnsMap explode the columns in an array of array of the same
+        // size with the index of each column, repeated 'span' times.
+        // ex:
+        //  | A     | B |
+        //  | 1 | 2 | 3 |
+        // => [
+        //      [0, 0, 1]
+        //      [0, 1, 2]
+        //    ]
+        const columnsMap = [];
+        for (const column of this.data.columns) {
+            const columnMap = [];
+            for (const index in column) {
+                for (let i = 0; i < column[index].span; i++) {
+                    columnMap.push(parseInt(index, 10));
+                }
+            }
+            columnsMap.push(columnMap);
+        }
+        // Remove the columns that are not present in indexes
+        for (let i = columnsMap[columnsMap.length - 1].length; i >= 0; i--) {
+            if (!indexes.includes(i)) {
+                for (const columnMap of columnsMap) {
+                    columnMap.splice(i, 1);
+                }
+            }
+        }
+        // Build the columns
+        const columns = [];
+        for (const mapIndex in columnsMap) {
+            const column = [];
+            let index = undefined;
+            let span = 1;
+            for (let i = 0; i < columnsMap[mapIndex].length; i++) {
+                if (index !== columnsMap[mapIndex][i]) {
+                    if (index !== undefined) {
+                        column.push(Object.assign({}, this.data.columns[mapIndex][index], { span }));
+                    }
+                    index = columnsMap[mapIndex][i];
+                    span = 1;
+                }
+                else {
+                    span++;
+                }
+            }
+            if (index !== undefined) {
+                column.push(Object.assign({}, this.data.columns[mapIndex][index], { span }));
+            }
+            columns.push(column);
+        }
+        return columns;
+    }
+    /**
+     * Create the rows to be used, based on the indexes of the rows in
+     * which a missing value is present.
+     */
+    buildRowsMissing(indexes) {
+        return indexes.map((index) => this.data.rows[index]);
+    }
+    /**
+     * Create the value to be used, based on the indexes of the columns and
+     * rows in which a missing value is present.
+     */
+    buildValuesMissing(colIndexes, rowIndexes) {
+        const values = colIndexes.map(() => []);
+        for (const row of rowIndexes) {
+            for (const col in colIndexes) {
+                values[col].push(this.data.values[colIndexes[col]][row]);
+            }
+        }
+        return values;
+    }
+    getColumnsIndexes() {
+        const indexes = new Set();
+        for (let i = 0; i < this.data.columns.length; i++) {
+            const exploded = [];
+            for (let y = 0; y < this.data.columns[i].length; y++) {
+                for (let x = 0; x < this.data.columns[i][y].span; x++) {
+                    exploded.push(this.data.columns[i][y]);
+                }
+            }
+            for (let y = 0; y < exploded.length; y++) {
+                if (exploded[y].isMissing) {
+                    indexes.add(y);
+                }
+            }
+        }
+        for (let i = 0; i < this.data.columns[this.data.columns.length - 1].length; i++) {
+            const values = this.data.values[i];
+            if (values.find((x) => x.isMissing)) {
+                indexes.add(i);
+            }
+        }
+        return Array.from(indexes).sort((a, b) => a - b);
+    }
+    getRowsIndexes() {
+        const rowIndexes = new Set();
+        for (let i = 0; i < this.data.rows.length; i++) {
+            if (this.data.rows[i].isMissing) {
+                rowIndexes.add(i);
+            }
+            for (const col of this.data.values) {
+                if (col[i].isMissing) {
+                    this.addRecursiveRow(i).forEach((x) => rowIndexes.add(x));
+                }
+            }
+        }
+        return Array.from(rowIndexes).sort((a, b) => a - b);
+    }
+    // ---------------------------------------------------------------------
+    // Data table creation
+    // ---------------------------------------------------------------------
+    _buildColHeaders(id, table) {
+        const headers = [];
+        for (const row of table.columns) {
+            const current = [];
+            for (const cell of row) {
+                const args = [];
+                for (let i = 0; i < cell.fields.length; i++) {
+                    args.push({ value: cell.fields[i] }, { value: cell.values[i] });
+                }
+                const domain = this.pivot.parseArgsToPivotDomain(args);
+                const locale = this.env.model.getters.getLocale();
+                if (domain.at(-1)?.field === "measure") {
+                    const { value, format } = this.pivot.getPivotMeasureValue(toString(domain.at(-1).value), domain);
+                    current.push({
+                        formula: `=PIVOT.HEADER(${generatePivotArgs(id, domain).join(",")})`,
+                        value: formatValue(value, { format, locale }),
+                        span: cell.width,
+                        isMissing: !this.tracker?.isHeaderPresent(domain),
+                    });
+                }
+                else {
+                    const { value, format } = this.pivot.getPivotHeaderValueAndFormat(domain);
+                    current.push({
+                        formula: `=PIVOT.HEADER(${generatePivotArgs(id, domain).join(",")})`,
+                        value: formatValue(value, { format, locale }),
+                        span: cell.width,
+                        isMissing: !this.tracker?.isHeaderPresent(domain),
+                    });
+                }
+            }
+            headers.push(current);
+        }
+        const last = headers[headers.length - 1];
+        headers[headers.length - 1] = last.map((cell) => {
+            if (!cell.isMissing) {
+                cell.style = "color: #756f6f;";
+            }
+            return cell;
+        });
+        return headers;
+    }
+    _buildRowHeaders(id, table) {
+        const headers = [];
+        for (const row of table.rows) {
+            const args = [];
+            for (let i = 0; i < row.fields.length; i++) {
+                args.push({ value: row.fields[i] }, { value: row.values[i] });
+            }
+            const domain = this.pivot.parseArgsToPivotDomain(args);
+            const { value, format } = this.pivot.getPivotHeaderValueAndFormat(domain);
+            const locale = this.env.model.getters.getLocale();
+            const cell = {
+                formula: `=PIVOT.HEADER(${generatePivotArgs(id, domain).join(",")})`,
+                value: formatValue(value, { format, locale }),
+                isMissing: !this.tracker?.isHeaderPresent(domain),
+            };
+            if (row.indent > 1) {
+                cell.style = `padding-left: ${row.indent - 1 * 10}px`;
+            }
+            headers.push(cell);
+        }
+        return headers;
+    }
+    _buildValues(id, table) {
+        const values = [];
+        for (const col of table.columns.at(-1) || []) {
+            const current = [];
+            const measure = toString(col.values[col.values.length - 1]);
+            for (const row of table.rows) {
+                const args = [];
+                for (let i = 0; i < row.fields.length; i++) {
+                    args.push({ value: row.fields[i] }, { value: row.values[i] });
+                }
+                for (let i = 0; i < col.fields.length - 1; i++) {
+                    args.push({ value: col.fields[i] }, { value: col.values[i] });
+                }
+                const domain = this.pivot.parseArgsToPivotDomain(args);
+                const { value, format } = this.pivot.getPivotCellValueAndFormat(measure, domain);
+                const locale = this.env.model.getters.getLocale();
+                current.push({
+                    formula: `=PIVOT.VALUE(${generatePivotArgs(id, domain, measure).join(",")})`,
+                    value: formatValue(value, { format, locale }),
+                    isMissing: !this.tracker?.isValuePresent(measure, domain),
+                });
+            }
+            values.push(current);
+        }
+        return values;
+    }
+}
+
 /**
  * BasePlugin
  *
@@ -57419,7 +57919,7 @@ class ChartPlugin extends CorePlugin {
             case "CREATE_CHART":
                 return this.checkValidations(cmd, this.chainValidations(this.validateChartDefinition, this.checkChartDuplicate));
             case "UPDATE_CHART":
-                return this.checkValidations(cmd, this.chainValidations(this.validateChartDefinition, this.checkChartExists));
+                return this.checkValidations(cmd, this.chainValidations(this.validateChartDefinition, this.checkChartExists, this.checkChartChanged));
             default:
                 return "Success" /* CommandResult.Success */;
         }
@@ -57573,10 +58073,15 @@ class ChartPlugin extends CorePlugin {
             : "Success" /* CommandResult.Success */;
     }
     checkChartExists(cmd) {
-        return this.getters.getFigureSheetId(cmd.figureId)
+        return this.isChartDefined(cmd.figureId)
             ? "Success" /* CommandResult.Success */
             : "ChartDoesNotExist" /* CommandResult.ChartDoesNotExist */;
     }
+    checkChartChanged(cmd) {
+        return deepEquals(this.getChartDefinition(cmd.figureId), cmd.definition)
+            ? "NoChanges" /* CommandResult.NoChanges */
+            : "Success" /* CommandResult.Success */;
+    }
 }
 
 // -----------------------------------------------------------------------------
@@ -59834,6 +60339,7 @@ class SheetPlugin extends CorePlugin {
         "getCommandZones",
         "getUnboundedZone",
         "checkElementsIncludeAllNonFrozenHeaders",
+        "getDuplicateSheetName",
     ];
     sheetIdsMapName = {};
     orderedSheetIds = [];
@@ -59858,7 +60364,11 @@ class SheetPlugin extends CorePlugin {
                 return this.checkValidations(cmd, this.checkSheetName, this.checkSheetPosition);
             }
             case "DUPLICATE_SHEET": {
-                return this.sheets[cmd.sheetIdTo] ? "DuplicatedSheetId" /* CommandResult.DuplicatedSheetId */ : "Success" /* CommandResult.Success */;
+                if (this.sheets[cmd.sheetIdTo])
+                    return "DuplicatedSheetId" /* CommandResult.DuplicatedSheetId */;
+                if (this.orderedSheetIds.map(this.getSheetName.bind(this)).includes(cmd.sheetNameTo))
+                    return "DuplicatedSheetName" /* CommandResult.DuplicatedSheetName */;
+                return "Success" /* CommandResult.Success */;
             }
             case "MOVE_SHEET":
                 try {
@@ -59935,7 +60445,7 @@ class SheetPlugin extends CorePlugin {
                 this.showSheet(cmd.sheetId);
                 break;
             case "DUPLICATE_SHEET":
-                this.duplicateSheet(cmd.sheetId, cmd.sheetIdTo);
+                this.duplicateSheet(cmd.sheetId, cmd.sheetIdTo, cmd.sheetNameTo);
                 break;
             case "DELETE_SHEET":
                 this.deleteSheet(this.sheets[cmd.sheetId]);
@@ -60076,7 +60586,7 @@ class SheetPlugin extends CorePlugin {
         if (name) {
             const unquotedName = getUnquotedSheetName(name);
             for (const key in this.sheetIdsMapName) {
-                if (key.toUpperCase() === unquotedName.toUpperCase()) {
+                if (isSheetNameEqual(key, unquotedName)) {
                     return this.sheetIdsMapName[key];
                 }
             }
@@ -60142,10 +60652,7 @@ class SheetPlugin extends CorePlugin {
     }
     getNextSheetName(baseName = "Sheet") {
         const names = this.orderedSheetIds.map(this.getSheetName.bind(this));
-        return getUniqueText(baseName, names, {
-            compute: (name, i) => `${name}${i}`,
-            computeFirstOne: true,
-        });
+        return getNextSheetName(names, baseName);
     }
     getSheetSize(sheetId) {
         return {
@@ -60328,7 +60835,7 @@ class SheetPlugin extends CorePlugin {
         }
         const { orderedSheetIds, sheets } = this;
         const name = sheetName && sheetName.trim().toLowerCase();
-        if (orderedSheetIds.find((id) => sheets[id]?.name.toLowerCase() === name && id !== cmd.sheetId)) {
+        if (orderedSheetIds.find((id) => isSheetNameEqual(sheets[id]?.name, name) && id !== cmd.sheetId)) {
             return "DuplicatedSheetName" /* CommandResult.DuplicatedSheetName */;
         }
         if (FORBIDDEN_SHEETNAME_CHARS_IN_EXCEL_REGEX.test(name)) {
@@ -60392,9 +60899,8 @@ class SheetPlugin extends CorePlugin {
     showSheet(sheetId) {
         this.history.update("sheets", sheetId, "isVisible", true);
     }
-    duplicateSheet(fromId, toId) {
+    duplicateSheet(fromId, toId, toName) {
         const sheet = this.getSheet(fromId);
-        const toName = this.getDuplicateSheetName(sheet.name);
         const newSheet = deepCopy(sheet);
         newSheet.id = toId;
         newSheet.name = toName;
@@ -60427,8 +60933,7 @@ class SheetPlugin extends CorePlugin {
     }
     getDuplicateSheetName(sheetName) {
         const names = this.orderedSheetIds.map(this.getSheetName.bind(this));
-        const baseName = _t("Copy of %s", sheetName);
-        return getUniqueText(baseName.toString(), names);
+        return getDuplicateSheetName(sheetName, names);
     }
     deleteSheet(sheet) {
         const name = sheet.name;
@@ -63232,8 +63737,8 @@ class SpreadingRelation {
 const EMPTY_ARRAY = [];
 
 const MAX_ITERATION = 30;
-const ERROR_CYCLE_CELL = createEvaluatedCell(new CircularDependencyError());
-const EMPTY_CELL = createEvaluatedCell({ value: null });
+const ERROR_CYCLE_CELL = Object.freeze(createEvaluatedCell(new CircularDependencyError()));
+const EMPTY_CELL = Object.freeze(createEvaluatedCell({ value: null }));
 class Evaluator {
     context;
     getters;
@@ -69414,6 +69919,55 @@ class HistoryPlugin extends UIPlugin {
     }
 }
 
+class PivotPresenceTracker {
+    trackedValues = new Set();
+    domainToArray(domain) {
+        return domain.flatMap((node) => [node.field, toString(node.value)]);
+    }
+    isValuePresent(measure, domain) {
+        const key = JSON.stringify({ measure, domain: this.domainToArray(domain) });
+        return this.trackedValues.has(key);
+    }
+    isHeaderPresent(domain) {
+        const key = JSON.stringify({ domain: this.domainToArray(domain) });
+        return this.trackedValues.has(key);
+    }
+    trackValue(measure, domain) {
+        const key = JSON.stringify({ measure, domain: this.domainToArray(domain) });
+        this.trackedValues.add(key);
+    }
+    trackHeader(domain) {
+        const key = JSON.stringify({ domain: this.domainToArray(domain) });
+        this.trackedValues.add(key);
+    }
+}
+
+class PivotPresencePlugin extends UIPlugin {
+    static getters = ["getPivotPresenceTracker"];
+    trackPresencePivotId;
+    tracker;
+    handle(cmd) {
+        switch (cmd.type) {
+            case "PIVOT_START_PRESENCE_TRACKING":
+                this.tracker = new PivotPresenceTracker();
+                this.trackPresencePivotId = cmd.pivotId;
+                break;
+            case "PIVOT_STOP_PRESENCE_TRACKING":
+                this.trackPresencePivotId = undefined;
+                break;
+        }
+    }
+    getPivotPresenceTracker(pivotId) {
+        if (this.trackPresencePivotId !== pivotId) {
+            return undefined;
+        }
+        if (!this.tracker) {
+            throw new Error("Tracker not initialized");
+        }
+        return this.tracker;
+    }
+}
+
 class SplitToColumnsPlugin extends UIPlugin {
     static getters = ["getAutomaticSeparator"];
     allowDispatch(cmd) {
@@ -72382,6 +72936,7 @@ const featurePluginRegistry = new Registry()
     .add("automatic_sum", AutomaticSumPlugin)
     .add("format", FormatPlugin)
     .add("insert_pivot", InsertPivotPlugin)
+    .add("pivot_presence", PivotPresencePlugin)
     .add("split_to_columns", SplitToColumnsPlugin)
     .add("collaborative", CollaborativePlugin)
     .add("history", HistoryPlugin)
@@ -72771,11 +73326,11 @@ class BottomBarSheet extends Component {
         if (ev.key === "Enter") {
             ev.preventDefault();
             this.stopEdition();
-            this.DOMFocusableElementStore.focusableElement?.focus();
+            this.DOMFocusableElementStore.focus();
         }
         if (ev.key === "Escape") {
             this.cancelEdition();
-            this.DOMFocusableElementStore.focusableElement?.focus();
+            this.DOMFocusableElementStore.focus();
         }
     }
     onMouseEventSheetName(ev) {
@@ -75336,11 +75891,13 @@ class Spreadsheet extends Component {
             this.checkViewportSize();
             stores.on("store-updated", this, render);
             resizeObserver.observe(this.spreadsheetRef.el);
+            registerChartJSExtensions();
         });
         onWillUnmount(() => {
             this.unbindModelEvents();
             stores.off("store-updated", this);
             resizeObserver.disconnect();
+            unregisterChartJsExtensions();
         });
         onPatched(() => {
             this.checkViewportSize();
@@ -79782,6 +80339,7 @@ const components = {
     PivotDimensionOrder,
     PivotDimension,
     PivotLayoutConfigurator,
+    PivotHTMLRenderer,
     PivotDeferUpdate,
     PivotTitleSection,
     CogWheelMenu,
@@ -79833,6 +80391,6 @@ const chartHelpers = { ...CHART_HELPERS, ...CHART_RUNTIME_HELPERS };
 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, invalidateChartEvaluationCommands, invalidateDependenciesCommands, invalidateEvaluationCommands, iterateAstNodes, links, load, parse, parseTokens, readonlyAllowedCommands, registries, setDefaultSheetViewSize, setTranslationMethod, stores, tokenColors, tokenize };
 
 
-__info__.version = "18.3.1";
-__info__.date = "2025-05-02T12:33:27.384Z";
-__info__.hash = "7b9574b";
+__info__.version = "18.3.3";
+__info__.date = "2025-05-13T17:54:43.312Z";
+__info__.hash = "b79924a";