@odoo/o-spreadsheet 19.0.10 → 19.0.11

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.10
- * @date 2025-11-12T14:15:51.076Z
- * @hash 18ac688
+ * @version 19.0.11
+ * @date 2025-11-24T07:46:47.685Z
+ * @hash f5bdbcc
  */
 
 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';
@@ -862,7 +862,7 @@ const PIVOT_TABLE_CONFIG = {
 };
 const PIVOT_INDENT = 15;
 const PIVOT_COLLAPSE_ICON_SIZE = 12;
-const PIVOT_MAX_NUMBER_OF_CELLS = 1e5;
+const PIVOT_MAX_NUMBER_OF_CELLS = 5e5;
 const DEFAULT_CURRENCY = {
     symbol: "$",
     position: "before",
@@ -13348,7 +13348,7 @@ const SUBTOTAL = {
                 if (!acceptHiddenCells && this.getters.isRowHiddenByUser(sheetId, row))
                     continue;
                 for (let col = left; col <= right; col++) {
-                    const cell = this.getters.getCell({ sheetId, col, row });
+                    const cell = this.getters.getCorrespondingFormulaCell({ sheetId, col, row });
                     if (!cell || !isSubtotalCell(cell)) {
                         evaluatedCellToKeep.push(this.getters.getEvaluatedCell({ sheetId, col, row }));
                     }
@@ -19344,7 +19344,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) {
@@ -34523,16 +34523,12 @@ class Composer extends 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();
@@ -34708,7 +34704,6 @@ class Composer extends Component {
             return;
         }
         const newSelection = this.contentHelper.getCurrentSelection();
-        this.props.composerStore.stopComposerRangeSelection();
         const isCurrentlyInactive = this.props.composerStore.editionMode === "inactive";
         this.props.onComposerContentFocused(newSelection);
         if (!isCurrentlyInactive) {
@@ -35199,6 +35194,7 @@ class AbstractComposerStore extends SpreadsheetStore {
         }
         this.selectionStart = start;
         this.selectionEnd = end;
+        this.editionMode = "editing";
         this.computeFormulaCursorContext();
         this.computeParenthesisRelatedToCursor();
         this.updateAutoCompleteProvider();
@@ -35869,10 +35865,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);
@@ -51563,10 +51562,11 @@ class AbstractResizer extends 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);
@@ -51633,6 +51633,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);
@@ -52994,7 +52998,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;
@@ -53031,7 +53035,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();
             }
@@ -59269,7 +59273,6 @@ function insertTokenAfterArgSeparator(tokenAtCursor, value) {
         // replace the whole token
         start = tokenAtCursor.start;
     }
-    this.composer.stopComposerRangeSelection();
     this.composer.changeComposerCursorSelection(start, end);
     this.composer.replaceComposerCursorSelection(value);
 }
@@ -59287,7 +59290,6 @@ function insertTokenAfterLeftParenthesis(tokenAtCursor, value) {
         // replace the whole token
         start = tokenAtCursor.start;
     }
-    this.composer.stopComposerRangeSelection();
     this.composer.changeComposerCursorSelection(start, end);
     this.composer.replaceComposerCursorSelection(value);
 }
@@ -60748,6 +60750,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 {};
@@ -60759,11 +60762,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;
@@ -60787,8 +60790,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;
@@ -60818,10 +60821,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,
@@ -60843,16 +60846,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;
     }
@@ -60884,7 +60887,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;
         }
