@odoo/o-spreadsheet 18.4.17 → 18.4.19

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.17
- * @date 2025-11-12T14:15:30.592Z
- * @hash a8ebab8
+ * @version 18.4.19
+ * @date 2025-12-02T05:34:03.902Z
+ * @hash 95b1252
  */
 
 (function (exports, owl) {
@@ -2614,7 +2614,6 @@
       "REDO",
       "ADD_MERGE",
       "REMOVE_MERGE",
-      "DUPLICATE_SHEET",
       "UPDATE_LOCALE",
       "ADD_PIVOT",
       "UPDATE_PIVOT",
@@ -18542,7 +18541,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) {
@@ -22583,6 +22582,9 @@ stores.inject(MyMetaStore, storeInstance);
       }));
   }
   function getTreeMapColorScale(tree, coloringOption) {
+      if (tree.length === 0) {
+          return undefined;
+      }
       const treeNodesByLevel = pyramidizeTree(tree);
       const nodes = treeNodesByLevel[treeNodesByLevel.length - 1];
       const minValue = Math.min(...nodes.map((node) => node.value));
@@ -24252,11 +24254,18 @@ stores.inject(MyMetaStore, storeInstance);
       // we have to add the canvas to the DOM otherwise it won't be rendered
       document.body.append(div);
       if ("chartJsConfig" in runtime) {
+          const extensionsLoaded = areChartJSExtensionsLoaded();
+          if (!extensionsLoaded) {
+              registerChartJSExtensions();
+          }
           const config = deepCopy(runtime.chartJsConfig);
           config.plugins = [backgroundColorChartJSPlugin];
           const chart = new window.Chart(canvas, config);
           imageContent = chart.toBase64Image();
           chart.destroy();
+          if (!extensionsLoaded) {
+              unregisterChartJsExtensions();
+          }
       }
       else if (type === "scorecard") {
           const design = getScorecardConfiguration(figure, runtime);
@@ -24286,11 +24295,18 @@ stores.inject(MyMetaStore, storeInstance);
       document.body.append(div);
       let chartBlob = null;
       if ("chartJsConfig" in runtime) {
+          const extensionsLoaded = areChartJSExtensionsLoaded();
+          if (!extensionsLoaded) {
+              registerChartJSExtensions();
+          }
           const config = deepCopy(runtime.chartJsConfig);
           config.plugins = [backgroundColorChartJSPlugin];
           const chart = new window.Chart(canvas, config);
           chartBlob = await new Promise((resolve) => canvas.toBlob(resolve, "image/png"));
           chart.destroy();
+          if (!extensionsLoaded) {
+              unregisterChartJsExtensions();
+          }
       }
       else if (type === "scorecard") {
           const design = getScorecardConfiguration(figure, runtime);
@@ -32643,6 +32659,7 @@ stores.inject(MyMetaStore, storeInstance);
           }
           this.selectionStart = start;
           this.selectionEnd = end;
+          this.stopComposerRangeSelection();
           this.computeFormulaCursorContext();
           this.computeParenthesisRelatedToCursor();
           this.updateAutoCompleteProvider();
@@ -33318,10 +33335,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);
@@ -33544,7 +33564,8 @@ stores.inject(MyMetaStore, storeInstance);
                   assistantStyle["max-height"] = `${availableSpaceAbove - CLOSE_ICON_RADIUS}px`;
                   // render top
                   // We compensate 2 px of margin on the assistant style + 1px for design reasons
-                  assistantStyle.transform = `translate(0, calc(-100% - ${cellHeight + 3}px))`;
+                  assistantStyle.top = `-3px`;
+                  assistantStyle.transform = `translate(0, -100%)`;
               }
               if (cellX + ASSISTANT_WIDTH > this.props.delimitation.width) {
                   // render left
@@ -33664,16 +33685,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();
@@ -33849,7 +33866,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();
@@ -47370,10 +47386,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);
@@ -47440,6 +47457,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);
@@ -48800,7 +48821,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;
@@ -48837,7 +48858,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();
               }
