@odoo/o-spreadsheet 19.0.3 → 19.0.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.0.3
- * @date 2025-09-19T07:26:41.356Z
- * @hash 84f3b74
+ * @version 19.0.5
+ * @date 2025-10-07T10:04:06.400Z
+ * @hash 86fc442
  */
 
 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';
@@ -1382,9 +1382,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];
@@ -5634,7 +5632,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");
@@ -5677,6 +5675,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;
         }
@@ -24852,6 +24853,7 @@ class ScorecardChart extends Component {
     static template = "o-spreadsheet-ScorecardChart";
     static props = {
         chartId: String,
+        isFullScreen: { type: Boolean, optional: true },
     };
     canvas = useRef("chartContainer");
     get runtime() {
@@ -26771,7 +26773,7 @@ function getRadarChartScales(definition, args) {
             },
             pointLabels: {
                 color: chartFontColor(definition.background),
-                callback: truncateLabel,
+                callback: (label) => truncateLabel(label),
             },
             suggestedMin: minValue < 0 ? minValue - 1 : 0,
         },
@@ -27615,26 +27617,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 {
@@ -27806,7 +27788,6 @@ chartJsExtensionRegistry.add("zoomWindowPlugin", {
 class ZoomableChartJsComponent extends ChartJsComponent {
     static template = "o-spreadsheet-ZoomableChartJsComponent";
     store;
-    fullScreenChartStore;
     masterChartCanvas = useRef("masterChartCanvas");
     masterChart;
     mode;
@@ -27817,7 +27798,6 @@ class ZoomableChartJsComponent extends ChartJsComponent {
     removeEventListeners = () => { };
     setup() {
         this.store = useStore(ZoomableChartStore);
-        this.fullScreenChartStore = useStore(FullScreenChartStore);
         super.setup();
     }
     unmount() {
@@ -27832,12 +27812,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;
@@ -27900,9 +27876,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";
@@ -27921,6 +27894,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;
@@ -27954,6 +27930,9 @@ class ZoomableChartJsComponent extends ChartJsComponent {
             }
         }
         this.resetAxesLimits();
+        if (this.chart?.options) {
+            this.chart.options.animation = false;
+        }
     }
     resetAxesLimits() {
         if (!this.chart) {
@@ -28051,7 +28030,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;
@@ -31609,6 +31588,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 };
+        }
+    }
+}
+
 /**
  * Repeatedly calls a callback function with a time delay between calls.
  */
@@ -32346,12 +32345,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);
@@ -32367,6 +32367,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") {
@@ -32378,7 +32381,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);
             },
         };
     }
@@ -32390,6 +32393,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");
@@ -32397,8 +32401,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" });
@@ -32445,18 +32451,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() {
@@ -32509,6 +32516,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 {
@@ -32517,6 +32535,7 @@ class ChartFigure extends Component {
         figureUI: Object,
         onFigureDeleted: Function,
         editFigureStyle: { type: Function, optional: true },
+        isFullScreen: { type: Boolean, optional: true },
     };
     static components = { ChartDashboardMenu };
     onDoubleClick() {
@@ -58658,7 +58677,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;
     }
 }
 
@@ -61536,16 +61555,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(() => {
@@ -61557,7 +61576,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)
@@ -61566,7 +61585,7 @@ class FullScreenChart extends Component {
     }
     exitFullScreen() {
         if (this.figureUI) {
-            this.fullScreenChartStore.toggleFullScreenChart(this.figureUI.id);
+            this.fullScreenFigureStore.toggleFullScreenFigure(this.figureUI.id);
         }
     }
     onKeyDown(ev) {
@@ -61574,15 +61593,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;
     }
 }
 
@@ -64322,11 +64336,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":
@@ -64477,9 +64491,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;
             }
@@ -68663,12 +68676,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));
     }
 }
 /**
@@ -74923,7 +74936,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 */;
     }
     /**
@@ -82215,6 +82231,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)
@@ -82257,12 +82276,6 @@ class SmallBottomBar extends Component {
 }
 
 const COMPOSER_MAX_HEIGHT = 300;
-/* svg free of use from https://uxwing.com/formula-fx-icon/ */
-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>
-`;
 css /* scss */ `
   .o-topbar-composer-container {
     height: ${DESKTOP_TOPBAR_TOOLBAR_HEIGHT}px;
@@ -82274,14 +82287,6 @@ css /* scss */ `
     margin-bottom: -1px;
     border: 1px solid;
     font-family: ${DEFAULT_FONT};
-
-    /* In readonly we always show the fx icon if the composer is empty, not matter the focus */
-    .o-composer:empty:not(:focus):not(.active)::before,
-    &.o-topbar-composer-readonly .o-composer:empty::before {
-      content: url("data:image/svg+xml,${encodeURIComponent(FX_SVG)}");
-      position: relative;
-      top: 20%;
-    }
   }
 
   .user-select-text {
@@ -82314,6 +82319,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",
@@ -83665,7 +83673,7 @@ class Spreadsheet extends Component {
         SidePanels,
         SpreadsheetDashboard,
         HeaderGroupContainer,
-        FullScreenChart,
+        FullScreenFigure,
     };
     sidePanel;
     spreadsheetRef = useRef("spreadsheet");
@@ -88389,6 +88397,7 @@ const components = {
     Grid,
     GridOverlay,
     ScorecardChart,
+    GaugeChartComponent,
     LineConfigPanel,
     BarConfigPanel,
     PieChartDesignPanel,
@@ -88427,7 +88436,7 @@ const components = {
     RadioSelection,
     GeoChartRegionSelectSection,
     ChartDashboardMenu,
-    FullScreenChart,
+    FullScreenFigure,
 };
 const hooks = {
     useDragAndDropListItems,
@@ -88477,6 +88486,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.0.3";
-__info__.date = "2025-09-19T07:26:41.356Z";
-__info__.hash = "84f3b74";
+__info__.version = "19.0.5";
+__info__.date = "2025-10-07T10:04:06.400Z";
+__info__.hash = "86fc442";