@odoo/o-spreadsheet 19.0.4 → 19.0.5

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.0.4
- * @date 2025-09-23T12:37:28.362Z
- * @hash 87b774d
+ * @version 19.0.5
+ * @date 2025-10-07T10:04:06.400Z
+ * @hash 86fc442
  */
 
 'use strict';
@@ -1384,9 +1384,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];
@@ -5636,7 +5634,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");
@@ -5679,6 +5677,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;
         }
@@ -24854,6 +24855,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() {
@@ -27617,26 +27619,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 {
@@ -27808,7 +27790,6 @@ chartJsExtensionRegistry.add("zoomWindowPlugin", {
 class ZoomableChartJsComponent extends ChartJsComponent {
     static template = "o-spreadsheet-ZoomableChartJsComponent";
     store;
-    fullScreenChartStore;
     masterChartCanvas = owl.useRef("masterChartCanvas");
     masterChart;
     mode;
@@ -27819,7 +27800,6 @@ class ZoomableChartJsComponent extends ChartJsComponent {
     removeEventListeners = () => { };
     setup() {
         this.store = useStore(ZoomableChartStore);
-        this.fullScreenChartStore = useStore(FullScreenChartStore);
         super.setup();
     }
     unmount() {
@@ -27834,12 +27814,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;
@@ -27902,9 +27878,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";
@@ -27923,6 +27896,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;
@@ -27956,6 +27932,9 @@ class ZoomableChartJsComponent extends ChartJsComponent {
             }
         }
         this.resetAxesLimits();
+        if (this.chart?.options) {
+            this.chart.options.animation = false;
+        }
     }
     resetAxesLimits() {
         if (!this.chart) {
@@ -28053,7 +28032,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;
@@ -31611,6 +31590,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.
  */
@@ -32348,12 +32347,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);
@@ -32369,6 +32369,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") {
@@ -32380,7 +32383,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);
             },
         };
     }
@@ -32392,6 +32395,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");
@@ -32399,8 +32403,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" });
@@ -32447,7 +32453,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() {
@@ -32511,6 +32518,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 {
@@ -32519,6 +32537,7 @@ class ChartFigure extends owl.Component {
         figureUI: Object,
         onFigureDeleted: Function,
         editFigureStyle: { type: Function, optional: true },
+        isFullScreen: { type: Boolean, optional: true },
     };
     static components = { ChartDashboardMenu };
     onDoubleClick() {
@@ -58660,7 +58679,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;
     }
 }
 
@@ -61538,16 +61557,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(() => {
@@ -61559,7 +61578,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)
@@ -61568,7 +61587,7 @@ class FullScreenChart extends owl.Component {
     }
     exitFullScreen() {
         if (this.figureUI) {
-            this.fullScreenChartStore.toggleFullScreenChart(this.figureUI.id);
+            this.fullScreenFigureStore.toggleFullScreenFigure(this.figureUI.id);
         }
     }
     onKeyDown(ev) {
@@ -61576,15 +61595,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;
     }
 }
 
@@ -64324,11 +64338,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":
@@ -64479,9 +64493,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;
             }
@@ -68665,12 +68678,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));
     }
 }
 /**
@@ -82220,6 +82233,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)
@@ -82262,12 +82278,6 @@ class SmallBottomBar extends owl.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;
@@ -82279,14 +82289,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 {
@@ -82319,6 +82321,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",
@@ -83670,7 +83675,7 @@ class Spreadsheet extends owl.Component {
         SidePanels,
         SpreadsheetDashboard,
         HeaderGroupContainer,
-        FullScreenChart,
+        FullScreenFigure,
     };
     sidePanel;
     spreadsheetRef = owl.useRef("spreadsheet");
@@ -88394,6 +88399,7 @@ const components = {
     Grid,
     GridOverlay,
     ScorecardChart,
+    GaugeChartComponent,
     LineConfigPanel,
     BarConfigPanel,
     PieChartDesignPanel,
@@ -88432,7 +88438,7 @@ const components = {
     RadioSelection,
     GeoChartRegionSelectSection,
     ChartDashboardMenu,
-    FullScreenChart,
+    FullScreenFigure,
 };
 const hooks = {
     useDragAndDropListItems,
@@ -88532,6 +88538,6 @@ exports.tokenColors = tokenColors;
 exports.tokenize = tokenize;
 
 
-__info__.version = "19.0.4";
-__info__.date = "2025-09-23T12:37:28.362Z";
-__info__.hash = "87b774d";
+__info__.version = "19.0.5";
+__info__.date = "2025-10-07T10:04:06.400Z";
+__info__.hash = "86fc442";