@odoo/o-spreadsheet 18.2.9 → 18.2.10

package/dist/o-spreadsheet.cjs.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.10
+ * @date 2025-05-02T12:34:39.632Z
+ * @hash e8ff3fc
  */
 
 'use strict';
@@ -3771,6 +3771,7 @@ exports.CommandResult = void 0;
     CommandResult["ValueCellIsInvalidFormula"] = "ValueCellIsInvalidFormula";
     CommandResult["InvalidDefinition"] = "InvalidDefinition";
     CommandResult["InvalidColor"] = "InvalidColor";
+    CommandResult["InvalidPivotDataSet"] = "InvalidPivotDataSet";
 })(exports.CommandResult || (exports.CommandResult = {}));
 
 const DEFAULT_LOCALES = [
@@ -10173,7 +10174,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++) {
@@ -10216,7 +10217,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++) {
@@ -10341,6 +10342,7 @@ class ChartJsComponent extends owl.Component {
     canvas = owl.useRef("graphContainer");
     chart;
     currentRuntime;
+    currentDevicePixelRatio = window.devicePixelRatio;
     get background() {
         return this.chartRuntime.background;
     }
@@ -10374,6 +10376,10 @@ class ChartJsComponent extends owl.Component {
                 }
                 this.currentRuntime = runtime;
             }
+            else if (this.currentDevicePixelRatio !== window.devicePixelRatio) {
+                this.currentDevicePixelRatio = window.devicePixelRatio;
+                this.updateChartJs(deepCopy(this.currentRuntime.chartJsConfig));
+            }
         });
     }
     createChart(chartData) {
@@ -10629,9 +10635,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) {
@@ -10994,7 +11002,7 @@ class ScorecardChart extends owl.Component {
         owl.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() {
@@ -22583,9 +22591,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);
@@ -22920,7 +22930,7 @@ class GaugeChartComponent extends owl.Component {
         owl.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];
         });
     }
 }
@@ -29583,7 +29593,7 @@ function getBarChartScales(definition, args) {
         };
         scales[MOVING_AVERAGE_TREND_LINE_XAXIS_ID] = {
             ...scales.x,
-            offset: false,
+            offset: true,
             display: false,
         };
     }
@@ -30303,9 +30313,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);
@@ -31020,9 +31027,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);
@@ -31159,9 +31163,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);
@@ -33660,18 +33661,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;
+        }
+    };
     owl.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);
             }
         },
     };
@@ -38452,8 +38463,11 @@ class SelectionInput extends owl.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;
@@ -50853,7 +50867,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 {
@@ -51046,9 +51060,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;
     }
@@ -59096,6 +59109,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);
@@ -59114,6 +59136,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 {
@@ -61904,7 +61936,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;
@@ -65776,7 +65808,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;
@@ -67737,6 +67769,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.
@@ -68452,8 +68486,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":
@@ -68466,11 +68503,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) {
@@ -68486,13 +68521,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;
@@ -69660,7 +69688,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) {
@@ -76242,6 +76270,6 @@ exports.tokenColors = tokenColors;
 exports.tokenize = tokenize;
 
 
-__info__.version = "18.2.9";
-__info__.date = "2025-04-25T08:06:52.677Z";
-__info__.hash = "3e88645";
+__info__.version = "18.2.10";
+__info__.date = "2025-05-02T12:34:39.632Z";
+__info__.hash = "e8ff3fc";

package/dist/o-spreadsheet.d.ts

@@ -3150,7 +3150,8 @@ declare const enum CommandResult {
     EmptyName = "EmptyName",
     ValueCellIsInvalidFormula = "ValueCellIsInvalidFormula",
     InvalidDefinition = "InvalidDefinition",
-    InvalidColor = "InvalidColor"
+    InvalidColor = "InvalidColor",
+    InvalidPivotDataSet = "InvalidPivotDataSet"
 }
 interface CommandHandler<T> {
     allowDispatch(command: T): CommandResult | CommandResult[];
@@ -8686,6 +8687,7 @@ declare class ChartJsComponent extends Component<Props$O, SpreadsheetChildEnv> {
     private canvas;
     private chart?;
     private currentRuntime;
+    private currentDevicePixelRatio;
     get background(): string;
     get canvasStyle(): string;
     get chartRuntime(): ChartJSRuntime;

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.10
+ * @date 2025-05-02T12:34:39.632Z
+ * @hash e8ff3fc
  */
 
 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 = [
@@ -10171,7 +10172,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 +10215,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++) {
@@ -10339,6 +10340,7 @@ class ChartJsComponent extends Component {
     canvas = useRef("graphContainer");
     chart;
     currentRuntime;
+    currentDevicePixelRatio = window.devicePixelRatio;
     get background() {
         return this.chartRuntime.background;
     }
@@ -10372,6 +10374,10 @@ 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) {
@@ -10627,9 +10633,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 +11000,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() {
@@ -22581,9 +22589,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 +22928,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];
         });
     }
 }
@@ -29581,7 +29591,7 @@ function getBarChartScales(definition, args) {
         };
         scales[MOVING_AVERAGE_TREND_LINE_XAXIS_ID] = {
             ...scales.x,
-            offset: false,
+            offset: true,
             display: false,
         };
     }
@@ -30301,9 +30311,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 +31025,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 +31161,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);
@@ -33658,18 +33659,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 +38461,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;
@@ -50851,7 +50865,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 +51058,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;
     }
@@ -59094,6 +59107,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 +59134,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 {
@@ -61902,7 +61934,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 +65806,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 +67767,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 +68484,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 +68501,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 +68519,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 +69686,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) {
@@ -76195,6 +76223,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.10";
+__info__.date = "2025-05-02T12:34:39.632Z";
+__info__.hash = "e8ff3fc";