@odoo/o-spreadsheet 18.3.26 → 18.3.27

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.3.26
- * @date 2025-11-12T14:15:33.133Z
- * @hash f31a752
+ * @version 18.3.27
+ * @date 2025-11-24T07:40:29.469Z
+ * @hash 57b11b8
  */
 
 'use strict';
@@ -22991,6 +22991,7 @@ class AbstractComposerStore extends SpreadsheetStore {
         }
         this.selectionStart = start;
         this.selectionEnd = end;
+        this.editionMode = "editing";
         this.computeFormulaCursorContext();
         this.computeParenthesisRelatedToCursor();
     }
@@ -23728,7 +23729,6 @@ function insertTokenAfterArgSeparator(tokenAtCursor, value) {
         // replace the whole token
         start = tokenAtCursor.start;
     }
-    this.composer.stopComposerRangeSelection();
     this.composer.changeComposerCursorSelection(start, end);
     this.composer.replaceComposerCursorSelection(value);
 }
@@ -23746,7 +23746,6 @@ function insertTokenAfterLeftParenthesis(tokenAtCursor, value) {
         // replace the whole token
         start = tokenAtCursor.start;
     }
-    this.composer.stopComposerRangeSelection();
     this.composer.changeComposerCursorSelection(start, end);
     this.composer.replaceComposerCursorSelection(value);
 }
@@ -43887,7 +43886,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();
@@ -54347,7 +54345,10 @@ class AbstractResizer extends owl.Component {
         this.state.waitingForMove = false;
     }
     onMouseMove(ev) {
-        if (this.state.isResizing || this.state.isMoving || this.state.isSelecting) {
+        if (this.env.model.getters.isReadonly() ||
+            this.state.isResizing ||
+            this.state.isMoving ||
+            this.state.isSelecting) {
             return;
         }
         this._computeHandleDisplay(ev);
@@ -54400,6 +54401,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);
@@ -56106,24 +56111,24 @@ const DEFAULT_SIDE_PANEL_SIZE = 350;
 const MIN_SHEET_VIEW_WIDTH = 150;
 class SidePanelStore extends SpreadsheetStore {
     mutators = ["open", "toggle", "close", "changePanelSize", "resetPanelSize"];
-    initialPanelProps = {};
+    currentPanelProps = {};
     componentTag = "";
     panelSize = DEFAULT_SIDE_PANEL_SIZE;
     get isOpen() {
         if (!this.componentTag) {
             return false;
         }
-        return this.computeState(this.componentTag, this.initialPanelProps).isOpen;
+        return this.computeState(this.componentTag, this.currentPanelProps).isOpen;
     }
     get panelProps() {
-        const state = this.computeState(this.componentTag, this.initialPanelProps);
+        const state = this.computeState(this.componentTag, this.currentPanelProps);
         if (state.isOpen) {
             return state.props ?? {};
         }
         return {};
     }
     get panelKey() {
-        const state = this.computeState(this.componentTag, this.initialPanelProps);
+        const state = this.computeState(this.componentTag, this.currentPanelProps);
         if (state.isOpen) {
             return state.key;
         }
@@ -56135,10 +56140,10 @@ class SidePanelStore extends SpreadsheetStore {
             return;
         }
         if (this.isOpen && componentTag !== this.componentTag) {
-            this.initialPanelProps?.onCloseSidePanel?.();
+            this.currentPanelProps?.onCloseSidePanel?.();
         }
         this.componentTag = componentTag;
-        this.initialPanelProps = state.props ?? {};
+        this.currentPanelProps = state.props ?? {};
     }
     toggle(componentTag, panelProps) {
         if (this.isOpen && componentTag === this.componentTag) {
@@ -56149,8 +56154,8 @@ class SidePanelStore extends SpreadsheetStore {
         }
     }
     close() {
-        this.initialPanelProps.onCloseSidePanel?.();
-        this.initialPanelProps = {};
+        this.currentPanelProps.onCloseSidePanel?.();
+        this.currentPanelProps = {};
         this.componentTag = "";
     }
     changePanelSize(size, spreadsheetElWidth) {
@@ -56176,7 +56181,11 @@ class SidePanelStore extends SpreadsheetStore {
             };
         }
         else {
-            return customComputeState(this.getters, panelProps);
+            const state = customComputeState(this.getters, panelProps);
+            if (state.isOpen) {
+                this.currentPanelProps = state.props ?? this.currentPanelProps;
+            }
+            return state;
         }
     }
 }
@@ -76344,7 +76353,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};
@@ -81069,6 +81078,6 @@ exports.tokenColors = tokenColors;
 exports.tokenize = tokenize;
 
 
