@odoo/o-spreadsheet 18.0.26 → 18.0.28

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.0.26
- * @date 2025-05-02T12:30:31.966Z
- * @hash 5bdf504
+ * @version 18.0.28
+ * @date 2025-05-13T17:53:12.402Z
+ * @hash b3088aa
  */
 
 import { useEnv, useSubEnv, onWillUnmount, useComponent, status, Component, useRef, onMounted, useEffect, useState, onPatched, onWillPatch, onWillUpdateProps, useExternalListener, onWillStart, xml, useChildSubEnv, markRaw, toRaw } from '@odoo/owl';
@@ -3180,7 +3180,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);
@@ -6102,6 +6102,32 @@ function moveHeaderIndexesOnHeaderDeletion(deletedHeaders, headers) {
     })
         .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 computeTextLinesHeight(textLineHeight, numberOfLines = 1) {
     return numberOfLines * (textLineHeight + MIN_CELL_TEXT_MARGIN) - MIN_CELL_TEXT_MARGIN;
@@ -7790,6 +7816,24 @@ 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) {
+        return `"${normalizedValue}"`;
+    },
+};
 /**
  * normalizes quarter number
  */
@@ -7920,6 +7964,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))
@@ -7936,10 +7981,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"],
 };
 const AGGREGATORS = {};
@@ -8100,10 +8144,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) {
@@ -8115,10 +8156,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
@@ -9278,7 +9316,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();
                     },
                 });
@@ -9300,7 +9341,7 @@ function getDependencyContainer(env) {
 const ModelStore = createAbstractStore("Model");
 
 class RendererStore {
-    mutators = ["register", "unRegister"];
+    mutators = ["register", "unRegister", "drawLayer"];
     renderers = {};
     register(renderer) {
         if (!renderer.renderingLayers.length) {
@@ -9320,14 +9361,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";
     }
 }
 
@@ -9380,16 +9421,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");
@@ -9398,6 +9440,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.
@@ -11712,7 +11755,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);
         }
@@ -12053,7 +12096,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;
         }
@@ -12716,7 +12759,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) {
@@ -15251,6 +15294,7 @@ function repairInitialMessages(data, initialMessages) {
     initialMessages = dropCommands(initialMessages, "SORT_CELLS");
     initialMessages = dropCommands(initialMessages, "SET_DECIMAL");
     initialMessages = fixChartDefinitions(data, initialMessages);
+    initialMessages = fixTranslatedDuplicateSheetName(data, initialMessages);
     return initialMessages;
 }
 /**
@@ -15350,6 +15394,40 @@ function fixChartDefinitions(data, initialMessages) {
     }
     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":
+                    case "RENAME_SHEET":
+                        sheetNames[cmd.sheetId] = cmd.name || getNextSheetName(Object.values(sheetNames));
+                        break;
+                }
+                commands.push(cmd);
+            }
+            messages.push({
+                ...message,
+                commands,
+            });
+        }
+        else {
+            messages.push(message);
+        }
+    }
+    return initialMessages;
+}
 // -----------------------------------------------------------------------------
 // Helpers
 // -----------------------------------------------------------------------------
@@ -24365,7 +24443,7 @@ const IF = {
             return { value: "" };
         }
         if (result.value === null) {
-            result.value = "";
+            return { ...result, value: "" };
         }
         return result;
     },
@@ -24386,7 +24464,7 @@ const IFERROR = {
             return { value: "" };
         }
         if (result.value === null) {
-            result.value = "";
+            return { ...result, value: "" };
         }
         return result;
     },
@@ -24407,7 +24485,7 @@ const IFNA = {
             return { value: "" };
         }
         if (result.value === null) {
-            result.value = "";
+            return { ...result, value: "" };
         }
         return result;
     },
@@ -24433,7 +24511,7 @@ const IFS = {
                     return { value: "" };
                 }
                 if (result.value === null) {
-                    result.value = "";
+                    return { ...result, value: "" };
                 }
                 return result;
             }
@@ -24551,6 +24629,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) {
@@ -24999,6 +25082,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);
     },
 };
@@ -25030,6 +25116,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);
@@ -25252,6 +25341,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: [
@@ -25267,6 +25359,9 @@ const EQ = {
         if (typeof _value2 === "string") {
             _value2 = _value2.toUpperCase();
         }
+        if (typeof _value1 === "number" && typeof _value2 === "number") {
+            return areAlmostEqual(_value1, _value2);
+        }
         return _value1 === _value2;
     },
 };
@@ -25306,6 +25401,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;
         });
     },
@@ -25321,6 +25419,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;
         });
     },
@@ -26443,10 +26544,18 @@ autoCompleteProviders.add("functions", {
 });
 
 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;
     }
 }
 
@@ -27289,7 +27398,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(() => {
@@ -27558,6 +27667,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
     // ---------------------------------------------------------------------------
@@ -31754,12 +31870,20 @@ class HoveredCellStore 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;
     }
 }
 
@@ -31781,7 +31905,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 });
@@ -32557,10 +32685,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 });
     },
@@ -39131,7 +39262,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);
@@ -43899,8 +44030,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;
@@ -43919,6 +44050,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;
@@ -44012,6 +44146,10 @@ const MAP_VALUE_DIMENSION_DATE = {
         set: new Set(),
         values: {},
     },
+    month: {
+        set: new Set(),
+        values: {},
+    },
     iso_week_number: {
         set: new Set(),
         values: {},
@@ -44222,7 +44360,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) {
@@ -44340,7 +44478,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)) {
@@ -44421,7 +44559,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" };
@@ -44435,7 +44578,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,
@@ -44455,6 +44598,7 @@ const dateGranularities = [
     "year",
     "quarter_number",
     "month_number",
+    "month",
     "iso_week_number",
     "day_of_month",
     "day",
@@ -44695,7 +44839,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;
     }
@@ -46853,6 +46997,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: {
@@ -46870,6 +47016,7 @@ class GridComposer extends Component {
             }),
             onInputContextMenu: this.props.onInputContextMenu,
             composerStore: this.composerStore,
+            inputStyle: `max-height: ${maxHeight}px;`,
         };
     }
     get containerStyle() {
@@ -49413,10 +49560,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);
         }
     }
@@ -50106,7 +50249,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), () => {
@@ -50314,7 +50457,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() {
@@ -50684,6 +50827,322 @@ class EditableName 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
  *
@@ -52269,9 +52728,7 @@ class ChartPlugin extends CorePlugin {
             : "Success" /* CommandResult.Success */;
     }
     checkChartExists(cmd) {
-        return this.getters.getFigureSheetId(cmd.id)
-            ? "Success" /* CommandResult.Success */
-            : "ChartDoesNotExist" /* CommandResult.ChartDoesNotExist */;
+        return this.isChartDefined(cmd.id) ? "Success" /* CommandResult.Success */ : "ChartDoesNotExist" /* CommandResult.ChartDoesNotExist */;
     }
 }
 