@@ -54737,7 +54758,6 @@ stores.inject(MyMetaStore, storeInstance);
           // replace the whole token
           start = tokenAtCursor.start;
       }
-      this.composer.stopComposerRangeSelection();
       this.composer.changeComposerCursorSelection(start, end);
       this.composer.replaceComposerCursorSelection(value);
   }
@@ -54755,7 +54775,6 @@ stores.inject(MyMetaStore, storeInstance);
           // replace the whole token
           start = tokenAtCursor.start;
       }
-      this.composer.stopComposerRangeSelection();
       this.composer.changeComposerCursorSelection(start, end);
       this.composer.replaceComposerCursorSelection(value);
   }
@@ -56038,7 +56057,6 @@ stores.inject(MyMetaStore, storeInstance);
   pivotRegistry.add("SPREADSHEET", {
       ui: SpreadsheetPivot,
       definition: SpreadsheetPivotRuntimeDefinition,
-      externalData: false,
       dateGranularities: [...dateGranularities],
       datetimeGranularities: [...dateGranularities, "hour_number", "minute_number", "second_number"],
       isMeasureCandidate: (field) => field.type !== "boolean",
@@ -57454,6 +57472,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 {};
@@ -57465,11 +57484,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;
@@ -57493,8 +57512,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;
@@ -57524,10 +57543,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,
@@ -57549,16 +57568,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;
       }
@@ -57590,7 +57609,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;
           }