@@ -60903,7 +60906,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)
@@ -60913,7 +60916,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) {
@@ -61073,6 +61076,10 @@ class Grid extends 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() {
@@ -62365,22 +62372,34 @@ class BordersPlugin extends CorePlugin {
     addBorder(sheetId, zone, newBorder, force = false) {
         const borders = [];
         const plannedBorder = newBorder ? { zone, style: newBorder } : undefined;
-        const sideToClear = {
-            left: force || !!newBorder?.left,
-            right: force || !!newBorder?.right,
-            top: force || !!newBorder?.top,
-            bottom: force || !!newBorder?.bottom,
+        // For each side, decide if we must clear the border on the *adjacent*
+        // existing cell when we draw on the opposite side of the new zone.
+        //
+        // Example:
+        //  - newBorder.right is set → we draw border on the RIGHT side of `zone`
+        //  - the cell on the right may already have a LEFT border on that edge
+        // In that case we clear that LEFT border, so only the new RIGHT border
+        // remains on the shared edge.
+        //
+        // existingBorderSideToClear[side] = true means we should clear the border on that
+        // side of the existing adjacent zone before adding the new border.
+        const existingBorderSideToClear = {
+            left: force || !!newBorder?.right,
+            right: force || !!newBorder?.left,
+            top: force || !!newBorder?.bottom,
+            bottom: force || !!newBorder?.top,
         };
         let editingZone = [zone];
         for (const existingBorder of this.borders[sheetId] ?? []) {
             const inter = intersection(existingBorder.zone, zone);
             if (!inter) {
-                // Clear adjacent borders on which you write
+                // Check if the existing border is adjacent to the new zone
                 const adjacentEdge = adjacent(existingBorder.zone, zone);
-                if (adjacentEdge && sideToClear[adjacentEdge.position]) {
+                if (adjacentEdge && existingBorderSideToClear[adjacentEdge.position]) {
                     for (const newZone of splitIfAdjacent(existingBorder.zone, zone)) {
                         const border = this.computeBorderFromZone(newZone, existingBorder);
                         const adjacentEdge = adjacent(newZone, zone);
+                        // Clear the existing border on the side that touches the new zone
                         switch (adjacentEdge?.position) {
                             case "left":
                                 border.style.left = undefined;
@@ -78674,6 +78693,7 @@ class SheetViewPlugin extends UIPlugin {
         "getFigureUI",
         "getPositionAnchorOffset",
         "getGridOffset",
+        "getMaximumSheetOffset",
     ];
     viewports = {};
     /**
@@ -81985,6 +82005,10 @@ class SpreadsheetDashboard extends 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() {
@@ -84029,7 +84053,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};
@@ -88932,6 +88956,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.10";
-__info__.date = "2025-11-12T14:15:51.076Z";
-__info__.hash = "18ac688";
+__info__.version = "19.0.11";
+__info__.date = "2025-11-24T07:46:47.685Z";
+__info__.hash = "f5bdbcc";

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 19.0.10
- * @date 2025-11-12T14:15:51.076Z
- * @hash 18ac688
+ * @version 19.0.11
+ * @date 2025-11-24T07:46:47.685Z
+ * @hash f5bdbcc
  */
 
 (function (exports, owl) {
@@ -863,7 +863,7 @@
   };
   const PIVOT_INDENT = 15;
   const PIVOT_COLLAPSE_ICON_SIZE = 12;
-  const PIVOT_MAX_NUMBER_OF_CELLS = 1e5;
+  const PIVOT_MAX_NUMBER_OF_CELLS = 5e5;
   const DEFAULT_CURRENCY = {
       symbol: "$",
       position: "before",
@@ -13349,7 +13349,7 @@ stores.inject(MyMetaStore, storeInstance);
                   if (!acceptHiddenCells && this.getters.isRowHiddenByUser(sheetId, row))
                       continue;
                   for (let col = left; col <= right; col++) {
-                      const cell = this.getters.getCell({ sheetId, col, row });
+                      const cell = this.getters.getCorrespondingFormulaCell({ sheetId, col, row });
                       if (!cell || !isSubtotalCell(cell)) {
                           evaluatedCellToKeep.push(this.getters.getEvaluatedCell({ sheetId, col, row }));
                       }
@@ -19345,7 +19345,7 @@ stores.inject(MyMetaStore, storeInstance);
   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) {
@@ -34524,16 +34524,12 @@ stores.inject(MyMetaStore, storeInstance);
       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();
@@ -34709,7 +34705,6 @@ stores.inject(MyMetaStore, storeInstance);
               return;
           }
           const newSelection = this.contentHelper.getCurrentSelection();
-          this.props.composerStore.stopComposerRangeSelection();
           const isCurrentlyInactive = this.props.composerStore.editionMode === "inactive";
           this.props.onComposerContentFocused(newSelection);
           if (!isCurrentlyInactive) {
@@ -35200,6 +35195,7 @@ stores.inject(MyMetaStore, storeInstance);
           }
           this.selectionStart = start;
           this.selectionEnd = end;
+          this.editionMode = "editing";
           this.computeFormulaCursorContext();
           this.computeParenthesisRelatedToCursor();
           this.updateAutoCompleteProvider();
@@ -35870,10 +35866,13 @@ stores.inject(MyMetaStore, storeInstance);
       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);
@@ -51564,10 +51563,11 @@ stores.inject(MyMetaStore, storeInstance);
           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);
@@ -51634,6 +51634,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);
@@ -52995,7 +52999,7 @@ stores.inject(MyMetaStore, storeInstance);
   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;
@@ -53032,7 +53036,7 @@ stores.inject(MyMetaStore, storeInstance);
           lastX = clientX;
           lastY = clientY;
           lastTime = currentTime;
-          if (canMoveUp()) {
+          if ((deltaY < 0 && canMoveUp()) || (deltaY > 0 && canMoveDown())) {
               if (event.cancelable) {
                   event.preventDefault();
               }
@@ -59270,7 +59274,6 @@ stores.inject(MyMetaStore, storeInstance);
           // replace the whole token
           start = tokenAtCursor.start;
       }
-      this.composer.stopComposerRangeSelection();
       this.composer.changeComposerCursorSelection(start, end);
       this.composer.replaceComposerCursorSelection(value);
   }
@@ -59288,7 +59291,6 @@ stores.inject(MyMetaStore, storeInstance);
           // replace the whole token
           start = tokenAtCursor.start;
       }
-      this.composer.stopComposerRangeSelection();
       this.composer.changeComposerCursorSelection(start, end);
       this.composer.replaceComposerCursorSelection(value);
   }
@@ -60749,6 +60751,7 @@ stores.inject(MyMetaStore, storeInstance);
       getPanelProps(panelInfo) {
           const state = this.computeState(panelInfo);
           if (state.isOpen) {
+              panelInfo.currentPanelProps = state.props ?? panelInfo.currentPanelProps;
               return state.props ?? {};
           }
           return {};
@@ -60760,11 +60763,11 @@ stores.inject(MyMetaStore, storeInstance);
           }
           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;
@@ -60788,8 +60791,8 @@ stores.inject(MyMetaStore, storeInstance);
           }
           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;
@@ -60819,10 +60822,10 @@ stores.inject(MyMetaStore, storeInstance);
       _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,
@@ -60844,16 +60847,16 @@ stores.inject(MyMetaStore, storeInstance);
       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;
       }
@@ -60885,7 +60888,7 @@ stores.inject(MyMetaStore, storeInstance);
           }
           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;
           }
@@ -60904,7 +60907,7 @@ stores.inject(MyMetaStore, storeInstance);
               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)
@@ -60914,7 +60917,7 @@ stores.inject(MyMetaStore, storeInstance);
       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) {
@@ -61074,6 +61077,10 @@ stores.inject(MyMetaStore, storeInstance);
           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() {
@@ -62366,22 +62373,34 @@ stores.inject(MyMetaStore, storeInstance);
       addBorder(sheetId, zone, newBorder, force = false) {
           const borders = [];
           const plannedBorder = newBorder ? { zone, style: newBorder } : undefined;
-          const sideToClear = {
-              left: force || !!newBorder?.left,
-              right: force || !!newBorder?.right,
-              top: force || !!newBorder?.top,
-              bottom: force || !!newBorder?.bottom,
+          // For each side, decide if we must clear the border on the *adjacent*
+          // existing cell when we draw on the opposite side of the new zone.
+          //
+          // Example:
+          //  - newBorder.right is set → we draw border on the RIGHT side of `zone`
+          //  - the cell on the right may already have a LEFT border on that edge
+          // In that case we clear that LEFT border, so only the new RIGHT border
+          // remains on the shared edge.
+          //
+          // existingBorderSideToClear[side] = true means we should clear the border on that
+          // side of the existing adjacent zone before adding the new border.
+          const existingBorderSideToClear = {
+              left: force || !!newBorder?.right,
+              right: force || !!newBorder?.left,
+              top: force || !!newBorder?.bottom,
+              bottom: force || !!newBorder?.top,
           };
           let editingZone = [zone];
           for (const existingBorder of this.borders[sheetId] ?? []) {
               const inter = intersection(existingBorder.zone, zone);
               if (!inter) {
-                  // Clear adjacent borders on which you write
+                  // Check if the existing border is adjacent to the new zone
                   const adjacentEdge = adjacent(existingBorder.zone, zone);
-                  if (adjacentEdge && sideToClear[adjacentEdge.position]) {
+                  if (adjacentEdge && existingBorderSideToClear[adjacentEdge.position]) {
                       for (const newZone of splitIfAdjacent(existingBorder.zone, zone)) {
                           const border = this.computeBorderFromZone(newZone, existingBorder);
                           const adjacentEdge = adjacent(newZone, zone);
+                          // Clear the existing border on the side that touches the new zone
                           switch (adjacentEdge?.position) {
                               case "left":
                                   border.style.left = undefined;
@@ -78675,6 +78694,7 @@ stores.inject(MyMetaStore, storeInstance);
           "getFigureUI",
           "getPositionAnchorOffset",
           "getGridOffset",
+          "getMaximumSheetOffset",
       ];
       viewports = {};
       /**
@@ -81986,6 +82006,10 @@ stores.inject(MyMetaStore, storeInstance);
           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() {
@@ -84030,7 +84054,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};
@@ -88983,9 +89007,9 @@ stores.inject(MyMetaStore, storeInstance);
   exports.tokenize = tokenize;
 
 
-  __info__.version = "19.0.10";
-  __info__.date = "2025-11-12T14:15:51.076Z";
-  __info__.hash = "18ac688";
+  __info__.version = "19.0.11";
+  __info__.date = "2025-11-24T07:46:47.685Z";
+  __info__.hash = "f5bdbcc";
 
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);