@odoo/o-spreadsheet 19.1.0-alpha.3 → 19.1.0-alpha.5

package/dist/o-spreadsheet.esm.js

@@ -2,9 +2,9 @@
 /**
  * This file is generated by o-spreadsheet build tools. Do not edit it.
  * @see https://github.com/odoo/o-spreadsheet
- * @version 19.1.0-alpha.3
- * @date 2025-09-23T12:37:52.238Z
- * @hash ce2b07a
+ * @version 19.1.0-alpha.5
+ * @date 2025-10-16T06:39:55.925Z
+ * @hash 1a0e3d5
  */
 
 import { useEnv, useSubEnv, onWillUnmount, useComponent, status, Component, useRef, onMounted, useEffect, App, blockDom, useState, onPatched, useExternalListener, onWillUpdateProps, onWillStart, onWillPatch, xml, useChildSubEnv, markRaw, toRaw } from '@odoo/owl';
@@ -591,7 +591,6 @@ const BACKGROUND_HEADER_COLOR = "#F8F9FA";
 const BACKGROUND_HEADER_SELECTED_COLOR = "#E8EAED";
 const BACKGROUND_HEADER_ACTIVE_COLOR = "#595959";
 const TEXT_HEADER_COLOR = "#666666";
-const FIGURE_BORDER_COLOR = "#c9ccd2";
 const SELECTION_BORDER_COLOR = "#3266ca";
 const HEADER_BORDER_COLOR = "#C0C0C0";
 const CELL_BORDER_COLOR = "#E2E3E3";
@@ -599,7 +598,6 @@ const BACKGROUND_CHART_COLOR = "#FFFFFF";
 const DEFAULT_COLOR_SCALE_MIDPOINT_COLOR = 0xb6d7a8;
 const LINK_COLOR = HIGHLIGHT_COLOR;
 const FILTERS_COLOR = "#188038";
-const HEADER_GROUPING_BORDER_COLOR = "#999";
 const FROZEN_PANE_HEADER_BORDER_COLOR = "#BCBCBC";
 const FROZEN_PANE_BORDER_COLOR = "#DADFE8";
 const COMPOSER_ASSISTANT_COLOR = "#9B359B";
@@ -842,22 +840,6 @@ const DRAG_THRESHOLD = 5; // in pixels, to avoid unwanted drag when clicking
 // Miscellaneous
 //------------------------------------------------------------------------------
 const sanitizeSheetNameRegex = new RegExp(FORBIDDEN_SHEETNAME_CHARS_IN_EXCEL_REGEX, "g");
-/**
- * Remove quotes from a quoted string
- * ```js
- * removeStringQuotes('"Hello"')
- * > 'Hello'
- * ```
- */
-function removeStringQuotes(str) {
-    if (str[0] === '"') {
-        str = str.slice(1);
-    }
-    if (str[str.length - 1] === '"' && str[str.length - 2] !== "\\") {
-        return str.slice(0, str.length - 1);
-    }
-    return str;
-}
 function isCloneable(obj) {
     return "clone" in obj && obj.clone instanceof Function;
 }
