@odoo/o-spreadsheet 18.2.9 → 18.2.11

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.2.9
- * @date 2025-04-25T08:06:52.677Z
- * @hash 3e88645
+ * @version 18.2.11
+ * @date 2025-05-12T05:25:59.138Z
+ * @hash eb87dca
  */
 
 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';
@@ -3769,6 +3769,7 @@ var CommandResult;
     CommandResult["ValueCellIsInvalidFormula"] = "ValueCellIsInvalidFormula";
     CommandResult["InvalidDefinition"] = "InvalidDefinition";
     CommandResult["InvalidColor"] = "InvalidColor";
+    CommandResult["InvalidPivotDataSet"] = "InvalidPivotDataSet";
 })(CommandResult || (CommandResult = {}));
 
 const DEFAULT_LOCALES = [
@@ -6279,6 +6280,25 @@ 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 computeTextLinesHeight(textLineHeight, numberOfLines = 1) {
     return numberOfLines * (textLineHeight + MIN_CELL_TEXT_MARGIN) - MIN_CELL_TEXT_MARGIN;
@@ -7977,6 +7997,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
  */
@@ -8107,6 +8145,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))
@@ -8287,10 +8326,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) {
@@ -8302,10 +8338,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
@@ -9764,12 +9797,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")) {
-        window.Chart.register(...chartJsExtensionRegistry.getAll());
+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;
 }
 
 const TREND_LINE_XAXIS_ID = "x1";
