@odoo/o-spreadsheet 18.4.16 → 18.4.18

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 18.4.16
- * @date 2025-11-03T12:31:57.153Z
- * @hash 1ba569f
+ * @version 18.4.18
+ * @date 2025-11-24T07:42:07.821Z
+ * @hash 4f83667
  */
 
 'use strict';
@@ -5928,7 +5928,10 @@ function isInside(col, row, zone) {
  * Check if a zone is inside another
  */
 function isZoneInside(smallZone, biggerZone) {
-    return isEqual(union(biggerZone, smallZone), biggerZone);
+    return (smallZone.left >= biggerZone.left &&
+        smallZone.right <= biggerZone.right &&
+        smallZone.top >= biggerZone.top &&
+        smallZone.bottom <= biggerZone.bottom);
 }
 function zoneToDimension(zone) {
     return {
@@ -6489,7 +6492,7 @@ function getRangeString(range, forSheetId, getSheetName, options = { useBoundedR
     let sheetName = "";
     if (prefixSheet) {
         if (range.invalidSheetName) {
-            sheetName = range.invalidSheetName;
+            sheetName = getCanonicalSymbolName(range.invalidSheetName);
         }
         else {
             sheetName = getCanonicalSymbolName(getSheetName(range.sheetId));
@@ -18540,7 +18543,7 @@ function getTokenNextReferenceType(xc) {
 function setXcToFixedReferenceType(xc, referenceType) {
     let sheetName;
     ({ sheetName, xc } = splitReference(xc));
-    sheetName = sheetName ? sheetName + "!" : "";
+    sheetName = sheetName ? getCanonicalSymbolName(sheetName) + "!" : "";
     xc = xc.replace(/\$/g, "");
     const splitIndex = xc.indexOf(":");
     if (splitIndex >= 0) {
@@ -23107,7 +23110,7 @@ let ScorecardChart$1 = class ScorecardChart extends AbstractChart {
         return {
             background: context.background,
             type: "scorecard",
-            keyValue: context.range ? context.range[0].dataRange : undefined,
+            keyValue: context.range?.[0]?.dataRange,
             title: context.title || { text: "" },
             baselineMode: DEFAULT_SCORECARD_BASELINE_MODE,
             baselineColorUp: DEFAULT_SCORECARD_BASELINE_COLOR_UP,
@@ -27428,7 +27431,7 @@ class GaugeChart extends AbstractChart {
             background: context.background,
             title: context.title || { text: "" },
             type: "gauge",
-            dataRange: context.range ? context.range[0].dataRange : undefined,
+            dataRange: context.range?.[0]?.dataRange,
             sectionRule: {
                 colors: {
                     lowerColor: DEFAULT_GAUGE_LOWER_COLOR,
@@ -32606,6 +32609,7 @@ class AbstractComposerStore extends SpreadsheetStore {
         this.highlightStore.register(this);
         this.onDispose(() => {
             this.highlightStore.unRegister(this);
+            this._cancelEdition();
         });
     }
     handleEvent(event) {
@@ -32640,6 +32644,7 @@ class AbstractComposerStore extends SpreadsheetStore {
         }
         this.selectionStart = start;
         this.selectionEnd = end;
+        this.editionMode = "editing";
         this.computeFormulaCursorContext();
         this.computeParenthesisRelatedToCursor();
         this.updateAutoCompleteProvider();
@@ -33315,10 +33320,13 @@ class AbstractComposerStore extends SpreadsheetStore {
     hideHelp() {
         this.autoComplete.hide();
     }
-    autoCompleteOrStop(direction) {
+    autoCompleteOrStop(direction, assistantForcedClosed = false) {
         if (this.editionMode !== "inactive") {
             const autoComplete = this.autoComplete;
-            if (autoComplete.provider && autoComplete.selectedIndex !== undefined) {
+            const suppressAutocomplete = assistantForcedClosed && this.canBeToggled;
+            if (!suppressAutocomplete &&
+                autoComplete.provider &&
+                autoComplete.selectedIndex !== undefined) {
                 const autoCompleteValue = autoComplete.provider.proposals[autoComplete.selectedIndex]?.text;
                 if (autoCompleteValue) {
                     this.autoComplete.provider?.selectProposal(autoCompleteValue);
@@ -33661,16 +33669,12 @@ class Composer extends owl.Component {
     processTabKey(ev, direction) {
         ev.preventDefault();
         ev.stopPropagation();
-        if (!this.assistant.forcedClosed) {
-            this.props.composerStore.autoCompleteOrStop(direction);
-        }
+        this.props.composerStore.autoCompleteOrStop(direction, this.assistant.forcedClosed);
     }
     processEnterKey(ev, direction) {
         ev.preventDefault();
         ev.stopPropagation();
-        if (!this.assistant.forcedClosed) {
-            this.props.composerStore.autoCompleteOrStop(direction);
-        }
+        this.props.composerStore.autoCompleteOrStop(direction, this.assistant.forcedClosed);
     }
     processNewLineEvent(ev) {
         ev.preventDefault();
@@ -33846,7 +33850,6 @@ class Composer extends owl.Component {
             return;
         }
         const newSelection = this.contentHelper.getCurrentSelection();
-        this.props.composerStore.stopComposerRangeSelection();
         this.props.onComposerContentFocused();
         this.props.composerStore.changeComposerCursorSelection(newSelection.start, newSelection.end);
         this.processTokenAtCursor();
@@ -47367,10 +47370,11 @@ class AbstractResizer extends owl.Component {
         this.state.waitingForMove = false;
     }
     onMouseMove(ev) {
-        if (this.env.isMobile()) {
-            return;
-        }
-        if (this.state.isResizing || this.state.isMoving || this.state.isSelecting) {
+        if (this.env.isMobile() ||
+            this.env.model.getters.isReadonly() ||
+            this.state.isResizing ||
+            this.state.isMoving ||
+            this.state.isSelecting) {
             return;
         }
         this._computeHandleDisplay(ev);
@@ -47437,6 +47441,10 @@ class AbstractResizer extends owl.Component {
         if (index < 0) {
             return;
         }
+        if (this.env.model.getters.isReadonly()) {
+            this._selectElement(index, false);
+            return;
+        }
         if (this.state.waitingForMove) {
             if (!this.env.model.getters.isGridSelectionActive()) {
                 this._selectElement(index, false);
@@ -47996,6 +48004,9 @@ class GridRenderer extends SpreadsheetStore {
                 break;
         }
     }
+    finalize() {
+        this.zonesWithPreventedAnimationsInNextFrame = recomputeZones(this.zonesWithPreventedAnimationsInNextFrame);
+    }
     get renderingLayers() {
         return ["Background", "Headers"];
     }
@@ -48794,7 +48805,7 @@ const friction = 0.95;
 const verticalScrollFactor = 1;
 const horizontalScrollFactor = 1;
 const resetTimeoutDuration = 100;
-function useTouchScroll(ref, updateScroll, canMoveUp) {
+function useTouchScroll(ref, updateScroll, canMoveUp, canMoveDown) {
     let lastX = 0;
     let lastY = 0;
     let velocityX = 0;
@@ -48831,7 +48842,7 @@ function useTouchScroll(ref, updateScroll, canMoveUp) {
         lastX = clientX;
         lastY = clientY;
         lastTime = currentTime;
-        if (canMoveUp()) {
+        if ((deltaY < 0 && canMoveUp()) || (deltaY > 0 && canMoveDown())) {
             if (event.cancelable) {
                 event.preventDefault();
             }
@@ -54731,7 +54742,6 @@ function insertTokenAfterArgSeparator(tokenAtCursor, value) {
         // replace the whole token
         start = tokenAtCursor.start;
     }
-    this.composer.stopComposerRangeSelection();
     this.composer.changeComposerCursorSelection(start, end);
     this.composer.replaceComposerCursorSelection(value);
 }
@@ -54749,7 +54759,6 @@ function insertTokenAfterLeftParenthesis(tokenAtCursor, value) {
         // replace the whole token
         start = tokenAtCursor.start;
     }
-    this.composer.stopComposerRangeSelection();
     this.composer.changeComposerCursorSelection(start, end);
     this.composer.replaceComposerCursorSelection(value);
 }
@@ -57448,6 +57457,7 @@ class SidePanelStore extends SpreadsheetStore {
     getPanelProps(panelInfo) {
         const state = this.computeState(panelInfo);
         if (state.isOpen) {
+            panelInfo.currentPanelProps = state.props ?? panelInfo.currentPanelProps;
             return state.props ?? {};
         }
         return {};
@@ -57459,11 +57469,11 @@ class SidePanelStore extends SpreadsheetStore {
         }
         return undefined;
     }
-    open(componentTag, initialPanelProps = {}) {
+    open(componentTag, currentPanelProps = {}) {
         if (this.screenWidthStore.isSmall) {
             return;
         }
-        const newPanelInfo = { initialPanelProps, componentTag, size: DEFAULT_SIDE_PANEL_SIZE };
+        const newPanelInfo = { currentPanelProps, componentTag, size: DEFAULT_SIDE_PANEL_SIZE };
         const state = this.computeState(newPanelInfo);
         if (!state.isOpen) {
             return;
@@ -57487,8 +57497,8 @@ class SidePanelStore extends SpreadsheetStore {
         }
         this._openPanel("secondaryPanel", newPanelInfo, state);
     }
-    replace(componentTag, currentPanelKey, initialPanelProps = {}) {
-        const newPanelInfo = { initialPanelProps, componentTag, size: DEFAULT_SIDE_PANEL_SIZE };
+    replace(componentTag, currentPanelKey, currentPanelProps = {}) {
+        const newPanelInfo = { currentPanelProps, componentTag, size: DEFAULT_SIDE_PANEL_SIZE };
         const state = this.computeState(newPanelInfo);
         if (!state.isOpen) {
             return;
@@ -57518,10 +57528,10 @@ class SidePanelStore extends SpreadsheetStore {
     _openPanel(panel, newPanel, state) {
         const currentPanel = this[panel];
         if (currentPanel && newPanel.componentTag !== currentPanel.componentTag) {
-            currentPanel.initialPanelProps?.onCloseSidePanel?.();
+            currentPanel.currentPanelProps?.onCloseSidePanel?.();
         }
         this[panel] = {
-            initialPanelProps: state.props ?? {},
+            currentPanelProps: state.props ?? {},
             componentTag: newPanel.componentTag,
             size: currentPanel?.size || DEFAULT_SIDE_PANEL_SIZE,
             isCollapsed: currentPanel?.isCollapsed || false,
@@ -57543,16 +57553,16 @@ class SidePanelStore extends SpreadsheetStore {
     close() {
         if (this.mainPanel?.isPinned) {
             if (this.secondaryPanel) {
-                this.secondaryPanel.initialPanelProps.onCloseSidePanel?.();
+                this.secondaryPanel.currentPanelProps.onCloseSidePanel?.();
                 this.secondaryPanel = undefined;
             }
             return;
         }
-        this.mainPanel?.initialPanelProps.onCloseSidePanel?.();
+        this.mainPanel?.currentPanelProps.onCloseSidePanel?.();
         this.mainPanel = undefined;
     }
     closeMainPanel() {
-        this.mainPanel?.initialPanelProps.onCloseSidePanel?.();
+        this.mainPanel?.currentPanelProps.onCloseSidePanel?.();
         this.mainPanel = this.secondaryPanel || undefined;
         this.secondaryPanel = undefined;
     }
@@ -57584,7 +57594,7 @@ class SidePanelStore extends SpreadsheetStore {
         }
         this.mainPanel.isPinned = !this.mainPanel.isPinned;
         if (!this.mainPanel.isPinned && this.secondaryPanel) {
-            this.secondaryPanel?.initialPanelProps.onCloseSidePanel?.();
+            this.secondaryPanel?.currentPanelProps.onCloseSidePanel?.();
             this.mainPanel = this.secondaryPanel;
             this.secondaryPanel = undefined;
         }
@@ -57603,7 +57613,7 @@ class SidePanelStore extends SpreadsheetStore {
             panelInfo.size = COLLAPSED_SIDE_PANEL_SIZE;
         }
     }
-    computeState({ componentTag, initialPanelProps }) {
+    computeState({ componentTag, currentPanelProps: initialPanelProps, }) {
         const customComputeState = sidePanelRegistry.get(componentTag).computeState;
         const state = customComputeState
             ? customComputeState(this.getters, initialPanelProps)
@@ -57613,7 +57623,7 @@ class SidePanelStore extends SpreadsheetStore {
     changeSpreadsheetWidth(width) {
         this.availableWidth = width - MIN_SHEET_VIEW_WIDTH;
         if (this.secondaryPanel && width - this.totalPanelSize < MIN_SHEET_VIEW_WIDTH) {
-            this.secondaryPanel?.initialPanelProps.onCloseSidePanel?.();
+            this.secondaryPanel?.currentPanelProps.onCloseSidePanel?.();
             this.secondaryPanel = undefined;
         }
         if (this.mainPanel && width - this.totalPanelSize < MIN_SHEET_VIEW_WIDTH) {
@@ -57773,6 +57783,10 @@ class Grid extends owl.Component {
         useTouchScroll(this.gridRef, this.moveCanvas.bind(this), () => {
             const { scrollY } = this.env.model.getters.getActiveSheetScrollInfo();
             return scrollY > 0;
+        }, () => {
+            const { maxOffsetY } = this.env.model.getters.getMaximumSheetOffset();
+            const { scrollY } = this.env.model.getters.getActiveSheetScrollInfo();
+            return scrollY < maxOffsetY;
         });
     }
     get highlights() {
@@ -74994,6 +75008,7 @@ class SheetViewPlugin extends UIPlugin {
         "getFigureUI",
         "getPositionAnchorOffset",
         "getGridOffset",
+        "getMaximumSheetOffset",
     ];
     viewports = {};
     /**
@@ -76597,6 +76612,7 @@ topbarMenuRegistry
     .add("file", {
     name: _t("File"),
     sequence: 10,
+    isReadonlyAllowed: true,
 })
     .addChild("settings", ["file"], {
     name: _t("Settings"),
@@ -76611,6 +76627,7 @@ topbarMenuRegistry
     .add("edit", {
     name: _t("Edit"),
     sequence: 20,
+    isReadonlyAllowed: true,
 })
     .addChild("undo", ["edit"], {
     ...undo,
@@ -76695,6 +76712,7 @@ topbarMenuRegistry
     .add("view", {
     name: _t("View"),
     sequence: 30,
+    isReadonlyAllowed: true,
 })
     .addChild("unfreeze_panes", ["view"], {
     ...unFreezePane,
@@ -76786,6 +76804,7 @@ topbarMenuRegistry
     .add("insert", {
     name: _t("Insert"),
     sequence: 40,
+    isReadonlyAllowed: true,
 })
     .addChild("insert_row", ["insert"], {
     ...insertRow,
@@ -76893,7 +76912,11 @@ topbarMenuRegistry
     // ---------------------------------------------------------------------
     // FORMAT MENU ITEMS
     // ---------------------------------------------------------------------
-    .add("format", { name: _t("Format"), sequence: 50 })
+    .add("format", {
+    name: _t("Format"),
+    sequence: 50,
+    isReadonlyAllowed: true,
+})
     .addChild("format_number", ["format"], {
     ...formatNumberMenuItemSpec,
     name: _t("Number"),
@@ -76985,6 +77008,7 @@ topbarMenuRegistry
     .add("data", {
     name: _t("Data"),
     sequence: 60,
+    isReadonlyAllowed: true,
 })
     .addChild("sort_range", ["data"], {
     ...sortRange,
@@ -78075,6 +78099,10 @@ class SpreadsheetDashboard extends owl.Component {
         useTouchScroll(this.gridRef, this.moveCanvas.bind(this), () => {
             const { scrollY } = this.env.model.getters.getActiveSheetScrollInfo();
             return scrollY > 0;
+        }, () => {
+            const { maxOffsetY } = this.env.model.getters.getMaximumSheetOffset();
+            const { scrollY } = this.env.model.getters.getActiveSheetScrollInfo();
+            return scrollY < maxOffsetY;
         });
     }
     get gridContainer() {
@@ -80118,7 +80146,7 @@ css /* scss */ `
     border-radius: 4px;
     font-weight: 500;
     font-size: 14px;
-    height: 32px;
+    min-height: 32px;
     line-height: 16px;
     flex-grow: 1;
     background-color: ${BUTTON_BG};
@@ -84922,6 +84950,6 @@ exports.tokenColors = tokenColors;
 exports.tokenize = tokenize;
 
 
-__info__.version = "18.4.16";
-__info__.date = "2025-11-03T12:31:57.153Z";
-__info__.hash = "1ba569f";
+__info__.version = "18.4.18";
+__info__.date = "2025-11-24T07:42:07.821Z";
+__info__.hash = "4f83667";

package/dist/o-spreadsheet.d.ts

@@ -2500,7 +2500,7 @@ declare class InternalViewport {
  *
  */
 declare class SheetViewPlugin extends UIPlugin {
-    static getters: readonly ["getColIndex", "getRowIndex", "getActiveMainViewport", "getSheetViewDimension", "getSheetViewDimensionWithHeaders", "getMainViewportRect", "isVisibleInViewport", "getEdgeScrollCol", "getEdgeScrollRow", "getVisibleFigures", "getVisibleRect", "getVisibleRectWithoutHeaders", "getVisibleCellPositions", "getColRowOffsetInViewport", "getMainViewportCoordinates", "getActiveSheetScrollInfo", "getSheetViewVisibleCols", "getSheetViewVisibleRows", "getFrozenSheetViewRatio", "isPixelPositionVisible", "getColDimensionsInViewport", "getRowDimensionsInViewport", "getAllActiveViewportsZonesAndRect", "getRect", "getFigureUI", "getPositionAnchorOffset", "getGridOffset"];
+    static getters: readonly ["getColIndex", "getRowIndex", "getActiveMainViewport", "getSheetViewDimension", "getSheetViewDimensionWithHeaders", "getMainViewportRect", "isVisibleInViewport", "getEdgeScrollCol", "getEdgeScrollRow", "getVisibleFigures", "getVisibleRect", "getVisibleRectWithoutHeaders", "getVisibleCellPositions", "getColRowOffsetInViewport", "getMainViewportCoordinates", "getActiveSheetScrollInfo", "getSheetViewVisibleCols", "getSheetViewVisibleRows", "getFrozenSheetViewRatio", "isPixelPositionVisible", "getColDimensionsInViewport", "getRowDimensionsInViewport", "getAllActiveViewportsZonesAndRect", "getRect", "getFigureUI", "getPositionAnchorOffset", "getGridOffset", "getMaximumSheetOffset"];
     private viewports;
     /**
      * The viewport dimensions are usually set by one of the components
@@ -2551,7 +2551,10 @@ declare class SheetViewPlugin extends UIPlugin {
      * Return the main viewport maximum size relative to the client size.
      */
     getMainViewportRect(): Rect;
-    private getMaximumSheetOffset;
+    getMaximumSheetOffset(): {
+        maxOffsetX: Pixel;
+        maxOffsetY: Pixel;
+    };
     getColRowOffsetInViewport(dimension: Dimension, referenceHeaderIndex: HeaderIndex, targetHeaderIndex: HeaderIndex): Pixel;
     /**
      * Check if a given position is visible in the viewport.
@@ -8641,7 +8644,7 @@ declare abstract class AbstractComposerStore extends SpreadsheetStore {
     private updateAutoCompleteProvider;
     private findAutocompleteProvider;
     hideHelp(): void;
-    autoCompleteOrStop(direction: Direction$1): void;
+    autoCompleteOrStop(direction: Direction$1, assistantForcedClosed?: boolean): void;
     insertAutoCompleteValue(value: string): void;
     selectAutoCompleteIndex(index: number): void;
     moveAutoCompleteSelection(direction: "previous" | "next"): void;
@@ -9142,7 +9145,7 @@ interface ClosedSidePanel {
 }
 type SidePanelState = OpenSidePanel | ClosedSidePanel;
 interface PanelInfo {
-    initialPanelProps: SidePanelComponentProps;
+    currentPanelProps: SidePanelComponentProps;
     componentTag: string;
     size: number;
     isCollapsed?: boolean;
@@ -9169,8 +9172,8 @@ declare class SidePanelStore extends SpreadsheetStore {
     get totalPanelSize(): number;
     private getPanelProps;
     private getPanelKey;
-    open(componentTag: string, initialPanelProps?: SidePanelComponentProps): void;
-    replace(componentTag: string, currentPanelKey: string, initialPanelProps?: SidePanelComponentProps): void;
+    open(componentTag: string, currentPanelProps?: SidePanelComponentProps): void;
+    replace(componentTag: string, currentPanelKey: string, currentPanelProps?: SidePanelComponentProps): void;
     private _openPanel;
     toggle(componentTag: string, panelProps: SidePanelComponentProps): void;
     close(): void;
@@ -10023,7 +10026,7 @@ declare abstract class AbstractResizer extends Component<ResizerProps, Spreadshe
     setup(): void;
     _computeHandleDisplay(ev: MouseEvent): void;
     _computeGrabDisplay(ev: MouseEvent): void;
-    onMouseMove(ev: PointerEvent): void;
+    onMouseMove(ev: MouseEvent): void;
     onMouseLeave(): void;
     onDblClick(ev: MouseEvent): void;
     onMouseDown(ev: MouseEvent): void;
@@ -11696,6 +11699,7 @@ declare class GridRenderer extends SpreadsheetStore {
     private animations;
     constructor(get: Get);
     handle(cmd: Command): void;
+    finalize(): void;
     get renderingLayers(): readonly ["Background", "Headers"];
     drawLayer(renderingContext: GridRenderingContext, layer: LayerName, timeStamp: number | undefined): void;
     private drawGlobalBackground;