@@ -57609,7 +57628,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)
@@ -57619,7 +57638,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) {
@@ -57779,6 +57798,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() {
@@ -64427,10 +64450,17 @@ stores.inject(MyMetaStore, storeInstance);
               if (!pivot) {
                   continue;
               }
-              for (const measure of pivot.definition.measures) {
+              const def = deepCopy(pivot.definition);
+              for (const measure of def.measures) {
                   if (measure.computedBy?.formula === formulaString) {
-                      const measureIndex = pivot.definition.measures.indexOf(measure);
-                      this.history.update("pivots", pivotId, "definition", "measures", measureIndex, "computedBy", { formula: newFormulaString, sheetId });
+                      const measureIndex = def.measures.indexOf(measure);
+                      if (measureIndex !== -1) {
+                          def.measures[measureIndex].computedBy = {
+                              formula: newFormulaString,
+                              sheetId,
+                          };
+                      }
+                      this.dispatch("UPDATE_PIVOT", { pivotId, pivot: def });
                   }
               }
           }
@@ -64568,6 +64598,9 @@ stores.inject(MyMetaStore, storeInstance);
                   const { sheetId, zone } = definition.dataSet;
                   const range = this.getters.getRangeFromZone(sheetId, zone);
                   const adaptedRange = adaptPivotRange(range, applyChange);
+                  if (adaptedRange === range) {
+                      return;
+                  }
                   const dataSet = adaptedRange && {
                       sheetId: adaptedRange.sheetId,
                       zone: adaptedRange.zone,
@@ -68573,9 +68606,7 @@ stores.inject(MyMetaStore, storeInstance);
       handle(cmd) {
           if (invalidateEvaluationCommands.has(cmd.type)) {
               for (const pivotId of this.getters.getPivotIds()) {
-                  if (!pivotRegistry.get(this.getters.getPivotCoreDefinition(pivotId).type).externalData) {
-                      this.setupPivot(pivotId, { recreate: true });
-                  }
+                  this.setupPivot(pivotId, { recreate: true });
               }
           }
           switch (cmd.type) {
@@ -68783,7 +68814,7 @@ stores.inject(MyMetaStore, storeInstance);
           pivot.init({ reload: true });
       }
       setupPivot(pivotId, { recreate } = { recreate: false }) {
-          const definition = this.getters.getPivotCoreDefinition(pivotId);
+          const definition = deepCopy(this.getters.getPivotCoreDefinition(pivotId));
           if (!(pivotId in this.pivots)) {
               const Pivot = withPivotPresentationLayer(pivotRegistry.get(definition.type).ui);
               this.pivots[pivotId] = new Pivot(this.custom, { definition, getters: this.getters });
@@ -75000,6 +75031,7 @@ stores.inject(MyMetaStore, storeInstance);
           "getFigureUI",
           "getPositionAnchorOffset",
           "getGridOffset",
+          "getMaximumSheetOffset",
       ];
       viewports = {};
       /**
@@ -78035,16 +78067,18 @@ stores.inject(MyMetaStore, storeInstance);
       get clickableCells() {
           const cells = [];
           const getters = this.getters;
-          const sheetId = getters.getActiveSheetId();
           for (const position of this.getters.getVisibleCellPositions()) {
               const item = this.getClickableItem(position);
               if (!item) {
                   continue;
               }
               const title = typeof item.title === "function" ? item.title(position, getters) : item.title;
-              const zone = getters.expandZone(sheetId, positionToZone(position));
+              const rect = this.getClickableCellRect(position);
+              if (!rect) {
+                  continue;
+              }
               cells.push({
-                  coordinates: getters.getVisibleRect(zone),
+                  coordinates: rect,
                   position,
                   action: item.execute,
                   title: title || "",
@@ -78052,6 +78086,31 @@ stores.inject(MyMetaStore, storeInstance);
           }
           return cells;
       }
+      getClickableCellRect(position) {
+          const zone = this.getters.expandZone(position.sheetId, positionToZone(position));
+          const clickableRect = this.getters.getVisibleRect(zone);
+          const icons = this.getters.getCellIcons(position);
+          const iconsAtPosition = {
+              center: icons.find((icon) => icon.horizontalAlign === "center"),
+              left: icons.find((icon) => icon.horizontalAlign === "left"),
+              right: icons.find((icon) => icon.horizontalAlign === "right"),
+          };
+          if (iconsAtPosition.center?.onClick) {
+              return undefined;
+          }
+          if (iconsAtPosition.right?.onClick) {
+              const cellRect = this.getters.getRect(zone);
+              const iconRect = this.getters.getCellIconRect(iconsAtPosition.right, cellRect);
+              clickableRect.width -= iconRect.width + iconsAtPosition.right.margin;
+          }
+          if (iconsAtPosition.left?.onClick) {
+              const cellRect = this.getters.getRect(zone);
+              const iconRect = this.getters.getCellIconRect(iconsAtPosition.left, cellRect);
+              clickableRect.x += iconRect.width + iconsAtPosition.left.margin;
+              clickableRect.width -= iconRect.width + iconsAtPosition.left.margin;
+          }
+          return clickableRect;
+      }
   }
 
   css /* scss */ `
@@ -78090,6 +78149,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() {
@@ -78804,7 +78867,7 @@ stores.inject(MyMetaStore, storeInstance);
                   height: this.focus === "inactive" ? "26px" : "fit-content",
                   "max-height": `130px`,
               }),
-              showAssistant: !isIOS(), // Hide assistant on iOS as it breaks visually
+              showAssistant: false, // Hide assistant in small composer as it gets cropped ATM
               placeholder: this.composerStore.placeholder,
           };
       }
@@ -80133,7 +80196,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};
@@ -84937,9 +85000,9 @@ stores.inject(MyMetaStore, storeInstance);
   exports.tokenize = tokenize;
 
 
-  __info__.version = "18.4.17";
-  __info__.date = "2025-11-12T14:15:30.592Z";
-  __info__.hash = "a8ebab8";
+  __info__.version = "18.4.19";
+  __info__.date = "2025-12-02T05:34:03.902Z";
+  __info__.hash = "95b1252";
 
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);