@odoo/o-spreadsheet 19.1.0-alpha.2 → 19.1.0-alpha.4

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.2
- * @date 2025-09-19T07:26:49.306Z
- * @hash 8cc543d
+ * @version 19.1.0-alpha.4
+ * @date 2025-10-07T10:03:20.917Z
+ * @hash b7cfed8
  */
 
 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];
@@ -5582,7 +5569,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 +5612,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 +5688,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 +5699,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 +5719,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 +6355,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
@@ -18635,7 +18670,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 +22427,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": {
@@ -24644,6 +24679,7 @@ class ScorecardChart extends Component {
     static template = "o-spreadsheet-ScorecardChart";
     static props = {
         chartId: String,
+        isFullScreen: { type: Boolean, optional: true },
     };
     canvas = useRef("chartContainer");
     get runtime() {
@@ -26563,7 +26599,7 @@ function getRadarChartScales(definition, args) {
             },
             pointLabels: {
                 color: chartFontColor(definition.background),
-                callback: truncateLabel,
+                callback: (label) => truncateLabel(label),
             },
             suggestedMin: minValue < 0 ? minValue - 1 : 0,
         },
@@ -27407,26 +27443,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 +27607,6 @@ chartJsExtensionRegistry.add("zoomWindowPlugin", {
 class ZoomableChartJsComponent extends ChartJsComponent {
     static template = "o-spreadsheet-ZoomableChartJsComponent";
     store;
-    fullScreenChartStore;
     masterChartCanvas = useRef("masterChartCanvas");
     masterChart;
     mode;
@@ -27602,7 +27617,6 @@ class ZoomableChartJsComponent extends ChartJsComponent {
     removeEventListeners = () => { };
     setup() {
         this.store = useStore(ZoomableChartStore);
-        this.fullScreenChartStore = useStore(FullScreenChartStore);
         super.setup();
     }
     unmount() {
@@ -27617,12 +27631,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 +27695,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 +27713,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 +27749,9 @@ class ZoomableChartJsComponent extends ChartJsComponent {
             }
         }
         this.resetAxesLimits();
+        if (this.chart?.options) {
+            this.chart.options.animation = false;
+        }
     }
     resetAxesLimits() {
         if (!this.chart) {
@@ -27836,7 +27849,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 +31407,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.
@@ -32131,12 +32164,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);
@@ -32152,6 +32186,9 @@ class ChartDashboardMenu extends Component {
         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 +32200,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 +32212,7 @@ class CarouselFigure extends Component {
         figureUI: Object,
         onFigureDeleted: Function,
         editFigureStyle: { type: Function, optional: true },
+        isFullScreen: { type: Boolean, optional: true },
     };
     static components = { ChartDashboardMenu, MenuPopover };
     carouselTabsRef = useRef("carouselTabs");
@@ -32182,8 +32220,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,18 +32270,19 @@ 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() {
         const cssProperties = {};
-        if (this.selectedCarouselItem?.type === "carouselDataView") {
-            cssProperties["background-color"] = "#ffffff";
-        }
-        else if (this.selectedCarouselItem?.type === "chart") {
+        if (this.selectedCarouselItem?.type === "chart") {
             const chart = this.env.model.getters.getChartRuntime(this.selectedCarouselItem.chartId);
             cssProperties["background-color"] = chart.background;
         }
+        else {
+            cssProperties["background-color"] = "#ffffff";
+        }
         return cssPropertiesToCss(cssProperties);
     }
     get title() {
@@ -32294,6 +32335,17 @@ 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);
+    }
 }
 
 class ChartFigure extends Component {
@@ -32302,6 +32354,7 @@ class ChartFigure extends Component {
         figureUI: Object,
         onFigureDeleted: Function,
         editFigureStyle: { type: Function, optional: true },
+        isFullScreen: { type: Boolean, optional: true },
     };
     static components = { ChartDashboardMenu };
     onDoubleClick() {
@@ -32404,9 +32457,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;
@@ -51342,6 +51393,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;
         }
@@ -56813,7 +56867,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 +59582,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 +59603,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 +59612,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 +59620,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;
     }
 }
 
@@ -62277,11 +62326,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 +62481,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 +66666,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));
     }
 }
 /**
@@ -72878,7 +72926,10 @@ class SortPlugin extends UIPlugin {
         return "Success" /* CommandResult.Success */;
     }
     checkArrayFormulaInSortZone({ sheetId, zone }) {
-        const arrayFormulaInZone = positions(zone).some(({ col, row }) => this.getters.getArrayFormulaSpreadingOn({ sheetId, col, row }));
+        const arrayFormulaInZone = positions(zone).some(({ col, row }) => {
+            const originPosition = this.getters.getArrayFormulaSpreadingOn({ sheetId, col, row });
+            return originPosition && !deepEquals(originPosition, { sheetId, col, row });
+        });
         return arrayFormulaInZone ? "SortZoneWithArrayFormulas" /* CommandResult.SortZoneWithArrayFormulas */ : "Success" /* CommandResult.Success */;
     }
     /**
@@ -79468,8 +79519,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() {
@@ -79521,8 +79572,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() {
@@ -79859,6 +79910,9 @@ class SmallBottomBar extends Component {
             ? this.composerFocusStore.focusMode
             : "inactive";
     }
+    get showFxIcon() {
+        return this.focus === "inactive" && !this.composerStore.currentContent;
+    }
     get rect() {
         return this.composerRef.el
             ? getBoundingRectAsPOJO(this.composerRef.el)
@@ -79901,13 +79955,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 = {};
@@ -79934,6 +79981,9 @@ class TopBarComposer extends Component {
             ? this.composerFocusStore.focusMode
             : "inactive";
     }
+    get showFxIcon() {
+        return this.focus === "inactive" && !this.composerStore.currentContent;
+    }
     get composerStyle() {
         const style = {
             padding: "5px 0px 5px 8px",
@@ -80871,7 +80921,7 @@ class Spreadsheet extends Component {
         SidePanels,
         SpreadsheetDashboard,
         HeaderGroupContainer,
-        FullScreenChart,
+        FullScreenFigure,
     };
     sidePanel;
     spreadsheetRef = useRef("spreadsheet");
@@ -85595,6 +85645,7 @@ const components = {
     Grid,
     GridOverlay,
     ScorecardChart,
+    GaugeChartComponent,
     LineConfigPanel,
     BarConfigPanel,
     PieChartDesignPanel,
@@ -85633,7 +85684,7 @@ const components = {
     RadioSelection,
     GeoChartRegionSelectSection,
     ChartDashboardMenu,
-    FullScreenChart,
+    FullScreenFigure,
 };
 const hooks = {
     useDragAndDropListItems,
@@ -85683,6 +85734,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.2";
-__info__.date = "2025-09-19T07:26:49.306Z";
-__info__.hash = "8cc543d";
+__info__.version = "19.1.0-alpha.4";
+__info__.date = "2025-10-07T10:03:20.917Z";
+__info__.hash = "b7cfed8";