-__info__.version = "18.3.26";
-__info__.date = "2025-11-12T14:15:33.133Z";
-__info__.hash = "f31a752";
+__info__.version = "18.3.27";
+__info__.date = "2025-11-24T07:40:29.469Z";
+__info__.hash = "57b11b8";

package/dist/o-spreadsheet.d.ts

@@ -8901,7 +8901,7 @@ interface ClosedSidePanel {
 type SidePanelState = OpenSidePanel | ClosedSidePanel;
 declare class SidePanelStore extends SpreadsheetStore {
     mutators: readonly ["open", "toggle", "close", "changePanelSize", "resetPanelSize"];
-    initialPanelProps: SidePanelProps;
+    currentPanelProps: SidePanelProps;
     componentTag: string;
     panelSize: number;
     get isOpen(): boolean;

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 18.3.26
- * @date 2025-11-12T14:15:33.133Z
- * @hash f31a752
+ * @version 18.3.27
+ * @date 2025-11-24T07:40:29.469Z
+ * @hash 57b11b8
  */
 
 import { useEnv, useSubEnv, onWillUnmount, useComponent, status, Component, useRef, onMounted, useEffect, App, blockDom, useState, onPatched, onWillPatch, onWillUpdateProps, useExternalListener, onWillStart, xml, useChildSubEnv, markRaw, toRaw } from '@odoo/owl';
@@ -22989,6 +22989,7 @@ class AbstractComposerStore extends SpreadsheetStore {
         }
         this.selectionStart = start;
         this.selectionEnd = end;
+        this.editionMode = "editing";
         this.computeFormulaCursorContext();
         this.computeParenthesisRelatedToCursor();
     }
@@ -23726,7 +23727,6 @@ function insertTokenAfterArgSeparator(tokenAtCursor, value) {
         // replace the whole token
         start = tokenAtCursor.start;
     }
-    this.composer.stopComposerRangeSelection();
     this.composer.changeComposerCursorSelection(start, end);
     this.composer.replaceComposerCursorSelection(value);
 }
@@ -23744,7 +23744,6 @@ function insertTokenAfterLeftParenthesis(tokenAtCursor, value) {
         // replace the whole token
         start = tokenAtCursor.start;
     }
-    this.composer.stopComposerRangeSelection();
     this.composer.changeComposerCursorSelection(start, end);
     this.composer.replaceComposerCursorSelection(value);
 }
@@ -43885,7 +43884,6 @@ class Composer extends Component {
             return;
         }
         const newSelection = this.contentHelper.getCurrentSelection();
-        this.props.composerStore.stopComposerRangeSelection();
         this.props.onComposerContentFocused();
         this.props.composerStore.changeComposerCursorSelection(newSelection.start, newSelection.end);
         this.processTokenAtCursor();