@@ -54194,7 +54651,7 @@ class RangeAdapter {
                     if (range.sheetId === cmd.sheetId) {
                         return { changeType: "CHANGE", range };
                     }
-                    if (cmd.name && range.invalidSheetName === cmd.name) {
+                    if (isSheetNameEqual(range.invalidSheetName, cmd.name)) {
                         const invalidSheetName = undefined;
                         const sheetId = cmd.sheetId;
                         const newRange = range.clone({ sheetId, invalidSheetName });
@@ -54532,6 +54989,7 @@ class SheetPlugin extends CorePlugin {
         "getCommandZones",
         "getUnboundedZone",
         "checkElementsIncludeAllNonFrozenHeaders",
+        "getDuplicateSheetName",
     ];
     sheetIdsMapName = {};
     orderedSheetIds = [];
@@ -54556,7 +55014,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 {
@@ -54633,7 +55095,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]);
@@ -54774,7 +55236,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];
                 }
             }
@@ -54839,14 +55301,8 @@ 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 getNextSheetName(names, baseName);
     }
     getSheetSize(sheetId) {
         return {
@@ -55028,7 +55484,7 @@ class SheetPlugin extends CorePlugin {
         }
         const { orderedSheetIds, sheets } = this;
         const name = cmd.name && cmd.name.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)) {
@@ -55092,9 +55548,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;
@@ -55126,15 +55581,8 @@ 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 getDuplicateSheetName(sheetName, names);
     }
     deleteSheet(sheet) {
         const name = sheet.name;
@@ -57960,8 +58408,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;
@@ -63923,6 +64371,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) {
@@ -66706,6 +67203,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)
@@ -67085,11 +67583,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) {
@@ -73699,6 +74197,7 @@ const components = {
     PivotDimensionOrder,
     PivotDimension,
     PivotLayoutConfigurator,
+    PivotHTMLRenderer,
     EditableName,
     PivotDeferUpdate,
     PivotTitleSection,
@@ -73749,6 +74248,6 @@ const constants = {
 export { AbstractCellClipboardHandler, AbstractChart, AbstractFigureClipboardHandler, CellErrorType, CommandResult, CorePlugin, DispatchResult, EvaluationError, Model, PivotRuntimeDefinition, Registry, Revision, SPREADSHEET_DIMENSIONS, Spreadsheet, SpreadsheetPivotTable, UIPlugin, __info__, addFunction, addRenderingLayer, astToFormula, 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.0.26";
-__info__.date = "2025-05-02T12:30:31.966Z";
-__info__.hash = "5bdf504";
+__info__.version = "18.0.28";
+__info__.date = "2025-05-13T17:53:12.402Z";
+__info__.hash = "b3088aa";