@@ -10171,7 +10216,7 @@ function drawLineOrBarOrRadarChartValues(chart, options, ctx) {
     const yMin = chart.chartArea.top;
     const textsPositions = {};
     for (const dataset of chart._metasets) {
-        if (isTrendLineAxis(dataset.axisID) || dataset.hidden) {
+        if (isTrendLineAxis(dataset.xAxisID) || dataset.hidden) {
             continue;
         }
         for (let i = 0; i < dataset._parsed.length; i++) {
@@ -10214,7 +10259,7 @@ function drawHorizontalBarChartValues(chart, options, ctx) {
     const xMin = chart.chartArea.left;
     const textsPositions = {};
     for (const dataset of chart._metasets) {
-        if (isTrendLineAxis(dataset.axisID)) {
+        if (isTrendLineAxis(dataset.xAxisID)) {
             return; // ignore trend lines
         }
         for (let i = 0; i < dataset._parsed.length; i++) {
@@ -10329,8 +10374,14 @@ css /* scss */ `
     }
   }
 `;
-chartJsExtensionRegistry.add("chartShowValuesPlugin", chartShowValuesPlugin);
-chartJsExtensionRegistry.add("waterfallLinesPlugin", waterfallLinesPlugin);
+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),
+});
 class ChartJsComponent extends Component {
     static template = "o-spreadsheet-ChartJsComponent";
     static props = {
@@ -10339,6 +10390,7 @@ class ChartJsComponent extends Component {
     canvas = useRef("graphContainer");
     chart;
     currentRuntime;
+    currentDevicePixelRatio = window.devicePixelRatio;
     get background() {
         return this.chartRuntime.background;
     }
@@ -10372,13 +10424,16 @@ class ChartJsComponent extends Component {
                 }
                 this.currentRuntime = runtime;
             }
+            else if (this.currentDevicePixelRatio !== window.devicePixelRatio) {
+                this.currentDevicePixelRatio = window.devicePixelRatio;
+                this.updateChartJs(deepCopy(this.currentRuntime.chartJsConfig));
+            }
         });
     }
     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) {
@@ -10627,9 +10682,11 @@ let ScorecardChart$1 = class ScorecardChart extends AbstractChart {
 };
 function drawScoreChart(structure, canvas) {
     const ctx = canvas.getContext("2d");
-    canvas.width = structure.canvas.width;
-    const availableWidth = canvas.width - CHART_PADDING$1 * 2;
-    canvas.height = structure.canvas.height;
+    const dpr = window.devicePixelRatio || 1;
+    canvas.width = dpr * structure.canvas.width;
+    canvas.height = dpr * structure.canvas.height;
+    ctx.scale(dpr, dpr);
+    const availableWidth = structure.canvas.width - CHART_PADDING$1 * 2;
     ctx.fillStyle = structure.canvas.backgroundColor;
     ctx.fillRect(0, 0, structure.canvas.width, structure.canvas.height);
     if (structure.title) {
@@ -10992,7 +11049,7 @@ class ScorecardChart extends Component {
         useEffect(this.createChart.bind(this), () => {
             const canvas = this.canvas.el;
             const rect = canvas.getBoundingClientRect();
-            return [rect.width, rect.height, this.runtime, this.canvas.el];
+            return [rect.width, rect.height, this.runtime, this.canvas.el, window.devicePixelRatio];
         });
     }
     createChart() {
@@ -18508,7 +18565,7 @@ const IF = {
             return { value: "" };
         }
         if (result.value === null) {
-            result.value = "";
+            return { ...result, value: "" };
         }
         return result;
     },
@@ -18529,7 +18586,7 @@ const IFERROR = {
             return { value: "" };
         }
         if (result.value === null) {
-            result.value = "";
+            return { ...result, value: "" };
         }
         return result;
     },
@@ -18550,7 +18607,7 @@ const IFNA = {
             return { value: "" };
         }
         if (result.value === null) {
-            result.value = "";
+            return { ...result, value: "" };
         }
         return result;
     },
@@ -18576,7 +18633,7 @@ const IFS = {
                     return { value: "" };
                 }
                 if (result.value === null) {
-                    result.value = "";
+                    return { ...result, value: "" };
                 }
                 return result;
             }
@@ -18694,6 +18751,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) {
@@ -22581,9 +22643,11 @@ const GAUGE_INFLECTION_LABEL_BOTTOM_MARGIN = 6;
 const GAUGE_TITLE_SECTION_HEIGHT = 25;
 function drawGaugeChart(canvas, runtime) {
     const canvasBoundingRect = canvas.getBoundingClientRect();
-    canvas.width = canvasBoundingRect.width;
-    canvas.height = canvasBoundingRect.height;
+    const dpr = window.devicePixelRatio || 1;
+    canvas.width = dpr * canvasBoundingRect.width;
+    canvas.height = dpr * canvasBoundingRect.height;
     const ctx = canvas.getContext("2d");
+    ctx.scale(dpr, dpr);
     const config = getGaugeRenderingConfig(canvasBoundingRect, runtime, ctx);
     drawBackground(ctx, config);
     drawGauge(ctx, config);
@@ -22918,7 +22982,7 @@ class GaugeChartComponent extends Component {
         useEffect(() => drawGaugeChart(this.canvas.el, this.runtime), () => {
             const canvas = this.canvas.el;
             const rect = canvas.getBoundingClientRect();
-            return [rect.width, rect.height, this.runtime, this.canvas.el];
+            return [rect.width, rect.height, this.runtime, this.canvas.el, window.devicePixelRatio];
         });
     }
 }
@@ -22953,6 +23017,7 @@ const CHART_COMMON_OPTIONS = {
         },
     },
     animation: false,
+    events: ["mousemove", "mouseout", "click", "touchstart", "touchmove", "mouseup"],
 };
 function chartToImage(runtime, figure, type) {
     // wrap the canvas in a div with a fixed size because chart.js would
@@ -22969,8 +23034,7 @@ function chartToImage(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);
         const imgContent = chart.toBase64Image();
         chart.destroy();
         div.remove();
@@ -27963,6 +28027,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;
 }
 /**
@@ -28062,6 +28127,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
 // -----------------------------------------------------------------------------
@@ -28858,12 +28957,11 @@ function canBeLinearChart(definition, dataSets, labelRange, getters) {
 }
 let missingTimeAdapterAlreadyWarned = false;
 function isLuxonTimeAdapterInstalled() {
-    const Chart = getChartJSConstructor();
-    if (!Chart) {
+    if (!window.Chart) {
         return false;
     }
     // @ts-ignore
-    const adapter = new Chart._adapters._date({});
+    const adapter = new window.Chart._adapters._date({});
     const isInstalled = adapter._id === "luxon";
     if (!isInstalled && !missingTimeAdapterAlreadyWarned) {
         missingTimeAdapterAlreadyWarned = true;
@@ -29501,6 +29599,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;
@@ -29581,7 +29682,7 @@ function getBarChartScales(definition, args) {
         };
         scales[MOVING_AVERAGE_TREND_LINE_XAXIS_ID] = {
             ...scales.x,
-            offset: false,
+            offset: true,
             display: false,
         };
     }
@@ -30301,9 +30402,6 @@ class BarChart extends AbstractChart {
         };
     }
     getDefinitionForExcel() {
-        // Excel does not support aggregating labels
-        if (this.aggregated)
-            return undefined;
         const dataSets = this.dataSets
             .map((ds) => toExcelDataset(this.getters, ds))
             .filter((ds) => ds.range !== "" && ds.range !== CellErrorType.InvalidReference);
@@ -31018,9 +31116,6 @@ class LineChart extends AbstractChart {
         return new LineChart(definition, this.sheetId, this.getters);
     }
     getDefinitionForExcel() {
-        // Excel does not support aggregating labels
-        if (this.aggregated)
-            return undefined;
         const dataSets = this.dataSets
             .map((ds) => toExcelDataset(this.getters, ds))
             .filter((ds) => ds.range !== "" && ds.range !== CellErrorType.InvalidReference);
@@ -31157,9 +31252,6 @@ class PieChart extends AbstractChart {
         return new PieChart(definition, sheetId, this.getters);
     }
     getDefinitionForExcel() {
-        // Excel does not support aggregating labels
-        if (this.aggregated)
-            return undefined;
         const dataSets = this.dataSets
             .map((ds) => toExcelDataset(this.getters, ds))
             .filter((ds) => ds.range !== "" && ds.range !== CellErrorType.InvalidReference);
@@ -33409,10 +33501,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 });
     },
@@ -33658,18 +33753,28 @@ function isBrowserFirefox() {
 function useInterval(callback, delay) {
     let intervalId;
     const { setInterval, clearInterval } = window;
+    const pause = () => {
+        clearInterval(intervalId);
+        intervalId = undefined;
+    };
+    const safeCallback = () => {
+        try {
+            callback();
+        }
+        catch (e) {
+            pause();
+            throw e;
+        }
+    };
     useEffect(() => {
-        intervalId = setInterval(callback, delay);
+        intervalId = setInterval(safeCallback, delay);
         return () => clearInterval(intervalId);
     }, () => [delay]);
     return {
-        pause: () => {
-            clearInterval(intervalId);
-            intervalId = undefined;
-        },
+        pause,
         resume: () => {
             if (intervalId === undefined) {
-                intervalId = setInterval(callback, delay);
+                intervalId = setInterval(safeCallback, delay);
             }
         },
     };
@@ -38450,8 +38555,11 @@ class SelectionInput extends Component {
     }
     removeInput(rangeId) {
         const index = this.store.selectionInputs.findIndex((range) => range.id === rangeId);
-        this.props.onSelectionRemoved?.(index);
-        this.props.onSelectionConfirmed?.();
+        if (this.ranges.find((range) => range.id === rangeId)?.xc) {
+            this.props.onSelectionRemoved?.(index);
+            this.props.onSelectionConfirmed?.();
+        }
+        this.store.removeRange(rangeId);
     }
     onInputChanged(rangeId, ev) {
         const target = ev.target;
@@ -38602,7 +38710,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() {
@@ -40824,6 +40932,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
     // ---------------------------------------------------------------------------
@@ -46300,8 +46415,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;
@@ -46320,6 +46435,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;
@@ -46413,6 +46531,10 @@ const MAP_VALUE_DIMENSION_DATE = {
         set: new Set(),
         values: {},
     },
+    month: {
+        set: new Set(),
+        values: {},
+    },
     iso_week_number: {
         set: new Set(),
         values: {},
@@ -46623,7 +46745,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) {
@@ -46741,7 +46863,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)) {
@@ -46834,7 +46956,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,
@@ -46854,6 +46976,7 @@ const dateGranularities = [
     "year",
     "quarter_number",
     "month_number",
+    "month",
     "iso_week_number",
     "day_of_month",
     "day",
@@ -47104,7 +47227,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;
     }
@@ -49274,6 +49397,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: {
@@ -49291,6 +49416,7 @@ class GridComposer extends Component {
             }),
             onInputContextMenu: this.props.onInputContextMenu,
             composerStore: this.composerStore,
+            inputStyle: `max-height: ${maxHeight}px;`,
         };
     }
     get containerStyle() {
@@ -50851,7 +50977,7 @@ css /* scss */ `
     position: absolute;
     top: 0;
     left: ${HEADER_WIDTH}px;
-    right: 0;
+    right: ${SCROLLBAR_WIDTH}px;
     height: ${HEADER_HEIGHT}px;
     width: calc(100% - ${HEADER_WIDTH + SCROLLBAR_WIDTH}px);
     &.o-dragging {
@@ -51044,9 +51170,8 @@ css /* scss */ `
     position: absolute;
     top: ${HEADER_HEIGHT}px;
     left: 0;
-    right: 0;
+    bottom: ${SCROLLBAR_WIDTH}px;
     width: ${HEADER_WIDTH}px;
-    height: calc(100% - ${HEADER_HEIGHT + SCROLLBAR_WIDTH}px);
     &.o-dragging {
       cursor: grabbing;
     }
@@ -54554,7 +54679,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 */;
         }
