@odoo/o-spreadsheet 17.3.0-alpha.0 → 17.3.0-alpha.2

package/dist/o-spreadsheet.esm.js

@@ -3,9 +3,9 @@
 /**
  * This file is generated by o-spreadsheet build tools. Do not edit it.
  * @see https://github.com/odoo/o-spreadsheet
- * @version 17.3.0-alpha.0
- * @date 2024-03-20T13:42:32.042Z
- * @hash 073e154
+ * @version 17.3.0-alpha.2
+ * @date 2024-04-05T14:01:07.060Z
+ * @hash 8c5a229
  */
 
 import { reactive, useEnv, useSubEnv, useState, onWillUnmount, markRaw, toRaw, Component, useRef, onMounted, useEffect, onPatched, useComponent, onWillPatch, onWillUpdateProps, useExternalListener, onWillStart, xml, useChildSubEnv } from '@odoo/owl';
@@ -29,7 +29,6 @@ const DEFAULT_COLOR_SCALE_MIDPOINT_COLOR = 0xb6d7a8;
 const LINK_COLOR = "#017E84";
 const FILTERS_COLOR = "#188038";
 const BACKGROUND_HEADER_FILTER_COLOR = "#E6F4EA";
-const BACKGROUND_HEADER_SELECTED_FILTER_COLOR = "#CEEAD6";
 const SEPARATOR_COLOR = "#E0E2E4";
 const ICONS_COLOR = "#4A4F59";
 const HEADER_GROUPING_BACKGROUND_COLOR = "#F5F5F5";
@@ -465,7 +464,7 @@ function getItemId(item, itemsDic) {
     }
     // Generate new Id if the item didn't exist in the dictionary
     const ids = Object.keys(itemsDic);
-    const maxId = ids.length === 0 ? 0 : Math.max(...ids.map((id) => parseInt(id, 10)));
+    const maxId = ids.length === 0 ? 0 : largeMax(ids.map((id) => parseInt(id, 10)));
     itemsDic[maxId + 1] = item;
     return maxId + 1;
 }
