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

package/dist/o-spreadsheet.cjs.js

@@ -2,9 +2,9 @@
 /**
  * This file is generated by o-spreadsheet build tools. Do not edit it.
  * @see https://github.com/odoo/o-spreadsheet
- * @version 19.1.0-alpha.3
- * @date 2025-09-23T12:37:52.238Z
- * @hash ce2b07a
+ * @version 19.1.0-alpha.4
+ * @date 2025-10-07T10:03:20.917Z
+ * @hash b7cfed8
  */
 
 'use strict';
@@ -593,7 +593,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";
@@ -601,7 +600,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";
@@ -844,22 +842,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;
 }
@@ -928,6 +910,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);
@@ -1332,9 +1321,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];
@@ -5584,7 +5571,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");
@@ -5627,6 +5614,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;
         }
@@ -5700,7 +5690,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;
             }
@@ -5711,16 +5701,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);
@@ -5732,6 +5721,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) {
@@ -6343,6 +6357,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
@@ -18637,7 +18672,7 @@ function parseOperand(tokens) {
         case "STRING":
             return {
                 type: "STRING",
-                value: removeStringQuotes(current.value),
+                value: unquote(current.value),
                 tokenStartIndex: current.tokenIndex,
                 tokenEndIndex: current.tokenIndex,
             };
@@ -22394,7 +22429,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": {
@@ -24646,6 +24681,7 @@ class ScorecardChart extends owl.Component {
     static template = "o-spreadsheet-ScorecardChart";
     static props = {
         chartId: String,
+        isFullScreen: { type: Boolean, optional: true },
     };
     canvas = owl.useRef("chartContainer");
     get runtime() {
@@ -27409,26 +27445,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 {
@@ -27593,7 +27609,6 @@ chartJsExtensionRegistry.add("zoomWindowPlugin", {
 class ZoomableChartJsComponent extends ChartJsComponent {
     static template = "o-spreadsheet-ZoomableChartJsComponent";
     store;
-    fullScreenChartStore;
     masterChartCanvas = owl.useRef("masterChartCanvas");
     masterChart;
     mode;
@@ -27604,7 +27619,6 @@ class ZoomableChartJsComponent extends ChartJsComponent {
     removeEventListeners = () => { };
     setup() {
         this.store = useStore(ZoomableChartStore);
-        this.fullScreenChartStore = useStore(FullScreenChartStore);
         super.setup();
     }
     unmount() {
@@ -27619,12 +27633,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;
@@ -27687,9 +27697,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";
@@ -27708,6 +27715,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;
@@ -27741,6 +27751,9 @@ class ZoomableChartJsComponent extends ChartJsComponent {
             }
         }
         this.resetAxesLimits();
+        if (this.chart?.options) {
+            this.chart.options.animation = false;
+        }
     }
     resetAxesLimits() {
         if (!this.chart) {
@@ -27838,7 +27851,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;
@@ -31396,6 +31409,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.
@@ -32133,12 +32166,13 @@ class MenuPopover extends owl.Component {
 class ChartDashboardMenu extends owl.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 = owl.useState({ isOpen: false, anchorRect: null, menuItems: [] });
     setup() {
         super.setup();
-        this.fullScreenFigureStore = useStore(FullScreenChartStore);
+        this.fullScreenFigureStore = useStore(FullScreenFigureStore);
     }
     getMenuItems() {
         return [this.fullScreenMenuItem].filter(isDefined);
@@ -32154,6 +32188,9 @@ class ChartDashboardMenu extends owl.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") {
@@ -32165,7 +32202,7 @@ class ChartDashboardMenu extends owl.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);
             },
         };
     }
@@ -32177,6 +32214,7 @@ class CarouselFigure extends owl.Component {
         figureUI: Object,
         onFigureDeleted: Function,
         editFigureStyle: { type: Function, optional: true },
+        isFullScreen: { type: Boolean, optional: true },
     };
     static components = { ChartDashboardMenu, MenuPopover };
     carouselTabsRef = owl.useRef("carouselTabs");
@@ -32184,8 +32222,10 @@ class CarouselFigure extends owl.Component {
     menuState = owl.useState({ isOpen: false, anchorRect: null, menuItems: [] });
     hiddenItems = [];
     animationStore;
+    fullScreenFigureStore;
     setup() {
         this.animationStore = useStore(ChartAnimationStore);
+        this.fullScreenFigureStore = useStore(FullScreenFigureStore);
         owl.useEffect(() => {
             if (this.selectedCarouselItem?.type === "carouselDataView") {
                 this.props.editFigureStyle?.({ "pointer-events": "none" });
@@ -32232,7 +32272,8 @@ class CarouselFigure extends owl.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() {
@@ -32296,6 +32337,17 @@ class CarouselFigure extends owl.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 owl.Component {
@@ -32304,6 +32356,7 @@ class ChartFigure extends owl.Component {
         figureUI: Object,
         onFigureDeleted: Function,
         editFigureStyle: { type: Function, optional: true },
+        isFullScreen: { type: Boolean, optional: true },
     };
     static components = { ChartDashboardMenu };
     onDoubleClick() {
@@ -32406,9 +32459,7 @@ class FigureComponent extends owl.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;
@@ -51344,6 +51395,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;
         }
@@ -56815,7 +56869,7 @@ class PivotMeasureEditor extends owl.Component {
         return undefined;
     }
     get isCalculatedMeasureInvalid() {
-        return this.env.model.getters.getMeasureCompiledFormula(this.props.measure).isBadExpression;
+        return compile(this.props.measure.computedBy?.formula ?? "").isBadExpression;
     }
 }
 
@@ -59530,16 +59584,16 @@ class ClickableCellSortIcon extends owl.Component {
     }
 }
 
-class FullScreenChart extends owl.Component {
-    static template = "o-spreadsheet-FullScreenChart";
+class FullScreenFigure extends owl.Component {
+    static template = "o-spreadsheet-FullScreenFigure";
     static props = {};
-    static components = { ChartDashboardMenu };
-    fullScreenChartStore;
-    ref = owl.useRef("fullScreenChart");
+    static components = { ChartFigure };
+    fullScreenFigureStore;
+    ref = owl.useRef("fullScreenFigure");
     spreadsheetRect = useSpreadsheetRect();
     figureRegistry = figureRegistry;
     setup() {
-        this.fullScreenChartStore = useStore(FullScreenChartStore);
+        this.fullScreenFigureStore = useStore(FullScreenFigureStore);
         const animationStore = useStore(ChartAnimationStore);
         let lastFigureId = undefined;
         owl.onWillUpdateProps(() => {
@@ -59551,7 +59605,7 @@ class FullScreenChart extends owl.Component {
         owl.useEffect((el) => el?.focus(), () => [this.ref.el]);
     }
     get figureUI() {
-        return this.fullScreenChartStore.fullScreenFigure;
+        return this.fullScreenFigureStore.fullScreenFigure;
     }
     get chartId() {
         if (!this.figureUI)
@@ -59560,7 +59614,7 @@ class FullScreenChart extends owl.Component {
     }
     exitFullScreen() {
         if (this.figureUI) {
-            this.fullScreenChartStore.toggleFullScreenChart(this.figureUI.id);
+            this.fullScreenFigureStore.toggleFullScreenFigure(this.figureUI.id);
         }
     }
     onKeyDown(ev) {
@@ -59568,15 +59622,10 @@ class FullScreenChart extends owl.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;
     }
 }
 
@@ -62279,11 +62328,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":
@@ -62434,9 +62483,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;
             }
@@ -66620,12 +66668,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));
     }
 }
 /**
@@ -79473,8 +79521,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() {
@@ -79526,8 +79574,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() {
@@ -79864,6 +79912,9 @@ class SmallBottomBar extends owl.Component {
             ? this.composerFocusStore.focusMode
             : "inactive";
     }
+    get showFxIcon() {
+        return this.focus === "inactive" && !this.composerStore.currentContent;
+    }
     get rect() {
         return this.composerRef.el
             ? getBoundingRectAsPOJO(this.composerRef.el)
@@ -79906,13 +79957,6 @@ class SmallBottomBar extends owl.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 owl.Component {
     static template = "o-spreadsheet-TopBarComposer";
     static props = {};
@@ -79939,6 +79983,9 @@ class TopBarComposer extends owl.Component {
             ? this.composerFocusStore.focusMode
             : "inactive";
     }
+    get showFxIcon() {
+        return this.focus === "inactive" && !this.composerStore.currentContent;
+    }
     get composerStyle() {
         const style = {
             padding: "5px 0px 5px 8px",
@@ -80876,7 +80923,7 @@ class Spreadsheet extends owl.Component {
         SidePanels,
         SpreadsheetDashboard,
         HeaderGroupContainer,
-        FullScreenChart,
+        FullScreenFigure,
     };
     sidePanel;
     spreadsheetRef = owl.useRef("spreadsheet");
@@ -85600,6 +85647,7 @@ const components = {
     Grid,
     GridOverlay,
     ScorecardChart,
+    GaugeChartComponent,
     LineConfigPanel,
     BarConfigPanel,
     PieChartDesignPanel,
@@ -85638,7 +85686,7 @@ const components = {
     RadioSelection,
     GeoChartRegionSelectSection,
     ChartDashboardMenu,
-    FullScreenChart,
+    FullScreenFigure,
 };
 const hooks = {
     useDragAndDropListItems,
@@ -85738,6 +85786,6 @@ exports.tokenColors = tokenColors;
 exports.tokenize = 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.4";
+__info__.date = "2025-10-07T10:03:20.917Z";
+__info__.hash = "b7cfed8";