@@ -926,6 +908,13 @@ function isPlainObject(obj) {
 function getUnquotedSheetName(sheetName) {
     return unquote(sheetName, "'");
 }
+/**
+ * Remove quotes from a quoted string
+ * ```js
+ * unquote('"Hello"')
+ * > 'Hello'
+ * ```
+ */
 function unquote(string, quoteChar = '"') {
     if (string.startsWith(quoteChar)) {
         string = string.slice(1);
@@ -1330,9 +1319,7 @@ function removeIndexesFromArray(array, indexes) {
     return newArray;
 }
 function insertItemsAtIndex(array, items, index) {
-    const newArray = [...array];
-    newArray.splice(index, 0, ...items);
-    return newArray;
+    return array.slice(0, index).concat(items).concat(array.slice(index));
 }
 function replaceItemAtIndex(array, newItem, index) {
     const newArray = [...array];
@@ -4463,7 +4450,17 @@ function toNumberMatrix(data, argName) {
     return toMatrix(data).map((row) => {
         return row.map((cell) => {
             if (typeof cell.value !== "number") {
-                throw new EvaluationError(_t("Function [[FUNCTION_NAME]] expects number values for %s, but got a %s.", argName, typeof cell.value));
+                let message = "";
+                if (typeof cell === "object") {
+                    message = _t("Function [[FUNCTION_NAME]] expects number values for %s, but got an empty value.", argName);
+                }
+                else if (typeof cell === "string") {
+                    message = _t("Function [[FUNCTION_NAME]] expects number values for %s, but got a string.", argName);
+                }
+                else if (typeof cell === "boolean") {
+                    message = _t("Function [[FUNCTION_NAME]] expects number values for %s, but got a boolean.", argName);
+                }
+                throw new EvaluationError(message);
             }
             return cell.value;
         });
@@ -5582,7 +5579,7 @@ function tokensToTextInternalFormat(tokens) {
  * Replace in place tokens "mm" and "m" that denote minutes in date format with "MM" to avoid confusion with months.
  *
  * As per OpenXML specification, in date formats if a date token "m" or "mm" is followed by a date token "s" or
- * preceded by a data token "h", then it's not a month but an minute.
+ * preceded by a data token "h", then it's not a month but a minute.
  */
 function convertTokensToMinutesInDateFormat(tokens) {
     const dateParts = tokens.filter((token) => token.type === "DATE_PART");
@@ -5625,6 +5622,9 @@ function internalFormatPartToFormat(internalFormat) {
             case "REPEATED_CHAR":
                 format += "*" + token.value;
                 break;
+            case "DATE_PART":
+                format += token.value === "MM" ? "mm" : token.value; // Convert "MM" back to "mm" for minutes
+                break;
             default:
                 format += token.value;
         }
@@ -5698,7 +5698,7 @@ function formatValue(value, { format, locale, formatWidth }) {
                 return value;
             }
             const internalFormat = parseFormat(format);
-            const formatToApply = internalFormat.text || internalFormat.positive;
+            const formatToApply = getFormatToApply(value, internalFormat).format;
             if (!formatToApply || formatToApply.type !== "text") {
                 return value;
             }
@@ -5709,16 +5709,15 @@ function formatValue(value, { format, locale, formatWidth }) {
                 format = createDefaultFormat(value);
             }
             const internalFormat = parseFormat(format);
-            if (internalFormat.positive.type === "text") {
-                return applyTextInternalFormat(value.toString(), internalFormat.positive, formatWidth);
+            const { format: formatToApply, isNegativeFormat } = getFormatToApply(value, internalFormat);
+            if (!formatToApply) {
+                return value.toString();
             }
-            let formatToApply = internalFormat.positive;
-            if (value < 0 && internalFormat.negative) {
-                formatToApply = internalFormat.negative;
-                value = -value;
+            if (formatToApply.type === "text") {
+                return applyTextInternalFormat(value.toString(), formatToApply, formatWidth);
             }
-            else if (value === 0 && internalFormat.zero) {
-                formatToApply = internalFormat.zero;
+            if (isNegativeFormat) {
+                value = Math.abs(value);
             }
             if (formatToApply.type === "date") {
                 return repeatCharToFitWidth(applyDateTimeFormat(value, formatToApply), formatWidth);
@@ -5730,6 +5729,31 @@ function formatValue(value, { format, locale, formatWidth }) {
             return "";
     }
 }
+function getFormatToApply(value, internalFormat) {
+    let formatToApply = undefined;
+    let isNegativeFormat = false;
+    switch (typeof value) {
+        case "number":
+            if (value < 0 && internalFormat.negative) {
+                formatToApply = internalFormat.negative;
+                isNegativeFormat = true;
+            }
+            else if (value === 0 && internalFormat.zero) {
+                formatToApply = internalFormat.zero;
+            }
+            else {
+                formatToApply = internalFormat.positive;
+            }
+            break;
+        case "string":
+            const format = internalFormat.text || internalFormat.positive;
+            if (format.type === "text") {
+                formatToApply = format;
+            }
+            break;
+    }
+    return { format: formatToApply, isNegativeFormat };
+}
 function applyTextInternalFormat(value, internalFormat, formatWidth) {
     let formattedValue = "";
     for (const token of internalFormat.tokens) {
@@ -6341,6 +6365,27 @@ function isTextFormat(format) {
         return false;
     }
 }
+function formatHasRepeatedChar(value, format) {
+    if (!format) {
+        return false;
+    }
+    try {
+        const internalFormat = parseFormat(format);
+        const { format: formatToApply } = getFormatToApply(value, internalFormat);
+        if (formatToApply?.type === "text" || formatToApply?.type === "date") {
+            const tokens = formatToApply.tokens;
+            return tokens.some((token) => token.type === "REPEATED_CHAR");
+        }
+        else if (formatToApply?.type === "number") {
+            return (formatToApply.integerPart.some((token) => token.type === "REPEATED_CHAR") ||
+                (formatToApply.decimalPart
+                    ? formatToApply.decimalPart.some((token) => token.type === "REPEATED_CHAR")
+                    : false));
+        }
+    }
+    catch { }
+    return false;
+}
 
 function evaluateLiteral(literalCell, localeFormat, position) {
     const value = isTextFormat(localeFormat.format) && literalCell.parsedValue !== null
@@ -6353,6 +6398,9 @@ function parseLiteral(content, locale) {
     if (content.startsWith("=")) {
         throw new Error(`Cannot parse "${content}" because it's not a literal value. It's a formula`);
     }
+    if (content.startsWith("'")) {
+        return content.slice(1);
+    }
     if (content === "") {
         return null;
     }
@@ -9302,6 +9350,32 @@ function getCustomFieldWithParentField(definition, parentField, fields) {
         groups: [],
     });
 }
+function togglePivotCollapse(position, env) {
+    const pivotCell = env.model.getters.getPivotCellFromPosition(position);
+    const pivotId = env.model.getters.getPivotIdFromPosition(position);
+    if (!pivotId || pivotCell.type !== "HEADER") {
+        return;
+    }
+    const definition = env.model.getters.getPivotCoreDefinition(pivotId);
+    const collapsedDomains = definition.collapsedDomains?.[pivotCell.dimension]
+        ? [...definition.collapsedDomains[pivotCell.dimension]]
+        : [];
+    const index = collapsedDomains.findIndex((domain) => deepEquals(domain, pivotCell.domain));
+    if (index !== -1) {
+        collapsedDomains.splice(index, 1);
+    }
+    else {
+        collapsedDomains.push(pivotCell.domain);
+    }
+    const newDomains = definition.collapsedDomains
+        ? { ...definition.collapsedDomains }
+        : { COL: [], ROW: [] };
+    newDomains[pivotCell.dimension] = collapsedDomains;
+    env.model.dispatch("UPDATE_PIVOT", {
+        pivotId,
+        pivot: { ...definition, collapsedDomains: newDomains },
+    });
+}
 
 class CellClipboardHandler extends AbstractCellClipboardHandler {
     isCutAllowed(data) {
@@ -9475,7 +9549,7 @@ class CellClipboardHandler extends AbstractCellClipboardHandler {
     pasteCell(origin, target, clipboardOption) {
         const { sheetId, col, row } = target;
         const targetCell = this.getters.getEvaluatedCell(target);
-        const originFormat = origin?.format ?? origin.evaluatedCell.format;
+        const originFormat = origin?.format || origin.evaluatedCell.format;
         if (clipboardOption?.pasteOption === "asValue") {
             this.dispatch("UPDATE_CELL", {
                 ...target,
@@ -13701,7 +13775,7 @@ const GROWTH = {
         if (knownDataY.length === 0 || knownDataY[0].length === 0) {
             return new EvaluationError(emptyDataErrorMessage("known_data_y"));
         }
-        return expM(predictLinearValues(logM(toNumberMatrix(knownDataY, "the first argument (known_data_y)")), toNumberMatrix(knownDataX, "the second argument (known_data_x)"), toNumberMatrix(newDataX, "the third argument (new_data_y)"), toBoolean(b)));
+        return expM(predictLinearValues(logM(toNumberMatrix(knownDataY, "known_data_y")), toNumberMatrix(knownDataX, "known_data_x"), toNumberMatrix(newDataX, "new_data_y"), toBoolean(b)));
     },
 };
 // -----------------------------------------------------------------------------
@@ -13774,7 +13848,7 @@ const LINEST = {
         if (dataY.length === 0 || dataY[0].length === 0) {
             return new EvaluationError(emptyDataErrorMessage("data_y"));
         }
-        return fullLinearRegression(toNumberMatrix(dataX, "the first argument (data_y)"), toNumberMatrix(dataY, "the second argument (data_x)"), toBoolean(calculateB), toBoolean(verbose));
+        return fullLinearRegression(toNumberMatrix(dataX, "data_x"), toNumberMatrix(dataY, "data_y"), toBoolean(calculateB), toBoolean(verbose));
     },
     isExported: true,
 };
@@ -13793,7 +13867,7 @@ const LOGEST = {
         if (dataY.length === 0 || dataY[0].length === 0) {
             return new EvaluationError(emptyDataErrorMessage("data_y"));
         }
-        const coeffs = fullLinearRegression(toNumberMatrix(dataX, "the second argument (data_x)"), logM(toNumberMatrix(dataY, "the first argument (data_y)")), toBoolean(calculateB), toBoolean(verbose));
+        const coeffs = fullLinearRegression(toNumberMatrix(dataX, "data_x"), logM(toNumberMatrix(dataY, "data_y")), toBoolean(calculateB), toBoolean(verbose));
         for (let i = 0; i < coeffs.length; i++) {
             coeffs[i][0] = Math.exp(coeffs[i][0]);
         }
@@ -14414,7 +14488,7 @@ const TREND = {
         if (knownDataY.length === 0 || knownDataY[0].length === 0) {
             return new EvaluationError(emptyDataErrorMessage("known_data_y"));
         }
-        return predictLinearValues(toNumberMatrix(knownDataY, "the first argument (known_data_y)"), toNumberMatrix(knownDataX, "the second argument (known_data_x)"), toNumberMatrix(newDataX, "the third argument (new_data_y)"), toBoolean(b));
+        return predictLinearValues(toNumberMatrix(knownDataY, "known_data_y"), toNumberMatrix(knownDataX, "known_data_x"), toNumberMatrix(newDataX, "new_data_y"), toBoolean(b));
     },
 };
 // -----------------------------------------------------------------------------
@@ -18635,7 +18709,7 @@ function parseOperand(tokens) {
         case "STRING":
             return {
                 type: "STRING",
-                value: removeStringQuotes(current.value),
+                value: unquote(current.value),
                 tokenStartIndex: current.tokenIndex,
                 tokenEndIndex: current.tokenIndex,
             };
@@ -22392,7 +22466,7 @@ function formulaArguments(tokens) {
                 dependencies.push(token.value);
                 break;
             case "STRING":
-                const value = removeStringQuotes(token.value);
+                const value = unquote(token.value);
                 literalValues.strings.push({ value });
                 break;
             case "NUMBER": {
@@ -22935,6 +23009,10 @@ const chartShowValuesPlugin = {
         }
         const ctx = chart.ctx;
         ctx.save();
+        const { left, top, height, width } = chart.chartArea;
+        ctx.beginPath();
+        ctx.rect(left, top, width, height);
+        ctx.clip();
         ctx.textAlign = "center";
         ctx.textBaseline = "middle";
         ctx.miterLimit = 1; // Avoid sharp artifacts on strokeText
@@ -23969,7 +24047,7 @@ class ChartJsComponent extends Component {
         this.chart.update();
     }
     hasChartDataChanged() {
-        return !deepEquals(this.currentRuntime.chartJsConfig.data, this.chartRuntime.chartJsConfig.data);
+        return !deepEquals(this.getChartDataInRuntime(this.currentRuntime), this.getChartDataInRuntime(this.chartRuntime));
     }
     enableAnimationInChartData(chartData) {
         return {
@@ -23977,6 +24055,17 @@ class ChartJsComponent extends Component {
             options: { ...chartData.options, animation: { animateRotate: true } },
         };
     }
+    getChartDataInRuntime(runtime) {
+        const data = runtime.chartJsConfig.data;
+        return {
+            labels: data.labels,
+            dataset: data.datasets.map((dataset) => ({
+                data: dataset.data,
+                label: dataset.label,
+                tree: dataset.tree,
+            })),
+        };
+    }
     get animationChartId() {
         return this.props.isFullScreen ? this.props.chartId + "-fullscreen" : this.props.chartId;
     }
@@ -24644,6 +24733,7 @@ class ScorecardChart extends Component {
     static template = "o-spreadsheet-ScorecardChart";
     static props = {
         chartId: String,
+        isFullScreen: { type: Boolean, optional: true },
     };
     canvas = useRef("chartContainer");
     get runtime() {
@@ -25399,6 +25489,7 @@ function getChartTimeOptions(labels, labelFormat, locale) {
         parser: luxonFormat,
         displayFormats,
         unit: timeUnit ?? false,
+        tooltipFormat: luxonFormat,
     };
 }
 /**
@@ -26467,6 +26558,7 @@ function getLineChartScales(definition, args) {
         };
         Object.assign(scales.x, axis);
         scales.x.ticks.maxTicksLimit = 15;
+        delete scales?.x?.ticks?.callback;
     }
     else if (axisType === "linear") {
         scales.x.type = "linear";
@@ -27407,26 +27499,6 @@ function createBarChartRuntime(chart, getters) {
     return { chartJsConfig: config, background: chart.background || BACKGROUND_CHART_COLOR };
 }
 
-class FullScreenChartStore extends SpreadsheetStore {
-    mutators = ["toggleFullScreenChart"];
-    fullScreenFigure = undefined;
-    toggleFullScreenChart(figureId) {
-        if (this.fullScreenFigure?.id === figureId) {
-            this.fullScreenFigure = undefined;
-        }
-        else {
-            this.makeFullScreen(figureId);
-        }
-    }
-    makeFullScreen(figureId) {
-        const sheetId = this.getters.getActiveSheetId();
-        const figure = this.getters.getFigure(sheetId, figureId);
-        if (figure) {
-            this.fullScreenFigure = { ...figure, x: 0, y: 0, width: 0, height: 0 };
-        }
-    }
-}
-
 const TREND_LINE_AXES_IDS = [TREND_LINE_XAXIS_ID, MOVING_AVERAGE_TREND_LINE_XAXIS_ID];
 const ZOOMABLE_AXIS_IDS = ["x", ...TREND_LINE_AXES_IDS];
 class ZoomableChartStore extends SpreadsheetStore {
@@ -27591,7 +27663,6 @@ chartJsExtensionRegistry.add("zoomWindowPlugin", {
 class ZoomableChartJsComponent extends ChartJsComponent {
     static template = "o-spreadsheet-ZoomableChartJsComponent";
     store;
-    fullScreenChartStore;
     masterChartCanvas = useRef("masterChartCanvas");
     masterChart;
     mode;
@@ -27602,7 +27673,6 @@ class ZoomableChartJsComponent extends ChartJsComponent {
     removeEventListeners = () => { };
     setup() {
         this.store = useStore(ZoomableChartStore);
-        this.fullScreenChartStore = useStore(FullScreenChartStore);
         super.setup();
     }
     unmount() {
@@ -27617,12 +27687,8 @@ class ZoomableChartJsComponent extends ChartJsComponent {
     `;
     }
     get sliceable() {
-        if (this.env.isDashboard()) {
-            const fullScreenFigureId = this.fullScreenChartStore.fullScreenFigure?.id;
-            const chartFigureId = this.env.model.getters.getFigureIdFromChartId(this.props.chartId);
-            if (fullScreenFigureId === chartFigureId) {
-                return true;
-            }
+        if (this.props.isFullScreen) {
+            return true;
         }
         const definition = this.env.model.getters.getChartDefinition(this.props.chartId);
         return ("zoomable" in definition && definition?.zoomable) ?? false;
@@ -27685,9 +27751,6 @@ class ZoomableChartJsComponent extends ChartJsComponent {
         const xMax = Math.max(...xValues);
         return { xMin, xMax };
     }
-    get shouldAnimate() {
-        return this.env.model.getters.isDashboard() && !this.sliceable;
-    }
     createChart(chartRuntime) {
         const chartData = chartRuntime.chartJsConfig;
         this.isBarChart = chartData.type === "bar";
@@ -27706,6 +27769,9 @@ class ZoomableChartJsComponent extends ChartJsComponent {
         const masterChartCtx = this.masterChartCanvas.el.getContext("2d");
         this.masterChart = new window.Chart(masterChartCtx, this.getMasterChartConfiguration(chartRuntime["masterChartConfig"]));
         this.resetAxesLimits();
+        if (this.chart?.options) {
+            this.chart.options.animation = false;
+        }
     }
     updateChartJs(chartRuntime) {
         const chartData = chartRuntime.chartJsConfig;
@@ -27739,6 +27805,9 @@ class ZoomableChartJsComponent extends ChartJsComponent {
             }
         }
         this.resetAxesLimits();
+        if (this.chart?.options) {
+            this.chart.options.animation = false;
+        }
     }
     resetAxesLimits() {
         if (!this.chart) {
@@ -27836,7 +27905,7 @@ class ZoomableChartJsComponent extends ChartJsComponent {
     onPointerDownInMasterChart(ev) {
         this.removeEventListeners();
         const position = ev.offsetX;
-        if (!this.masterChart?.chartArea || !this.chart?.scales.x) {
+        if (!this.masterChart?.chartArea || !this.chart?.scales?.x) {
             return;
         }
         const { left, right, top, bottom } = this.masterChart.chartArea;
@@ -31394,6 +31463,26 @@ function getCarouselItemTitle(getters, item) {
     return matchedChart.displayName;
 }
 
+class FullScreenFigureStore extends SpreadsheetStore {
+    mutators = ["toggleFullScreenFigure"];
+    fullScreenFigure = undefined;
+    toggleFullScreenFigure(figureId) {
+        if (this.fullScreenFigure?.id === figureId) {
+            this.fullScreenFigure = undefined;
+        }
+        else {
+            this.makeFullScreen(figureId);
+        }
+    }
+    makeFullScreen(figureId) {
+        const sheetId = this.getters.getActiveSheetId();
+        const figure = this.getters.getFigure(sheetId, figureId);
+        if (figure) {
+            this.fullScreenFigure = { ...figure, x: 0, y: 0, width: 0, height: 0 };
+        }
+    }
+}
+
 /**
  * This file is largely inspired by owl 1.
  * `css` tag has been removed from owl 2 without workaround to manage css.
@@ -31548,7 +31637,8 @@ class Menu extends Component {
         const menuItemsAndSeparators = [];
         for (let i = 0; i < this.props.menuItems.length; i++) {
             const menuItem = this.props.menuItems[i];
-            if (menuItem.isVisible(this.env)) {
+            if (menuItem.isVisible(this.env) &&
+                (!this.isRoot(menuItem) || this.hasVisibleChildren(menuItem))) {
                 menuItemsAndSeparators.push(menuItem);
             }
             if (menuItem.separator &&
@@ -31590,6 +31680,9 @@ class Menu extends Component {
     isRoot(menu) {
         return !menu.execute;
     }
+    hasVisibleChildren(menu) {
+        return menu.children(this.env).some((child) => child.isVisible(this.env));
+    }
     isEnabled(menu) {
         if (menu.isEnabled(this.env)) {
             return this.env.model.getters.isReadonly() ? menu.isReadonlyAllowed : true;
@@ -32131,12 +32224,13 @@ class MenuPopover extends Component {
 class ChartDashboardMenu extends Component {
     static template = "o-spreadsheet-ChartDashboardMenu";
     static components = { MenuPopover };
-    static props = { chartId: String };
+    static props = { chartId: String, hasFullScreenButton: { type: Boolean, optional: true } };
+    static defaultProps = { hasFullScreenButton: true };
     fullScreenFigureStore;
     menuState = useState({ isOpen: false, anchorRect: null, menuItems: [] });
     setup() {
         super.setup();
-        this.fullScreenFigureStore = useStore(FullScreenChartStore);
+        this.fullScreenFigureStore = useStore(FullScreenFigureStore);
     }
     getMenuItems() {
         return [this.fullScreenMenuItem].filter(isDefined);
@@ -32147,11 +32241,14 @@ class ChartDashboardMenu extends Component {
     }
     openContextMenu(ev) {
         this.menuState.isOpen = true;
-        this.menuState.anchorRect = { x: ev.clientX, y: ev.clientY, width: 0, height: 0 };
+        this.menuState.anchorRect = getBoundingRectAsPOJO(ev.currentTarget);
         const figureId = this.env.model.getters.getFigureIdFromChartId(this.props.chartId);
         this.menuState.menuItems = getChartMenuActions(figureId, () => { }, this.env);
     }
     get fullScreenMenuItem() {
+        if (!this.props.hasFullScreenButton) {
+            return undefined;
+        }
         const definition = this.env.model.getters.getChartDefinition(this.props.chartId);
         const figureId = this.env.model.getters.getFigureIdFromChartId(this.props.chartId);
         if (definition.type === "scorecard") {
@@ -32163,7 +32260,7 @@ class ChartDashboardMenu extends Component {
             label: isFullScreen ? _t("Exit Full Screen") : _t("Full Screen"),
             class: `text-muted fa ${isFullScreen ? "fa-compress" : "fa-expand"}`,
             onClick: () => {
-                this.fullScreenFigureStore.toggleFullScreenChart(figureId);
+                this.fullScreenFigureStore.toggleFullScreenFigure(figureId);
             },
         };
     }
@@ -32175,6 +32272,8 @@ class CarouselFigure extends Component {
         figureUI: Object,
         onFigureDeleted: Function,
         editFigureStyle: { type: Function, optional: true },
+        isFullScreen: { type: Boolean, optional: true },
+        openContextMenu: { type: Function, optional: true },
     };
     static components = { ChartDashboardMenu, MenuPopover };
     carouselTabsRef = useRef("carouselTabs");
@@ -32182,8 +32281,10 @@ class CarouselFigure extends Component {
     menuState = useState({ isOpen: false, anchorRect: null, menuItems: [] });
     hiddenItems = [];
     animationStore;
+    fullScreenFigureStore;
     setup() {
         this.animationStore = useStore(ChartAnimationStore);
+        this.fullScreenFigureStore = useStore(FullScreenFigureStore);
         useEffect(() => {
             if (this.selectedCarouselItem?.type === "carouselDataView") {
                 this.props.editFigureStyle?.({ "pointer-events": "none" });
@@ -32230,7 +32331,8 @@ class CarouselFigure extends Component {
             item,
         });
         if (item.type === "chart") {
-            this.animationStore?.enableAnimationForChart(item.chartId);
+            const animationChartId = item.chartId + (this.props.isFullScreen ? "-fullscreen" : "");
+            this.animationStore?.enableAnimationForChart(animationChartId);
         }
     }
     get headerStyle() {
@@ -32294,6 +32396,23 @@ class CarouselFigure extends Component {
         this.menuState.anchorRect = rect;
         this.menuState.menuItems = createActions(menuItems);
     }
+    toggleFullScreen() {
+        if (this.selectedCarouselItem?.type === "chart") {
+            this.fullScreenFigureStore.toggleFullScreenFigure(this.props.figureUI.id);
+        }
+    }
+    get fullScreenButtonTitle() {
+        return this.props.isFullScreen ? _t("Exit Full Screen") : _t("Full Screen");
+    }
+    get visibleCarouselItems() {
+        return this.carousel.items.filter((item) => item.type === "carouselDataView" && this.props.isFullScreen ? false : true);
+    }
+    openContextMenu(event) {
+        const target = event.currentTarget;
+        if (target) {
+            this.props.openContextMenu?.(getBoundingRectAsPOJO(target));
+        }
+    }
 }
 
 class ChartFigure extends Component {
@@ -32302,6 +32421,8 @@ class ChartFigure extends Component {
         figureUI: Object,
         onFigureDeleted: Function,
         editFigureStyle: { type: Function, optional: true },
+        isFullScreen: { type: Boolean, optional: true },
+        openContextMenu: { type: Function, optional: true },
     };
     static components = { ChartDashboardMenu };
     onDoubleClick() {
@@ -32334,6 +32455,7 @@ class ImageFigure extends Component {
         figureUI: Object,
         onFigureDeleted: Function,
         editFigureStyle: { type: Function, optional: true },
+        openContextMenu: { type: Function, optional: true },
     };
     static components = {};
     // ---------------------------------------------------------------------------
@@ -32404,9 +32526,7 @@ class FigureComponent extends Component {
         return this.isSelected ? ACTIVE_BORDER_WIDTH : this.borderWidth;
     }
     getBorderStyle(position) {
-        const borderWidth = this.getBorderWidth();
-        const borderColor = this.isSelected ? SELECTION_BORDER_COLOR : FIGURE_BORDER_COLOR;
-        return `border-${position}: ${borderWidth}px solid ${borderColor};`;
+        return `border-${position}-width: ${this.getBorderWidth()}px;`;
     }
     get wrapperStyle() {
         const { x, y, width, height } = this.props.figureUI;
@@ -34138,8 +34258,11 @@ class Composer extends Component {
         }
         const newSelection = this.contentHelper.getCurrentSelection();
         this.props.composerStore.stopComposerRangeSelection();
-        this.props.onComposerContentFocused();
-        this.props.composerStore.changeComposerCursorSelection(newSelection.start, newSelection.end);
+        const isCurrentlyInactive = this.props.composerStore.editionMode === "inactive";
+        this.props.onComposerContentFocused(newSelection);
+        if (!isCurrentlyInactive) {
+            this.props.composerStore.changeComposerCursorSelection(newSelection.start, newSelection.end);
+        }
         this.processTokenAtCursor();
     }
     onDblClick() {
@@ -34634,13 +34757,6 @@ class AbstractComposerStore extends SpreadsheetStore {
         }
     }
     startEdition(text, selection) {
-        if (selection) {
-            const content = text || this.getComposerContent(this.getters.getActivePosition());
-            const validSelection = this.isSelectionValid(content.length, selection.start, selection.end);
-            if (!validSelection) {
-                return;
-            }
-        }
         const { col, row } = this.getters.getActivePosition();
         this.model.dispatch("SELECT_FIGURE", { figureId: null });
         this.model.dispatch("SCROLL_TO_CELL", { col, row });
@@ -34697,7 +34813,7 @@ class AbstractComposerStore extends SpreadsheetStore {
     // ---------------------------------------------------------------------------
     get currentContent() {
         if (this.editionMode === "inactive") {
-            return this.getComposerContent(this.getters.getActivePosition());
+            return this.getComposerContent(this.getters.getActivePosition()).text;
         }
         return this._currentContent;
     }
@@ -34896,8 +35012,9 @@ class AbstractComposerStore extends SpreadsheetStore {
         this.sheetId = sheetId;
         this.row = row;
         this.editionMode = "editing";
-        this.initialContent = this.getComposerContent({ sheetId, col, row });
-        this.setContent(str || this.initialContent, selection);
+        const { text, adjustedSelection } = this.getComposerContent({ sheetId, col, row }, selection);
+        this.initialContent = text;
+        this.setContent(str || this.initialContent, adjustedSelection ?? selection);
         this.colorIndexByRange = {};
         const zone = positionToZone({ col: this.col, row: this.row });
         this.captureSelection(zone, col, row);
@@ -35374,7 +35491,7 @@ class StandaloneComposerStore extends AbstractComposerStore {
     constructor(get, args) {
         super(get);
         this.args = args;
-        this._currentContent = this.getComposerContent();
+        this._currentContent = this.getComposerContent().text;
     }
     getAutoCompleteProviders() {
         const providersDefinitions = super.getAutoCompleteProviders();
@@ -35411,7 +35528,7 @@ class StandaloneComposerStore extends AbstractComposerStore {
             })
                 .join("");
         }
-        return localizeContent(content, this.getters.getLocale());
+        return { text: localizeContent(content, this.getters.getLocale()) };
     }
     stopEdition() {
         this._stopEdition();
@@ -38631,6 +38748,74 @@ function getPath2D(svgPath) {
     return path2D;
 }
 
+/**
+ * Get the relative path between two files
+ *
+ * Eg.:
+ * from "folder1/file1.txt" to "folder2/file2.txt" => "../folder2/file2.txt"
+ */
+function getRelativePath(from, to) {
+    const fromPathParts = from.split("/");
+    const toPathParts = to.split("/");
+    let relPath = "";
+    let startIndex = 0;
+    for (let i = 0; i < fromPathParts.length - 1; i++) {
+        if (fromPathParts[i] === toPathParts[i]) {
+            startIndex++;
+        }
+        else {
+            relPath += "../";
+        }
+    }
+    relPath += toPathParts.slice(startIndex).join("/");
+    return relPath;
+}
+/**
+ * Convert an array of element into an object where the objects keys were the elements position in the array.
+ * Can give an offset as argument, and all the array indexes will we shifted by this offset in the returned object.
+ *
+ * eg. : ["a", "b"] => {0:"a", 1:"b"}
+ */
+function arrayToObject(array, indexOffset = 0) {
+    const obj = {};
+    for (let i = 0; i < array.length; i++) {
+        if (array[i]) {
+            obj[i + indexOffset] = array[i];
+        }
+    }
+    return obj;
+}
+/**
+ * In xlsx we can have string with unicode characters with the format _x00fa_.
+ * Replace with characters understandable by JS
+ */
+function fixXlsxUnicode(str) {
+    return str.replace(/_x([0-9a-zA-Z]{4})_/g, (match, code) => {
+        return String.fromCharCode(parseInt(code, 16));
+    });
+}
+/** Get a header in the SheetData. Create the header if it doesn't exist in the SheetData */
+function getSheetDataHeader(sheetData, dimension, index) {
+    if (dimension === "COL") {
+        if (!sheetData.cols[index]) {
+            sheetData.cols[index] = {};
+        }
+        return sheetData.cols[index];
+    }
+    if (!sheetData.rows[index]) {
+        sheetData.rows[index] = {};
+    }
+    return sheetData.rows[index];
+}
+/** Prefix the string by "=" if the string looks like a formula */
+function prefixFormulaWithEqual(formula) {
+    if (formula[0] === "=") {
+        return formula;
+    }
+    const tokens = tokenize(formula);
+    return tokens.length === 1 && tokens[0].type !== "REFERENCE" ? formula : "=" + formula;
+}
+
 /**
  * Map of the different types of conversions warnings and their name in error messages
  */
@@ -39153,66 +39338,6 @@ function hexaToInt(hex) {
  */
 const DEFAULT_SYSTEM_COLOR = "FF000000";
 
-/**
- * Get the relative path between two files
- *
- * Eg.:
- * from "folder1/file1.txt" to "folder2/file2.txt" => "../folder2/file2.txt"
- */
-function getRelativePath(from, to) {
-    const fromPathParts = from.split("/");
-    const toPathParts = to.split("/");
-    let relPath = "";
-    let startIndex = 0;
-    for (let i = 0; i < fromPathParts.length - 1; i++) {
-        if (fromPathParts[i] === toPathParts[i]) {
-            startIndex++;
-        }
-        else {
-            relPath += "../";
-        }
-    }
-    relPath += toPathParts.slice(startIndex).join("/");
-    return relPath;
-}
-/**
- * Convert an array of element into an object where the objects keys were the elements position in the array.
- * Can give an offset as argument, and all the array indexes will we shifted by this offset in the returned object.
- *
- * eg. : ["a", "b"] => {0:"a", 1:"b"}
- */
-function arrayToObject(array, indexOffset = 0) {
-    const obj = {};
-    for (let i = 0; i < array.length; i++) {
-        if (array[i]) {
-            obj[i + indexOffset] = array[i];
-        }
-    }
-    return obj;
-}
-/**
- * In xlsx we can have string with unicode characters with the format _x00fa_.
- * Replace with characters understandable by JS
- */
-function fixXlsxUnicode(str) {
-    return str.replace(/_x([0-9a-zA-Z]{4})_/g, (match, code) => {
-        return String.fromCharCode(parseInt(code, 16));
-    });
-}
-/** Get a header in the SheetData. Create the header if it doesn't exist in the SheetData */
-function getSheetDataHeader(sheetData, dimension, index) {
-    if (dimension === "COL") {
-        if (!sheetData.cols[index]) {
-            sheetData.cols[index] = {};
-        }
-        return sheetData.cols[index];
-    }
-    if (!sheetData.rows[index]) {
-        sheetData.rows[index] = {};
-    }
-    return sheetData.rows[index];
-}
-
 const XLSX_DATE_FORMAT_REGEX = /^(yy|yyyy|m{1,5}|d{1,4}|h{1,2}|s{1,2}|am\/pm|a\/m|\s|-|\/|\.|:)+$/i;
 /**
  * Convert excel format to o_spreadsheet format
@@ -39427,9 +39552,9 @@ function convertConditionalFormats(xlsxCfs, dxfs, warningManager) {
                 if (!rule.operator || !rule.formula || rule.formula.length === 0)
                     continue;
                 operator = CF_OPERATOR_TYPE_CONVERSION_MAP[rule.operator];
-                values.push(prefixFormula(rule.formula[0]));
+                values.push(prefixFormulaWithEqual(rule.formula[0]));
                 if (rule.formula.length === 2) {
-                    values.push(prefixFormula(rule.formula[1]));
+                    values.push(prefixFormulaWithEqual(rule.formula[1]));
                 }
                 break;
         }
@@ -39587,11 +39712,6 @@ function convertIcons(xlsxIconSet, index) {
             ? ICON_SETS[iconSet].neutral
             : ICON_SETS[iconSet].good;
 }
-/** Prefix the string by "=" if the string looks like a formula */
-function prefixFormula(formula) {
-    const tokens = tokenize(formula);
-    return tokens.length === 1 && tokens[0].type !== "REFERENCE" ? formula : "=" + formula;
-}
 // ---------------------------------------------------------------------------
 // Warnings
 // ---------------------------------------------------------------------------
@@ -40067,7 +40187,7 @@ function convertDataValidationRules(xlsxDataValidations, warningManager) {
                 dvRules.push(decimalRule);
                 break;
             case "list":
-                const listRule = convertListrule(dvId++, dv);
+                const listRule = convertListRule(dvId++, dv);
                 dvRules.push(listRule);
                 break;
             case "date":
@@ -40087,9 +40207,9 @@ function convertDataValidationRules(xlsxDataValidations, warningManager) {
     return dvRules;
 }
 function convertDecimalRule(id, dv) {
-    const values = [dv.formula1.toString()];
+    const values = [prefixFormulaWithEqual(dv.formula1.toString())];
     if (dv.formula2) {
-        values.push(dv.formula2.toString());
+        values.push(prefixFormulaWithEqual(dv.formula2.toString()));
     }
     return {
         id: id.toString(),
@@ -40101,7 +40221,7 @@ function convertDecimalRule(id, dv) {
         },
     };
 }
-function convertListrule(id, dv) {
+function convertListRule(id, dv) {
     const formula1 = dv.formula1.toString();
     const isRangeRule = rangeReference.test(formula1);
     return {
@@ -40117,9 +40237,9 @@ function convertListrule(id, dv) {
 }
 function convertDateRule(id, dv) {
     let criterion;
-    const values = [dv.formula1.toString()];
+    const values = [prefixFormulaWithEqual(dv.formula1.toString())];
     if (dv.formula2) {
-        values.push(dv.formula2.toString());
+        values.push(prefixFormulaWithEqual(dv.formula2.toString()));
         criterion = {
             type: XLSX_DV_DATE_OPERATOR_TO_DV_TYPE_MAPPING[dv.operator],
             values: getDateCriterionFormattedValues(values, DEFAULT_LOCALE),
@@ -40146,7 +40266,7 @@ function convertCustomRule(id, dv) {
         isBlocking: dv.errorStyle !== "warning",
         criterion: {
             type: "customFormula",
-            values: [`=${dv.formula1.toString()}`],
+            values: [prefixFormulaWithEqual(dv.formula1.toString())],
         },
     };
 }
@@ -45920,6 +46040,18 @@ class SpreadsheetPivotTable {
     get numberOfCells() {
         return this.rows.length * this.getNumberOfDataColumns();
     }
+    getColumnDomainsAtDepth(depth) {
+        if (depth < 0 || depth >= this.columns.length - 1) {
+            return [];
+        }
+        return this.columns[depth].map((col) => this.getDomain(col)).filter((d) => d.length);
+    }
+    getRowDomainsAtDepth(depth) {
+        if (depth < 0 || depth > this.maxIndent) {
+            return [];
+        }
+        return this.rows.filter((row) => row.indent === depth + 1).map((row) => this.getDomain(row));
+    }
 }
 const EMPTY_PIVOT_CELL = { type: "EMPTY" };
 
@@ -46912,6 +47044,109 @@ const ungroupPivotHeadersAction = {
         return areFieldValuesInGroups(definition, values, field, pivot.getFields());
     },
 };
+const toggleCollapsePivotGroupAction = {
+    name: (env) => {
+        const position = env.model.getters.getActivePosition();
+        const pivotCellState = getPivotCellCollapseState(env.model.getters, position);
+        if (pivotCellState.isPivotGroup) {
+            return pivotCellState.isCollapsed ? _t("Expand") : _t("Collapse");
+        }
+        return "";
+    },
+    execute(env) {
+        const position = env.model.getters.getActivePosition();
+        togglePivotCollapse(position, env);
+    },
+    isVisible: (env) => {
+        const position = env.model.getters.getActivePosition();
+        const pivotCellState = getPivotCellCollapseState(env.model.getters, position);
+        return pivotCellState.isPivotGroup;
+    },
+};
+const collapseAllPivotGroupAction = {
+    name: _t("Collapse all"),
+    execute(env) {
+        const position = env.model.getters.getActivePosition();
+        const pivotCellState = getPivotCellCollapseState(env.model.getters, position);
+        if (!pivotCellState.isPivotGroup) {
+            return;
+        }
+        const { pivotCell, pivotId, siblingDomains } = pivotCellState;
+        const definition = deepCopy(env.model.getters.getPivotCoreDefinition(pivotId));
+        definition.collapsedDomains = definition.collapsedDomains || { COL: [], ROW: [] };
+        const newCollapsed = [
+            ...(definition.collapsedDomains[pivotCell.dimension] || []),
+            ...siblingDomains,
+        ];
+        const filteredCollapsed = newCollapsed.filter((domain, index) => index === newCollapsed.findIndex((d) => deepEquals(d, domain)));
+        definition.collapsedDomains[pivotCell.dimension] = filteredCollapsed;
+        env.model.dispatch("UPDATE_PIVOT", { pivotId, pivot: definition });
+    },
+    isVisible: (env) => {
+        const position = env.model.getters.getActivePosition();
+        const pivotCellState = getPivotCellCollapseState(env.model.getters, position);
+        if (!pivotCellState.isPivotGroup) {
+            return false;
+        }
+        const { pivotCell, pivotId, siblingDomains } = pivotCellState;
+        const definition = env.model.getters.getPivotCoreDefinition(pivotId);
+        return !siblingDomains.every((domain) => (definition.collapsedDomains?.[pivotCell.dimension] || []).some((d) => deepEquals(d, domain)));
+    },
+};
+const expandAllPivotGroupAction = {
+    name: _t("Expand all"),
+    execute(env) {
+        const position = env.model.getters.getActivePosition();
+        const pivotCellState = getPivotCellCollapseState(env.model.getters, position);
+        if (!pivotCellState.isPivotGroup) {
+            return;
+        }
+        const { pivotCell, pivotId, siblingDomains } = pivotCellState;
+        const definition = deepCopy(env.model.getters.getPivotCoreDefinition(pivotId));
+        definition.collapsedDomains = definition.collapsedDomains || { COL: [], ROW: [] };
+        const domains = definition.collapsedDomains[pivotCell.dimension] || [];
+        const filteredDomains = domains.filter((domain) => !siblingDomains.find((d) => deepEquals(d, domain)));
+        definition.collapsedDomains[pivotCell.dimension] = filteredDomains;
+        env.model.dispatch("UPDATE_PIVOT", { pivotId, pivot: definition });
+    },
+    isVisible: (env) => {
+        const position = env.model.getters.getActivePosition();
+        const pivotCellState = getPivotCellCollapseState(env.model.getters, position);
+        if (!pivotCellState.isPivotGroup) {
+            return false;
+        }
+        const { pivotCell, pivotId, siblingDomains } = pivotCellState;
+        const definition = env.model.getters.getPivotCoreDefinition(pivotId);
+        const collapsedDomains = definition.collapsedDomains?.[pivotCell.dimension] || [];
+        return collapsedDomains.some((domain) => siblingDomains.some((d) => deepEquals(d, domain)));
+    },
+};
+function getPivotCellCollapseState(getters, position) {
+    if (!getters.isSpillPivotFormula(position)) {
+        return { isPivotGroup: false };
+    }
+    const pivotCell = getters.getPivotCellFromPosition(position);
+    const pivotId = getters.getPivotIdFromPosition(position);
+    if (pivotCell.type !== "HEADER" || !pivotId || !pivotCell.domain.length) {
+        return { isPivotGroup: false };
+    }
+    const definition = getters.getPivotCoreDefinition(pivotId);
+    const isDashboard = getters.isDashboard();
+    const fields = pivotCell.dimension === "COL" ? definition.columns : definition.rows;
+    const hasIcon = !isDashboard && pivotCell.domain.length !== fields.length;
+    if (!hasIcon) {
+        return { isPivotGroup: false };
+    }
+    const domains = definition.collapsedDomains?.[pivotCell.dimension] ?? [];
+    const isCollapsed = domains.some((domain) => deepEquals(domain, pivotCell.domain));
+    const pivot = getters.getPivot(pivotId);
+    const table = pivot.getExpandedTableStructure();
+    const depth = pivotCell.domain.length - 1;
+    const siblingDomains = pivotCell.dimension === "ROW"
+        ? table.getRowDomainsAtDepth(depth)
+        : table.getColumnDomainsAtDepth(depth);
+    return { isPivotGroup: true, isCollapsed, pivotCell, pivotId, siblingDomains };
+}
 function canSortPivot(getters, position) {
     const pivotId = getters.getPivotIdFromPosition(position);
     if (!pivotId || !getters.isExistingPivot(pivotId) || !getters.isSpillPivotFormula(position)) {
@@ -47247,6 +47482,23 @@ cellMenuRegistry
     sequence: 155,
     icon: "o-spreadsheet-Icon.MINUS_IN_BOX",
     ...ungroupPivotHeadersAction,
+})
+    .add("collapse_pivot", {
+    sequence: 156,
+    name: _t("Expand/Collapse"),
+    icon: "o-spreadsheet-Icon.COLLAPSE",
+})
+    .addChild("toggle_collapse_pivot_cell", ["collapse_pivot"], {
+    sequence: 10,
+    ...toggleCollapsePivotGroupAction,
+})
+    .addChild("collapse_all_pivot", ["collapse_pivot"], {
+    sequence: 20,
+    ...collapseAllPivotGroupAction,
+})
+    .addChild("expand_all_pivot", ["collapse_pivot"], {
+    sequence: 30,
+    ...expandAllPivotGroupAction,
 })
     .add("pivot_sorting", {
     name: _t("Sort pivot"),
@@ -47871,6 +48123,7 @@ function createHeaderGroupContainerContextMenu(sheetId, dimension) {
             execute: (env) => {
                 env.model.dispatch("UNFOLD_ALL_HEADER_GROUPS", { sheetId, dimension });
             },
+            icon: "o-spreadsheet-Icon.EXPAND",
         },
         {
             id: "fold_all",
@@ -47878,6 +48131,7 @@ function createHeaderGroupContainerContextMenu(sheetId, dimension) {
             execute: (env) => {
                 env.model.dispatch("FOLD_ALL_HEADER_GROUPS", { sheetId, dimension });
             },
+            icon: "o-spreadsheet-Icon.COLLAPSE",
         },
     ]);
 }
@@ -47899,6 +48153,11 @@ function getHeaderGroupContextMenu(sheetId, dimension, start, end) {
                 const sheetId = env.model.getters.getActiveSheetId();
                 interactiveToggleGroup(env, sheetId, dimension, start, end);
             },
+            icon: (env) => {
+                const sheetId = env.model.getters.getActiveSheetId();
+                const groupIsFolded = env.model.getters.isGroupFolded(sheetId, dimension, start, end);
+                return groupIsFolded ? "o-spreadsheet-Icon.EXPAND" : "o-spreadsheet-Icon.COLLAPSE";
+            },
         },
         {
             id: "remove_group",
@@ -47907,6 +48166,7 @@ function getHeaderGroupContextMenu(sheetId, dimension, start, end) {
                 const sheetId = env.model.getters.getActiveSheetId();
                 env.model.dispatch("UNGROUP_HEADERS", { sheetId, dimension, start, end });
             },
+            icon: "o-spreadsheet-Icon.TRASH",
             separator: true,
         },
     ]);
@@ -48769,39 +49029,66 @@ class CellComposerStore extends AbstractComposerStore {
         this.model.dispatch("AUTOFILL_TABLE_COLUMN", { ...this.currentEditedCell });
         this.setContent("");
     }
-    getComposerContent(position) {
+    getComposerContent(position, selection) {
         const locale = this.getters.getLocale();
         const cell = this.getters.getCell(position);
         if (cell?.isFormula) {
             const prettifiedContent = this.getPrettifiedFormula(cell);
-            return localizeFormula(prettifiedContent, locale);
+            // when a formula is prettified (multi lines, indented), adapt the cursor position
+            // to take into account line breaks and tabs
+            function adjustCursorIndex(targetIndex) {
+                let adjustedIndex = 0;
+                let originalIndex = 0;
+                while (originalIndex < targetIndex) {
+                    adjustedIndex++;
+                    const char = prettifiedContent[adjustedIndex];
+                    if (char !== "\n" && char !== "\t") {
+                        originalIndex++;
+                    }
+                }
+                return adjustedIndex;
+            }
+            let adjustedSelection = selection;
+            if (selection) {
+                adjustedSelection = {
+                    start: adjustCursorIndex(selection.start),
+                    end: adjustCursorIndex(selection.end),
+                };
+            }
+            return {
+                text: localizeFormula(prettifiedContent, locale),
+                adjustedSelection,
+            };
         }
         const spreader = this.model.getters.getArrayFormulaSpreadingOn(position);
         if (spreader) {
-            return "";
+            return { text: "" };
+        }
+        if (cell?.content.startsWith("'")) {
+            return { text: cell.content };
         }
         const { format, value, type, formattedValue } = this.getters.getEvaluatedCell(position);
         switch (type) {
             case CellValueType.empty:
-                return "";
+                return { text: "" };
             case CellValueType.text:
             case CellValueType.error:
-                return value;
+                return { text: value };
             case CellValueType.boolean:
-                return formattedValue;
+                return { text: formattedValue };
             case CellValueType.number:
                 if (format && isDateTimeFormat(format)) {
                     if (parseDateTime(formattedValue, locale) !== null) {
                         // formatted string can be parsed again
-                        return formattedValue;
+                        return { text: formattedValue };
                     }
                     // display a simplified and parsable string otherwise
                     const timeFormat = Number.isInteger(value)
                         ? locale.dateFormat
                         : getDateTimeFormat(locale);
-                    return formatValue(value, { locale, format: timeFormat });
+                    return { text: formatValue(value, { locale, format: timeFormat }) };
                 }
-                return this.numberComposerContent(value, format, locale);
+                return { text: this.numberComposerContent(value, format, locale) };
         }
     }
     getPrettifiedFormula(cell) {
@@ -48948,8 +49235,9 @@ class GridComposer extends Component {
             },
             focus: this.focus,
             isDefaultFocus: true,
-            onComposerContentFocused: () => this.composerFocusStore.focusComposer(this.composerInterface, {
+            onComposerContentFocused: (selection) => this.composerFocusStore.focusComposer(this.composerInterface, {
                 focusMode: "contentFocus",
+                selection,
             }),
             onComposerCellFocused: (content) => this.composerFocusStore.focusComposer(this.composerInterface, {
                 focusMode: "cellFocus",
@@ -51342,6 +51630,9 @@ class GridRenderer extends SpreadsheetStore {
         }
         const { align } = this.getters.getCellStyle(position);
         const evaluatedCell = this.getters.getEvaluatedCell(position);
+        if (formatHasRepeatedChar(evaluatedCell.value, evaluatedCell.format)) {
+            return "left";
+        }
         if (isOverflowing && evaluatedCell.type === CellValueType.number) {
             return align !== "center" ? "left" : align;
         }
@@ -55634,12 +55925,13 @@ class DataValidationEditor extends Component {
         onCloseSidePanel: { type: Function, optional: true },
     };
     state = useState({ rule: this.defaultDataValidationRule, errors: [] });
+    editingSheetId;
     setup() {
+        this.editingSheetId = this.env.model.getters.getActiveSheetId();
         if (this.props.rule) {
-            const sheetId = this.env.model.getters.getActiveSheetId();
             this.state.rule = {
                 ...this.props.rule,
-                ranges: this.props.rule.ranges.map((range) => this.env.model.getters.getRangeString(range, sheetId)),
+                ranges: this.props.rule.ranges.map((range) => this.env.model.getters.getRangeString(range, this.editingSheetId)),
             };
             this.state.rule.criterion.type = this.props.rule.criterion.type;
         }
@@ -55673,7 +55965,6 @@ class DataValidationEditor extends Component {
         const locale = this.env.model.getters.getLocale();
         const criterion = rule.criterion;
         const criterionEvaluator = criterionEvaluatorRegistry.get(criterion.type);
-        const sheetId = this.env.model.getters.getActiveSheetId();
         const values = criterion.values
             .slice(0, criterionEvaluator.numberOfValues(criterion))
             .map((value) => value?.trim())
@@ -55681,8 +55972,8 @@ class DataValidationEditor extends Component {
             .map((value) => canonicalizeContent(value, locale));
         rule.criterion = { ...criterion, values };
         return {
-            sheetId,
-            ranges: this.state.rule.ranges.map((xc) => this.env.model.getters.getRangeDataFromXc(sheetId, xc)),
+            sheetId: this.editingSheetId,
+            ranges: this.state.rule.ranges.map((xc) => this.env.model.getters.getRangeDataFromXc(this.editingSheetId, xc)),
             rule,
         };
     }
@@ -56813,7 +57104,7 @@ class PivotMeasureEditor extends Component {
         return undefined;
     }
     get isCalculatedMeasureInvalid() {
-        return this.env.model.getters.getMeasureCompiledFormula(this.props.measure).isBadExpression;
+        return compile(this.props.measure.computedBy?.formula ?? "").isBadExpression;
     }
 }
 
@@ -59528,16 +59819,16 @@ class ClickableCellSortIcon extends Component {
     }
 }
 
-class FullScreenChart extends Component {
-    static template = "o-spreadsheet-FullScreenChart";
+class FullScreenFigure extends Component {
+    static template = "o-spreadsheet-FullScreenFigure";
     static props = {};
-    static components = { ChartDashboardMenu };
-    fullScreenChartStore;
-    ref = useRef("fullScreenChart");
+    static components = { ChartFigure };
+    fullScreenFigureStore;
+    ref = useRef("fullScreenFigure");
     spreadsheetRect = useSpreadsheetRect();
     figureRegistry = figureRegistry;
     setup() {
-        this.fullScreenChartStore = useStore(FullScreenChartStore);
+        this.fullScreenFigureStore = useStore(FullScreenFigureStore);
         const animationStore = useStore(ChartAnimationStore);
         let lastFigureId = undefined;
         onWillUpdateProps(() => {
@@ -59549,7 +59840,7 @@ class FullScreenChart extends Component {
         useEffect((el) => el?.focus(), () => [this.ref.el]);
     }
     get figureUI() {
-        return this.fullScreenChartStore.fullScreenFigure;
+        return this.fullScreenFigureStore.fullScreenFigure;
     }
     get chartId() {
         if (!this.figureUI)
@@ -59558,7 +59849,7 @@ class FullScreenChart extends Component {
     }
     exitFullScreen() {
         if (this.figureUI) {
-            this.fullScreenChartStore.toggleFullScreenChart(this.figureUI.id);
+            this.fullScreenFigureStore.toggleFullScreenFigure(this.figureUI.id);
         }
     }
     onKeyDown(ev) {
@@ -59566,15 +59857,10 @@ class FullScreenChart extends Component {
             this.exitFullScreen();
         }
     }
-    get chartComponent() {
-        if (!this.chartId)
+    get figureComponent() {
+        if (!this.figureUI)
             return undefined;
-        const type = this.env.model.getters.getChartType(this.chartId);
-        const component = chartComponentRegistry.get(type);
-        if (!component) {
-            throw new Error(`Component is not defined for type ${type}`);
-        }
-        return component;
+        return figureRegistry.get(this.figureUI.tag).Component;
     }
 }
 
@@ -60797,7 +61083,7 @@ class CellPlugin extends CorePlugin {
                 (typeof parsedValue === "number"
                     ? detectDateFormat(content, locale) || detectNumberFormat(content)
                     : undefined);
-        if (!isTextFormat(format) && !isEvaluationError(content)) {
+        if (!isTextFormat(format) && !content.startsWith("'") && !isEvaluationError(content)) {
             content = toString(parsedValue);
         }
         return {
@@ -62277,11 +62563,11 @@ class HeaderSizePlugin extends CorePlugin {
                 break;
             }
             case "ADD_COLUMNS_ROWS": {
-                const sizes = [...this.sizes[cmd.sheetId][cmd.dimension]];
+                const sizes = this.sizes[cmd.sheetId][cmd.dimension];
                 const addIndex = getAddHeaderStartIndex(cmd.position, cmd.base);
                 const baseSize = sizes[cmd.base];
-                sizes.splice(addIndex, 0, ...Array(cmd.quantity).fill(baseSize));
-                this.history.update("sizes", cmd.sheetId, cmd.dimension, sizes);
+                const newSizes = insertItemsAtIndex(sizes, Array(cmd.quantity).fill(baseSize), addIndex);
+                this.history.update("sizes", cmd.sheetId, cmd.dimension, newSizes);
                 break;
             }
             case "RESIZE_COLUMNS_ROWS":
@@ -62432,9 +62718,8 @@ class HeaderVisibilityPlugin extends CorePlugin {
                 break;
             }
             case "ADD_COLUMNS_ROWS": {
-                const hiddenHeaders = [...this.hiddenHeaders[cmd.sheetId][cmd.dimension]];
                 const addIndex = getAddHeaderStartIndex(cmd.position, cmd.base);
-                hiddenHeaders.splice(addIndex, 0, ...Array(cmd.quantity).fill(false));
+                const hiddenHeaders = insertItemsAtIndex([...this.hiddenHeaders[cmd.sheetId][cmd.dimension]], Array(cmd.quantity).fill(false), addIndex);
                 this.history.update("hiddenHeaders", cmd.sheetId, cmd.dimension, hiddenHeaders);
                 break;
             }
@@ -66618,12 +66903,12 @@ class SpreadsheetRTree {
         this.rTrees[sheetId].remove(item, this.rtreeItemComparer);
     }
     rtreeItemComparer(left, right) {
-        return (left.data === right.data &&
-            left.boundingBox.sheetId === right.boundingBox.sheetId &&
+        return (left.boundingBox.sheetId === right.boundingBox.sheetId &&
             left.boundingBox?.zone.left === right.boundingBox.zone.left &&
             left.boundingBox?.zone.top === right.boundingBox.zone.top &&
             left.boundingBox?.zone.right === right.boundingBox.zone.right &&
-            left.boundingBox?.zone.bottom === right.boundingBox.zone.bottom);
+            left.boundingBox?.zone.bottom === right.boundingBox.zone.bottom &&
+            deepEquals(left.data, right.data));
     }
 }
 /**
@@ -66696,7 +66981,7 @@ class FormulaDependencyGraph {
      * in the correct order they should be evaluated.
      * This is called a topological ordering (excluding cycles)
      */
-    getCellsDependingOn(ranges) {
+    getCellsDependingOn(ranges, ignore) {
         const visited = this.createEmptyPositionSet();
         const queue = Array.from(ranges).reverse();
         while (queue.length > 0) {
@@ -66711,7 +66996,7 @@ class FormulaDependencyGraph {
             const impactedPositions = this.rTree.search(range).map((dep) => dep.data);
             const nextInQueue = {};
             for (const position of impactedPositions) {
-                if (!visited.has(position)) {
+                if (!visited.has(position) && !ignore.has(position)) {
                     if (!nextInQueue[position.sheetId]) {
                         nextInQueue[position.sheetId] = [];
                     }
@@ -67269,7 +67554,7 @@ class Evaluator {
     }
     invalidatePositionsDependingOnSpread(sheetId, resultZone) {
         // the result matrix is split in 2 zones to exclude the array formula position
-        const invalidatedPositions = this.formulaDependencies().getCellsDependingOn(excludeTopLeft(resultZone).map((zone) => ({ sheetId, zone })));
+        const invalidatedPositions = this.formulaDependencies().getCellsDependingOn(excludeTopLeft(resultZone).map((zone) => ({ sheetId, zone })), this.nextPositionsToUpdate);
         invalidatedPositions.delete({ sheetId, col: resultZone.left, row: resultZone.top });
         this.nextPositionsToUpdate.addMany(invalidatedPositions);
     }
@@ -67387,7 +67672,7 @@ class Evaluator {
         for (const sheetId in zonesBySheetIds) {
             ranges.push(...zonesBySheetIds[sheetId].map((zone) => ({ sheetId, zone })));
         }
-        return this.formulaDependencies().getCellsDependingOn(ranges);
+        return this.formulaDependencies().getCellsDependingOn(ranges, this.nextPositionsToUpdate);
     }
 }
 function forEachSpreadPositionInMatrix(nbColumns, nbRows, callback) {
@@ -68654,32 +68939,6 @@ iconsOnCellRegistry.add("pivot_collapse", (getters, position) => {
     }
     return undefined;
 });
-function togglePivotCollapse(position, env) {
-    const pivotCell = env.model.getters.getPivotCellFromPosition(position);
-    const pivotId = env.model.getters.getPivotIdFromPosition(position);
-    if (!pivotId || pivotCell.type !== "HEADER") {
-        return;
-    }
-    const definition = env.model.getters.getPivotCoreDefinition(pivotId);
-    const collapsedDomains = definition.collapsedDomains?.[pivotCell.dimension]
-        ? [...definition.collapsedDomains[pivotCell.dimension]]
-        : [];
-    const index = collapsedDomains.findIndex((domain) => deepEquals(domain, pivotCell.domain));
-    if (index !== -1) {
-        collapsedDomains.splice(index, 1);
-    }
-    else {
-        collapsedDomains.push(pivotCell.domain);
-    }
-    const newDomains = definition.collapsedDomains
-        ? { ...definition.collapsedDomains }
-        : { COL: [], ROW: [] };
-    newDomains[pivotCell.dimension] = collapsedDomains;
-    env.model.dispatch("UPDATE_PIVOT", {
-        pivotId,
-        pivot: { ...definition, collapsedDomains: newDomains },
-    });
-}
 iconsOnCellRegistry.add("pivot_dashboard_sorting", (getters, position) => {
     if (!getters.isDashboard()) {
         return undefined;
@@ -68898,7 +69157,8 @@ class DynamicTablesPlugin extends CoreViewPlugin {
         const topLeft = { col: unionZone.left, row: unionZone.top, sheetId };
         const parentSpreadingCell = this.getters.getArrayFormulaSpreadingOn(topLeft);
         if (!parentSpreadingCell) {
-            return false;
+            const evaluatedCell = this.getters.getEvaluatedCell(topLeft);
+            return (evaluatedCell.value === CellErrorType.SpilledBlocked && !evaluatedCell.errorOriginPosition);
         }
         else if (deepEquals(parentSpreadingCell, topLeft) && getZoneArea(unionZone) === 1) {
             return true;
@@ -79471,8 +79731,8 @@ class RowGroup extends AbstractHeaderGroup {
             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}`,
-            "border-bottom": groupBox.isEndHidden ? "" : `1px solid ${HEADER_GROUPING_BORDER_COLOR}`,
+            "border-left": `1px solid`,
+            "border-bottom": groupBox.isEndHidden ? "" : `1px solid`,
         });
     }
     get groupHeaderStyle() {
@@ -79524,8 +79784,8 @@ class ColGroup extends AbstractHeaderGroup {
             left: `${groupBox.headerRect.width / 2}px`,
             width: `calc(100% - ${groupBox.headerRect.width / 2}px)`,
             height: `30%`,
-            "border-top": `1px solid ${HEADER_GROUPING_BORDER_COLOR}`,
-            "border-right": groupBox.isEndHidden ? "" : `1px solid ${HEADER_GROUPING_BORDER_COLOR}`,
+            "border-top": `1px solid`,
+            "border-right": groupBox.isEndHidden ? "" : `1px solid`,
         });
     }
     get groupHeaderStyle() {
@@ -79764,6 +80024,7 @@ class RibbonMenu extends Component {
     static components = { Menu };
     rootItems = topbarMenuRegistry.getMenuItems();
     menuRef = useRef("menu");
+    containerRef = useRef("container");
     state = useState({
         menuItems: this.rootItems,
         title: _t("Menu Bar"),
@@ -79771,6 +80032,7 @@ class RibbonMenu extends Component {
     });
     setup() {
         useExternalListener(window, "click", this.onExternalClick, { capture: true });
+        onMounted(this.updateShadows);
     }
     onExternalClick(ev) {
         if (!this.menuRef.el?.contains(ev.target)) {
@@ -79783,6 +80045,7 @@ class RibbonMenu extends Component {
             this.state.parentState = { ...this.state };
             this.state.menuItems = children;
             this.state.title = menu.name(this.env);
+            this.containerRef.el?.scrollTo({ top: 0 });
         }
         else {
             this.state.menuItems = this.rootItems;
@@ -79804,6 +80067,19 @@ class RibbonMenu extends Component {
             height: `${this.props.height}px`,
         });
     }
+    updateShadows() {
+        if (!this.containerRef.el) {
+            return;
+        }
+        this.containerRef.el.classList.remove("scroll-top", "scroll-bottom");
+        const maxScroll = this.containerRef.el.scrollHeight - this.containerRef.el.clientHeight || 0;
+        if (this.containerRef.el.scrollTop < maxScroll - 1) {
+            this.containerRef.el.classList.add("scroll-bottom");
+        }
+        if (this.containerRef.el.scrollTop > 0) {
+            this.containerRef.el.classList.add("scroll-top");
+        }
+    }
     onClickBack() {
         if (!this.state.parentState) {
             this.props.onClose();
@@ -79812,6 +80088,7 @@ class RibbonMenu extends Component {
         this.state.menuItems = this.state.parentState.menuItems;
         this.state.title = this.state.parentState.title;
         this.state.parentState = this.state.parentState.parentState;
+        this.containerRef.el?.scrollTo({ top: 0 });
     }
     get backTitle() {
         return this.state.parentState ? _t("Go to previous menu") : _t("Close menu bar");
@@ -79862,6 +80139,11 @@ class SmallBottomBar extends Component {
             ? this.composerFocusStore.focusMode
             : "inactive";
     }
+    get showFxIcon() {
+        return (this.focus === "inactive" &&
+            !this.composerStore.currentContent &&
+            !this.composerStore.placeholder);
+    }
     get rect() {
         return this.composerRef.el
             ? getBoundingRectAsPOJO(this.composerRef.el)
@@ -79877,8 +80159,9 @@ class SmallBottomBar extends Component {
             },
             focus: this.focus,
             composerStore: this.composerStore,
-            onComposerContentFocused: () => this.composerFocusStore.focusComposer(this.composerInterface, {
+            onComposerContentFocused: (selection) => this.composerFocusStore.focusComposer(this.composerInterface, {
                 focusMode: "contentFocus",
+                selection,
             }),
             isDefaultFocus: false,
             inputStyle: cssPropertiesToCss({
@@ -79886,6 +80169,7 @@ class SmallBottomBar extends Component {
                 "max-height": `130px`,
             }),
             showAssistant: !isIOS(), // Hide assistant on iOS as it breaks visually
+            placeholder: this.composerStore.placeholder,
         };
     }
     get symbols() {
@@ -79904,13 +80188,6 @@ class SmallBottomBar extends Component {
 }
 
 const COMPOSER_MAX_HEIGHT = 300;
-/* svg free of use from https://uxwing.com/formula-fx-icon/ */
-// FIXME This svg is hardcoded in the css file. We should find a better way to handle it.
-// const FX_SVG = /*xml*/ `
-// <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 121.8 122.9' width='16' height='16' focusable='false'>
-//   <path d='m28 34-4 5v2h10l-6 40c-4 22-6 28-7 30-2 2-3 3-5 3-3 0-7-2-9-4H4c-2 2-4 4-4 7s4 6 8 6 9-2 15-8c8-7 13-17 18-39l7-35 13-1 3-6H49c4-23 7-27 11-27 2 0 5 2 8 6h4c1-1 4-4 4-7 0-2-3-6-9-6-5 0-13 4-20 10-6 7-9 14-11 24h-8zm41 16c4-5 7-7 8-7s2 1 5 9l3 12c-7 11-12 17-16 17l-3-1-2-1c-3 0-6 3-6 7s3 7 7 7c6 0 12-6 22-23l3 10c3 9 6 13 10 13 5 0 11-4 18-15l-3-4c-4 6-7 8-8 8-2 0-4-3-6-10l-5-15 8-10 6-4 3 1 3 2c2 0 6-3 6-7s-2-7-6-7c-6 0-11 5-21 20l-2-6c-3-9-5-14-9-14-5 0-12 6-18 15l3 3z' fill='#BDBDBD'/>
-// </svg>
-// `;
 class TopBarComposer extends Component {
     static template = "o-spreadsheet-TopBarComposer";
     static props = {};
@@ -79937,6 +80214,11 @@ class TopBarComposer extends Component {
             ? this.composerFocusStore.focusMode
             : "inactive";
     }
+    get showFxIcon() {
+        return (this.focus === "inactive" &&
+            !this.composerStore.currentContent &&
+            !this.composerStore.placeholder);
+    }
     get composerStyle() {
         const style = {
             padding: "5px 0px 5px 8px",
@@ -80874,7 +81156,7 @@ class Spreadsheet extends Component {
         SidePanels,
         SpreadsheetDashboard,
         HeaderGroupContainer,
-        FullScreenChart,
+        FullScreenFigure,
     };
     sidePanel;
     spreadsheetRef = useRef("spreadsheet");
@@ -85598,6 +85880,7 @@ const components = {
     Grid,
     GridOverlay,
     ScorecardChart,
+    GaugeChartComponent,
     LineConfigPanel,
     BarConfigPanel,
     PieChartDesignPanel,
@@ -85636,7 +85919,7 @@ const components = {
     RadioSelection,
     GeoChartRegionSelectSection,
     ChartDashboardMenu,
-    FullScreenChart,
+    FullScreenFigure,
 };
 const hooks = {
     useDragAndDropListItems,
@@ -85686,6 +85969,6 @@ const chartHelpers = { ...CHART_HELPERS, ...CHART_RUNTIME_HELPERS };
 export { AbstractCellClipboardHandler, AbstractChart, AbstractFigureClipboardHandler, CellErrorType, ClientDisconnectedError, CommandResult, CorePlugin, CoreViewPlugin, DispatchResult, EvaluationError, LocalTransportService, Model, PivotRuntimeDefinition, Registry, Revision, SPREADSHEET_DIMENSIONS, Spreadsheet, SpreadsheetPivotTable, UIPlugin, __info__, addFunction, addRenderingLayer, astToFormula, chartHelpers, compile, compileTokens, components, constants, convertAstNodes, coreTypes, findCellInNewZone, functionCache, getCaretDownSvg, getCaretUpSvg, helpers, hooks, invalidateCFEvaluationCommands, invalidateChartEvaluationCommands, invalidateDependenciesCommands, invalidateEvaluationCommands, iterateAstNodes, links, load, parse, parseTokens, readonlyAllowedCommands, registries, setDefaultSheetViewSize, setTranslationMethod, stores, tokenColors, tokenize };
 
 
-__info__.version = "19.1.0-alpha.3";
-__info__.date = "2025-09-23T12:37:52.238Z";
-__info__.hash = "ce2b07a";
+__info__.version = "19.1.0-alpha.5";
+__info__.date = "2025-10-16T06:39:55.925Z";
+__info__.hash = "1a0e3d5";