@@ -54345,7 +54343,10 @@ class AbstractResizer extends Component {
         this.state.waitingForMove = false;
     }
     onMouseMove(ev) {
-        if (this.state.isResizing || this.state.isMoving || this.state.isSelecting) {
+        if (this.env.model.getters.isReadonly() ||
+            this.state.isResizing ||
+            this.state.isMoving ||
+            this.state.isSelecting) {
             return;
         }
         this._computeHandleDisplay(ev);
@@ -54398,6 +54399,10 @@ class AbstractResizer extends 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);
@@ -56104,24 +56109,24 @@ const DEFAULT_SIDE_PANEL_SIZE = 350;
 const MIN_SHEET_VIEW_WIDTH = 150;
 class SidePanelStore extends SpreadsheetStore {
     mutators = ["open", "toggle", "close", "changePanelSize", "resetPanelSize"];
-    initialPanelProps = {};
+    currentPanelProps = {};
     componentTag = "";
     panelSize = DEFAULT_SIDE_PANEL_SIZE;
     get isOpen() {
         if (!this.componentTag) {
             return false;
         }
-        return this.computeState(this.componentTag, this.initialPanelProps).isOpen;
+        return this.computeState(this.componentTag, this.currentPanelProps).isOpen;
     }
     get panelProps() {
-        const state = this.computeState(this.componentTag, this.initialPanelProps);
+        const state = this.computeState(this.componentTag, this.currentPanelProps);
         if (state.isOpen) {
             return state.props ?? {};
         }
         return {};
     }
     get panelKey() {
-        const state = this.computeState(this.componentTag, this.initialPanelProps);
+        const state = this.computeState(this.componentTag, this.currentPanelProps);
         if (state.isOpen) {
             return state.key;
         }
@@ -56133,10 +56138,10 @@ class SidePanelStore extends SpreadsheetStore {
             return;
         }
         if (this.isOpen && componentTag !== this.componentTag) {
-            this.initialPanelProps?.onCloseSidePanel?.();
+            this.currentPanelProps?.onCloseSidePanel?.();
         }
         this.componentTag = componentTag;
-        this.initialPanelProps = state.props ?? {};
+        this.currentPanelProps = state.props ?? {};
     }
     toggle(componentTag, panelProps) {
         if (this.isOpen && componentTag === this.componentTag) {
@@ -56147,8 +56152,8 @@ class SidePanelStore extends SpreadsheetStore {
         }
     }
     close() {
-        this.initialPanelProps.onCloseSidePanel?.();
-        this.initialPanelProps = {};
+        this.currentPanelProps.onCloseSidePanel?.();
+        this.currentPanelProps = {};
         this.componentTag = "";
     }
     changePanelSize(size, spreadsheetElWidth) {
@@ -56174,7 +56179,11 @@ class SidePanelStore extends SpreadsheetStore {
             };
         }
         else {
-            return customComputeState(this.getters, panelProps);
+            const state = customComputeState(this.getters, panelProps);
+            if (state.isOpen) {
+                this.currentPanelProps = state.props ?? this.currentPanelProps;
+            }
+            return state;
         }
     }
 }
@@ -76342,7 +76351,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};
@@ -81021,6 +81030,6 @@ const chartHelpers = { ...CHART_HELPERS, ...CHART_RUNTIME_HELPERS };
 export { AbstractCellClipboardHandler, AbstractChart, AbstractFigureClipboardHandler, CellErrorType, CommandResult, CorePlugin, CoreViewPlugin, DispatchResult, EvaluationError, Model, PivotRuntimeDefinition, Registry, Revision, SPREADSHEET_DIMENSIONS, Spreadsheet, SpreadsheetPivotTable, UIPlugin, __info__, addFunction, addRenderingLayer, astToFormula, chartHelpers, compile, compileTokens, components, constants, convertAstNodes, coreTypes, findCellInNewZone, functionCache, helpers, hooks, invalidateCFEvaluationCommands, invalidateChartEvaluationCommands, invalidateDependenciesCommands, invalidateEvaluationCommands, iterateAstNodes, links, load, parse, parseTokens, readonlyAllowedCommands, registries, setDefaultSheetViewSize, setTranslationMethod, stores, tokenColors, tokenize };
 
 
-__info__.version = "18.3.26";
-__info__.date = "2025-11-12T14:15:33.133Z";
-__info__.hash = "f31a752";
+__info__.version = "18.3.27";
+__info__.date = "2025-11-24T07:40:29.469Z";
+__info__.hash = "57b11b8";

package/dist/o-spreadsheet.iife.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.3.26
- * @date 2025-11-12T14:15:33.133Z
- * @hash f31a752
+ * @version 18.3.27
+ * @date 2025-11-24T07:40:29.469Z
+ * @hash 57b11b8
  */
 
 (function (exports, owl) {
@@ -22990,6 +22990,7 @@ stores.inject(MyMetaStore, storeInstance);
           }
           this.selectionStart = start;
           this.selectionEnd = end;
+          this.editionMode = "editing";
           this.computeFormulaCursorContext();
           this.computeParenthesisRelatedToCursor();
       }
@@ -23727,7 +23728,6 @@ stores.inject(MyMetaStore, storeInstance);
           // replace the whole token
           start = tokenAtCursor.start;
       }
-      this.composer.stopComposerRangeSelection();
       this.composer.changeComposerCursorSelection(start, end);
       this.composer.replaceComposerCursorSelection(value);
   }
@@ -23745,7 +23745,6 @@ stores.inject(MyMetaStore, storeInstance);
           // replace the whole token
           start = tokenAtCursor.start;
       }
-      this.composer.stopComposerRangeSelection();
       this.composer.changeComposerCursorSelection(start, end);
       this.composer.replaceComposerCursorSelection(value);
   }