@@ -54709,9 +54834,12 @@ 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 */;
+    }
+    checkChartChanged(cmd) {
+        return deepEquals(this.getChartDefinition(cmd.id), cmd.definition)
+            ? "NoChanges" /* CommandResult.NoChanges */
+            : "Success" /* CommandResult.Success */;
     }
 }
 
@@ -57030,6 +57158,7 @@ class SheetPlugin extends CorePlugin {
         "getCommandZones",
         "getUnboundedZone",
         "checkElementsIncludeAllNonFrozenHeaders",
+        "getDuplicateSheetName",
     ];
     sheetIdsMapName = {};
     orderedSheetIds = [];
@@ -57054,7 +57183,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 {
@@ -57131,7 +57264,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]);
@@ -57338,10 +57471,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 {
@@ -57587,9 +57717,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;
@@ -57622,8 +57751,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;
@@ -59094,6 +59222,15 @@ function adaptPivotRange(range, applyChange) {
     }
 }
 class SpreadsheetPivotCorePlugin extends CorePlugin {
+    allowDispatch(cmd) {
+        switch (cmd.type) {
+            case "ADD_PIVOT":
+            case "UPDATE_PIVOT":
+                const definition = cmd.pivot;
+                return this.checkDataSetValidity(definition);
+        }
+        return "Success" /* CommandResult.Success */;
+    }
     adaptRanges(applyChange) {
         for (const pivotId of this.getters.getPivotIds()) {
             const definition = this.getters.getPivotCoreDefinition(pivotId);
@@ -59112,6 +59249,16 @@ class SpreadsheetPivotCorePlugin extends CorePlugin {
             }
         }
     }
+    checkDataSetValidity(definition) {
+        if (definition.type === "SPREADSHEET" && definition.dataSet) {
+            const { zone, sheetId } = definition.dataSet;
+            if (!sheetId || !this.getters.tryGetSheet(sheetId) || !zone || !isZoneValid(zone)) {
+                return "InvalidDataSet" /* CommandResult.InvalidDataSet */;
+            }
+            return this.getters.checkZonesExistInSheet(sheetId, [zone]);
+        }
+        return "Success" /* CommandResult.Success */;
+    }
 }
 
 class TableStylePlugin extends CorePlugin {
@@ -60399,8 +60546,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;
@@ -61902,7 +62049,7 @@ class DynamicTablesPlugin extends CoreViewPlugin {
     tables = {};
     handle(cmd) {
         if (invalidateEvaluationCommands.has(cmd.type) ||
-            (cmd.type === "UPDATE_CELL" && "content" in cmd) ||
+            (cmd.type === "UPDATE_CELL" && ("content" in cmd || "format" in cmd)) ||
             cmd.type === "EVALUATE_CELLS") {
             this.tables = {};
             return;
@@ -65774,7 +65921,7 @@ class TableComputedStylePlugin extends UIPlugin {
     tableStyles = {};
     handle(cmd) {
         if (invalidateEvaluationCommands.has(cmd.type) ||
-            (cmd.type === "UPDATE_CELL" && "content" in cmd) ||
+            (cmd.type === "UPDATE_CELL" && ("content" in cmd || "format" in cmd)) ||
             cmd.type === "EVALUATE_CELLS") {
             this.tableStyles = {};
             return;
@@ -67735,6 +67882,8 @@ class GridSelectionPlugin extends UIPlugin {
             });
             this.selectCell(col, row);
         }
+        const { col, row } = this.gridSelection.anchor.cell;
+        this.moveClient({ sheetId: this.activeSheet.id, col, row });
     }
     /**
      * Ensure selections are not outside sheet boundaries.
@@ -68450,8 +68599,11 @@ class SheetViewPlugin extends UIPlugin {
             case "REMOVE_TABLE":
             case "UPDATE_TABLE":
             case "UPDATE_FILTER":
-                this.sheetsWithDirtyViewports.add(cmd.sheetId);
-                break;
+            case "UNFREEZE_ROWS":
+            case "UNFREEZE_COLUMNS":
+            case "FREEZE_COLUMNS":
+            case "FREEZE_ROWS":
+            case "UNFREEZE_COLUMNS_ROWS":
             case "REMOVE_COLUMNS_ROWS":
             case "RESIZE_COLUMNS_ROWS":
             case "HIDE_COLUMNS_ROWS":
@@ -68464,11 +68616,9 @@ class SheetViewPlugin extends UIPlugin {
             case "FOLD_HEADER_GROUPS_IN_ZONE":
             case "UNFOLD_HEADER_GROUPS_IN_ZONE":
             case "UNFOLD_ALL_HEADER_GROUPS":
-            case "FOLD_ALL_HEADER_GROUPS": {
-                const sheetId = "sheetId" in cmd ? cmd.sheetId : this.getters.getActiveSheetId();
-                this.sheetsWithDirtyViewports.add(sheetId);
+            case "FOLD_ALL_HEADER_GROUPS":
+                this.sheetsWithDirtyViewports.add(cmd.sheetId);
                 break;
-            }
             case "UPDATE_CELL":
                 // update cell content or format can change hidden rows because of data filters
                 if ("content" in cmd || "format" in cmd || cmd.style?.fontSize !== undefined) {
@@ -68484,13 +68634,6 @@ class SheetViewPlugin extends UIPlugin {
             case "ACTIVATE_SHEET":
                 this.sheetsWithDirtyViewports.add(cmd.sheetIdTo);
                 break;
-            case "UNFREEZE_ROWS":
-            case "UNFREEZE_COLUMNS":
-            case "FREEZE_COLUMNS":
-            case "FREEZE_ROWS":
-            case "UNFREEZE_COLUMNS_ROWS":
-                this.resetViewports(this.getters.getActiveSheetId());
-                break;
             case "SCROLL_TO_CELL":
                 this.refreshViewport(this.getters.getActiveSheetId(), { col: cmd.col, row: cmd.row });
                 break;
@@ -69658,7 +69801,7 @@ class AggregateStatisticsStore extends SpreadsheetStore {
     }
     handle(cmd) {
         if (invalidateEvaluationCommands.has(cmd.type) ||
-            (cmd.type === "UPDATE_CELL" && "content" in cmd)) {
+            (cmd.type === "UPDATE_CELL" && ("content" in cmd || "format" in cmd))) {
             this.isDirty = true;
         }
         switch (cmd.type) {
@@ -71709,11 +71852,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();
@@ -76195,6 +76340,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, invalidateDependenciesCommands, invalidateEvaluationCommands, iterateAstNodes, links, load, parse, parseTokens, readonlyAllowedCommands, registries, setDefaultSheetViewSize, setTranslationMethod, stores, tokenColors, tokenize };
 
 
-__info__.version = "18.2.9";
-__info__.date = "2025-04-25T08:06:52.677Z";
-__info__.hash = "3e88645";
+__info__.version = "18.2.11";
+__info__.date = "2025-05-12T05:25:59.138Z";
+__info__.hash = "eb87dca";