@@ -483,7 +482,7 @@ function debounce(func, wait, immediate) {
     let timeout = undefined;
     const debounced = function () {
         const context = this;
-        const args = arguments;
+        const args = Array.from(arguments);
         function later() {
             timeout = undefined;
             if (!immediate) {
@@ -685,6 +684,34 @@ function getSearchRegex(searchStr, searchOptions) {
     }
     return RegExp(searchValue, flags);
 }
+/**
+ * Alternative to Math.max that works with large arrays.
+ * Typically useful for arrays bigger than 100k elements.
+ */
+function largeMax(array) {
+    let len = array.length;
+    if (len < 100_000)
+        return Math.max(...array);
+    let max = -Infinity;
+    while (len--) {
+        max = array[len] > max ? array[len] : max;
+    }
+    return max;
+}
+/**
+ * Alternative to Math.min that works with large arrays.
+ * Typically useful for arrays bigger than 100k elements.
+ */
+function largeMin(array) {
+    let len = array.length;
+    if (len < 100_000)
+        return Math.min(...array);
+    let min = +Infinity;
+    while (len--) {
+        min = array[len] < min ? array[len] : min;
+    }
+    return min;
+}
 
 const RBA_REGEX = /rgba?\(|\s+|\)/gi;
 const HEX_MATCH = /^#([A-F\d]{2}){3,4}$/;
@@ -2087,6 +2114,7 @@ var CommandResult;
     CommandResult["InvalidCopyPasteSelection"] = "InvalidCopyPasteSelection";
     CommandResult["NoChanges"] = "NoChanges";
     CommandResult["InvalidInputId"] = "InvalidInputId";
+    CommandResult["SheetIsHidden"] = "SheetIsHidden";
 })(CommandResult || (CommandResult = {}));
 
 const PLAIN_TEXT_FORMAT = "@"; // see OpenXML spec §18.8.31
@@ -4202,6 +4230,10 @@ function organizeZone(zone) {
 function positionToZone(position) {
     return { left: position.col, right: position.col, top: position.row, bottom: position.row };
 }
+/** Transform a zone into a zone with only its top-left position */
+function zoneToTopLeft(zone) {
+    return { ...zone, right: zone.left, bottom: zone.top };
+}
 function isFullRow(zone) {
     return zone.right === undefined;
 }
@@ -4241,6 +4273,16 @@ function getZonesRows(zones) {
     }
     return set;
 }
+function unionPositionsToZone(positions) {
+    const zone = { top: Infinity, left: Infinity, bottom: -Infinity, right: -Infinity };
+    for (const { col, row } of positions) {
+        zone.top = Math.min(zone.top, row);
+        zone.left = Math.min(zone.left, col);
+        zone.bottom = Math.max(zone.bottom, row);
+        zone.right = Math.max(zone.right, col);
+    }
+    return zone;
+}
 
 class RangeImpl {
     getSheetSize;
@@ -4544,8 +4586,9 @@ function computeTextLinesHeight(textLineHeight, numberOfLines = 1) {
  * Get the default height of the cell given its style.
  */
 function getDefaultCellHeight(ctx, cell, colSize) {
-    if (!cell || !cell.content)
+    if (!cell || (!cell.isFormula && !cell.content)) {
         return DEFAULT_CELL_HEIGHT;
+    }
     const maxWidth = cell.style?.wrapping === "wrap" ? colSize - 2 * MIN_CELL_TEXT_MARGIN : undefined;
     const numberOfLines = cell.isFormula
         ? 1
@@ -5570,7 +5613,7 @@ class CellClipboardHandler extends AbstractCellClipboardHandler {
                 const spreader = this.getters.getArrayFormulaSpreadingOn(position);
                 let cell = this.getters.getCell(position);
                 const evaluatedCell = this.getters.getEvaluatedCell(position);
-                if (spreader) {
+                if (spreader && !deepEquals(spreader, position)) {
                     const isSpreaderCopied = rowsIndexes.includes(spreader.row) && columnsIndexes.includes(spreader.col);
                     const content = isSpreaderCopied
                         ? ""
@@ -6217,19 +6260,25 @@ class TableClipboardHandler extends AbstractCellClipboardHandler {
                     tableCellsInRow.push({});
                     continue;
                 }
+                const coreTable = this.getters.getCoreTable(position);
+                const tableZone = coreTable?.range.zone;
                 // Copy whole table
-                if (zones.some((z) => isZoneInside(table.range.zone, z))) {
-                    copiedTablesIds.add(table.id);
+                if (coreTable && tableZone && zones.some((z) => isZoneInside(tableZone, z))) {
+                    copiedTablesIds.add(coreTable.id);
                     const values = [];
-                    for (const col of range(table.range.zone.left, table.range.zone.right + 1)) {
-                        values.push(this.getters.getFilterHiddenValues({ sheetId, col, row: table.range.zone.top }));
+                    for (const col of range(tableZone.left, tableZone.right + 1)) {
+                        values.push(this.getters.getFilterHiddenValues({ sheetId, col, row: tableZone.top }));
                     }
                     tableCellsInRow.push({
-                        table: { filtersValues: values, range: table.range, config: table.config },
+                        table: {
+                            range: coreTable.range,
+                            config: coreTable.config,
+                            type: coreTable.type,
+                        },
                     });
                 }
                 // Copy only style of cell
-                else {
+                else if (table) {
                     tableCellsInRow.push({ style: this.getTableStyleToCopy(position) });
                 }
             }
@@ -6300,7 +6349,7 @@ class TableClipboardHandler extends AbstractCellClipboardHandler {
     }
     pasteTableCell(sheetId, tableCell, position, options) {
         if (tableCell.table && !options?.pasteOption) {
-            const { range: tableRange, filtersValues } = tableCell.table;
+            const { range: tableRange } = tableCell.table;
             const zoneDims = zoneToDimension(tableRange.zone);
             const newTableZone = {
                 left: position.col,
@@ -6312,18 +6361,13 @@ class TableClipboardHandler extends AbstractCellClipboardHandler {
                 sheetId: position.sheetId,
                 ranges: [this.getters.getRangeDataFromZone(sheetId, newTableZone)],
                 config: tableCell.table.config,
+                tableType: tableCell.table.type,
             });
-            for (const i of range(0, filtersValues.length)) {
-                this.dispatch("UPDATE_FILTER", {
-                    sheetId: position.sheetId,
-                    col: newTableZone.left + i,
-                    row: newTableZone.top,
-                    hiddenValues: filtersValues[i],
-                });
-            }
         }
         // Do not paste table style if we're inside another table
-        if (!this.getters.getTable(position)) {
+        // We cannot check for dynamic tables, because at this point the paste can have changed the evaluation, and the
+        // dynamic tables are not yet computed
+        if (!this.getters.getCoreTable(position)) {
             if (tableCell.style?.style && options?.pasteOption !== "asValue") {
                 this.dispatch("UPDATE_CELL", { ...position, style: tableCell.style.style });
             }
@@ -6978,10 +7022,17 @@ urlRegistry.add("sheet_URL", {
     },
     open(url, env) {
         const sheetId = parseSheetUrl(url);
-        env.model.dispatch("ACTIVATE_SHEET", {
+        const result = env.model.dispatch("ACTIVATE_SHEET", {
             sheetIdFrom: env.model.getters.getActiveSheetId(),
             sheetIdTo: sheetId,
         });
+        if (result.isCancelledBecause("SheetIsHidden" /* CommandResult.SheetIsHidden */)) {
+            env.notifyUser({
+                type: "warning",
+                sticky: false,
+                text: _t("Cannot open the link because the linked sheet is hidden."),
+            });
+        }
     },
     sequence: 0,
 });
@@ -7097,7 +7148,7 @@ function textCell(value, format, formattedValue) {
 }
 function numberCell(value, format, formattedValue) {
     return {
-        value: value || 0,
+        value: value || 0, // necessary to avoid "-0" and NaN values,
         format,
         formattedValue,
         type: CellValueType.number,
@@ -7425,9 +7476,11 @@ const TableTerms = {
         bandedColumns: _t("Banded columns"),
         automaticAutofill: _t("Automatically autofill formulas"),
         totalRow: _t("Total row"),
+        isDynamic: _t("Auto-adjust to formula result"),
     },
     Tooltips: {
         filterWithoutHeader: _t("Cannot have filters without a header row"),
+        isDynamic: _t("For tables based on array formulas only"),
     },
 };
 
@@ -8003,6 +8056,9 @@ class DependencyContainer {
     instantiate(Store, ...args) {
         return this.factory.build(Store, ...args);
     }
+    resetStores() {
+        this.dependencies.clear();
+    }
 }
 class StoreFactory {
     get;
@@ -9936,11 +9992,11 @@ autoCompleteProviders.add("dataValidation", {
         }
         else {
             const range = this.getters.getRangeFromSheetXC(position.sheetId, rule.criterion.values[0]);
-            values = this.getters
+            values = Array.from(new Set(this.getters
                 .getRangeValues(range)
                 .filter(isNotNull)
                 .map((value) => value.toString())
-                .filter((val) => val !== "");
+                .filter((val) => val !== "")));
         }
         return values.map((value) => ({ text: value }));
     },
@@ -19387,10 +19443,10 @@ function aggregateDataForLabels(labels, datasets) {
         }
     }
     return {
-        labels: Object.keys(labelMap),
+        labels: Array.from(labelSet),
         dataSetsValues: datasets.map((dataset, indexOfDataset) => ({
             ...dataset,
-            data: Object.values(labelMap).map((dataOfLabel) => dataOfLabel[indexOfDataset]),
+            data: Array.from(labelSet).map((label) => labelMap[label][indexOfDataset]),
         })),
     };
 }
@@ -19409,8 +19465,8 @@ function truncateLabel(label) {
 function getDefaultChartJsRuntime(chart, labels, fontColor, { format, locale }) {
     const options = {
         // https://www.chartjs.org/docs/latest/general/responsive.html
-        responsive: true,
-        maintainAspectRatio: false,
+        responsive: true, // will resize when its container is resized
+        maintainAspectRatio: false, // doesn't maintain the aspect ration (width/height =2 by default) so the user has the choice of the exact layout
         layout: {
             padding: { left: 20, right: 20, top: chart.title ? 10 : 25, bottom: 10 },
         },
@@ -19456,7 +19512,7 @@ function getDefaultChartJsRuntime(chart, labels, fontColor, { format, locale })
             labels: labels.map(truncateLabel),
             datasets: [],
         },
-        platform: undefined,
+        platform: undefined, // This key is optional and will be set by chart.js
         plugins: [],
     };
 }
@@ -19733,7 +19789,7 @@ function getBarConfiguration(chart, labels, localeFormat) {
         },
         y: {
             position: chart.verticalAxisPosition,
-            beginAtZero: true,
+            beginAtZero: true, // the origin of the y axis is always zero
             ticks: {
                 color: fontColor,
                 callback: (value) => {
@@ -19784,6 +19840,204 @@ function createBarChartRuntime(chart, getters) {
     return { chartJsConfig: config, background: chart.background || BACKGROUND_CHART_COLOR };
 }
 
+class ComboChart extends AbstractChart {
+    useBothYAxis;
+    dataSets;
+    labelRange;
+    background;
+    verticalAxisPosition;
+    legendPosition;
+    aggregated;
+    dataSetsHaveTitle;
+    type = "combo";
+    constructor(definition, sheetId, getters) {
+        super(definition, sheetId, getters);
+        this.dataSets = createDataSets(getters, definition.dataSets, sheetId, definition.dataSetsHaveTitle);
+        this.labelRange = createRange(getters, sheetId, definition.labelRange);
+        this.background = definition.background;
+        this.verticalAxisPosition = definition.verticalAxisPosition;
+        this.legendPosition = definition.legendPosition;
+        this.aggregated = definition.aggregated;
+        this.dataSetsHaveTitle = definition.dataSetsHaveTitle;
+        this.useBothYAxis = definition.useBothYAxis;
+    }
+    static transformDefinition(definition, executed) {
+        return transformChartDefinitionWithDataSetsWithZone(definition, executed);
+    }
+    static validateChartDefinition(validator, definition) {
+        return validator.checkValidations(definition, checkDataset, checkLabelRange);
+    }
+    getContextCreation() {
+        return {
+            background: this.background,
+            title: this.title,
+            range: this.dataSets.map((ds) => this.getters.getRangeString(ds.dataRange, this.sheetId)),
+            auxiliaryRange: this.labelRange
+                ? this.getters.getRangeString(this.labelRange, this.sheetId)
+                : undefined,
+            aggregated: this.aggregated,
+        };
+    }
+    getDefinition() {
+        return this.getDefinitionWithSpecificDataSets(this.dataSets, this.labelRange);
+    }
+    getDefinitionWithSpecificDataSets(dataSets, labelRange, targetSheetId) {
+        return {
+            type: "combo",
+            dataSetsHaveTitle: dataSets.length ? Boolean(dataSets[0].labelCell) : false,
+            background: this.background,
+            dataSets: dataSets.map((ds) => this.getters.getRangeString(ds.dataRange, targetSheetId || this.sheetId)),
+            legendPosition: this.legendPosition,
+            verticalAxisPosition: this.verticalAxisPosition,
+            labelRange: labelRange
+                ? this.getters.getRangeString(labelRange, targetSheetId || this.sheetId)
+                : undefined,
+            title: this.title,
+            aggregated: this.aggregated,
+            useBothYAxis: this.useBothYAxis,
+        };
+    }
+    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);
+        const labelRange = toExcelLabelRange(this.getters, this.labelRange, shouldRemoveFirstLabel(this.labelRange, this.dataSets[0], this.dataSetsHaveTitle));
+        return {
+            ...this.getDefinition(),
+            backgroundColor: toXlsxHexColor(this.background || BACKGROUND_CHART_COLOR),
+            fontColor: toXlsxHexColor(chartFontColor(this.background)),
+            dataSets,
+            labelRange,
+        };
+    }
+    updateRanges(applyChange) {
+        const { dataSets, labelRange, isStale } = updateChartRangesWithDataSets(this.getters, applyChange, this.dataSets, this.labelRange);
+        if (!isStale) {
+            return this;
+        }
+        const definition = this.getDefinitionWithSpecificDataSets(dataSets, labelRange);
+        return new ComboChart(definition, this.sheetId, this.getters);
+    }
+    static getDefinitionFromContextCreation(context) {
+        return {
+            background: context.background,
+            dataSets: context.range ? context.range : [],
+            dataSetsHaveTitle: false,
+            aggregated: context.aggregated,
+            legendPosition: "top",
+            title: context.title || "",
+            verticalAxisPosition: "left",
+            labelRange: context.auxiliaryRange || undefined,
+            type: "combo",
+            useBothYAxis: false,
+        };
+    }
+    copyForSheetId(sheetId) {
+        const dataSets = copyDataSetsWithNewSheetId(this.sheetId, sheetId, this.dataSets);
+        const labelRange = copyLabelRangeWithNewSheetId(this.sheetId, sheetId, this.labelRange);
+        const definition = this.getDefinitionWithSpecificDataSets(dataSets, labelRange, sheetId);
+        return new ComboChart(definition, sheetId, this.getters);
+    }
+    copyInSheetId(sheetId) {
+        const definition = this.getDefinitionWithSpecificDataSets(this.dataSets, this.labelRange, sheetId);
+        return new ComboChart(definition, sheetId, this.getters);
+    }
+}
+function createComboChartRuntime(chart, getters) {
+    const dataSetFormat = getChartDatasetFormat(getters, chart.dataSets);
+    const locale = getters.getLocale();
+    const labelValues = getChartLabelValues(getters, chart.dataSets, chart.labelRange);
+    let labels = labelValues.formattedValues;
+    let dataSetsValues = getChartDatasetValues(getters, chart.dataSets);
+    if (chart.dataSetsHaveTitle &&
+        dataSetsValues[0] &&
+        labels.length > dataSetsValues[0].data.length) {
+        labels.shift();
+    }
+    ({ labels, dataSetsValues } = filterEmptyDataPoints(labels, dataSetsValues));
+    if (chart.aggregated) {
+        ({ labels, dataSetsValues } = aggregateDataForLabels(labels, dataSetsValues));
+    }
+    const localeFormat = { format: dataSetFormat, locale };
+    const fontColor = chartFontColor(chart.background);
+    const config = getDefaultChartJsRuntime(chart, labels, fontColor, localeFormat);
+    const legend = {
+        labels: { color: fontColor },
+    };
+    if ((!chart.labelRange && chart.dataSets.length === 1) || chart.legendPosition === "none") {
+        legend.display = false;
+    }
+    else {
+        legend.position = chart.legendPosition;
+    }
+    config.options.plugins.legend = { ...config.options.plugins?.legend, ...legend };
+    config.options.layout = {
+        padding: { left: 20, right: 20, top: chart.title ? 10 : 25, bottom: 10 },
+    };
+    config.options.scales = {
+        x: {
+            ticks: {
+                padding: 5,
+                color: fontColor,
+            },
+        },
+    };
+    const verticalAxis = {
+        beginAtZero: true, // the origin of the y axis is always zero
+        ticks: {
+            color: fontColor,
+            callback: (value) => {
+                value = Number(value);
+                if (isNaN(value))
+                    return value;
+                const { locale, format } = localeFormat;
+                return formatValue(value, {
+                    locale,
+                    format: !format && Math.abs(value) >= 1000 ? "#,##" : format,
+                });
+            },
+        },
+    };
+    if (chart.useBothYAxis) {
+        config.options.scales.y = {
+            ...verticalAxis,
+            position: "left",
+        };
+        config.options.scales.y1 = {
+            ...verticalAxis,
+            position: "right",
+            grid: {
+                display: false,
+            },
+        };
+    }
+    else {
+        config.options.scales.y = {
+            ...verticalAxis,
+            position: chart.verticalAxisPosition,
+        };
+    }
+    const colors = new ChartColors();
+    for (let [index, { label, data }] of dataSetsValues.entries()) {
+        const color = colors.next();
+        const dataset = {
+            label,
+            data,
+            borderColor: color,
+            backgroundColor: color,
+            yAxisID: index > 0 && chart.useBothYAxis ? "y1" : "y",
+            type: index === 0 ? "bar" : "line",
+            order: -index,
+        };
+        config.data.datasets.push(dataset);
+    }
+    return { chartJsConfig: config, background: chart.background || BACKGROUND_CHART_COLOR };
+}
+
 function isDataRangeValid(definition) {
     return definition.dataRange && !rangeReference.test(definition.dataRange)
         ? "InvalidGaugeDataRange" /* CommandResult.InvalidGaugeDataRange */
@@ -20122,7 +20376,7 @@ function getBestTimeUnitForScale(labels, format, locale) {
         return undefined;
     }
     const labelsTimestamps = labelDates.map((date) => date.getTime());
-    const period = Math.max(...labelsTimestamps) - Math.min(...labelsTimestamps);
+    const period = largeMax(labelsTimestamps) - largeMin(labelsTimestamps);
     const minUnit = getFormatMinDisplayUnit(format);
     if (UNIT_LENGTH.second >= UNIT_LENGTH[minUnit] && Milliseconds.inSeconds(period) < 180) {
         return "second";
@@ -20254,7 +20508,7 @@ function getLineOrScatterConfiguration(chart, labels, localeFormat) {
         },
         y: {
             position: chart.verticalAxisPosition,
-            beginAtZero: true,
+            beginAtZero: true, // the origin of the y axis is always zero
             ticks: {
                 color: fontColor,
                 callback: (value) => {
@@ -20340,7 +20594,7 @@ function createLineOrScatterChartRuntime(chart, getters) {
         const dataset = {
             label,
             data,
-            tension: 0,
+            tension: 0, // 0 -> render straight lines, which is much faster
             borderColor: color,
             backgroundColor,
             pointBackgroundColor: color,
@@ -20562,7 +20816,7 @@ class PieChart extends AbstractChart {
             ...this.getDefinition(),
             backgroundColor: toXlsxHexColor(this.background || BACKGROUND_CHART_COLOR),
             fontColor: toXlsxHexColor(chartFontColor(this.background)),
-            verticalAxisPosition: "left",
+            verticalAxisPosition: "left", //TODO ExcelChartDefinition should be adapted, but can be done later
             dataSets,
             labelRange,
         };
@@ -20610,7 +20864,7 @@ function getPieConfiguration(chart, labels, localeFormat) {
 }
 function getPieColors(colors, dataSetsValues) {
     const pieColors = [];
-    const maxLength = Math.max(...dataSetsValues.map((ds) => ds.data.length));
+    const maxLength = largeMax(dataSetsValues.map((ds) => ds.data.length));
     for (let i = 0; i <= maxLength; i++) {
         pieColors.push(colors.next());
     }
@@ -20779,7 +21033,7 @@ function createScatterChartRuntime(chart, getters) {
     configOptions.elements = {
         point: {
             radius: 3,
-            hoverRadius: 3,
+            hoverRadius: 3, // chartJS seems bugged, the point starts with the "hoverRadius" value
             hitRadius: 8,
         },
     };
@@ -20819,6 +21073,16 @@ chartRegistry.add("bar", {
     name: _t("Bar"),
     sequence: 10,
 });
+chartRegistry.add("combo", {
+    match: (type) => type === "combo",
+    createChart: (definition, sheetId, getters) => new ComboChart(definition, sheetId, getters),
+    getChartRuntime: createComboChartRuntime,
+    validateChartDefinition: (validator, definition) => ComboChart.validateChartDefinition(validator, definition),
+    transformDefinition: (definition, executed) => ComboChart.transformDefinition(definition, executed),
+    getChartDefinitionFromContextCreation: (context) => ComboChart.getDefinitionFromContextCreation(context),
+    name: _t("Combo"),
+    sequence: 15,
+});
 chartRegistry.add("line", {
     match: (type) => type === "line",
     createChart: (definition, sheetId, getters) => new LineChart(definition, sheetId, getters),
@@ -20872,6 +21136,7 @@ chartRegistry.add("scatter", {
 const chartComponentRegistry = new Registry();
 chartComponentRegistry.add("line", ChartJsComponent);
 chartComponentRegistry.add("bar", ChartJsComponent);
+chartComponentRegistry.add("combo", ChartJsComponent);
 chartComponentRegistry.add("pie", ChartJsComponent);
 chartComponentRegistry.add("gauge", GaugeChartComponent);
 chartComponentRegistry.add("scatter", ChartJsComponent);
@@ -22225,6 +22490,7 @@ class LinkDisplay extends Component {
     }
     edit() {
         const { col, row } = this.props.cellPosition;
+        this.env.model.selection.selectCell(col, row);
         this.cellPopovers.open({ col, row }, "LinkEditor");
     }
     unlink() {
@@ -23129,7 +23395,7 @@ const lightTemplateWithHeader = (colorSet) => ({
         style: { fillColor: colorSet.highlight, textColor: "#FFFFFF" },
         border: { bottom: { color: colorSet.highlight, style: "thin" } },
     },
-    totalRow: { border: { top: { color: colorSet.highlight, style: "medium" } } },
+    totalRow: { border: { top: { color: colorSet.highlight, style: "medium" } } }, // @compatibility: should be double line
     firstRowStripe: { border: { bottom: { color: colorSet.highlight, style: "thin" } } },
     secondRowStripe: { border: { bottom: { color: colorSet.highlight, style: "thin" } } },
 });
@@ -23147,7 +23413,7 @@ const lightTemplateAllBorders = (colorSet) => ({
         },
     },
     headerRow: { border: { bottom: { color: colorSet.highlight, style: "medium" } } },
-    totalRow: { border: { top: { color: colorSet.highlight, style: "medium" } } },
+    totalRow: { border: { top: { color: colorSet.highlight, style: "medium" } } }, // @compatibility: should be double line
     firstRowStripe: { style: { fillColor: colorSet.light } },
     firstColumnStripe: { style: { fillColor: colorSet.light } },
 });
@@ -23166,7 +23432,7 @@ const mediumTemplateBandedBorders = (colorSet) => ({
     headerRow: {
         style: { fillColor: colorSet.highlight, textColor: "#FFFFFF" },
     },
-    totalRow: { border: { top: { color: colorSet.highlight, style: "medium" } } },
+    totalRow: { border: { top: { color: colorSet.highlight, style: "medium" } } }, // @compatibility: should be double line
     firstRowStripe: { style: { fillColor: colorSet.light } },
     firstColumnStripe: { style: { fillColor: colorSet.light } },
 });
@@ -23202,7 +23468,7 @@ const mediumTemplateMinimalBorders = (colorSet) => ({
             bottom: { color: "#000000", style: "medium" },
         },
     },
-    totalRow: { border: { top: { color: "#000000", style: "medium" } } },
+    totalRow: { border: { top: { color: "#000000", style: "medium" } } }, // @compatibility: should be double line
     headerRow: {
         style: { fillColor: colorSet.highlight, textColor: "#FFFFFF" },
         border: { bottom: { color: "#000000", style: "medium" } },
@@ -23226,7 +23492,7 @@ const mediumTemplateAllBorders = (colorSet) => ({
         },
         style: { fillColor: colorSet.light },
     },
-    totalRow: { border: { top: { color: colorSet.highlight, style: "medium" } } },
+    totalRow: { border: { top: { color: colorSet.highlight, style: "medium" } } }, // @compatibility: should be double line
     firstRowStripe: { style: { fillColor: colorSet.medium } },
     firstColumnStripe: { style: { fillColor: colorSet.medium } },
 });
@@ -23257,7 +23523,7 @@ const darkTemplateNoBorders = (colorSet) => ({
     category: "dark",
     colorName: colorSet.name,
     wholeTable: { style: { fillColor: colorSet.light } },
-    totalRow: { border: { top: { color: "#000000", style: "medium" } } },
+    totalRow: { border: { top: { color: "#000000", style: "medium" } } }, // @compatibility: should be double line
     headerRow: { style: { fillColor: colorSet.highlight, textColor: "#FFFFFF" } },
     firstRowStripe: { style: { fillColor: colorSet.medium } },
     firstColumnStripe: { style: { fillColor: colorSet.medium } },
@@ -23341,13 +23607,20 @@ const TABLE_PRESETS = {
  * If a single cell is selected, expand the selection to non-empty adjacent cells to create a table.
  */
 function interactiveCreateTable(env, sheetId, tableConfig) {
-    const selection = env.model.getters.getSelectedZones();
-    if (selection.length === 1 && getZoneArea(selection[0]) === 1) {
+    let target = env.model.getters.getSelectedZones();
+    let isDynamic = env.model.getters.canCreateDynamicTableOnZones(sheetId, target);
+    if (target.length === 1 && !isDynamic && getZoneArea(target[0]) === 1) {
         env.model.selection.selectTableAroundSelection();
+        target = env.model.getters.getSelectedZones();
+        isDynamic = env.model.getters.canCreateDynamicTableOnZones(sheetId, target);
     }
-    const target = env.model.getters.getSelectedZones();
     const ranges = target.map((zone) => env.model.getters.getRangeDataFromZone(sheetId, zone));
-    const result = env.model.dispatch("CREATE_TABLE", { ranges, sheetId, config: tableConfig });
+    const result = env.model.dispatch("CREATE_TABLE", {
+        ranges,
+        sheetId,
+        config: tableConfig,
+        tableType: isDynamic ? "dynamic" : "static",
+    });
     if (result.isCancelledBecause("TableOverlap" /* CommandResult.TableOverlap */)) {
         env.raiseError(TableTerms.Errors.TableOverlap);
     }
@@ -23415,8 +23688,8 @@ const DELETE_CONTENT_ROWS_NAME = (env) => {
     let last;
     const activesRows = env.model.getters.getActiveRows();
     if (activesRows.size !== 0) {
-        first = Math.min(...activesRows);
-        last = Math.max(...activesRows);
+        first = largeMin([...activesRows]);
+        last = largeMax([...activesRows]);
     }
     else {
         const zone = env.model.getters.getSelectedZones()[0];
@@ -23444,8 +23717,8 @@ const DELETE_CONTENT_COLUMNS_NAME = (env) => {
     let last;
     const activeCols = env.model.getters.getActiveCols();
     if (activeCols.size !== 0) {
-        first = Math.min(...activeCols);
-        last = Math.max(...activeCols);
+        first = largeMin([...activeCols]);
+        last = largeMax([...activeCols]);
     }
     else {
         const zone = env.model.getters.getSelectedZones()[0];
@@ -23473,8 +23746,8 @@ const REMOVE_ROWS_NAME = (env) => {
     let last;
     const activesRows = env.model.getters.getActiveRows();
     if (activesRows.size !== 0) {
-        first = Math.min(...activesRows);
-        last = Math.max(...activesRows);
+        first = largeMin([...activesRows]);
+        last = largeMax([...activesRows]);
     }
     else {
         const zone = env.model.getters.getSelectedZones()[0];
@@ -23515,8 +23788,8 @@ const REMOVE_COLUMNS_NAME = (env) => {
     let last;
     const activeCols = env.model.getters.getActiveCols();
     if (activeCols.size !== 0) {
-        first = Math.min(...activeCols);
-        last = Math.max(...activeCols);
+        first = largeMin([...activeCols]);
+        last = largeMax([...activeCols]);
     }
     else {
         const zone = env.model.getters.getSelectedZones()[0];
@@ -23557,7 +23830,7 @@ const INSERT_ROWS_BEFORE_ACTION = (env) => {
     let row;
     let quantity;
     if (activeRows.size) {
-        row = Math.min(...activeRows);
+        row = largeMin([...activeRows]);
         quantity = activeRows.size;
     }
     else {
@@ -23578,7 +23851,7 @@ const INSERT_ROWS_AFTER_ACTION = (env) => {
     let row;
     let quantity;
     if (activeRows.size) {
-        row = Math.max(...activeRows);
+        row = largeMax([...activeRows]);
         quantity = activeRows.size;
     }
     else {
@@ -23599,7 +23872,7 @@ const INSERT_COLUMNS_BEFORE_ACTION = (env) => {
     let column;
     let quantity;
     if (activeCols.size) {
-        column = Math.min(...activeCols);
+        column = largeMin([...activeCols]);
         quantity = activeCols.size;
     }
     else {
@@ -23620,7 +23893,7 @@ const INSERT_COLUMNS_AFTER_ACTION = (env) => {
     let column;
     let quantity;
     if (activeCols.size) {
-        column = Math.max(...activeCols);
+        column = largeMax([...activeCols]);
         quantity = activeCols.size;
     }
     else {
@@ -23795,9 +24068,13 @@ const INSERT_TABLE = (env) => {
 };
 const DELETE_SELECTED_TABLE = (env) => {
     const position = env.model.getters.getActivePosition();
+    const table = env.model.getters.getTable(position);
+    if (!table) {
+        return;
+    }
     env.model.dispatch("REMOVE_TABLE", {
         sheetId: position.sheetId,
-        target: [positionToZone(position)],
+        target: [table.range.zone],
     });
 };
 //------------------------------------------------------------------------------
@@ -24213,14 +24490,19 @@ const categorieFunctionAll = {
     children: [allFunctionListMenuBuilder],
 };
 function allFunctionListMenuBuilder() {
-    const fnNames = functionRegistry.getKeys();
+    const fnNames = functionRegistry.getKeys().filter((key) => !functionRegistry.get(key).hidden);
     return createFormulaFunctions(fnNames);
 }
 const categoriesFunctionListMenuBuilder = () => {
     const functions = functionRegistry.content;
-    const categories = [...new Set(functionRegistry.getAll().map((fn) => fn.category))].filter(isDefined$1);
+    const categories = [
+        ...new Set(functionRegistry
+            .getAll()
+            .filter((fn) => !fn.hidden)
+            .map((fn) => fn.category)),
+    ].filter(isDefined$1);
     return categories.sort().map((category, i) => {
-        const functionsInCategory = Object.keys(functions).filter((key) => functions[key].category === category);
+        const functionsInCategory = Object.keys(functions).filter((key) => functions[key].category === category && !functions[key].hidden);
         return {
             name: category,
             children: createFormulaFunctions(functionsInCategory),
@@ -27217,6 +27499,22 @@ class BarChartDesignPanel extends LineBarPieDesignPanel {
     static template = "o-spreadsheet-BarChartDesignPanel";
 }
 
+class ComboChartConfigPanel extends LineBarPieConfigPanel {
+    static template = "o-spreadsheet-ComboChartConfigPanel";
+    get shouldUseRightAxis() {
+        return _t("Use right axis for line series");
+    }
+    onUpdateUseRightAxis(useBothYAxis) {
+        this.props.updateChart(this.props.figureId, {
+            useBothYAxis,
+        });
+    }
+}
+
+class ComboChartDesignPanel extends LineBarPieDesignPanel {
+    static template = "o-spreadsheet-ComboChartDesignPanel";
+}
+
 class GaugeChartConfigPanel extends Component {
     static template = "o-spreadsheet-GaugeChartConfigPanel";
     static components = { ChartErrorSection, ChartDataSeries };
@@ -27574,6 +27872,10 @@ chartSidePanelComponentRegistry
     .add("bar", {
     configuration: BarConfigPanel,
     design: BarChartDesignPanel,
+})
+    .add("combo", {
+    configuration: ComboChartConfigPanel,
+    design: ComboChartDesignPanel,
 })
     .add("pie", {
     configuration: LineBarPieConfigPanel,
@@ -28378,11 +28680,9 @@ css /* scss */ `
     }
     .o-cell-is-operator {
       margin-bottom: 5px;
-      width: 96%;
     }
     .o-cell-is-value {
       margin-bottom: 5px;
-      width: 96%;
     }
     .o-color-picker-widget .o-color-picker-button {
       pointer-events: all;
@@ -30216,7 +30516,11 @@ class SplitIntoColumnsPanel extends Component {
         const composerStore = useStore(ComposerStore);
         // The feature makes no sense if we are editing a cell, because then the selection isn't active
         // Stop the edition when the panel is mounted, and close the panel if the user start editing a cell
-        useEffect(this.props.onCloseSidePanel, () => [composerStore.editionMode]);
+        useEffect((editionMode) => {
+            if (editionMode !== "inactive") {
+                this.props.onCloseSidePanel();
+            }
+        }, () => [composerStore.editionMode]);
         onMounted(() => {
             composerStore.stopEdition();
         });
@@ -30302,6 +30606,24 @@ function getTableContentZone(tableZone, tableConfig) {
     const contentZone = { ...tableZone, top: tableZone.top + numberOfHeaders };
     return contentZone.top <= contentZone.bottom ? contentZone : undefined;
 }
+function getTableTopLeft(table) {
+    const range = table.range;
+    return { row: range.zone.top, col: range.zone.left, sheetId: range.sheetId };
+}
+function createFilter(id, range, config, createRange) {
+    const zone = range.zone;
+    if (zone.left !== zone.right) {
+        throw new Error("Can only define a filter on a single column");
+    }
+    const filteredZone = { ...zone, top: zone.top + config.numberOfHeaders };
+    const filteredRange = createRange(range.sheetId, filteredZone);
+    return {
+        id,
+        rangeWithHeaders: range,
+        col: zone.left,
+        filteredRange: filteredZone.top > filteredZone.bottom ? undefined : filteredRange,
+    };
+}
 function getComputedTableStyle(tableConfig, numberOfCols, numberOfRows) {
     return {
         borders: getAllTableBorders(tableConfig, numberOfCols, numberOfRows),
@@ -30739,6 +31061,11 @@ css /* scss */ `
       color: #ffffff;
       background: #d94b4b;
     }
+
+    .o-info-icon {
+      width: 14px;
+      height: 14px;
+    }
   }
 `;
 class TablePanel extends Component {
@@ -30770,6 +31097,29 @@ class TablePanel extends Component {
         const numberOfHeaders = hasHeaders ? 1 : 0;
         this.updateNumberOfHeaders(numberOfHeaders);
     }
+    updateTableIsDynamic(isDynamic) {
+        const newTableType = isDynamic ? "dynamic" : "forceStatic";
+        if (newTableType === this.props.table.type) {
+            return;
+        }
+        const uiTable = this.env.model.getters.getTable(getTableTopLeft(this.props.table));
+        if (!uiTable) {
+            return;
+        }
+        const sheetId = this.env.model.getters.getActiveSheetId();
+        const result = this.env.model.dispatch("UPDATE_TABLE", {
+            sheetId,
+            zone: this.props.table.range.zone,
+            newTableRange: uiTable.range.rangeData,
+            tableType: newTableType,
+        });
+        const updatedTable = this.env.model.getters.getCoreTable(getTableTopLeft(this.props.table));
+        if (result.isSuccessful && updatedTable) {
+            const newTableRange = updatedTable.range;
+            this.state.tableXc = this.env.model.getters.getRangeString(newTableRange, sheetId);
+            this.state.tableZoneErrors = [];
+        }
+    }
     onChangeNumberOfHeaders(ev) {
         const input = ev.target;
         const numberOfHeaders = parseInt(input.value);
@@ -30793,35 +31143,59 @@ class TablePanel extends Component {
         }
         const sheetId = this.env.model.getters.getActiveSheetId();
         this.state.tableXc = ranges[0];
+        const newTableRange = this.env.model.getters.getRangeFromSheetXC(sheetId, this.state.tableXc);
         this.state.tableZoneErrors = this.env.model.canDispatch("UPDATE_TABLE", {
             sheetId,
             zone: this.props.table.range.zone,
             newTableRange: this.env.model.getters.getRangeDataFromXc(sheetId, this.state.tableXc),
+            tableType: this.getNewTableType(newTableRange.zone),
         }).reasons;
     }
     onRangeConfirmed() {
         const sheetId = this.env.model.getters.getActiveSheetId();
-        const newRange = this.env.model.getters.getRangeFromSheetXC(sheetId, this.state.tableXc);
+        let newRange = this.env.model.getters.getRangeFromSheetXC(sheetId, this.state.tableXc);
+        if (getZoneArea(newRange.zone) === 1) {
+            const extendedZone = this.env.model.getters.getContiguousZone(sheetId, newRange.zone);
+            newRange = this.env.model.getters.getRangeFromZone(sheetId, extendedZone);
+        }
         const result = this.env.model.dispatch("UPDATE_TABLE", {
             sheetId,
             zone: this.props.table.range.zone,
             newTableRange: newRange.rangeData,
+            tableType: this.getNewTableType(newRange.zone),
         });
-        if (result.isSuccessful) {
-            const position = { col: newRange.zone.left, row: newRange.zone.top };
+        const position = { sheetId, col: newRange.zone.left, row: newRange.zone.top };
+        const updatedTable = this.env.model.getters.getCoreTable(position);
+        if (result.isSuccessful && updatedTable) {
+            const newTopLeft = getTableTopLeft(updatedTable);
             this.env.model.selection.selectZone({
-                zone: positionToZone(position),
-                cell: position,
+                zone: positionToZone(newTopLeft),
+                cell: newTopLeft,
             });
+            const newTableRange = updatedTable.range;
+            this.state.tableXc = this.env.model.getters.getRangeString(newTableRange, sheetId);
+        }
+        else {
+            const oldTableRange = this.props.table.range;
+            this.state.tableXc = this.env.model.getters.getRangeString(oldTableRange, sheetId);
         }
         this.state.tableZoneErrors = [];
-        this.state.tableXc = result.isSuccessful
-            ? this.state.tableXc
-            : this.env.model.getters.getRangeString(this.props.table.range, sheetId);
     }
     deleteTable() {
         const sheetId = this.env.model.getters.getActiveSheetId();
-        this.env.model.dispatch("REMOVE_TABLE", { sheetId, target: [this.props.table.range.zone] });
+        this.env.model.dispatch("REMOVE_TABLE", {
+            sheetId,
+            target: [this.props.table.range.zone],
+        });
+    }
+    getNewTableType(newTableZone) {
+        if (this.props.table.type === "forceStatic") {
+            return "forceStatic";
+        }
+        const sheetId = this.env.model.getters.getActiveSheetId();
+        return this.env.model.getters.canCreateDynamicTableOnZones(sheetId, [newTableZone])
+            ? "dynamic"
+            : "static";
     }
     get tableConfig() {
         return this.props.table.config;
@@ -30839,6 +31213,14 @@ class TablePanel extends Component {
     get hasFilterCheckboxTooltip() {
         return this.canHaveFilters ? undefined : TableTerms.Tooltips.filterWithoutHeader;
     }
+    get canBeDynamic() {
+        const sheetId = this.env.model.getters.getActiveSheetId();
+        return (this.props.table.type === "dynamic" ||
+            this.env.model.getters.canCreateDynamicTableOnZones(sheetId, [this.props.table.range.zone]));
+    }
+    get dynamicTableTooltip() {
+        return TableTerms.Tooltips.isDynamic;
+    }
 }
 
 const sidePanelRegistry = new Registry();
@@ -30901,11 +31283,8 @@ sidePanelRegistry.add("TableSidePanel", {
         if (!table) {
             return { isOpen: false };
         }
-        return {
-            isOpen: true,
-            props: { table },
-            key: table.id,
-        };
+        const coreTable = getters.getCoreTable(getTableTopLeft(table));
+        return { isOpen: true, props: { table: coreTable }, key: table.id };
     },
 });
 
@@ -31084,6 +31463,9 @@ class FigureComponent extends Component {
                 el?.focus({ preventScroll: true });
             }
         }, () => [this.env.model.getters.getSelectedFigureId(), this.props.figure.id, this.figureRef.el]);
+        onWillUnmount(() => {
+            this.props.onFigureDeleted();
+        });
     }
     clickAnchor(dirX, dirY, ev) {
         this.props.onClickAnchor(dirX, dirY, ev);
@@ -31102,6 +31484,7 @@ class FigureComponent extends Component {
                 this.props.onFigureDeleted();
                 ev.stopPropagation();
                 ev.preventDefault();
+                ev.stopPropagation();
                 break;
             case "ArrowDown":
             case "ArrowLeft":
@@ -31122,6 +31505,7 @@ class FigureComponent extends Component {
                 });
                 ev.stopPropagation();
                 ev.preventDefault();
+                ev.stopPropagation();
                 break;
         }
     }
@@ -31789,6 +32173,7 @@ function compareContentToSpanElement(content, node) {
 // -----------------------------------------------------------------------------
 css /* scss */ `
   .o-formula-assistant {
+    background: #ffffff;
     .o-formula-assistant-head {
       background-color: #f2f2f2;
       padding: 10px;
@@ -31844,6 +32229,9 @@ class FunctionDescriptionProvider extends Component {
             this.assistantState.allowCellSelectionBehind = false;
         }, 2000);
     }
+    get formulaArgSeparator() {
+        return this.env.model.getters.getLocale().formulaArgSeparator + " ";
+    }
 }
 
 const functions$2 = functionRegistry.content;
@@ -32003,6 +32391,12 @@ class Composer extends Component {
         useEffect(() => {
             this.processContent();
         });
+        onPatched(() => {
+            // Required because typing '=SUM' and double-clicking another cell leaves ShowProvider/ShowDescription true
+            if (this.composerStore.editionMode === "inactive") {
+                this.processTokenAtCursor();
+            }
+        });
     }
     // ---------------------------------------------------------------------------
     // Handlers
@@ -32741,8 +33135,7 @@ class FilterIconsOverlay extends Component {
     };
     getFilterHeadersPositions() {
         const sheetId = this.env.model.getters.getActiveSheetId();
-        const headerPositions = this.env.model.getters.getFilterHeaders(sheetId);
-        return headerPositions.map((position) => ({ sheetId, ...position }));
+        return this.env.model.getters.getFilterHeaders(sheetId);
     }
 }
 
@@ -33983,11 +34376,6 @@ css /* scss */ `
       height: 10000px;
       background-color: ${SELECTION_BORDER_COLOR};
     }
-    .o-unhide-buttons {
-      width: fit-content;
-      gap: 5px;
-      transform: translate(-50%, 0);
-    }
     .o-unhide:hover {
       z-index: ${ComponentsImportance.Grid + 1};
       background-color: lightgrey;
@@ -34149,10 +34537,6 @@ css /* scss */ `
       height: 1px;
       background-color: ${SELECTION_BORDER_COLOR};
     }
-    .o-unhide-buttons {
-      height: fit-content;
-      transform: translate(0, -50%);
-    }
     .o-unhide:hover {
       z-index: ${ComponentsImportance.Grid + 1};
       background-color: lightgrey;
@@ -34613,19 +34997,16 @@ class GridRenderer {
         for (let col = left; col <= right; col++) {
             const colZone = { left: col, right: col, top: 0, bottom: numberOfRows - 1 };
             const { x, width } = this.getters.getVisibleRect(colZone);
-            const colHasFilter = this.getters.doesZonesContainFilter(sheetId, [colZone]);
             const isColActive = activeCols.has(col);
             const isColSelected = selectedCols.has(col);
             if (isColActive) {
-                ctx.fillStyle = colHasFilter ? FILTERS_COLOR : BACKGROUND_HEADER_ACTIVE_COLOR;
+                ctx.fillStyle = BACKGROUND_HEADER_ACTIVE_COLOR;
             }
             else if (isColSelected) {
-                ctx.fillStyle = colHasFilter
-                    ? BACKGROUND_HEADER_SELECTED_FILTER_COLOR
-                    : BACKGROUND_HEADER_SELECTED_COLOR;
+                ctx.fillStyle = BACKGROUND_HEADER_SELECTED_COLOR;
             }
             else {
-                ctx.fillStyle = colHasFilter ? BACKGROUND_HEADER_FILTER_COLOR : BACKGROUND_HEADER_COLOR;
+                ctx.fillStyle = BACKGROUND_HEADER_COLOR;
             }
             ctx.fillRect(x, 0, width, HEADER_HEIGHT);
         }
@@ -34633,19 +35014,16 @@ class GridRenderer {
         for (let row = top; row <= bottom; row++) {
             const rowZone = { top: row, bottom: row, left: 0, right: numberOfCols - 1 };
             const { y, height } = this.getters.getVisibleRect(rowZone);
-            const rowHasFilter = this.getters.doesZonesContainFilter(sheetId, [rowZone]);
             const isRowActive = activeRows.has(row);
             const isRowSelected = selectedRows.has(row);
             if (isRowActive) {
-                ctx.fillStyle = rowHasFilter ? FILTERS_COLOR : BACKGROUND_HEADER_ACTIVE_COLOR;
+                ctx.fillStyle = BACKGROUND_HEADER_ACTIVE_COLOR;
             }
             else if (isRowSelected) {
-                ctx.fillStyle = rowHasFilter
-                    ? BACKGROUND_HEADER_SELECTED_FILTER_COLOR
-                    : BACKGROUND_HEADER_SELECTED_COLOR;
+                ctx.fillStyle = BACKGROUND_HEADER_SELECTED_COLOR;
             }
             else {
-                ctx.fillStyle = rowHasFilter ? BACKGROUND_HEADER_FILTER_COLOR : BACKGROUND_HEADER_COLOR;
+                ctx.fillStyle = BACKGROUND_HEADER_COLOR;
             }
             ctx.fillRect(0, y, HEADER_WIDTH, height);
         }
@@ -35366,7 +35744,7 @@ class VerticalScrollBar extends Component {
     onScroll(offset) {
         const { scrollX } = this.env.model.getters.getActiveSheetDOMScrollInfo();
         this.env.model.dispatch("SET_VIEWPORT_OFFSET", {
-            offsetX: scrollX,
+            offsetX: scrollX, // offsetX is the same
             offsetY: offset,
         });
     }
@@ -35654,8 +36032,8 @@ class Grid extends Component {
         "Ctrl+Shift+L": () => this.setHorizontalAlign("left"),
         "Ctrl+Shift+R": () => this.setHorizontalAlign("right"),
         "Ctrl+Shift+V": () => PASTE_AS_VALUE_ACTION(this.env),
-        "Ctrl+Shift+<": () => this.clearFormatting(),
-        "Ctrl+<": () => this.clearFormatting(),
+        "Ctrl+Shift+<": () => this.clearFormatting(), // for qwerty
+        "Ctrl+<": () => this.clearFormatting(), // for azerty
         "Ctrl+Shift+ ": () => {
             this.env.model.selection.selectAll();
         },
@@ -36091,6 +36469,7 @@ const XLSX_CHART_TYPES = [
     "surfaceChart",
     "surface3DChart",
     "bubbleChart",
+    "comboChart",
 ];
 
 /** In XLSX color format (no #)  */
@@ -36422,10 +36801,10 @@ function convertCFCellIsOperator(xlsxCfOperator) {
 const CF_TYPE_CONVERSION_MAP = {
     aboveAverage: undefined,
     expression: undefined,
-    cellIs: undefined,
-    colorScale: undefined,
+    cellIs: undefined, // exist but isn't an operator in o_spreadsheet
+    colorScale: undefined, // exist but isn't an operator in o_spreadsheet
     dataBar: undefined,
-    iconSet: undefined,
+    iconSet: undefined, // exist but isn't an operator in o_spreadsheet
     top10: undefined,
     uniqueValues: undefined,
     duplicateValues: undefined,
@@ -36502,6 +36881,7 @@ const CHART_TYPE_CONVERSION_MAP = {
     surfaceChart: undefined,
     surface3DChart: undefined,
     bubbleChart: undefined,
+    comboChart: "combo",
 };
 /** Conversion map for the SUBTOTAL(index, formula) function in xlsx, index <=> actual function*/
 const SUBTOTAL_FUNCTION_CONVERSION_MAP = {
@@ -36660,7 +37040,7 @@ const XLSX_INDEXED_COLORS = {
     61: "993366",
     62: "333399",
     63: "333333",
-    64: "000000",
+    64: "000000", // system foreground
     65: "FFFFFF", // system background
 };
 const IMAGE_MIMETYPE_TO_EXTENSION_MAPPING = {
@@ -37852,7 +38232,7 @@ function convertHyperlink(link, cellValue, warningManager) {
 function getSheetDims(sheet) {
     const dims = [0, 0];
     for (let row of sheet.rows) {
-        dims[0] = Math.max(dims[0], ...row.cells.map((cell) => toCartesian(cell.xc).col));
+        dims[0] = Math.max(dims[0], largeMax(row.cells.map((cell) => toCartesian(cell.xc).col)));
         dims[1] = Math.max(dims[1], row.index);
     }
     dims[0] = Math.max(dims[0], EXCEL_IMPORT_DEFAULT_NUMBER_OF_COLS);
@@ -38718,6 +39098,9 @@ class XlsxChartExtractor extends XlsxBaseExtractor {
             if (!CHART_TYPE_CONVERSION_MAP[chartType]) {
                 throw new Error(`Unsupported chart type ${chartType}`);
             }
+            if (CHART_TYPE_CONVERSION_MAP[chartType] === "combo") {
+                return this.extractComboChart(rootChartElement);
+            }
             // Title can be separated into multiple xml elements (for styling and such), we only import the text
             const chartTitle = this.mapOnElements({ parent: rootChartElement, query: "c:title a:t" }, (textElement) => {
                 return textElement.textContent || "";
@@ -38746,6 +39129,37 @@ class XlsxChartExtractor extends XlsxBaseExtractor {
             };
         })[0];
     }
+    extractComboChart(chartElement) {
+        // Title can be separated into multiple xml elements (for styling and such), we only import the text
+        const chartTitle = this.mapOnElements({ parent: chartElement, query: "c:title a:t" }, (textElement) => {
+            return textElement.textContent || "";
+        }).join("");
+        const barChartGrouping = this.extractChildAttr(chartElement, "c:grouping", "val", {
+            default: "clustered",
+        }).asString();
+        return {
+            title: chartTitle,
+            type: "combo",
+            dataSets: [
+                ...this.extractChartDatasets(this.querySelector(chartElement, `c:barChart`)),
+                ...this.extractChartDatasets(this.querySelector(chartElement, `c:lineChart`)),
+            ],
+            labelRange: this.extractChildTextContent(chartElement, "c:ser c:cat c:f"),
+            backgroundColor: this.extractChildAttr(chartElement, "c:chartSpace > c:spPr a:srgbClr", "val", {
+                default: "ffffff",
+            }).asString(),
+            verticalAxisPosition: this.extractChildAttr(chartElement, "c:valAx > c:axPos", "val", {
+                default: "l",
+            }).asString() === "r"
+                ? "right"
+                : "left",
+            legendPosition: DRAWING_LEGEND_POSITION_CONVERSION_MAP[this.extractChildAttr(chartElement, "c:legendPos", "val", {
+                default: "b",
+            }).asString()],
+            stacked: barChartGrouping === "stacked",
+            fontColor: "000000",
+        };
+    }
     extractChartDatasets(chartElement) {
         return this.mapOnElements({ parent: chartElement, query: "c:ser" }, (chartDataElement) => {
             return {
@@ -38763,12 +39177,21 @@ class XlsxChartExtractor extends XlsxBaseExtractor {
         if (!plotAreaElement) {
             throw new Error("Missing plot area in the chart definition.");
         }
+        let globalTag = undefined;
         for (let child of plotAreaElement.children) {
             const tag = removeTagEscapedNamespaces(child.tagName);
             if (XLSX_CHART_TYPES.some((chartType) => chartType === tag)) {
-                return tag;
+                if (!globalTag) {
+                    globalTag = tag;
+                }
+                else if (globalTag !== tag) {
+                    globalTag = "comboChart";
+                }
             }
         }
+        if (globalTag) {
+            return globalTag;
+        }
         throw new Error("Unknown chart type");
     }
 }
@@ -42359,6 +42782,9 @@ class DataValidationPlugin extends CorePlugin {
         if (newRule.criterion.type === "isBoolean") {
             this.setCenterStyleToBooleanCells(newRule);
         }
+        else if (newRule.criterion.type === "isValueInList") {
+            newRule.criterion.values = Array.from(new Set(newRule.criterion.values));
+        }
         const adaptedRules = this.removeRangesFromRules(sheetId, newRule.ranges, rules);
         const ruleIndex = adaptedRules.findIndex((rule) => rule.id === newRule.id);
         if (ruleIndex !== -1) {
@@ -42755,7 +43181,7 @@ class HeaderVisibilityPlugin extends CorePlugin {
                 if (hiddenElements.size >= elements) {
                     return "TooManyHiddenElements" /* CommandResult.TooManyHiddenElements */;
                 }
-                else if (Math.min(...cmd.elements) < 0 || Math.max(...cmd.elements) > elements) {
+                else if (largeMin(cmd.elements) < 0 || largeMax(cmd.elements) > elements) {
                     return "InvalidHeaderIndex" /* CommandResult.InvalidHeaderIndex */;
                 }
                 else {
@@ -43084,7 +43510,6 @@ class MergePlugin extends CorePlugin {
         "isInSameMerge",
         "isMergeHidden",
         "getMainCellPosition",
-        "getBottomLeftCell",
         "expandZone",
         "doesIntersectMerge",
         "doesColumnsHaveCommonMerges",
@@ -43266,13 +43691,6 @@ class MergePlugin extends CorePlugin {
         const mergeTopLeftPos = this.getMerge(position).topLeft;
         return { sheetId: position.sheetId, col: mergeTopLeftPos.col, row: mergeTopLeftPos.row };
     }
-    getBottomLeftCell(position) {
-        if (!this.isInMerge(position)) {
-            return position;
-        }
-        const { bottom, left } = this.getMerge(position);
-        return { sheetId: position.sheetId, col: left, row: bottom };
-    }
     isMergeHidden(sheetId, merge) {
         const hiddenColsGroups = this.getters.getHiddenColsGroups(sheetId);
         const hiddenRowsGroups = this.getters.getHiddenRowsGroups(sheetId);
@@ -43573,8 +43991,8 @@ class RangeAdapter {
                     let newRange = range;
                     let changeType = "NONE";
                     for (let group of groups) {
-                        const min = Math.min(...group);
-                        const max = Math.max(...group);
+                        const min = largeMin(group);
+                        const max = largeMax(group);
                         if (range.zone[start] <= min && min <= range.zone[end]) {
                             const toRemove = Math.min(range.zone[end], max) - min + 1;
                             changeType = "RESIZE";
@@ -43956,7 +44374,6 @@ class SheetPlugin extends CorePlugin {
         "getSheetIds",
         "getVisibleSheetIds",
         "isSheetVisible",
-        "getEvaluationSheets",
         "doesHeaderExist",
         "doesHeadersExist",
         "getCell",
@@ -44023,8 +44440,8 @@ class SheetPlugin extends CorePlugin {
                 }
                 return "Success" /* CommandResult.Success */;
             case "REMOVE_COLUMNS_ROWS": {
-                const min = Math.min(...cmd.elements);
-                const max = Math.max(...cmd.elements);
+                const min = largeMin(cmd.elements);
+                const max = largeMax(cmd.elements);
                 if (min < 0 || !this.doesHeaderExist(cmd.sheetId, cmd.dimension, max)) {
                     return "InvalidHeaderIndex" /* CommandResult.InvalidHeaderIndex */;
                 }
@@ -44215,9 +44632,6 @@ class SheetPlugin extends CorePlugin {
     getVisibleSheetIds() {
         return this.orderedSheetIds.filter(this.isSheetVisible.bind(this));
     }
-    getEvaluationSheets() {
-        return this.sheets;
-    }
     doesHeaderExist(sheetId, dimension, index) {
         return dimension === "COL"
             ? index >= 0 && index < this.getNumberCols(sheetId)
@@ -44226,13 +44640,6 @@ class SheetPlugin extends CorePlugin {
     doesHeadersExist(sheetId, dimension, headerIndexes) {
         return headerIndexes.every((index) => this.doesHeaderExist(sheetId, dimension, index));
     }
-    getRow(sheetId, index) {
-        const row = this.getSheet(sheetId).rows[index];
-        if (!row) {
-            throw new Error(`Row ${row} not found.`);
-        }
-        return row;
-    }
     getCell({ sheetId, col, row }) {
         const sheet = this.tryGetSheet(sheetId);
         const cellId = sheet?.rows[row]?.cells[col];
@@ -44817,23 +45224,12 @@ class SheetPlugin extends CorePlugin {
 }
 
 class TablePlugin extends CorePlugin {
-    static getters = [
-        "doesZonesContainFilter",
-        "getFilter",
-        "getFilters",
-        "getTable",
-        "getTables",
-        "getTablesInZone",
-        "getTablesOverlappingZones",
-        "getFilterId",
-        "getFilterHeaders",
-        "isFilterHeader",
-    ];
+    static getters = ["getCoreTable", "getCoreTables"];
     tables = {};
     adaptRanges(applyChange, sheetId) {
         const sheetIds = sheetId ? [sheetId] : this.getters.getSheetIds();
         for (const sheetId of sheetIds) {
-            for (const table of this.getTables(sheetId)) {
+            for (const table of this.getCoreTables(sheetId)) {
                 this.applyRangeChangeOnTable(sheetId, table, applyChange);
             }
         }
@@ -44849,15 +45245,16 @@ class TablePlugin extends CorePlugin {
                     ? "TableOverlap" /* CommandResult.TableOverlap */
                     : "Success" /* CommandResult.Success */, (cmd) => this.checkTableConfigUpdateIsValid(cmd.config));
             case "UPDATE_TABLE":
-                const updatedTable = this.getTables(cmd.sheetId).find((table) => deepEquals(table.range.zone, cmd.zone));
+                const updatedTable = this.getTableFromZone(cmd.sheetId, cmd.zone);
                 if (!updatedTable) {
                     return "TableNotFound" /* CommandResult.TableNotFound */;
                 }
                 return this.checkValidations(cmd, this.checkUpdatedTableZoneIsValid, (cmd) => this.checkTableConfigUpdateIsValid(cmd.config));
             case "ADD_MERGE":
-                for (const merge of cmd.target) {
-                    for (const table of this.getTables(cmd.sheetId)) {
-                        if (overlap(table.range.zone, merge)) {
+                for (const table of this.getCoreTables(cmd.sheetId)) {
+                    const tableZone = table.range.zone;
+                    for (const merge of cmd.target) {
+                        if (overlap(tableZone, merge)) {
                             return "MergeInTable" /* CommandResult.MergeInTable */;
                         }
                     }
@@ -44879,8 +45276,11 @@ class TablePlugin extends CorePlugin {
             }
             case "DUPLICATE_SHEET": {
                 const newTables = {};
-                for (const table of this.getTables(cmd.sheetId)) {
-                    newTables[table.id] = this.copyTableForSheet(cmd.sheetIdTo, table);
+                for (const table of this.getCoreTables(cmd.sheetId)) {
+                    newTables[table.id] =
+                        table.type === "dynamic"
+                            ? this.copyDynamicTableForSheet(cmd.sheetIdTo, table)
+                            : this.copyStaticTableForSheet(cmd.sheetIdTo, table);
                 }
                 this.history.update("tables", cmd.sheetIdTo, newTables);
                 break;
@@ -44891,14 +45291,17 @@ class TablePlugin extends CorePlugin {
                 const mergesInTarget = this.getters.getMergesInZone(cmd.sheetId, union.zone);
                 this.dispatch("REMOVE_MERGE", { sheetId: cmd.sheetId, target: mergesInTarget });
                 const id = this.uuidGenerator.uuidv4();
-                const newTable = this.createTable(id, union, cmd.config || DEFAULT_TABLE_CONFIG);
+                const config = cmd.config || DEFAULT_TABLE_CONFIG;
+                const newTable = cmd.tableType === "dynamic"
+                    ? this.createDynamicTable(id, union, config)
+                    : this.createStaticTable(id, cmd.tableType, union, config);
                 this.history.update("tables", cmd.sheetId, newTable.id, newTable);
                 break;
             }
             case "REMOVE_TABLE": {
                 const tables = {};
-                for (const table of this.getTables(cmd.sheetId)) {
-                    if (cmd.target.every((zone) => !intersection(zone, table.range.zone))) {
+                for (const table of this.getCoreTables(cmd.sheetId)) {
+                    if (cmd.target.every((zone) => !intersection(table.range.zone, zone))) {
                         tables[table.id] = table;
                     }
                 }
@@ -44906,23 +45309,15 @@ class TablePlugin extends CorePlugin {
                 break;
             }
             case "UPDATE_TABLE": {
-                const table = this.getTables(cmd.sheetId).find((table) => deepEquals(table.range.zone, cmd.zone));
-                if (table) {
-                    const newTableRange = cmd.newTableRange
-                        ? this.getters.getRangeFromRangeData(cmd.newTableRange)
-                        : undefined;
-                    if (newTableRange) {
-                        const mergesInTarget = this.getters.getMergesInZone(cmd.sheetId, newTableRange.zone);
-                        this.dispatch("REMOVE_MERGE", { sheetId: cmd.sheetId, target: mergesInTarget });
-                    }
-                    const newTable = this.updateTable(table, newTableRange, cmd.config);
-                    this.history.update("tables", cmd.sheetId, table.id, newTable);
-                }
+                this.updateTable(cmd);
                 break;
             }
             case "UPDATE_CELL": {
                 const sheetId = cmd.sheetId;
-                for (const table of this.getTables(sheetId)) {
+                for (const table of this.getCoreTables(sheetId)) {
+                    if (table.type === "dynamic") {
+                        continue;
+                    }
                     const direction = this.canUpdateCellCmdExtendTable(cmd, table);
                     if (direction === "down") {
                         this.extendTableDown(sheetId, table);
@@ -44946,66 +45341,24 @@ class TablePlugin extends CorePlugin {
             }
         }
     }
-    getFilters(sheetId) {
-        return this.getTables(sheetId)
-            .filter((table) => table.config.hasFilters)
-            .map((table) => table.filters)
-            .flat();
-    }
-    getTables(sheetId) {
+    getCoreTables(sheetId) {
         return this.tables[sheetId] ? Object.values(this.tables[sheetId]).filter(isDefined$1) : [];
     }
-    getFilter(position) {
-        const table = this.getTable(position);
-        if (!table || !table.config.hasFilters) {
-            return undefined;
-        }
-        return table.filters.find((filter) => filter.col === position.col);
-    }
-    getFilterId(position) {
-        return this.getFilter(position)?.id;
-    }
-    getTable({ sheetId, col, row }) {
-        return this.getTables(sheetId).find((table) => isInside(col, row, table.range.zone));
-    }
-    /** Get the filter tables that are fully inside the given zone */
-    getTablesInZone(sheetId, zone) {
-        return this.getTables(sheetId).filter((table) => isZoneInside(table.range.zone, zone));
+    getCoreTable({ sheetId, col, row }) {
+        return this.getCoreTables(sheetId).find((table) => isInside(col, row, table.range.zone));
     }
     getTablesOverlappingZones(sheetId, zones) {
-        return this.getTables(sheetId).filter((table) => zones.some((zone) => overlap(table.range.zone, zone)));
-    }
-    doesZonesContainFilter(sheetId, zones) {
-        return (this.getTablesOverlappingZones(sheetId, zones).filter((table) => table.config.hasFilters)
-            .length > 0);
-    }
-    getFilterHeaders(sheetId) {
-        const headers = [];
-        for (const table of this.getTables(sheetId)) {
-            if (!table.config.hasFilters) {
-                continue;
-            }
-            const zone = table.range.zone;
-            const row = zone.top;
-            for (let col = zone.left; col <= zone.right; col++) {
-                headers.push({ col, row });
-            }
-        }
-        return headers;
-    }
-    isFilterHeader({ sheetId, col, row }) {
-        const headers = this.getFilterHeaders(sheetId);
-        return headers.some((header) => header.col === col && header.row === row);
+        return this.getCoreTables(sheetId).filter((table) => zones.some((zone) => overlap(table.range.zone, zone)));
     }
     /** Extend a table down one row */
     extendTableDown(sheetId, table) {
         const newRange = this.getters.extendRange(table.range, "ROW", 1);
-        this.history.update("tables", sheetId, table.id, this.updateTable(table, newRange));
+        this.history.update("tables", sheetId, table.id, this.updateStaticTable(table, newRange));
     }
     /** Extend a table right one col */
     extendTableRight(sheetId, table) {
         const newRange = this.getters.extendRange(table.range, "COL", 1);
-        this.history.update("tables", sheetId, table.id, this.updateTable(table, newRange));
+        this.history.update("tables", sheetId, table.id, this.updateStaticTable(table, newRange));
     }
     /**
      * Check if an UpdateCell command should cause the given table to be extended by one row or col.
@@ -45042,12 +45395,22 @@ class TablePlugin extends CorePlugin {
             const cellContent = this.getters.getCell(cellPosition)?.content;
             if (cellContent ||
                 this.getters.isInMerge(cellPosition) ||
-                this.getters.getTable(cellPosition)) {
+                this.getTablesOverlappingZones(sheetId, [positionToZone(position)]).length) {
                 return "none";
             }
         }
         return direction;
     }
+    getTableFromZone(sheetId, zone) {
+        for (const table of this.getCoreTables(sheetId)) {
+            const tableZone = table.range.zone;
+            // Only check top left to match dynamic tables
+            if (tableZone.left === zone.left && tableZone.top === zone.top) {
+                return table;
+            }
+        }
+        return undefined;
+    }
     checkUpdatedTableZoneIsValid(cmd) {
         if (!cmd.newTableRange) {
             return "Success" /* CommandResult.Success */;
@@ -45057,7 +45420,11 @@ class TablePlugin extends CorePlugin {
         if (zoneIsInSheet !== "Success" /* CommandResult.Success */) {
             return zoneIsInSheet;
         }
-        const overlappingTables = this.getTablesOverlappingZones(cmd.sheetId, [newTableZone]).filter((table) => !deepEquals(table.range.zone, cmd.zone));
+        const updatedTable = this.getTableFromZone(cmd.sheetId, cmd.zone);
+        if (!updatedTable) {
+            return "TableNotFound" /* CommandResult.TableNotFound */;
+        }
+        const overlappingTables = this.getTablesOverlappingZones(cmd.sheetId, [newTableZone]).filter((table) => table.id !== updatedTable.id);
         return overlappingTables.length ? "TableOverlap" /* CommandResult.TableOverlap */ : "Success" /* CommandResult.Success */;
     }
     checkTableConfigUpdateIsValid(config) {
@@ -45075,7 +45442,7 @@ class TablePlugin extends CorePlugin {
         }
         return "Success" /* CommandResult.Success */;
     }
-    createTable(id, tableRange, config, filters) {
+    createStaticTable(id, type, tableRange, config, filters) {
         const zone = tableRange.zone;
         if (!filters) {
             filters = [];
@@ -45090,9 +45457,51 @@ class TablePlugin extends CorePlugin {
             range: tableRange,
             filters,
             config,
+            type,
         };
     }
-    updateTable(table, newRange, configUpdate) {
+    createDynamicTable(id, tableRange, config) {
+        const zone = zoneToTopLeft(tableRange.zone);
+        return {
+            id,
+            range: this.getters.getRangeFromZone(tableRange.sheetId, zone),
+            config,
+            type: "dynamic",
+        };
+    }
+    updateTable(cmd) {
+        const table = this.getTableFromZone(cmd.sheetId, cmd.zone);
+        if (!table) {
+            return;
+        }
+        const newTableRange = cmd.newTableRange
+            ? this.getters.getRangeFromRangeData(cmd.newTableRange)
+            : undefined;
+        if (newTableRange) {
+            const mergesInTarget = this.getters.getMergesInZone(cmd.sheetId, newTableRange.zone);
+            this.dispatch("REMOVE_MERGE", { sheetId: cmd.sheetId, target: mergesInTarget });
+        }
+        const range = newTableRange || table.range;
+        const newConfig = this.updateTableConfig(cmd.config, table.config);
+        const newTableType = cmd.tableType ?? table.type;
+        if ((newTableType === "dynamic" && table.type !== "dynamic") ||
+            (newTableType !== "dynamic" && table.type === "dynamic")) {
+            const newTable = newTableType === "dynamic"
+                ? this.createDynamicTable(table.id, range, newConfig)
+                : this.createStaticTable(table.id, newTableType, range, newConfig);
+            this.history.update("tables", cmd.sheetId, table.id, newTable);
+        }
+        else {
+            const updatedTable = table.type === "dynamic"
+                ? this.updateDynamicTable(table, range, newConfig)
+                : this.updateStaticTable(table, range, newConfig, newTableType);
+            this.history.update("tables", cmd.sheetId, table.id, updatedTable);
+        }
+    }
+    updateStaticTable(table, newRange, configUpdate, newTableType = table.type) {
+        if (newTableType === "dynamic") {
+            throw new Error("Cannot use updateStaticTable to update a dynamic table");
+        }
         const tableRange = newRange ? newRange : table.range;
         const tableZone = tableRange.zone;
         const newConfig = this.updateTableConfig(configUpdate, table.config);
@@ -45113,8 +45522,16 @@ class TablePlugin extends CorePlugin {
             range: tableRange,
             config,
             filters: filters.length ? filters : table.filters,
+            type: newTableType,
         };
     }
+    updateDynamicTable(table, newRange, newConfig) {
+        const range = newRange
+            ? this.getters.getRangeFromZone(newRange.sheetId, zoneToTopLeft(newRange.zone))
+            : table.range;
+        const config = newConfig ? newConfig : table.config;
+        return { ...table, range, config };
+    }
     /**
      * Update the old config of a table with the new partial config from an UpdateTable command.
      *
@@ -45136,35 +45553,29 @@ class TablePlugin extends CorePlugin {
     }
     createFilterFromZone(id, sheetId, zone, config) {
         const range = this.getters.getRangeFromZone(sheetId, zone);
-        return this.createFilter(id, range, config);
-    }
-    createFilter(id, range, config) {
-        const zone = range.zone;
-        if (zone.left !== zone.right) {
-            throw new Error("Can only define a filter on a single column");
-        }
-        const contentZone = getTableContentZone(zone, config);
-        const filteredRange = contentZone
-            ? this.getters.getRangeFromZone(range.sheetId, contentZone)
-            : undefined;
-        return {
-            id,
-            rangeWithHeaders: range,
-            col: zone.left,
-            filteredRange,
-        };
+        return createFilter(id, range, config, this.getters.getRangeFromZone);
     }
-    copyTableForSheet(sheetId, table) {
+    copyStaticTableForSheet(sheetId, table) {
         const newRange = this.getters.getRangeFromZone(sheetId, table.range.zone);
         const newFilters = table.filters.map((filter) => {
             const newFilterRange = this.getters.getRangeFromZone(sheetId, filter.rangeWithHeaders.zone);
-            return this.createFilter(filter.id, newFilterRange, table.config);
+            return createFilter(filter.id, newFilterRange, table.config, this.getters.getRangeFromZone);
         });
         return {
             id: table.id,
             range: newRange,
             filters: newFilters,
             config: deepCopy(table.config),
+            type: table.type,
+        };
+    }
+    copyDynamicTableForSheet(sheetId, table) {
+        const newRange = this.getters.getRangeFromZone(sheetId, table.range.zone);
+        return {
+            id: table.id,
+            range: newRange,
+            config: deepCopy(table.config),
+            type: "dynamic",
         };
     }
     applyRangeChangeOnTable(sheetId, table, applyChange) {
@@ -45179,6 +45590,11 @@ class TablePlugin extends CorePlugin {
             default:
                 newTableRange = tableRangeChange.range;
         }
+        if (table.type === "dynamic") {
+            const newTable = this.updateDynamicTable(table, newTableRange);
+            this.history.update("tables", sheetId, table.id, newTable);
+            return;
+        }
         const filters = [];
         for (const filter of table.filters) {
             const filterRangeChange = applyChange(filter.rangeWithHeaders);
@@ -45190,7 +45606,7 @@ class TablePlugin extends CorePlugin {
                     break;
                 default:
                     const newFilterRange = filterRangeChange.range;
-                    const newFilter = this.createFilter(filter.id, newFilterRange, table.config);
+                    const newFilter = createFilter(filter.id, newFilterRange, table.config, this.getters.getRangeFromZone);
                     filters.push(newFilter);
             }
         }
@@ -45205,7 +45621,7 @@ class TablePlugin extends CorePlugin {
             }
             filters.sort((f1, f2) => f1.col - f2.col);
         }
-        const newTable = this.createTable(table.id, newTableRange, table.config, filters);
+        const newTable = this.createStaticTable(table.id, table.type, newTableRange, table.config, filters);
         this.history.update("tables", sheetId, table.id, newTable);
     }
     // ---------------------------------------------------------------------------
@@ -45216,16 +45632,20 @@ class TablePlugin extends CorePlugin {
             for (const tableData of sheet.tables || []) {
                 const uuid = this.uuidGenerator.uuidv4();
                 const tableConfig = tableData.config || DEFAULT_TABLE_CONFIG;
-                const tableRange = this.getters.getRangeFromSheetXC(sheet.id, tableData.range);
-                const table = this.createTable(uuid, tableRange, tableConfig);
+                const range = this.getters.getRangeFromSheetXC(sheet.id, tableData.range);
+                const tableType = tableData.type || "static";
+                const table = tableType === "dynamic"
+                    ? this.createDynamicTable(uuid, range, tableConfig)
+                    : this.createStaticTable(uuid, tableType, range, tableConfig);
                 this.history.update("tables", sheet.id, table.id, table);
             }
         }
     }
     export(data) {
         for (const sheet of data.sheets) {
-            for (const table of this.getTables(sheet.id)) {
-                const tableData = { range: zoneToXc(table.range.zone) };
+            for (const table of this.getCoreTables(sheet.id)) {
+                const range = zoneToXc(table.range.zone);
+                const tableData = { range, type: table.type };
                 if (!deepEquals(table.config, DEFAULT_TABLE_CONFIG)) {
                     tableData.config = table.config;
                 }
@@ -45788,12 +46208,6 @@ class CompilationParametersBuilder {
                 : _t("Function %s expects its parameters to be single values or single cell references, not ranges.", functionName.toString()));
         }
         const position = { sheetId: range.sheetId, col: range.zone.left, row: range.zone.top };
-        return this.readCell(position);
-    }
-    readCell(position) {
-        if (!this.getters.tryGetSheet(position.sheetId)) {
-            throw new EvaluationError(_t("Invalid sheet name"));
-        }
         return this.computeCell(position);
     }
     /**
@@ -45829,7 +46243,7 @@ class CompilationParametersBuilder {
             matrix[colIndex] = new Array(height);
             for (let row = _zone.top; row <= _zone.bottom; row++) {
                 const rowIndex = row - _zone.top;
-                matrix[colIndex][rowIndex] = this.readCell({ sheetId, col, row });
+                matrix[colIndex][rowIndex] = this.computeCell({ sheetId, col, row });
             }
         }
         this.rangeCache[cacheKey] = matrix;
@@ -46937,18 +47351,22 @@ class Evaluator {
     getEvaluatedCell(position) {
         return this.evaluatedCells.get(position) || EMPTY_CELL;
     }
-    getSpreadPositionsOf(position) {
+    getSpreadZone(position) {
         if (!this.spreadingRelations.isArrayFormula(position)) {
-            return [];
+            return undefined;
         }
-        return Array.from(this.spreadingRelations.getArrayResultPositions(position));
+        if (this.evaluatedCells.get(position)?.type === CellValueType.error) {
+            return positionToZone(position);
+        }
+        const spreadPositions = Array.from(this.spreadingRelations.getArrayResultPositions(position));
+        return union(positionToZone(position), unionPositionsToZone(spreadPositions));
     }
     getEvaluatedPositions() {
         return this.evaluatedCells.keys();
     }
     getArrayFormulaSpreadingOn(position) {
         if (!this.spreadingRelations.hasArrayFormulaResult(position)) {
-            return undefined;
+            return this.spreadingRelations.isArrayFormula(position) ? position : undefined;
         }
         const arrayFormulas = this.spreadingRelations.getFormulaPositionsSpreadingOn(position);
         return Array.from(arrayFormulas).find((position) => !this.blockedArrayFormulas.has(position));
@@ -47077,6 +47495,7 @@ class Evaluator {
         if (!this.blockedArrayFormulas.has(position)) {
             this.invalidateSpreading(position);
         }
+        this.spreadingRelations.removeNode(position);
         const cell = this.getters.getCell(position);
         if (cell === undefined) {
             return EMPTY_CELL;
@@ -47187,7 +47606,6 @@ class Evaluator {
             this.nextPositionsToUpdate.addMany(this.getCellsDependingOn([child]));
             this.nextPositionsToUpdate.addMany(this.getArrayFormulasBlockedByOrSpreadingOn(child));
         }
-        this.spreadingRelations.removeNode(position);
     }
     // ----------------------------------------------------------
     //                 COMMON FUNCTIONALITY
@@ -47346,7 +47764,7 @@ class EvaluationPlugin extends UIPlugin {
         "getEvaluatedCell",
         "getEvaluatedCells",
         "getEvaluatedCellsInZone",
-        "getSpreadPositionsOf",
+        "getSpreadZone",
         "getArrayFormulaSpreadingOn",
         "isEmpty",
     ];
@@ -47452,8 +47870,11 @@ class EvaluationPlugin extends UIPlugin {
     getEvaluatedCellsInZone(sheetId, zone) {
         return positions(zone).map(({ col, row }) => this.getters.getEvaluatedCell({ sheetId, col, row }));
     }
-    getSpreadPositionsOf(position) {
-        return this.evaluator.getSpreadPositionsOf(position);
+    /**
+     * Return the spread zone the position is part of, if any
+     */
+    getSpreadZone(position) {
+        return this.evaluator.getSpreadZone(position);
     }
     getArrayFormulaSpreadingOn(position) {
         return this.evaluator.getArrayFormulaSpreadingOn(position);
@@ -47493,7 +47914,7 @@ class EvaluationPlugin extends UIPlugin {
                 ? getItemId(newFormat, data.formats)
                 : exportedCellData.format;
             let content;
-            if (formulaCell instanceof FormulaCellWithDependencies) {
+            if (isFormula && formulaCell instanceof FormulaCellWithDependencies) {
                 content = formulaCell.contentWithFixedReferences;
             }
             else {
@@ -47541,17 +47962,17 @@ function isBadExpression(tokens) {
  */
 function sortWithClusters(colorsToSort) {
     const clusters = [
-        { leadColor: rgba(255, 0, 0), colors: [] },
-        { leadColor: rgba(255, 128, 0), colors: [] },
-        { leadColor: rgba(128, 128, 0), colors: [] },
-        { leadColor: rgba(128, 255, 0), colors: [] },
-        { leadColor: rgba(0, 255, 0), colors: [] },
-        { leadColor: rgba(0, 255, 128), colors: [] },
-        { leadColor: rgba(0, 255, 255), colors: [] },
-        { leadColor: rgba(0, 127, 255), colors: [] },
-        { leadColor: rgba(0, 0, 255), colors: [] },
-        { leadColor: rgba(127, 0, 255), colors: [] },
-        { leadColor: rgba(128, 0, 128), colors: [] },
+        { leadColor: rgba(255, 0, 0), colors: [] }, // red
+        { leadColor: rgba(255, 128, 0), colors: [] }, // orange
+        { leadColor: rgba(128, 128, 0), colors: [] }, // yellow
+        { leadColor: rgba(128, 255, 0), colors: [] }, // chartreuse
+        { leadColor: rgba(0, 255, 0), colors: [] }, // green
+        { leadColor: rgba(0, 255, 128), colors: [] }, // spring green
+        { leadColor: rgba(0, 255, 255), colors: [] }, // cyan
+        { leadColor: rgba(0, 127, 255), colors: [] }, // azure
+        { leadColor: rgba(0, 0, 255), colors: [] }, // blue
+        { leadColor: rgba(127, 0, 255), colors: [] }, // violet
+        { leadColor: rgba(128, 0, 128), colors: [] }, // magenta
         { leadColor: rgba(255, 0, 128), colors: [] }, // rose
     ];
     for (const color of colorsToSort.map(colorToRGBA)) {
@@ -47942,13 +48363,13 @@ class EvaluationConditionalFormatPlugin extends UIPlugin {
             .map((cell) => cell.value);
         switch (threshold.type) {
             case "value":
-                const result = functionName === "max" ? Math.max(...rangeValues) : Math.min(...rangeValues);
+                const result = functionName === "max" ? largeMax(rangeValues) : largeMin(rangeValues);
                 return result;
             case "number":
                 return Number(threshold.value);
             case "percentage":
-                const min = Math.min(...rangeValues);
-                const max = Math.max(...rangeValues);
+                const min = largeMin(rangeValues);
+                const max = largeMax(rangeValues);
                 const delta = max - min;
                 return min + (delta * Number(threshold.value)) / 100;
             case "percentile":
@@ -48285,6 +48706,180 @@ class EvaluationDataValidationPlugin extends UIPlugin {
     }
 }
 
+class DynamicTablesPlugin extends UIPlugin {
+    static getters = [
+        "canCreateDynamicTableOnZones",
+        "doesZonesContainFilter",
+        "getFilter",
+        "getFilters",
+        "getTable",
+        "getTables",
+        "getTablesOverlappingZones",
+        "getFilterId",
+        "getFilterHeaders",
+        "isFilterHeader",
+    ];
+    tables = {};
+    handle(cmd) {
+        if (invalidateEvaluationCommands.has(cmd.type) ||
+            (cmd.type === "UPDATE_CELL" && "content" in cmd) ||
+            cmd.type === "EVALUATE_CELLS") {
+            this.tables = {};
+            return;
+        }
+        switch (cmd.type) {
+            case "CREATE_TABLE":
+            case "REMOVE_TABLE":
+            case "UPDATE_TABLE":
+            case "DELETE_CONTENT":
+                this.tables = {};
+                break;
+        }
+    }
+    finalize() {
+        for (const sheetId of this.getters.getSheetIds()) {
+            if (!this.tables[sheetId]) {
+                this.tables[sheetId] = this.computeTables(sheetId);
+            }
+        }
+    }
+    computeTables(sheetId) {
+        const tables = [];
+        const coreTables = this.getters.getCoreTables(sheetId);
+        // First we create the static tables, so we can use them to compute collision with dynamic tables
+        for (const table of coreTables) {
+            if (table.type === "dynamic")
+                continue;
+            tables.push(table);
+        }
+        const staticTables = [...tables];
+        // Then we create the dynamic tables
+        for (const coreTable of coreTables) {
+            if (coreTable.type !== "dynamic")
+                continue;
+            const table = this.coreTableToTable(sheetId, coreTable);
+            let tableZone = table.range.zone;
+            // Reduce the zone to avoid collision with static tables. Per design, dynamic tables can't overlap with other
+            // dynamic tables, because formulas cannot spread on the same area, so we don't need to check for that.
+            for (const staticTable of staticTables) {
+                if (overlap(tableZone, staticTable.range.zone)) {
+                    tableZone = { ...tableZone, right: staticTable.range.zone.left - 1 };
+                }
+            }
+            tables.push({ ...table, range: this.getters.getRangeFromZone(sheetId, tableZone) });
+        }
+        return tables;
+    }
+    getFilters(sheetId) {
+        return this.getTables(sheetId)
+            .filter((table) => table.config.hasFilters)
+            .map((table) => table.filters)
+            .flat();
+    }
+    getTables(sheetId) {
+        return this.tables[sheetId] || [];
+    }
+    getFilter(position) {
+        const table = this.getTable(position);
+        if (!table || !table.config.hasFilters) {
+            return undefined;
+        }
+        return table.filters.find((filter) => filter.col === position.col);
+    }
+    getFilterId(position) {
+        return this.getFilter(position)?.id;
+    }
+    getTable({ sheetId, col, row }) {
+        return this.getTables(sheetId).find((table) => isInside(col, row, table.range.zone));
+    }
+    getTablesOverlappingZones(sheetId, zones) {
+        return this.getTables(sheetId).filter((table) => zones.some((zone) => overlap(table.range.zone, zone)));
+    }
+    doesZonesContainFilter(sheetId, zones) {
+        return this.getTablesOverlappingZones(sheetId, zones).some((table) => table.config.hasFilters);
+    }
+    getFilterHeaders(sheetId) {
+        const headers = [];
+        for (const table of this.getTables(sheetId)) {
+            if (!table.config.hasFilters) {
+                continue;
+            }
+            const zone = table.range.zone;
+            const row = zone.top;
+            for (let col = zone.left; col <= zone.right; col++) {
+                headers.push({ sheetId, col, row });
+            }
+        }
+        return headers;
+    }
+    isFilterHeader({ sheetId, col, row }) {
+        const headers = this.getFilterHeaders(sheetId);
+        return headers.some((header) => header.col === col && header.row === row);
+    }
+    /**
+     * Check if we can create a dynamic table on the given zones.
+     * - The zones must be continuous
+     * - The union of the zones must be either:
+     *    - A single cell that contains an array formula
+     *    - All the spread cells of a single array formula
+     */
+    canCreateDynamicTableOnZones(sheetId, zones) {
+        if (!areZonesContinuous(zones)) {
+            return false;
+        }
+        const unionZone = union(...zones);
+        const topLeft = { col: unionZone.left, row: unionZone.top, sheetId };
+        const parentSpreadingCell = this.getters.getArrayFormulaSpreadingOn(topLeft);
+        if (!parentSpreadingCell) {
+            return false;
+        }
+        else if (deepEquals(parentSpreadingCell, topLeft) && getZoneArea(unionZone) === 1) {
+            return true;
+        }
+        const zone = this.getters.getSpreadZone(parentSpreadingCell);
+        return deepEquals(unionZone, zone);
+    }
+    coreTableToTable(sheetId, table) {
+        if (table.type !== "dynamic") {
+            return table;
+        }
+        const tableZone = table.range.zone;
+        const tablePosition = { sheetId, col: tableZone.left, row: tableZone.top };
+        const zone = this.getters.getSpreadZone(tablePosition) ?? table.range.zone;
+        const range = this.getters.getRangeFromZone(sheetId, zone);
+        const filters = this.getDynamicTableFilters(sheetId, table, zone);
+        return { id: table.id, range, filters, config: table.config };
+    }
+    getDynamicTableFilters(sheetId, table, tableZone) {
+        const filters = [];
+        const { top, bottom, left, right } = tableZone;
+        for (let col = left; col <= right; col++) {
+            const tableColIndex = col - left;
+            const zone = { left: col, right: col, top, bottom };
+            const filter = createFilter(this.getDynamicTableFilterId(table.id, tableColIndex), this.getters.getRangeFromZone(sheetId, zone), table.config, this.getters.getRangeFromZone);
+            filters.push(filter);
+        }
+        return filters;
+    }
+    getDynamicTableFilterId(tableId, tableCol) {
+        return tableId + "_" + tableCol;
+    }
+    exportForExcel(data) {
+        for (const sheet of data.sheets) {
+            for (const tableData of sheet.tables) {
+                const zone = toZone(tableData.range);
+                const topLeft = { sheetId: sheet.id, col: zone.left, row: zone.top };
+                const coreTable = this.getters.getCoreTable(topLeft);
+                const table = this.getTable(topLeft);
+                if (coreTable?.type !== "dynamic" || !table) {
+                    continue;
+                }
+                tableData.range = zoneToXc(table.range.zone);
+            }
+        }
+    }
+}
+
 class HeaderSizeUIPlugin extends UIPlugin {
     static getters = ["getRowSize", "getHeaderSize"];
     tallestCellInRow = {};
@@ -48700,8 +49295,7 @@ class AutofillPlugin extends UIPlugin {
         let row = zone.bottom;
         if (col > 0) {
             let leftPosition = { sheetId, col: col - 1, row };
-            while (this.getters.getCorrespondingFormulaCell(leftPosition) ||
-                this.getters.getCell(leftPosition)?.content) {
+            while (this.getters.getEvaluatedCell(leftPosition).type !== CellValueType.empty) {
                 row += 1;
                 leftPosition = { sheetId, col: col - 1, row };
             }
@@ -48710,8 +49304,7 @@ class AutofillPlugin extends UIPlugin {
             col = zone.right;
             if (col <= this.getters.getNumberCols(sheetId)) {
                 let rightPosition = { sheetId, col: col + 1, row };
-                while (this.getters.getCorrespondingFormulaCell(rightPosition) ||
-                    this.getters.getCell(rightPosition)?.content) {
+                while (this.getters.getEvaluatedCell(rightPosition).type !== CellValueType.empty) {
                     row += 1;
                     rightPosition = { sheetId, col: col + 1, row };
                 }
@@ -49021,13 +49614,13 @@ class AutomaticSumPlugin extends UIPlugin {
         const cells = this.getters.getEvaluatedCellsInZone(sheet.id, zone);
         const cellPositions = range(end, -1, -1);
         const invalidCells = cellPositions.filter((position) => cells[position] && !cells[position].isAutoSummable);
-        const maxValidPosition = Math.max(...invalidCells);
+        const maxValidPosition = largeMax(invalidCells);
         const numberSequences = groupConsecutive(cellPositions.filter((position) => this.isNumber(cells[position])));
         const firstSequence = numberSequences[0] || [];
-        if (Math.max(...firstSequence) < maxValidPosition) {
+        if (largeMax(firstSequence) < maxValidPosition) {
             return Infinity;
         }
-        return Math.min(...firstSequence);
+        return largeMin(firstSequence);
     }
     shouldFindData(sheetId, zone) {
         return this.getters.isEmpty(sheetId, zone) || this.getters.isSingleCellOrMerge(sheetId, zone);
@@ -50602,8 +51195,6 @@ class SheetUIPlugin extends UIPlugin {
     static getters = [
         "doesCellHaveGridIcon",
         "getCellWidth",
-        "getCellComputedBorder",
-        "getCellComputedStyle",
         "getTextWidth",
         "getCellText",
         "getCellMultiLineText",
@@ -50647,7 +51238,7 @@ class SheetUIPlugin extends UIPlugin {
     // Getters
     // ---------------------------------------------------------------------------
     getCellWidth(position) {
-        const style = this.getCellComputedStyle(position);
+        const style = this.getters.getCellComputedStyle(position);
         let contentWidth = 0;
         const content = this.getters.getEvaluatedCell(position).formattedValue;
         if (content) {
@@ -50740,35 +51331,12 @@ class SheetUIPlugin extends UIPlugin {
      */
     isCellEmpty(position) {
         const mainPosition = this.getters.getMainCellPosition(position);
-        return !(this.getters.getCorrespondingFormulaCell(mainPosition) ||
-            this.getters.getCell(mainPosition)?.content);
-    }
-    getCellComputedBorder(position) {
-        const cellBorder = this.getters.getCellBorder(position) || {};
-        const cellTableBorder = this.getters.getCellTableBorder(position) || {};
-        // Use removeFalsyAttributes to avoid overwriting borders with undefined values
-        const border = { ...cellTableBorder, ...removeFalsyAttributes(cellBorder) };
-        return isObjectEmptyRecursive(border) ? null : border;
-    }
-    getCellComputedStyle(position) {
-        const cell = this.getters.getCell(position);
-        const cfStyle = this.getters.getCellConditionalFormatStyle(position);
-        const tableStyle = this.getters.getCellTableStyle(position);
-        const computedStyle = {
-            ...removeFalsyAttributes(tableStyle),
-            ...removeFalsyAttributes(cell?.style),
-            ...removeFalsyAttributes(cfStyle),
-        };
-        const evaluatedCell = this.getters.getEvaluatedCell(position);
-        if (evaluatedCell.link && !computedStyle.textColor) {
-            computedStyle.textColor = LINK_COLOR;
-        }
-        return computedStyle;
+        return this.getters.getEvaluatedCell(mainPosition).type === CellValueType.empty;
     }
     getColMaxWidth(sheetId, index) {
         const cellsPositions = positions(this.getters.getColsZone(sheetId, index, index));
         const sizes = cellsPositions.map((position) => this.getCellWidth({ sheetId, ...position }));
-        return Math.max(0, ...sizes);
+        return Math.max(0, largeMax(sizes));
     }
     /**
      * Check that any "sheetId" in the command matches an existing
@@ -50797,6 +51365,236 @@ class SheetUIPlugin extends UIPlugin {
     }
 }
 
+class TableStylePlugin extends UIPlugin {
+    static getters = ["getCellTableStyle", "getCellTableBorder"];
+    tableStyles = {};
+    handle(cmd) {
+        if (invalidateEvaluationCommands.has(cmd.type) ||
+            (cmd.type === "UPDATE_CELL" && "content" in cmd) ||
+            cmd.type === "EVALUATE_CELLS") {
+            this.tableStyles = {};
+            return;
+        }
+        if (doesCommandInvalidatesTableStyle(cmd)) {
+            delete this.tableStyles[cmd.sheetId];
+            return;
+        }
+    }
+    finalize() {
+        for (const sheetId of this.getters.getSheetIds()) {
+            if (!this.tableStyles[sheetId]) {
+                this.tableStyles[sheetId] = {};
+            }
+            for (const table of this.getters.getTables(sheetId)) {
+                if (!this.tableStyles[sheetId][table.id]) {
+                    this.tableStyles[sheetId][table.id] = this.computeTableStyle(sheetId, table);
+                }
+            }
+        }
+    }
+    getCellTableStyle(position) {
+        const table = this.getters.getTable(position);
+        if (!table) {
+            return undefined;
+        }
+        return this.tableStyles[position.sheetId][table.id]().styles[position.col]?.[position.row];
+    }
+    getCellTableBorder(position) {
+        const table = this.getters.getTable(position);
+        if (!table) {
+            return undefined;
+        }
+        return this.tableStyles[position.sheetId][table.id]().borders[position.col]?.[position.row];
+    }
+    computeTableStyle(sheetId, table) {
+        return lazy(() => {
+            const { config, numberOfCols, numberOfRows } = this.getTableRuntimeConfig(sheetId, table);
+            const relativeTableStyle = getComputedTableStyle(config, numberOfCols, numberOfRows);
+            // Return the style with sheet coordinates instead of tables coordinates
+            const mapping = this.getTableMapping(sheetId, table);
+            const absoluteTableStyle = { borders: {}, styles: {} };
+            for (let col = 0; col < numberOfCols; col++) {
+                const colInSheet = mapping.colMapping[col];
+                absoluteTableStyle.borders[colInSheet] = {};
+                absoluteTableStyle.styles[colInSheet] = {};
+                for (let row = 0; row < numberOfRows; row++) {
+                    const rowInSheet = mapping.rowMapping[row];
+                    absoluteTableStyle.borders[colInSheet][rowInSheet] = relativeTableStyle.borders[col][row];
+                    absoluteTableStyle.styles[colInSheet][rowInSheet] = relativeTableStyle.styles[col][row];
+                }
+            }
+            return absoluteTableStyle;
+        });
+    }
+    /**
+     * Get the actual table config that will be used to compute the table style. It is different from
+     * the config of the table because of hidden rows and columns in the sheet. For example remove the
+     * hidden rows from config.numberOfHeaders.
+     */
+    getTableRuntimeConfig(sheetId, table) {
+        const tableZone = table.range.zone;
+        const config = { ...table.config };
+        let numberOfCols = tableZone.right - tableZone.left + 1;
+        let numberOfRows = tableZone.bottom - tableZone.top + 1;
+        for (let row = tableZone.top; row <= tableZone.bottom; row++) {
+            if (!this.getters.isRowHidden(sheetId, row)) {
+                continue;
+            }
+            numberOfRows--;
+            if (row - tableZone.top < table.config.numberOfHeaders) {
+                config.numberOfHeaders--;
+                if (config.numberOfHeaders < 0) {
+                    config.numberOfHeaders = 0;
+                }
+            }
+            if (row === tableZone.bottom) {
+                config.totalRow = false;
+            }
+        }
+        for (let col = tableZone.left; col <= tableZone.right; col++) {
+            if (!this.getters.isColHidden(sheetId, col)) {
+                continue;
+            }
+            numberOfCols--;
+            if (col === tableZone.left) {
+                config.firstColumn = false;
+            }
+            if (col === tableZone.right) {
+                config.lastColumn = false;
+            }
+        }
+        return {
+            config,
+            numberOfCols,
+            numberOfRows,
+        };
+    }
+    /**
+     * Get a mapping: relative col/row position in the table <=> col/row in the sheet
+     */
+    getTableMapping(sheetId, table) {
+        const colMapping = {};
+        const rowMapping = {};
+        let colOffset = 0;
+        let rowOffset = 0;
+        const tableZone = table.range.zone;
+        for (let col = tableZone.left; col <= tableZone.right; col++) {
+            if (this.getters.isColHidden(sheetId, col)) {
+                continue;
+            }
+            colMapping[colOffset] = col;
+            colOffset++;
+            for (let row = tableZone.top; row <= tableZone.bottom; row++) {
+                if (this.getters.isRowHidden(sheetId, row)) {
+                    continue;
+                }
+                rowMapping[rowOffset] = row;
+                rowOffset++;
+            }
+        }
+        return {
+            colMapping,
+            rowMapping,
+        };
+    }
+}
+const invalidateTableStyleCommands = [
+    "HIDE_COLUMNS_ROWS",
+    "UNHIDE_COLUMNS_ROWS",
+    "UNFOLD_HEADER_GROUP",
+    "FOLD_HEADER_GROUP",
+    "FOLD_ALL_HEADER_GROUPS",
+    "UNFOLD_ALL_HEADER_GROUPS",
+    "CREATE_TABLE",
+    "UPDATE_TABLE",
+    "UPDATE_FILTER",
+];
+const invalidateTableStyleCommandsSet = new Set(invalidateTableStyleCommands);
+function doesCommandInvalidatesTableStyle(cmd) {
+    return invalidateTableStyleCommandsSet.has(cmd.type);
+}
+
+class CellComputedStylePlugin extends UIPlugin {
+    static getters = ["getCellComputedBorder", "getCellComputedStyle"];
+    styles = {};
+    borders = {};
+    handle(cmd) {
+        if (invalidateEvaluationCommands.has(cmd.type) ||
+            cmd.type === "UPDATE_CELL" ||
+            cmd.type === "EVALUATE_CELLS") {
+            this.styles = {};
+            this.borders = {};
+            return;
+        }
+        if (doesCommandInvalidatesTableStyle(cmd)) {
+            delete this.styles[cmd.sheetId];
+            delete this.borders[cmd.sheetId];
+            return;
+        }
+        if (invalidateCFEvaluationCommands.has(cmd.type)) {
+            this.styles = {};
+            return;
+        }
+    }
+    getCellComputedBorder(position) {
+        const { sheetId, row, col } = position;
+        if (this.borders[sheetId]?.[row]?.[col] !== undefined) {
+            return this.borders[sheetId][row][col];
+        }
+        if (!this.borders[sheetId]) {
+            this.borders[sheetId] = {};
+        }
+        if (!this.borders[sheetId][row]) {
+            this.borders[sheetId][row] = {};
+        }
+        if (!this.borders[sheetId][row][col]) {
+            this.borders[sheetId][row][col] = this.computeCellBorder(position);
+        }
+        return this.borders[sheetId][row][col];
+    }
+    getCellComputedStyle(position) {
+        const { sheetId, row, col } = position;
+        if (this.styles[sheetId]?.[row]?.[col] !== undefined) {
+            return this.styles[sheetId][row][col];
+        }
+        if (!this.styles[sheetId]) {
+            this.styles[sheetId] = {};
+        }
+        if (!this.styles[sheetId][row]) {
+            this.styles[sheetId][row] = {};
+        }
+        if (!this.styles[sheetId][row][col]) {
+            this.styles[sheetId][row][col] = this.computeCellStyle(position);
+        }
+        return this.styles[sheetId][row][col];
+    }
+    computeCellBorder(position) {
+        const cellBorder = this.getters.getCellBorder(position) || {};
+        const cellTableBorder = this.getters.getCellTableBorder(position) || {};
+        // Use removeFalsyAttributes to avoid overwriting borders with undefined values
+        const border = {
+            ...removeFalsyAttributes(cellTableBorder),
+            ...removeFalsyAttributes(cellBorder),
+        };
+        return isObjectEmptyRecursive(border) ? null : border;
+    }
+    computeCellStyle(position) {
+        const cell = this.getters.getCell(position);
+        const cfStyle = this.getters.getCellConditionalFormatStyle(position);
+        const tableStyle = this.getters.getCellTableStyle(position);
+        const computedStyle = {
+            ...removeFalsyAttributes(tableStyle),
+            ...removeFalsyAttributes(cell?.style),
+            ...removeFalsyAttributes(cfStyle),
+        };
+        const evaluatedCell = this.getters.getEvaluatedCell(position);
+        if (evaluatedCell.link && !computedStyle.textColor) {
+            computedStyle.textColor = LINK_COLOR;
+        }
+        return computedStyle;
+    }
+}
+
 const genericRepeatsTransforms = [
     repeatSheetDependantCommand,
     repeatTargetDependantCommand,
@@ -51332,10 +52130,11 @@ class TableAutofillPlugin extends UIPlugin {
     handle(cmd) {
         switch (cmd.type) {
             case "AUTOFILL_TABLE_COLUMN":
-                const table = this.getters.getTable(cmd);
+                const table = this.getters.getCoreTable(cmd);
                 const cell = this.getters.getCell(cmd);
-                if (!table || !table.config.automaticAutofill || !cell?.isFormula)
+                if (!table?.config.automaticAutofill || table.type === "dynamic" || !cell?.isFormula) {
                     return;
+                }
                 const { col, row } = cmd;
                 const tableContentZone = getTableContentZone(table.range.zone, table.config);
                 if (tableContentZone && isInside(col, row, tableContentZone)) {
@@ -51373,148 +52172,6 @@ class TableAutofillPlugin extends UIPlugin {
     }
 }
 
-class TableStylePlugin extends UIPlugin {
-    static getters = ["getCellTableStyle", "getCellTableBorder"];
-    tableStyles = {};
-    handle(cmd) {
-        if (invalidateEvaluationCommands.has(cmd.type) ||
-            (cmd.type === "UPDATE_CELL" && "content" in cmd) ||
-            cmd.type === "EVALUATE_CELLS") {
-            this.tableStyles = {};
-            return;
-        }
-        switch (cmd.type) {
-            case "HIDE_COLUMNS_ROWS":
-            case "UNHIDE_COLUMNS_ROWS":
-            case "UNFOLD_HEADER_GROUP":
-            case "FOLD_HEADER_GROUP":
-            case "FOLD_ALL_HEADER_GROUPS":
-            case "UNFOLD_ALL_HEADER_GROUPS":
-            case "UPDATE_TABLE":
-            case "UPDATE_FILTER":
-                delete this.tableStyles[cmd.sheetId];
-                break;
-        }
-    }
-    finalize() {
-        for (const sheetId of this.getters.getSheetIds()) {
-            if (!this.tableStyles[sheetId]) {
-                this.tableStyles[sheetId] = {};
-            }
-            for (const table of this.getters.getTables(sheetId)) {
-                if (!this.tableStyles[sheetId][table.id]) {
-                    this.tableStyles[sheetId][table.id] = this.computeTableStyle(sheetId, table);
-                }
-            }
-        }
-    }
-    getCellTableStyle(position) {
-        const table = this.getters.getTable(position);
-        if (!table) {
-            return undefined;
-        }
-        return this.tableStyles[position.sheetId][table.id]().styles[position.col]?.[position.row];
-    }
-    getCellTableBorder(position) {
-        const table = this.getters.getTable(position);
-        if (!table) {
-            return undefined;
-        }
-        return this.tableStyles[position.sheetId][table.id]().borders[position.col]?.[position.row];
-    }
-    computeTableStyle(sheetId, table) {
-        return lazy(() => {
-            const { config, numberOfCols, numberOfRows } = this.getTableRuntimeConfig(sheetId, table);
-            const relativeTableStyle = getComputedTableStyle(config, numberOfCols, numberOfRows);
-            // Return the style with sheet coordinates instead of tables coordinates
-            const mapping = this.getTableMapping(sheetId, table);
-            const absoluteTableStyle = { borders: {}, styles: {} };
-            for (let col = 0; col < numberOfCols; col++) {
-                const colInSheet = mapping.colMapping[col];
-                absoluteTableStyle.borders[colInSheet] = {};
-                absoluteTableStyle.styles[colInSheet] = {};
-                for (let row = 0; row < numberOfRows; row++) {
-                    const rowInSheet = mapping.rowMapping[row];
-                    absoluteTableStyle.borders[colInSheet][rowInSheet] = relativeTableStyle.borders[col][row];
-                    absoluteTableStyle.styles[colInSheet][rowInSheet] = relativeTableStyle.styles[col][row];
-                }
-            }
-            return absoluteTableStyle;
-        });
-    }
-    /**
-     * Get the actual table config that will be used to compute the table style. It is different from
-     * the config of the table because of hidden rows and columns in the sheet. For example remove the
-     * hidden rows from config.numberOfHeaders.
-     */
-    getTableRuntimeConfig(sheetId, table) {
-        const tableZone = table.range.zone;
-        const config = { ...table.config };
-        let numberOfCols = tableZone.right - tableZone.left + 1;
-        let numberOfRows = tableZone.bottom - tableZone.top + 1;
-        for (let row = tableZone.top; row <= tableZone.bottom; row++) {
-            if (!this.getters.isRowHidden(sheetId, row)) {
-                continue;
-            }
-            numberOfRows--;
-            if (row - tableZone.top < table.config.numberOfHeaders) {
-                config.numberOfHeaders--;
-                if (config.numberOfHeaders < 0) {
-                    config.numberOfHeaders = 0;
-                }
-            }
-            if (row === tableZone.bottom) {
-                config.totalRow = false;
-            }
-        }
-        for (let col = tableZone.left; col <= tableZone.right; col++) {
-            if (!this.getters.isColHidden(sheetId, col)) {
-                continue;
-            }
-            numberOfCols--;
-            if (col === tableZone.left) {
-                config.firstColumn = false;
-            }
-            if (col === tableZone.right) {
-                config.lastColumn = false;
-            }
-        }
-        return {
-            config,
-            numberOfCols,
-            numberOfRows,
-        };
-    }
-    /**
-     * Get a mapping: relative col/row position in the table <=> col/row in the sheet
-     */
-    getTableMapping(sheetId, table) {
-        const colMapping = {};
-        const rowMapping = {};
-        let colOffset = 0;
-        let rowOffset = 0;
-        const tableZone = table.range.zone;
-        for (let col = tableZone.left; col <= tableZone.right; col++) {
-            if (this.getters.isColHidden(sheetId, col)) {
-                continue;
-            }
-            colMapping[colOffset] = col;
-            colOffset++;
-            for (let row = tableZone.top; row <= tableZone.bottom; row++) {
-                if (this.getters.isRowHidden(sheetId, row)) {
-                    continue;
-                }
-                rowMapping[rowOffset] = row;
-                rowOffset++;
-            }
-        }
-        return {
-            colMapping,
-            rowMapping,
-        };
-    }
-}
-
 /**
  * Clipboard Plugin
  *
@@ -52064,9 +52721,6 @@ class FilterEvaluationPlugin extends UIPlugin {
             case "START":
                 for (const sheetId of this.getters.getSheetIds()) {
                     this.filterValues[sheetId] = {};
-                    for (const filter of this.getters.getFilters(sheetId)) {
-                        this.filterValues[sheetId][filter.id] = [];
-                    }
                 }
                 break;
             case "CREATE_SHEET":
@@ -52087,16 +52741,7 @@ class FilterEvaluationPlugin extends UIPlugin {
                 this.updateHiddenRows();
                 break;
             case "DUPLICATE_SHEET":
-                const filterValues = {};
-                for (const newFilter of this.getters.getFilters(cmd.sheetIdTo)) {
-                    const zone = newFilter.rangeWithHeaders.zone;
-                    filterValues[newFilter.id] = this.getFilterHiddenValues({
-                        sheetId: cmd.sheetId,
-                        col: zone.left,
-                        row: zone.top,
-                    });
-                }
-                this.filterValues[cmd.sheetIdTo] = filterValues;
+                this.filterValues[cmd.sheetIdTo] = deepCopy(this.filterValues[cmd.sheetId]);
                 break;
             // If we don't handle DELETE_SHEET, on one hand we will have some residual data, on the other hand we keep the data
             // on DELETE_SHEET followed by undo
@@ -52236,38 +52881,6 @@ class FilterEvaluationPlugin extends UIPlugin {
     }
 }
 
-const selectionStatisticFunctions = [
-    {
-        name: _t("Sum"),
-        types: [CellValueType.number],
-        compute: (values, locale) => sum([[values]], locale),
-    },
-    {
-        name: _t("Avg"),
-        types: [CellValueType.number],
-        compute: (values, locale) => average([[values]], locale),
-    },
-    {
-        name: _t("Min"),
-        types: [CellValueType.number],
-        compute: (values, locale) => min([[values]], locale),
-    },
-    {
-        name: _t("Max"),
-        types: [CellValueType.number],
-        compute: (values, locale) => max([[values]], locale),
-    },
-    {
-        name: _t("Count"),
-        types: [CellValueType.number, CellValueType.text, CellValueType.boolean, CellValueType.error],
-        compute: (values) => countAny([[values]]),
-    },
-    {
-        name: _t("Count Numbers"),
-        types: [CellValueType.number, CellValueType.text, CellValueType.boolean, CellValueType.error],
-        compute: (values, locale) => countNumbers([[values]], locale),
-    },
-];
 /**
  * SelectionPlugin
  */
@@ -52283,8 +52896,6 @@ class GridSelectionPlugin extends UIPlugin {
         "getSelectedZones",
         "getSelectedZone",
         "getSelectedCells",
-        "getStatisticFnResults",
-        "getAggregate",
         "getSelectedFigureId",
         "getSelection",
         "getActivePosition",
@@ -52319,7 +52930,10 @@ class GridSelectionPlugin extends UIPlugin {
         switch (cmd.type) {
             case "ACTIVATE_SHEET":
                 try {
-                    this.getters.getSheet(cmd.sheetIdTo);
+                    const sheet = this.getters.getSheet(cmd.sheetIdTo);
+                    if (!sheet.isVisible) {
+                        return "SheetIsHidden" /* CommandResult.SheetIsHidden */;
+                    }
                     break;
                 }
                 catch (error) {
@@ -52473,6 +53087,7 @@ class GridSelectionPlugin extends UIPlugin {
                 this.gridSelection.zones = this.gridSelection.zones.map((z) => this.getters.expandZone(sheetId, z));
                 this.gridSelection.anchor.zone = this.getters.expandZone(sheetId, this.gridSelection.anchor.zone);
                 this.setSelectionMixin(this.gridSelection.anchor, this.gridSelection.zones);
+                this.selectedFigureId = null;
                 break;
         }
         /** Any change to the selection has to be  reflected in the selection processor. */
@@ -52567,52 +53182,6 @@ class GridSelectionPlugin extends UIPlugin {
                 : this.getters.getNextVisibleCellPosition({ sheetId, col: 0, row: 0 });
         }
     }
-    getStatisticFnResults() {
-        const sheetId = this.getters.getActiveSheetId();
-        const cells = new Set();
-        for (const zone of this.gridSelection.zones) {
-            for (const { col, row } of positions(zone)) {
-                if (this.getters.isRowHidden(sheetId, row) || this.getters.isColHidden(sheetId, col)) {
-                    continue; // Skip hidden cells
-                }
-                const evaluatedCell = this.getters.getEvaluatedCell({ sheetId, col, row });
-                if (evaluatedCell.type !== CellValueType.empty) {
-                    cells.add(evaluatedCell);
-                }
-            }
-        }
-        const locale = this.getters.getLocale();
-        let statisticFnResults = {};
-        for (let fn of selectionStatisticFunctions) {
-            // We don't want to display statistical information when there is no interest:
-            // We set the statistical result to undefined if the data handled by the selection
-            // does not match the data handled by the function.
-            // Ex: if there are only texts in the selection, we prefer that the SUM result
-            // be displayed as undefined rather than 0.
-            let fnResult = undefined;
-            const evaluatedCells = [...cells].filter((c) => fn.types.includes(c.type));
-            if (evaluatedCells.length) {
-                fnResult = fn.compute(evaluatedCells, locale);
-            }
-            statisticFnResults[fn.name] = fnResult;
-        }
-        return statisticFnResults;
-    }
-    getAggregate() {
-        let aggregate = 0;
-        let n = 0;
-        const sheetId = this.getters.getActiveSheetId();
-        const cellPositions = this.gridSelection.zones.map(positions).flat();
-        for (const { col, row } of cellPositions) {
-            const cell = this.getters.getEvaluatedCell({ sheetId, col, row });
-            if (cell.type === CellValueType.number) {
-                n++;
-                aggregate += cell.value;
-            }
-        }
-        const locale = this.getters.getLocale();
-        return n < 2 ? null : formatValue(aggregate, { locale });
-    }
     isSelected(zone) {
         return !!this.getters.getSelectedZones().find((z) => isEqual(z, zone));
     }
@@ -52654,9 +53223,6 @@ class GridSelectionPlugin extends UIPlugin {
     // Other
     // ---------------------------------------------------------------------------
     activateSheet(sheetIdFrom, sheetIdTo) {
-        if (!this.getters.isSheetVisible(sheetIdTo)) {
-            this.dispatch("SHOW_SHEET", { sheetId: sheetIdTo });
-        }
         this.setActiveSheet(sheetIdTo);
         this.sheetsData[sheetIdFrom] = {
             gridSelection: deepCopy(this.gridSelection),
@@ -53663,7 +54229,7 @@ class SheetViewPlugin extends UIPlugin {
      * column of the current viewport
      */
     getColDimensionsInViewport(sheetId, col) {
-        const left = Math.min(...this.getters.getSheetViewVisibleCols());
+        const left = largeMin(this.getters.getSheetViewVisibleCols());
         const start = this.getters.getColRowOffsetInViewport("COL", left, col);
         const size = this.getters.getColSize(sheetId, col);
         const isColHidden = this.getters.isColHidden(sheetId, col);
@@ -53678,7 +54244,7 @@ class SheetViewPlugin extends UIPlugin {
      * of the current viewport
      */
     getRowDimensionsInViewport(sheetId, row) {
-        const top = Math.min(...this.getters.getSheetViewVisibleRows());
+        const top = largeMin(this.getters.getSheetViewVisibleRows());
         const start = this.getters.getColRowOffsetInViewport("ROW", top, row);
         const size = this.getters.getRowSize(sheetId, row);
         const isRowHidden = this.getters.isRowHidden(sheetId, row);
@@ -54030,6 +54596,7 @@ const statefulUIPluginRegistry = new Registry()
     .add("evaluation_filter", FilterEvaluationPlugin)
     .add("header_visibility_ui", HeaderVisibilityUIPlugin)
     .add("table_style", TableStylePlugin)
+    .add("cell_computed_style", CellComputedStylePlugin)
     .add("header_positions", HeaderPositionsUIPlugin)
     .add("viewport", SheetViewPlugin)
     .add("clipboard", ClipboardPlugin);
@@ -54039,8 +54606,9 @@ const coreViewsPluginRegistry = new Registry()
     .add("evaluation_chart", EvaluationChartPlugin)
     .add("evaluation_cf", EvaluationConditionalFormatPlugin)
     .add("row_size", HeaderSizeUIPlugin)
-    .add("custom_colors", CustomColorsPlugin)
-    .add("data_validation_ui", EvaluationDataValidationPlugin);
+    .add("data_validation_ui", EvaluationDataValidationPlugin)
+    .add("dynamic_tables", DynamicTablesPlugin)
+    .add("custom_colors", CustomColorsPlugin);
 
 const clickableCellRegistry = new Registry();
 clickableCellRegistry.add("link", {
@@ -54089,6 +54657,38 @@ class ImageProvider {
     }
 }
 
+class ArrayFormulaHighlight extends SpreadsheetStore {
+    highlightStore = this.get(HighlightStore);
+    constructor(get) {
+        super(get);
+        this.highlightStore.register(this);
+    }
+    get highlights() {
+        const zone = this.getHighlightZone();
+        if (!zone) {
+            return [];
+        }
+        const sheetId = this.model.getters.getActiveSheetId();
+        return [
+            {
+                sheetId,
+                zone,
+                color: "#17A2B8",
+                noFill: true,
+                thinLine: true,
+            },
+        ];
+    }
+    getHighlightZone() {
+        const position = this.model.getters.getActivePosition();
+        const spreader = this.model.getters.getArrayFormulaSpreadingOn(position);
+        const spreadZone = spreader
+            ? this.model.getters.getSpreadZone(spreader)
+            : this.model.getters.getSpreadZone(position);
+        return spreadZone;
+    }
+}
+
 const RIPPLE_KEY_FRAMES = [
     { transform: "scale(0)" },
     { transform: "scale(0.8)", offset: 0.33 },
@@ -54391,12 +54991,14 @@ class BottomBarSheet extends Component {
         this.editionState = "initializing";
     }
     stopEdition() {
-        if (!this.state.isEditing)
+        const input = this.sheetNameRef.el;
+        if (!this.state.isEditing || !input)
             return;
         this.state.isEditing = false;
         this.editionState = "initializing";
-        this.sheetNameRef.el?.blur();
+        input.blur();
         const inputValue = this.getInputContent() || "";
+        input.innerText = inputValue;
         interactiveRenameSheet(this.env, this.props.sheetId, inputValue, () => this.startEdition());
     }
     cancelEdition() {
@@ -54440,6 +55042,115 @@ class BottomBarSheet extends Component {
     }
 }
 
+const selectionStatisticFunctions = [
+    {
+        name: _t("Sum"),
+        types: [CellValueType.number],
+        compute: (values, locale) => sum([[values]], locale),
+    },
+    {
+        name: _t("Avg"),
+        types: [CellValueType.number],
+        compute: (values, locale) => average([[values]], locale),
+    },
+    {
+        name: _t("Min"),
+        types: [CellValueType.number],
+        compute: (values, locale) => min([[values]], locale),
+    },
+    {
+        name: _t("Max"),
+        types: [CellValueType.number],
+        compute: (values, locale) => max([[values]], locale),
+    },
+    {
+        name: _t("Count"),
+        types: [CellValueType.number, CellValueType.text, CellValueType.boolean, CellValueType.error],
+        compute: (values) => countAny([[values]]),
+    },
+    {
+        name: _t("Count Numbers"),
+        types: [CellValueType.number, CellValueType.text, CellValueType.boolean, CellValueType.error],
+        compute: (values, locale) => countNumbers([[values]], locale),
+    },
+];
+class AggregateStatisticsStore extends SpreadsheetStore {
+    statisticFnResults = this._computeStatisticFnResults();
+    isDirty = false;
+    constructor(get) {
+        super(get);
+        this.model.selection.observe(this, {
+            handleEvent: this.handleEvent.bind(this),
+        });
+    }
+    handle(cmd) {
+        if (invalidateEvaluationCommands.has(cmd.type) ||
+            (cmd.type === "UPDATE_CELL" && "content" in cmd)) {
+            this.isDirty = true;
+        }
+        switch (cmd.type) {
+            case "HIDE_COLUMNS_ROWS":
+            case "UNHIDE_COLUMNS_ROWS":
+            case "GROUP_HEADERS":
+            case "UNGROUP_HEADERS":
+            case "ACTIVATE_SHEET":
+            case "ACTIVATE_NEXT_SHEET":
+            case "ACTIVATE_PREVIOUS_SHEET":
+            case "EVALUATE_CELLS":
+            case "UNDO":
+            case "REDO":
+                this.isDirty = true;
+        }
+    }
+    finalize() {
+        if (this.isDirty) {
+            this.isDirty = false;
+            this.statisticFnResults = this._computeStatisticFnResults();
+        }
+    }
+    handleEvent() {
+        if (this.getters.isGridSelectionActive()) {
+            this.statisticFnResults = this._computeStatisticFnResults();
+        }
+    }
+    _computeStatisticFnResults() {
+        const getters = this.getters;
+        const sheetId = getters.getActiveSheetId();
+        const cells = new Set();
+        const zones = getters.getSelectedZones();
+        for (const zone of zones) {
+            for (let col = zone.left; col <= zone.right; col++) {
+                for (let row = zone.top; row <= zone.bottom; row++) {
+                    if (getters.isRowHidden(sheetId, row) || getters.isColHidden(sheetId, col)) {
+                        continue; // Skip hidden cells
+                    }
+                    const evaluatedCell = getters.getEvaluatedCell({ sheetId, col, row });
+                    if (evaluatedCell.type !== CellValueType.empty) {
+                        cells.add(evaluatedCell);
+                    }
+                }
+            }
+        }
+        const locale = getters.getLocale();
+        let statisticFnResults = {};
+        const cellsArray = [...cells];
+        for (let fn of selectionStatisticFunctions) {
+            // We don't want to display statistical information when there is no interest:
+            // We set the statistical result to undefined if the data handled by the selection
+            // does not match the data handled by the function.
+            // Ex: if there are only texts in the selection, we prefer that the SUM result
+            // be displayed as undefined rather than 0.
+            let fnResult = undefined;
+            const evaluatedCells = cellsArray.filter((c) => fn.types.includes(c.type));
+            if (evaluatedCells.length) {
+                fnResult = fn.compute(evaluatedCells, locale);
+            }
+            statisticFnResults[fn.name] = fnResult;
+        }
+        return statisticFnResults;
+    }
+}
+
 // -----------------------------------------------------------------------------
 // SpreadSheet
 // -----------------------------------------------------------------------------
@@ -54455,40 +55166,38 @@ css /* scss */ `
   }
 `;
 class BottomBarStatistic extends Component {
-    static template = "o-spreadsheet-BottomBarStatisic";
+    static template = "o-spreadsheet-BottomBarStatistic";
     static props = {
         openContextMenu: Function,
         closeContextMenu: Function,
     };
     static components = { Ripple };
     selectedStatisticFn = "";
-    statisticFnResults = {};
+    store;
     setup() {
-        this.statisticFnResults = this.env.model.getters.getStatisticFnResults();
+        this.store = useStore(AggregateStatisticsStore);
         onWillUpdateProps(() => {
-            const newStatisticFnResults = this.env.model.getters.getStatisticFnResults();
-            if (!deepEquals(newStatisticFnResults, this.statisticFnResults)) {
+            if (Object.values(this.store.statisticFnResults).every((result) => result === undefined)) {
                 this.props.closeContextMenu();
             }
-            this.statisticFnResults = newStatisticFnResults;
         });
     }
     getSelectedStatistic() {
         // don't display button if no function has a result
-        if (Object.values(this.statisticFnResults).every((result) => result === undefined)) {
+        if (Object.values(this.store.statisticFnResults).every((result) => result === undefined)) {
             return undefined;
         }
         if (this.selectedStatisticFn === "") {
-            this.selectedStatisticFn = Object.keys(this.statisticFnResults)[0];
+            this.selectedStatisticFn = Object.keys(this.store.statisticFnResults)[0];
         }
-        return this.getComposedFnName(this.selectedStatisticFn, this.statisticFnResults[this.selectedStatisticFn]);
+        return this.getComposedFnName(this.selectedStatisticFn);
     }
     listSelectionStatistics(ev) {
         const registry = new MenuItemRegistry();
         let i = 0;
-        for (let [fnName, fnValue] of Object.entries(this.statisticFnResults)) {
+        for (let [fnName] of Object.entries(this.store.statisticFnResults)) {
             registry.add(fnName, {
-                name: this.getComposedFnName(fnName, fnValue),
+                name: () => this.getComposedFnName(fnName),
                 sequence: i,
                 isReadonlyAllowed: true,
                 execute: () => {
@@ -54501,8 +55210,9 @@ class BottomBarStatistic extends Component {
         const { top, left, width } = target.getBoundingClientRect();
         this.props.openContextMenu(left + width, top, registry);
     }
-    getComposedFnName(fnName, fnValue) {
+    getComposedFnName(fnName) {
         const locale = this.env.model.getters.getLocale();
+        const fnValue = this.store.statisticFnResults[fnName];
         return fnName + ": " + (fnValue !== undefined ? formatValue(fnValue, { locale }) : "__");
     }
 }
@@ -54611,10 +55321,14 @@ class BottomBar extends Component {
                 name: sheet.name,
                 sequence: i,
                 isReadonlyAllowed: true,
-                textColor: sheet.isVisible ? undefined : "grey",
+                textColor: sheet.isVisible ? undefined : "#808080",
                 execute: (env) => {
+                    if (!this.env.model.getters.isSheetVisible(sheetId)) {
+                        this.env.model.dispatch("SHOW_SHEET", { sheetId });
+                    }
                     env.model.dispatch("ACTIVATE_SHEET", { sheetIdFrom: from, sheetIdTo: sheetId });
                 },
+                isEnabled: (env) => (env.model.getters.isReadonly() ? sheet.isVisible : true),
             });
             i++;
         }
@@ -54687,7 +55401,7 @@ class BottomBar extends Component {
         this.sheetListRef.el.scrollTo({ top: 0, left: scroll, behavior: "smooth" });
     }
     onSheetMouseDown(sheetId, event) {
-        if (event.button !== 0)
+        if (event.button !== 0 || this.env.model.getters.isReadonly())
             return;
         this.closeMenu();
         const visibleSheets = this.getVisibleSheets();
@@ -54723,7 +55437,7 @@ class BottomBar extends Component {
             .map((sheetEl) => sheetEl.getBoundingClientRect())
             .map((rect) => ({
             x: rect.x,
-            width: rect.width - 1,
+            width: rect.width - 1, // -1 to compensate negative margin
             y: rect.y,
             height: rect.height,
         }));
@@ -54950,7 +55664,7 @@ class RowGroup extends AbstractHeaderGroup {
         }
         return cssPropertiesToCss({
             top: `${groupBox.headerRect.height / 2}px`,
-            left: `calc(50% - 1px)`,
+            left: `calc(50% - 1px)`, // -1px: we want the border to be on the center
             width: `30%`,
             height: `calc(100% - ${groupBox.headerRect.height / 2}px)`,
             "border-left": `1px solid ${HEADER_GROUPING_BORDER_COLOR}`,
@@ -55002,7 +55716,7 @@ class ColGroup extends AbstractHeaderGroup {
             return "";
         }
         return cssPropertiesToCss({
-            top: `calc(50% - 1px)`,
+            top: `calc(50% - 1px)`, // -1px: we want the border to be on the center
             left: `${groupBox.headerRect.width / 2}px`,
             width: `calc(100% - ${groupBox.headerRect.width / 2}px)`,
             height: `30%`,
@@ -56091,12 +56805,9 @@ css /* scss */ `
     .text-muted {
       color: grey !important;
     }
-    button {
-      color: #333;
-    }
     .o-disabled {
       opacity: 0.4;
-      pointer: default;
+      cursor: default;
       pointer-events: none;
     }
 
@@ -56214,17 +56925,17 @@ css /* scss */ `
   }
 
   .o-button {
-    border: 1px solid lightgrey;
+    border: 1px solid;
     padding: 0px 20px 0px 20px;
     border-radius: 4px;
     font-weight: 500;
     font-size: 14px;
     height: 30px;
     line-height: 16px;
-    background: white;
     margin-right: 8px;
-    &:hover:enabled {
-      background-color: rgba(0, 0, 0, 0.08);
+
+    &:not(:hover) {
+      background-color: transparent;
     }
 
     &:enabled {
@@ -56238,6 +56949,15 @@ css /* scss */ `
     &:last-child {
       margin-right: 0px;
     }
+
+    &.o-button-grey {
+      border-color: lightgrey;
+      background: #ffffff;
+      color: #333;
+      &:hover:enabled {
+        background-color: rgba(0, 0, 0, 0.08);
+      }
+    }
   }
 
   .o-input {
@@ -56253,7 +56973,7 @@ css /* scss */ `
 
   .o-number-input {
     /* Remove number input arrows */
-    -moz-appearance: textfield;
+    appearance: textfield;
     &::-webkit-outer-spin-button,
     &::-webkit-inner-spin-button {
       -webkit-appearance: none;
@@ -56296,6 +57016,7 @@ class Spreadsheet extends Component {
         this.notificationStore = useStore(NotificationStore);
         this.composerFocusStore = useStore(ComposerFocusStore);
         this.sidePanel = useStore(SidePanelStore);
+        useStore(ArrayFormulaHighlight);
         this.keyDownMapping = {
             "CTRL+H": () => this.sidePanel.toggle("FindAndReplace", {}),
             "CTRL+F": () => this.sidePanel.toggle("FindAndReplace", {}),
@@ -56398,7 +57119,7 @@ class Spreadsheet extends Component {
         const gridColSize = GROUP_LAYER_WIDTH * this.rowLayers.length;
         const gridRowSize = GROUP_LAYER_WIDTH * this.colLayers.length;
         return cssPropertiesToCss({
-            "grid-template-columns": `${gridColSize ? gridColSize + 2 : 0}px auto`,
+            "grid-template-columns": `${gridColSize ? gridColSize + 2 : 0}px auto`, // +2: margins
             "grid-template-rows": `${gridRowSize ? gridRowSize + 2 : 0}px auto`,
         });
     }
@@ -57130,14 +57851,6 @@ class SelectiveHistory {
         this.revertBefore(operationId);
         this.tree.drop(operationId);
     }
-    getRevertedExecution() {
-        const data = [];
-        const operations = this.tree.revertedExecution(this.HEAD_BRANCH);
-        for (const { operation } of operations) {
-            data.push(operation.data);
-        }
-        return data;
-    }
     /**
      * Revert the state as it was *before* the given operation was executed.
      */
@@ -57926,6 +58639,9 @@ function createChart(chart, chartSheetIndex, data) {
         case "bar":
             plot = addBarChart(chart.data);
             break;
+        case "combo":
+            plot = addComboChart(chart.data);
+            break;
         case "line":
             plot = addLineChart(chart.data);
             break;
@@ -58088,6 +58804,79 @@ function addBarChart(chart) {
     ${addAx(axisPos, "c:valAx", valAxId, catAxId, { fontColor: chart.fontColor })}
   `;
 }
+function addComboChart(chart) {
+    // gapWitdh and overlap that define the space between clusters (in %) and the overlap between datasets (from -100: completely scattered to 100, completely overlapped)
+    // see gapWidth : https://c-rex.net/projects/samples/ooxml/e1/Part4/OOXML_P4_DOCX_gapWidth_topic_ID0EFVEQB.html#topic_ID0EFVEQB
+    // see overlap : https://c-rex.net/projects/samples/ooxml/e1/Part4/OOXML_P4_DOCX_overlap_topic_ID0ELYQQB.html#topic_ID0ELYQQB
+    //
+    // overlap and gapWitdh seems to be by default at -20 and 20 in chart.js.
+    // See https://www.chartjs.org/docs/latest/charts/bar.html and https://www.chartjs.org/docs/latest/charts/bar.html#barpercentage-vs-categorypercentage
+    const colors = new ChartColors();
+    const dataSetsNodes = [];
+    for (const [dsIndex, dataset] of Object.entries(chart.dataSets)) {
+        const color = toXlsxHexColor(colors.next());
+        const dataShapeProperty = shapeProperty({
+            backgroundColor: color,
+            line: { color },
+        });
+        dataSetsNodes.push(dsIndex === "0"
+            ? escapeXml /*xml*/ `
+      <c:ser>
+        <c:idx val="${dsIndex}"/>
+        <c:order val="${dsIndex}"/>
+        ${dataset.label ? escapeXml /*xml*/ `<c:tx>${stringRef(dataset.label)}</c:tx>` : ""}
+        ${dataShapeProperty}
+        ${chart.labelRange ? escapeXml /*xml*/ `<c:cat>${stringRef(chart.labelRange)}</c:cat>` : ""} <!-- x-coordinate values -->
+        <c:val> <!-- x-coordinate values -->
+          ${numberRef(dataset.range)}
+        </c:val>
+      </c:ser>
+      `
+            : escapeXml /*xml*/ `
+      <c:ser>
+        <c:idx val="${dsIndex}"/>
+        <c:order val="${dsIndex}"/>
+        <c:smooth val="0"/>
+        <c:marker>
+          <c:symbol val="circle" />
+          <c:size val="5"/>
+        </c:marker>
+        ${dataset.label ? escapeXml `<c:tx>${stringRef(dataset.label)}</c:tx>` : ""}
+        ${dataShapeProperty}
+        ${chart.labelRange ? escapeXml `<c:cat>${stringRef(chart.labelRange)}</c:cat>` : ""} <!-- x-coordinate values -->
+        <c:val> <!-- x-coordinate values -->
+          ${numberRef(dataset.range)}
+        </c:val>
+      </c:ser>
+      `);
+    }
+    // Excel does not support this feature
+    const axisPos = chart.verticalAxisPosition === "left" ? "l" : "r";
+    const overlap = chart.stacked ? 100 : -20;
+    return escapeXml /*xml*/ `
+    <c:barChart>
+      <c:barDir val="col"/>
+      <c:grouping val="clustered"/>
+      <c:overlap val="${overlap}"/>
+      <c:gapWidth val="70"/>
+      <!-- each data marker in the series does not have a different color -->
+      <c:varyColors val="0"/>
+      ${dataSetsNodes[0]}
+      <c:axId val="${catAxId}" />
+      <c:axId val="${valAxId}" />
+    </c:barChart>
+    <c:lineChart>
+      <c:grouping val="standard"/>
+      <!-- each data marker in the series does not have a different color -->
+      <c:varyColors val="0"/>
+      ${joinXmlNodes(dataSetsNodes.slice(1))}
+      <c:axId val="${catAxId}" />
+      <c:axId val="${valAxId}" />
+    </c:lineChart>
+    ${addAx("b", "c:catAx", catAxId, valAxId, { fontColor: chart.fontColor })}
+    ${addAx(axisPos, "c:valAx", valAxId, catAxId, { fontColor: chart.fontColor })}
+  `;
+}
 function addLineChart(chart) {
     const colors = new ChartColors();
     const dataSetsNodes = [];
@@ -58135,7 +58924,7 @@ function addLineChart(chart) {
 }
 function addDoughnutChart(chart, chartSheetIndex, data, { holeSize } = { holeSize: 50 }) {
     const colors = new ChartColors();
-    const maxLength = Math.max(...chart.dataSets.map((ds) => getRangeSize(ds.range, chartSheetIndex, data)));
+    const maxLength = largeMax(chart.dataSets.map((ds) => getRangeSize(ds.range, chartSheetIndex, data)));
     const doughnutColors = range(0, maxLength).map(() => toXlsxHexColor(colors.next()));
     const dataSetsNodes = [];
     for (const [dsIndex, dataset] of Object.entries(chart.dataSets).reverse()) {
@@ -59013,7 +59802,7 @@ function addTableColumns(table, sheetData) {
         const colHeaderXc = toXC(tableZone.left + i, tableZone.top);
         const colName = sheetData.cells[colHeaderXc]?.content || `col${i}`;
         const colAttributes = [
-            ["id", i + 1],
+            ["id", i + 1], // id cannot be 0
             ["name", colName],
         ];
         columns.push(escapeXml /*xml*/ `<tableColumn ${formatAttributes(colAttributes)}/>`);
@@ -59229,6 +60018,7 @@ function addSheetViews(sheet) {
  * https://www.ecma-international.org/publications-and-standards/standards/ecma-376/
  */
 function getXLSX(data) {
+    data = fixLengthySheetNames(data);
     const files = [];
     const construct = getDefaultXLSXStructure();
     files.push(createWorkbook(data, construct));
@@ -59476,6 +60266,40 @@ function createRelRoot() {
   `;
     return createXMLFile(parseXML(xml), "_rels/.rels");
 }
+/**
+ * Excel sheet names are maximum 31 characters while o-spreadsheet do not have this limit.
+ * This method converts the sheet names to be within the 31 characters limit.
+ * The cells/charts referencing this sheet will be updated accordingly.
+ */
+function fixLengthySheetNames(data) {
+    const nameMapping = {};
+    const newNames = new Set();
+    for (const sheet of data.sheets) {
+        let newName = sheet.name.slice(0, 31);
+        let i = 1;
+        while (newNames.has(newName)) {
+            newName = newName.slice(0, 31 - String(i).length) + i++;
+        }
+        newNames.add(newName);
+        if (newName !== sheet.name) {
+            nameMapping[sheet.name] = newName;
+            sheet.name = newName;
+        }
+    }
+    if (!Object.keys(nameMapping).length) {
+        return data;
+    }
+    const sheetWithNewNames = Object.keys(nameMapping).sort((a, b) => b.length - a.length);
+    let stringifiedData = JSON.stringify(data);
+    for (const sheetName of sheetWithNewNames) {
+        const regex = new RegExp(`'?${escapeRegExp(sheetName)}'?!`, "g");
+        stringifiedData = stringifiedData.replaceAll(regex, (match) => {
+            const newName = nameMapping[sheetName];
+            return match.replace(sheetName, newName);
+        });
+    }
+    return JSON.parse(stringifiedData);
+}
 
 var Status;
 (function (Status) {
@@ -60124,6 +60948,6 @@ const constants = {
 export { AbstractCellClipboardHandler, AbstractChart, AbstractFigureClipboardHandler, CellErrorType, CommandResult, CorePlugin, DispatchResult, EvaluationError, Model, Registry, Revision, SPREADSHEET_DIMENSIONS, Spreadsheet, 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 = "17.3.0-alpha.0";
-__info__.date = "2024-03-20T13:42:32.042Z";
-__info__.hash = "073e154";
+__info__.version = "17.3.0-alpha.2";
+__info__.date = "2024-04-05T14:01:07.060Z";
+__info__.hash = "8c5a229";