@@ -43886,7 +43885,6 @@ stores.inject(MyMetaStore, storeInstance);
               return;
           }
           const newSelection = this.contentHelper.getCurrentSelection();
-          this.props.composerStore.stopComposerRangeSelection();
           this.props.onComposerContentFocused();
           this.props.composerStore.changeComposerCursorSelection(newSelection.start, newSelection.end);
           this.processTokenAtCursor();
@@ -54346,7 +54344,10 @@ stores.inject(MyMetaStore, storeInstance);
           this.state.waitingForMove = false;
       }
       onMouseMove(ev) {
-          if (this.state.isResizing || this.state.isMoving || this.state.isSelecting) {
+          if (this.env.model.getters.isReadonly() ||
+              this.state.isResizing ||
+              this.state.isMoving ||
+              this.state.isSelecting) {
               return;
           }
           this._computeHandleDisplay(ev);
@@ -54399,6 +54400,10 @@ stores.inject(MyMetaStore, storeInstance);
           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);
@@ -56105,24 +56110,24 @@ stores.inject(MyMetaStore, storeInstance);
   const MIN_SHEET_VIEW_WIDTH = 150;
   class SidePanelStore extends SpreadsheetStore {
       mutators = ["open", "toggle", "close", "changePanelSize", "resetPanelSize"];
-      initialPanelProps = {};
+      currentPanelProps = {};
       componentTag = "";
       panelSize = DEFAULT_SIDE_PANEL_SIZE;
       get isOpen() {
           if (!this.componentTag) {
               return false;
           }
-          return this.computeState(this.componentTag, this.initialPanelProps).isOpen;
+          return this.computeState(this.componentTag, this.currentPanelProps).isOpen;
       }
       get panelProps() {
-          const state = this.computeState(this.componentTag, this.initialPanelProps);
+          const state = this.computeState(this.componentTag, this.currentPanelProps);
           if (state.isOpen) {
               return state.props ?? {};
           }
           return {};
       }
       get panelKey() {
-          const state = this.computeState(this.componentTag, this.initialPanelProps);
+          const state = this.computeState(this.componentTag, this.currentPanelProps);
           if (state.isOpen) {
               return state.key;
           }
@@ -56134,10 +56139,10 @@ stores.inject(MyMetaStore, storeInstance);
               return;
           }
           if (this.isOpen && componentTag !== this.componentTag) {
-              this.initialPanelProps?.onCloseSidePanel?.();
+              this.currentPanelProps?.onCloseSidePanel?.();
           }
           this.componentTag = componentTag;
-          this.initialPanelProps = state.props ?? {};
+          this.currentPanelProps = state.props ?? {};
       }
       toggle(componentTag, panelProps) {
           if (this.isOpen && componentTag === this.componentTag) {
@@ -56148,8 +56153,8 @@ stores.inject(MyMetaStore, storeInstance);
           }
       }
       close() {
-          this.initialPanelProps.onCloseSidePanel?.();
-          this.initialPanelProps = {};
+          this.currentPanelProps.onCloseSidePanel?.();
+          this.currentPanelProps = {};
           this.componentTag = "";
       }
       changePanelSize(size, spreadsheetElWidth) {
@@ -56175,7 +56180,11 @@ stores.inject(MyMetaStore, storeInstance);
               };
           }
           else {
-              return customComputeState(this.getters, panelProps);
+              const state = customComputeState(this.getters, panelProps);
+              if (state.isOpen) {
+                  this.currentPanelProps = state.props ?? this.currentPanelProps;
+              }
+              return state;
           }
       }
   }
@@ -76343,7 +76352,7 @@ stores.inject(MyMetaStore, storeInstance);
     border-radius: 4px;
     font-weight: 500;
     font-size: 14px;
-    height: 32px;
+    min-height: 32px;
     line-height: 16px;
     flex-grow: 1;
     background-color: ${BUTTON_BG};
@@ -81068,9 +81077,9 @@ stores.inject(MyMetaStore, storeInstance);
   exports.tokenize = tokenize;
 
 
-  __info__.version = "18.3.26";
-  __info__.date = "2025-11-12T14:15:33.133Z";
-  __info__.hash = "f31a752";
+  __info__.version = "18.3.27";
+  __info__.date = "2025-11-24T07:40:29.469Z";
+  __info__.hash = "57b11b8";
 
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);