@odoo/o-spreadsheet 18.4.5 → 18.4.6

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.5
- * @date 2025-08-04T06:54:49.107Z
- * @hash 358931f
+ * @version 18.4.6
+ * @date 2025-08-18T08:16:33.453Z
+ * @hash 9c7c143
  */
 
 'use strict';
@@ -19641,7 +19641,7 @@ const OFFSET = {
             right: startingCol + offsetWidth - 1,
             bottom: startingRow + offsetHeight - 1,
         };
-        const range = this.getters.getRangeFromZone(this.__originSheetId, dependencyZone);
+        const range = this.getters.getRangeFromZone(sheetId, dependencyZone);
         if (range.invalidXc || range.invalidSheetName) {
             return new InvalidReferenceError();
         }
@@ -43833,7 +43833,7 @@ const insertDropdown = {
         env.openSidePanel("DataValidationEditor", {
             rule: localizeDataValidationRule(rule, env.model.getters.getLocale()),
             onExit: () => {
-                env.openSidePanel("DataValidation");
+                env.replaceSidePanel("DataValidation", "DataValidationEditor");
             },
         });
     },
@@ -53653,11 +53653,15 @@ class PivotMeasureDisplayPanel extends owl.Component {
         this.store = useLocalStore(PivotMeasureDisplayPanelStore, this.props.pivotId, this.props.measure);
     }
     onSave() {
-        this.env.openSidePanel("PivotSidePanel", { pivotId: this.props.pivotId });
+        this.env.replaceSidePanel("PivotSidePanel", `pivot_measure_display_${this.props.pivotId}_${this.props.measure.id}`, {
+            pivotId: this.props.pivotId,
+        });
     }
     onCancel() {
         this.store.cancelMeasureDisplayEdition();
-        this.env.openSidePanel("PivotSidePanel", { pivotId: this.props.pivotId });
+        this.env.replaceSidePanel("PivotSidePanel", `pivot_measure_display_${this.props.pivotId}_${this.props.measure.id}`, {
+            pivotId: this.props.pivotId,
+        });
     }
     get fieldChoices() {
         return this.store.fields.map((field) => ({
@@ -54119,7 +54123,7 @@ class PivotMeasureEditor extends owl.Component {
         });
     }
     openShowValuesAs() {
-        this.env.openSidePanel("PivotMeasureDisplayPanel", {
+        this.env.replaceSidePanel("PivotMeasureDisplayPanel", `pivot_key_${this.props.pivotId}`, {
             pivotId: this.props.pivotId,
             measure: this.props.measure,
         });
@@ -54379,7 +54383,7 @@ class PivotLayoutConfigurator extends owl.Component {
         this.props.onDimensionsUpdated(update);
     }
     getMeasureId(fieldName, aggregator) {
-        const baseId = fieldName + (aggregator ? `:${aggregator}` : "");
+        const baseId = fieldName.replaceAll("'", "") + (aggregator ? `:${aggregator}` : "");
         let id = baseId;
         let i = 2;
         while (this.props.definition.measures.some((m) => m.id === id)) {
@@ -57218,7 +57222,11 @@ sidePanelRegistry.add("PivotMeasureDisplayPanel", {
         try {
             // This will throw if the pivot or measure does not exist
             getters.getPivot(props.pivotId).getMeasure(props.measure.id);
-            return { isOpen: true, props, key: "pivot_measure_display" };
+            return {
+                isOpen: true,
+                props,
+                key: `pivot_measure_display_${props.pivotId}_${props.measure.id}`,
+            };
         }
         catch (e) {
             return { isOpen: false };
@@ -57243,6 +57251,7 @@ const MIN_SHEET_VIEW_WIDTH = 150;
 class SidePanelStore extends SpreadsheetStore {
     mutators = [
         "open",
+        "replace",
         "toggle",
         "close",
         "changePanelSize",
@@ -57304,8 +57313,7 @@ class SidePanelStore extends SpreadsheetStore {
         if (!state.isOpen) {
             return;
         }
-        const mainPanelKey = this.mainPanel ? this.getPanelKey(this.mainPanel) : undefined;
-        if (!this.mainPanel || !this.mainPanel.isPinned || mainPanelKey === state.key) {
+        if (!this.mainPanel || !this.mainPanel.isPinned || this.mainPanelKey === state.key) {
             this._openPanel("mainPanel", newPanelInfo, state);
             return;
         }
@@ -57324,6 +57332,34 @@ class SidePanelStore extends SpreadsheetStore {
         }
         this._openPanel("secondaryPanel", newPanelInfo, state);
     }
+    replace(componentTag, currentPanelKey, initialPanelProps = {}) {
+        const newPanelInfo = { initialPanelProps, componentTag, size: DEFAULT_SIDE_PANEL_SIZE };
+        const state = this.computeState(newPanelInfo);
+        if (!state.isOpen) {
+            return;
+        }
+        const ensureMainPanelExpanded = () => {
+            if (this.mainPanel?.isCollapsed) {
+                this.toggleCollapsePanel("mainPanel");
+            }
+        };
+        // Close the current panel if the target panel is already open
+        const isMainPanel = this.mainPanelKey === state.key;
+        const isSecondaryPanel = this.secondaryPanelKey === state.key;
+        if (isMainPanel && this.secondaryPanel) {
+            this.close();
+            ensureMainPanelExpanded();
+            return;
+        }
+        if (isSecondaryPanel) {
+            this.closeMainPanel();
+            this.togglePinPanel();
+            ensureMainPanelExpanded();
+            return;
+        }
+        const targetPanel = this.mainPanelKey === currentPanelKey ? "mainPanel" : "secondaryPanel";
+        this._openPanel(targetPanel, newPanelInfo, state);
+    }
     _openPanel(panel, newPanel, state) {
         const currentPanel = this[panel];
         if (currentPanel && newPanel.componentTag !== currentPanel.componentTag) {
@@ -57383,11 +57419,9 @@ class SidePanelStore extends SpreadsheetStore {
         panelInfo.size = size;
     }
     resetPanelSize(panel) {
-        const panelInfo = this[panel];
-        if (!panelInfo) {
-            return;
+        if (this[panel]) {
+            this[panel].size = DEFAULT_SIDE_PANEL_SIZE;
         }
-        panelInfo.size = DEFAULT_SIDE_PANEL_SIZE;
     }
     togglePinPanel() {
         if (!this.mainPanel) {
@@ -77781,9 +77815,7 @@ class ClickableCellsStore extends SpreadsheetStore {
         }
         if (!(xc in clickableCells[sheetId])) {
             const clickableCell = this.findClickableItem(position);
-            if (clickableCell) {
-                clickableCells[sheetId][xc] = clickableCell;
-            }
+            clickableCells[sheetId][xc] = clickableCell;
         }
         return clickableCells[sheetId][xc];
     }
@@ -80025,6 +80057,7 @@ class Spreadsheet extends owl.Component {
             loadLocales: this.model.config.external.loadLocales,
             isDashboard: () => this.model.getters.isDashboard(),
             openSidePanel: this.sidePanel.open.bind(this.sidePanel),
+            replaceSidePanel: this.sidePanel.replace.bind(this.sidePanel),
             toggleSidePanel: this.sidePanel.toggle.bind(this.sidePanel),
             clipboard: this.env.clipboard || instantiateClipboard(),
             startCellEdition: (content) => this.composerFocusStore.focusActiveComposer({ content }),
@@ -84686,6 +84719,6 @@ exports.tokenColors = tokenColors;
 exports.tokenize = tokenize;
 
 
-__info__.version = "18.4.5";
-__info__.date = "2025-08-04T06:54:49.107Z";
-__info__.hash = "358931f";
+__info__.version = "18.4.6";
+__info__.date = "2025-08-18T08:16:33.453Z";
+__info__.hash = "9c7c143";

package/dist/o-spreadsheet.d.ts

@@ -4294,6 +4294,7 @@ interface SpreadsheetChildEnv extends NotificationStoreMethods {
     imageProvider?: ImageProviderInterface;
     isDashboard: () => boolean;
     openSidePanel: (panel: string, panelProps?: any) => void;
+    replaceSidePanel: (panel: string, currentPanel: string, panelProps?: any) => void;
     toggleSidePanel: (panel: string, panelProps?: any) => void;
     clipboard: ClipboardInterface;
     startCellEdition: (content?: string) => void;
@@ -9139,7 +9140,7 @@ interface PanelInfo {
     isCollapsed?: boolean;
 }
 declare class SidePanelStore extends SpreadsheetStore {
-    mutators: readonly ["open", "toggle", "close", "changePanelSize", "resetPanelSize", "togglePinPanel", "closeMainPanel", "changeSpreadsheetWidth", "toggleCollapsePanel"];
+    mutators: readonly ["open", "replace", "toggle", "close", "changePanelSize", "resetPanelSize", "togglePinPanel", "closeMainPanel", "changeSpreadsheetWidth", "toggleCollapsePanel"];
     mainPanel: (PanelInfo & {
         isCollapsed?: boolean;
         isPinned?: boolean;
@@ -9161,6 +9162,7 @@ declare class SidePanelStore extends SpreadsheetStore {
     private getPanelProps;
     private getPanelKey;
     open(componentTag: string, initialPanelProps?: SidePanelComponentProps): void;
+    replace(componentTag: string, currentPanelKey: string, initialPanelProps?: SidePanelComponentProps): void;
     private _openPanel;
     toggle(componentTag: string, panelProps: SidePanelComponentProps): void;
     close(): void;

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.4.5
- * @date 2025-08-04T06:54:49.107Z
- * @hash 358931f
+ * @version 18.4.6
+ * @date 2025-08-18T08:16:33.453Z
+ * @hash 9c7c143
  */
 
 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';
@@ -19639,7 +19639,7 @@ const OFFSET = {
             right: startingCol + offsetWidth - 1,
             bottom: startingRow + offsetHeight - 1,
         };
-        const range = this.getters.getRangeFromZone(this.__originSheetId, dependencyZone);
+        const range = this.getters.getRangeFromZone(sheetId, dependencyZone);
         if (range.invalidXc || range.invalidSheetName) {
             return new InvalidReferenceError();
         }
@@ -43831,7 +43831,7 @@ const insertDropdown = {
         env.openSidePanel("DataValidationEditor", {
             rule: localizeDataValidationRule(rule, env.model.getters.getLocale()),
             onExit: () => {
-                env.openSidePanel("DataValidation");
+                env.replaceSidePanel("DataValidation", "DataValidationEditor");
             },
         });
     },
@@ -53651,11 +53651,15 @@ class PivotMeasureDisplayPanel extends Component {
         this.store = useLocalStore(PivotMeasureDisplayPanelStore, this.props.pivotId, this.props.measure);
     }
     onSave() {
-        this.env.openSidePanel("PivotSidePanel", { pivotId: this.props.pivotId });
+        this.env.replaceSidePanel("PivotSidePanel", `pivot_measure_display_${this.props.pivotId}_${this.props.measure.id}`, {
+            pivotId: this.props.pivotId,
+        });
     }
     onCancel() {
         this.store.cancelMeasureDisplayEdition();
-        this.env.openSidePanel("PivotSidePanel", { pivotId: this.props.pivotId });
+        this.env.replaceSidePanel("PivotSidePanel", `pivot_measure_display_${this.props.pivotId}_${this.props.measure.id}`, {
+            pivotId: this.props.pivotId,
+        });
     }
     get fieldChoices() {
         return this.store.fields.map((field) => ({
@@ -54117,7 +54121,7 @@ class PivotMeasureEditor extends Component {
         });
     }
     openShowValuesAs() {
-        this.env.openSidePanel("PivotMeasureDisplayPanel", {
+        this.env.replaceSidePanel("PivotMeasureDisplayPanel", `pivot_key_${this.props.pivotId}`, {
             pivotId: this.props.pivotId,
             measure: this.props.measure,
         });
@@ -54377,7 +54381,7 @@ class PivotLayoutConfigurator extends Component {
         this.props.onDimensionsUpdated(update);
     }
     getMeasureId(fieldName, aggregator) {
-        const baseId = fieldName + (aggregator ? `:${aggregator}` : "");
+        const baseId = fieldName.replaceAll("'", "") + (aggregator ? `:${aggregator}` : "");
         let id = baseId;
         let i = 2;
         while (this.props.definition.measures.some((m) => m.id === id)) {
@@ -57216,7 +57220,11 @@ sidePanelRegistry.add("PivotMeasureDisplayPanel", {
         try {
             // This will throw if the pivot or measure does not exist
             getters.getPivot(props.pivotId).getMeasure(props.measure.id);
-            return { isOpen: true, props, key: "pivot_measure_display" };
+            return {
+                isOpen: true,
+                props,
+                key: `pivot_measure_display_${props.pivotId}_${props.measure.id}`,
+            };
         }
         catch (e) {
             return { isOpen: false };
@@ -57241,6 +57249,7 @@ const MIN_SHEET_VIEW_WIDTH = 150;
 class SidePanelStore extends SpreadsheetStore {
     mutators = [
         "open",
+        "replace",
         "toggle",
         "close",
         "changePanelSize",
@@ -57302,8 +57311,7 @@ class SidePanelStore extends SpreadsheetStore {
         if (!state.isOpen) {
             return;
         }
-        const mainPanelKey = this.mainPanel ? this.getPanelKey(this.mainPanel) : undefined;
-        if (!this.mainPanel || !this.mainPanel.isPinned || mainPanelKey === state.key) {
+        if (!this.mainPanel || !this.mainPanel.isPinned || this.mainPanelKey === state.key) {
             this._openPanel("mainPanel", newPanelInfo, state);
             return;
         }
@@ -57322,6 +57330,34 @@ class SidePanelStore extends SpreadsheetStore {
         }
         this._openPanel("secondaryPanel", newPanelInfo, state);
     }
+    replace(componentTag, currentPanelKey, initialPanelProps = {}) {
+        const newPanelInfo = { initialPanelProps, componentTag, size: DEFAULT_SIDE_PANEL_SIZE };
+        const state = this.computeState(newPanelInfo);
+        if (!state.isOpen) {
+            return;
+        }
+        const ensureMainPanelExpanded = () => {
+            if (this.mainPanel?.isCollapsed) {
+                this.toggleCollapsePanel("mainPanel");
+            }
+        };
+        // Close the current panel if the target panel is already open
+        const isMainPanel = this.mainPanelKey === state.key;
+        const isSecondaryPanel = this.secondaryPanelKey === state.key;
+        if (isMainPanel && this.secondaryPanel) {
+            this.close();
+            ensureMainPanelExpanded();
+            return;
+        }
+        if (isSecondaryPanel) {
+            this.closeMainPanel();
+            this.togglePinPanel();
+            ensureMainPanelExpanded();
+            return;
+        }
+        const targetPanel = this.mainPanelKey === currentPanelKey ? "mainPanel" : "secondaryPanel";
+        this._openPanel(targetPanel, newPanelInfo, state);
+    }
     _openPanel(panel, newPanel, state) {
         const currentPanel = this[panel];
         if (currentPanel && newPanel.componentTag !== currentPanel.componentTag) {
@@ -57381,11 +57417,9 @@ class SidePanelStore extends SpreadsheetStore {
         panelInfo.size = size;
     }
     resetPanelSize(panel) {
-        const panelInfo = this[panel];
-        if (!panelInfo) {
-            return;
+        if (this[panel]) {
+            this[panel].size = DEFAULT_SIDE_PANEL_SIZE;
         }
-        panelInfo.size = DEFAULT_SIDE_PANEL_SIZE;
     }
     togglePinPanel() {
         if (!this.mainPanel) {
@@ -77779,9 +77813,7 @@ class ClickableCellsStore extends SpreadsheetStore {
         }
         if (!(xc in clickableCells[sheetId])) {
             const clickableCell = this.findClickableItem(position);
-            if (clickableCell) {
-                clickableCells[sheetId][xc] = clickableCell;
-            }
+            clickableCells[sheetId][xc] = clickableCell;
         }
         return clickableCells[sheetId][xc];
     }
@@ -80023,6 +80055,7 @@ class Spreadsheet extends Component {
             loadLocales: this.model.config.external.loadLocales,
             isDashboard: () => this.model.getters.isDashboard(),
             openSidePanel: this.sidePanel.open.bind(this.sidePanel),
+            replaceSidePanel: this.sidePanel.replace.bind(this.sidePanel),
             toggleSidePanel: this.sidePanel.toggle.bind(this.sidePanel),
             clipboard: this.env.clipboard || instantiateClipboard(),
             startCellEdition: (content) => this.composerFocusStore.focusActiveComposer({ content }),
@@ -84636,6 +84669,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, helpers, hooks, invalidateCFEvaluationCommands, invalidateChartEvaluationCommands, invalidateDependenciesCommands, invalidateEvaluationCommands, iterateAstNodes, links, load, parse, parseTokens, readonlyAllowedCommands, registries, setDefaultSheetViewSize, setTranslationMethod, stores, tokenColors, tokenize };
 
 
-__info__.version = "18.4.5";
-__info__.date = "2025-08-04T06:54:49.107Z";
-__info__.hash = "358931f";
+__info__.version = "18.4.6";
+__info__.date = "2025-08-18T08:16:33.453Z";
+__info__.hash = "9c7c143";

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.4.5
- * @date 2025-08-04T06:54:49.107Z
- * @hash 358931f
+ * @version 18.4.6
+ * @date 2025-08-18T08:16:33.453Z
+ * @hash 9c7c143
  */
 
 (function (exports, owl) {
@@ -19640,7 +19640,7 @@ stores.inject(MyMetaStore, storeInstance);
               right: startingCol + offsetWidth - 1,
               bottom: startingRow + offsetHeight - 1,
           };
-          const range = this.getters.getRangeFromZone(this.__originSheetId, dependencyZone);
+          const range = this.getters.getRangeFromZone(sheetId, dependencyZone);
           if (range.invalidXc || range.invalidSheetName) {
               return new InvalidReferenceError();
           }
@@ -43832,7 +43832,7 @@ stores.inject(MyMetaStore, storeInstance);
           env.openSidePanel("DataValidationEditor", {
               rule: localizeDataValidationRule(rule, env.model.getters.getLocale()),
               onExit: () => {
-                  env.openSidePanel("DataValidation");
+                  env.replaceSidePanel("DataValidation", "DataValidationEditor");
               },
           });
       },
@@ -53652,11 +53652,15 @@ stores.inject(MyMetaStore, storeInstance);
           this.store = useLocalStore(PivotMeasureDisplayPanelStore, this.props.pivotId, this.props.measure);
       }
       onSave() {
-          this.env.openSidePanel("PivotSidePanel", { pivotId: this.props.pivotId });
+          this.env.replaceSidePanel("PivotSidePanel", `pivot_measure_display_${this.props.pivotId}_${this.props.measure.id}`, {
+              pivotId: this.props.pivotId,
+          });
       }
       onCancel() {
           this.store.cancelMeasureDisplayEdition();
-          this.env.openSidePanel("PivotSidePanel", { pivotId: this.props.pivotId });
+          this.env.replaceSidePanel("PivotSidePanel", `pivot_measure_display_${this.props.pivotId}_${this.props.measure.id}`, {
+              pivotId: this.props.pivotId,
+          });
       }
       get fieldChoices() {
           return this.store.fields.map((field) => ({
@@ -54118,7 +54122,7 @@ stores.inject(MyMetaStore, storeInstance);
           });
       }
       openShowValuesAs() {
-          this.env.openSidePanel("PivotMeasureDisplayPanel", {
+          this.env.replaceSidePanel("PivotMeasureDisplayPanel", `pivot_key_${this.props.pivotId}`, {
               pivotId: this.props.pivotId,
               measure: this.props.measure,
           });
@@ -54378,7 +54382,7 @@ stores.inject(MyMetaStore, storeInstance);
           this.props.onDimensionsUpdated(update);
       }
       getMeasureId(fieldName, aggregator) {
-          const baseId = fieldName + (aggregator ? `:${aggregator}` : "");
+          const baseId = fieldName.replaceAll("'", "") + (aggregator ? `:${aggregator}` : "");
           let id = baseId;
           let i = 2;
           while (this.props.definition.measures.some((m) => m.id === id)) {
@@ -57217,7 +57221,11 @@ stores.inject(MyMetaStore, storeInstance);
           try {
               // This will throw if the pivot or measure does not exist
               getters.getPivot(props.pivotId).getMeasure(props.measure.id);
-              return { isOpen: true, props, key: "pivot_measure_display" };
+              return {
+                  isOpen: true,
+                  props,
+                  key: `pivot_measure_display_${props.pivotId}_${props.measure.id}`,
+              };
           }
           catch (e) {
               return { isOpen: false };
@@ -57242,6 +57250,7 @@ stores.inject(MyMetaStore, storeInstance);
   class SidePanelStore extends SpreadsheetStore {
       mutators = [
           "open",
+          "replace",
           "toggle",
           "close",
           "changePanelSize",
@@ -57303,8 +57312,7 @@ stores.inject(MyMetaStore, storeInstance);
           if (!state.isOpen) {
               return;
           }
-          const mainPanelKey = this.mainPanel ? this.getPanelKey(this.mainPanel) : undefined;
-          if (!this.mainPanel || !this.mainPanel.isPinned || mainPanelKey === state.key) {
+          if (!this.mainPanel || !this.mainPanel.isPinned || this.mainPanelKey === state.key) {
               this._openPanel("mainPanel", newPanelInfo, state);
               return;
           }
@@ -57323,6 +57331,34 @@ stores.inject(MyMetaStore, storeInstance);
           }
           this._openPanel("secondaryPanel", newPanelInfo, state);
       }
+      replace(componentTag, currentPanelKey, initialPanelProps = {}) {
+          const newPanelInfo = { initialPanelProps, componentTag, size: DEFAULT_SIDE_PANEL_SIZE };
+          const state = this.computeState(newPanelInfo);
+          if (!state.isOpen) {
+              return;
+          }
+          const ensureMainPanelExpanded = () => {
+              if (this.mainPanel?.isCollapsed) {
+                  this.toggleCollapsePanel("mainPanel");
+              }
+          };
+          // Close the current panel if the target panel is already open
+          const isMainPanel = this.mainPanelKey === state.key;
+          const isSecondaryPanel = this.secondaryPanelKey === state.key;
+          if (isMainPanel && this.secondaryPanel) {
+              this.close();
+              ensureMainPanelExpanded();
+              return;
+          }
+          if (isSecondaryPanel) {
+              this.closeMainPanel();
+              this.togglePinPanel();
+              ensureMainPanelExpanded();
+              return;
+          }
+          const targetPanel = this.mainPanelKey === currentPanelKey ? "mainPanel" : "secondaryPanel";
+          this._openPanel(targetPanel, newPanelInfo, state);
+      }
       _openPanel(panel, newPanel, state) {
           const currentPanel = this[panel];
           if (currentPanel && newPanel.componentTag !== currentPanel.componentTag) {
@@ -57382,11 +57418,9 @@ stores.inject(MyMetaStore, storeInstance);
           panelInfo.size = size;
       }
       resetPanelSize(panel) {
-          const panelInfo = this[panel];
-          if (!panelInfo) {
-              return;
+          if (this[panel]) {
+              this[panel].size = DEFAULT_SIDE_PANEL_SIZE;
           }
-          panelInfo.size = DEFAULT_SIDE_PANEL_SIZE;
       }
       togglePinPanel() {
           if (!this.mainPanel) {
@@ -77780,9 +77814,7 @@ stores.inject(MyMetaStore, storeInstance);
           }
           if (!(xc in clickableCells[sheetId])) {
               const clickableCell = this.findClickableItem(position);
-              if (clickableCell) {
-                  clickableCells[sheetId][xc] = clickableCell;
-              }
+              clickableCells[sheetId][xc] = clickableCell;
           }
           return clickableCells[sheetId][xc];
       }
@@ -80024,6 +80056,7 @@ stores.inject(MyMetaStore, storeInstance);
               loadLocales: this.model.config.external.loadLocales,
               isDashboard: () => this.model.getters.isDashboard(),
               openSidePanel: this.sidePanel.open.bind(this.sidePanel),
+              replaceSidePanel: this.sidePanel.replace.bind(this.sidePanel),
               toggleSidePanel: this.sidePanel.toggle.bind(this.sidePanel),
               clipboard: this.env.clipboard || instantiateClipboard(),
               startCellEdition: (content) => this.composerFocusStore.focusActiveComposer({ content }),
@@ -84685,9 +84718,9 @@ stores.inject(MyMetaStore, storeInstance);
   exports.tokenize = tokenize;
 
 
-  __info__.version = "18.4.5";
-  __info__.date = "2025-08-04T06:54:49.107Z";
-  __info__.hash = "358931f";
+  __info__.version = "18.4.6";
+  __info__.date = "2025-08-18T08:16:33.453Z";
+  __info__.hash = "9c7c143";
 
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);