@odoo/o-spreadsheet 17.0.50 → 17.0.51

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 17.0.50
- * @date 2025-02-14T08:37:34.289Z
- * @hash cc1037d
+ * @version 17.0.51
+ * @date 2025-02-25T05:56:10.869Z
+ * @hash b433912
  */
 
 'use strict';
@@ -4733,11 +4733,12 @@ class UuidGenerator {
         if (this.isFastIdStrategy) {
             this.fastIdStart++;
             return String(this.fastIdStart);
-            //@ts-ignore
         }
-        else if (window.crypto && window.crypto.getRandomValues) {
-            //@ts-ignore
-            return ([1e7] + -1e3).replace(/[018]/g, (c) => (c ^ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))).toString(16));
+        else if (window.crypto) {
+            return "10000000-1000".replace(/[01]/g, (c) => {
+                const n = Number(c);
+                return (n ^ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (n / 4)))).toString(16);
+            });
         }
         else {
             // mainly for jest and other browsers that do not have the crypto functionality
@@ -4755,11 +4756,12 @@ class UuidGenerator {
         if (this.isFastIdStrategy) {
             this.fastIdStart++;
             return String(this.fastIdStart);
-            //@ts-ignore
         }
-        else if (window.crypto && window.crypto.getRandomValues) {
-            //@ts-ignore
-            return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, (c) => (c ^ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))).toString(16));
+        else if (window.crypto) {
+            return "10000000-1000-4000-8000-100000000000".replace(/[018]/g, (c) => {
+                const n = Number(c);
+                return (n ^ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (n / 4)))).toString(16);
+            });
         }
         else {
             // mainly for jest and other browsers that do not have the crypto functionality
@@ -6985,10 +6987,6 @@ class Popover extends owl.Component {
             this.currentDisplayValue = newDisplay;
             if (!anchor)
                 return;
-            el.style.top = "";
-            el.style.left = "";
-            el.style["max-height"] = "";
-            el.style["max-width"] = "";
             const propsMaxSize = { width: this.props.maxWidth, height: this.props.maxHeight };
             let elDims = {
                 width: el.getBoundingClientRect().width,
@@ -9730,7 +9728,7 @@ function createPieChartRuntime(chart, getters) {
         const dataset = {
             label,
             data,
-            borderColor: "#FFFFFF",
+            borderColor: chart.background || "#FFFFFF",
             backgroundColor,
         };
         config.data.datasets.push(dataset);
@@ -26762,25 +26760,21 @@ css /* scss */ `
         }
       }
     }
+  }
+  .o-spreadsheet .o-composer-assistant {
+    pointer-events: none;
 
-    .o-composer-assistant {
-      position: absolute;
-      margin: 1px 4px;
-      pointer-events: none;
-      overflow: auto;
-
-      .o-semi-bold {
-        /** FIXME: to remove in favor of Bootstrap
-        * 'fw-semibold' when we upgrade to Bootstrap 5.2
-        */
-        font-weight: 600 !important;
-      }
+    .o-semi-bold {
+      /** FIXME: to remove in favor of Bootstrap
+      * 'fw-semibold' when we upgrade to Bootstrap 5.2
+      */
+      font-weight: 600 !important;
     }
   }
 `;
 class Composer extends owl.Component {
     static template = "o-spreadsheet-Composer";
-    static components = { TextValueProvider, FunctionDescriptionProvider };
+    static components = { TextValueProvider, FunctionDescriptionProvider, Popover };
     static defaultProps = {
         inputStyle: "",
         isDefaultFocus: false,
@@ -26805,35 +26799,13 @@ class Composer extends owl.Component {
         argToFocus: 0,
     });
     compositionActive = false;
-    spreadsheetRect = useSpreadsheetRect();
     get assistantStyle() {
-        const composerRect = this.composerRef.el.getBoundingClientRect();
         const assistantStyle = {};
-        assistantStyle["min-width"] = `${this.props.rect?.width || ASSISTANT_WIDTH}px`;
+        const minWidth = Math.min(getBoundingRectAsPOJO(this.composerRef.el).width || Infinity, ASSISTANT_WIDTH);
+        assistantStyle["min-width"] = `${minWidth}px`;
         if (this.autoCompleteState.type === "function") {
             assistantStyle.width = `${ASSISTANT_WIDTH}px`;
         }
-        if (this.props.delimitation && this.props.rect) {
-            const { x: cellX, y: cellY, height: cellHeight } = this.props.rect;
-            const remainingHeight = this.props.delimitation.height - (cellY + cellHeight);
-            assistantStyle["max-height"] = `${remainingHeight}px`;
-            if (cellY > remainingHeight) {
-                const availableSpaceAbove = cellY;
-                assistantStyle["max-height"] = `${availableSpaceAbove}px`;
-                // render top
-                // We compensate 2 px of margin on the assistant style + 1px for design reasons
-                assistantStyle.top = `-3px`;
-                assistantStyle.transform = `translate(0, -100%)`;
-            }
-            if (cellX + ASSISTANT_WIDTH > this.props.delimitation.width) {
-                // render left
-                assistantStyle.right = `0px`;
-            }
-        }
-        if (this.props.focus === "contentFocus" &&
-            composerRect.left + ASSISTANT_WIDTH > this.spreadsheetRect.width) {
-            assistantStyle.right = "0px";
-        }
         return cssPropertiesToCss(assistantStyle);
     }
     // we can't allow input events to be triggered while we remove and add back the content of the composer in processContent
@@ -27082,7 +27054,7 @@ class Composer extends owl.Component {
         this.autoCompleteState.selectedIndex = 0;
     }
     updateAutoCompleteIndex(index) {
-        this.autoCompleteState.selectedIndex = clip(0, index, 10);
+        this.autoCompleteState.selectedIndex = index;
     }
     /**
      * This is required to ensure the content helper selection is
@@ -27370,11 +27342,16 @@ class Composer extends owl.Component {
         this.autoCompleteState.values = values.map((value) => ({ text: value, description: "" }));
         this.autoCompleteState.getHtmlContent = (value) => [{ value }];
     }
+    get popoverProps() {
+        return {
+            anchorRect: getBoundingRectAsPOJO(this.composerRef.el),
+            positioning: "BottomLeft",
+            verticalOffset: 0,
+        };
+    }
 }
 Composer.props = {
     inputStyle: { type: String, optional: true },
-    rect: { type: Object, optional: true },
-    delimitation: { type: Object, optional: true },
     focus: { validate: (value) => ["inactive", "cellFocus", "contentFocus"].includes(value) },
     onComposerCellFocused: { type: Function, optional: true },
     onComposerContentFocused: Function,
@@ -27444,13 +27421,7 @@ class GridComposer extends owl.Component {
         });
     }
     get composerProps() {
-        const { width, height } = this.env.model.getters.getSheetViewDimensionWithHeaders();
         return {
-            rect: { ...this.rect },
-            delimitation: {
-                width,
-                height,
-            },
             focus: this.props.focus,
             isDefaultFocus: true,
             onComposerContentFocused: this.props.onComposerContentFocused,
@@ -33897,7 +33868,7 @@ function normalizeV9(formula) {
  * a breaking change is made in the way the state is handled, and an upgrade
  * function should be defined
  */
-const CURRENT_VERSION = 14;
+const CURRENT_VERSION = 14.5;
 const INITIAL_SHEET_ID = "Sheet1";
 /**
  * This function tries to load anything that could look like a valid
@@ -57974,6 +57945,6 @@ exports.setTranslationMethod = setTranslationMethod;
 exports.tokenize = tokenize;
 
 
-__info__.version = "17.0.50";
-__info__.date = "2025-02-14T08:37:34.289Z";
-__info__.hash = "cc1037d";
+__info__.version = "17.0.51";
+__info__.date = "2025-02-25T05:56:10.869Z";
+__info__.hash = "b433912";

package/dist/o-spreadsheet.d.ts

@@ -7251,8 +7251,6 @@ interface AutocompleteValue {
 interface ComposerProps {
     focus: ComposerFocusType;
     inputStyle?: string;
-    rect?: Rect;
-    delimitation?: DOMDimension;
     onComposerContentFocused: () => void;
     onComposerCellFocused?: (content: String) => void;
     onInputContextMenu?: (event: MouseEvent) => void;
@@ -7280,6 +7278,7 @@ declare class Composer extends Component<ComposerProps, SpreadsheetChildEnv> {
     static components: {
         TextValueProvider: typeof TextValueProvider;
         FunctionDescriptionProvider: typeof FunctionDescriptionProvider;
+        Popover: typeof Popover;
     };
     static defaultProps: {
         inputStyle: string;
@@ -7293,7 +7292,6 @@ declare class Composer extends Component<ComposerProps, SpreadsheetChildEnv> {
     autoCompleteState: AutoCompleteState;
     functionDescriptionState: FunctionDescriptionState;
     private compositionActive;
-    private spreadsheetRect;
     get assistantStyle(): string;
     shouldProcessInputEvents: boolean;
     tokens: EnrichedToken[];
@@ -7352,6 +7350,7 @@ declare class Composer extends Component<ComposerProps, SpreadsheetChildEnv> {
     private processTokenAtCursor;
     private autoComplete;
     private showDataValidationAutocomplete;
+    get popoverProps(): PopoverProps;
 }
 
 interface Props$9 {

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 17.0.50
- * @date 2025-02-14T08:37:34.289Z
- * @hash cc1037d
+ * @version 17.0.51
+ * @date 2025-02-25T05:56:10.869Z
+ * @hash b433912
  */
 
 import { Component, useRef, onMounted, useEffect, onWillPatch, useState, onWillUpdateProps, onPatched, useComponent, useExternalListener, onWillUnmount, onWillStart, xml, useChildSubEnv, useSubEnv, markRaw } from '@odoo/owl';
@@ -4731,11 +4731,12 @@ class UuidGenerator {
         if (this.isFastIdStrategy) {
             this.fastIdStart++;
             return String(this.fastIdStart);
-            //@ts-ignore
         }
-        else if (window.crypto && window.crypto.getRandomValues) {
-            //@ts-ignore
-            return ([1e7] + -1e3).replace(/[018]/g, (c) => (c ^ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))).toString(16));
+        else if (window.crypto) {
+            return "10000000-1000".replace(/[01]/g, (c) => {
+                const n = Number(c);
+                return (n ^ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (n / 4)))).toString(16);
+            });
         }
         else {
             // mainly for jest and other browsers that do not have the crypto functionality
@@ -4753,11 +4754,12 @@ class UuidGenerator {
         if (this.isFastIdStrategy) {
             this.fastIdStart++;
             return String(this.fastIdStart);
-            //@ts-ignore
         }
-        else if (window.crypto && window.crypto.getRandomValues) {
-            //@ts-ignore
-            return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, (c) => (c ^ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))).toString(16));
+        else if (window.crypto) {
+            return "10000000-1000-4000-8000-100000000000".replace(/[018]/g, (c) => {
+                const n = Number(c);
+                return (n ^ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (n / 4)))).toString(16);
+            });
         }
         else {
             // mainly for jest and other browsers that do not have the crypto functionality
@@ -6983,10 +6985,6 @@ class Popover extends Component {
             this.currentDisplayValue = newDisplay;
             if (!anchor)
                 return;
-            el.style.top = "";
-            el.style.left = "";
-            el.style["max-height"] = "";
-            el.style["max-width"] = "";
             const propsMaxSize = { width: this.props.maxWidth, height: this.props.maxHeight };
             let elDims = {
                 width: el.getBoundingClientRect().width,
@@ -9728,7 +9726,7 @@ function createPieChartRuntime(chart, getters) {
         const dataset = {
             label,
             data,
-            borderColor: "#FFFFFF",
+            borderColor: chart.background || "#FFFFFF",
             backgroundColor,
         };
         config.data.datasets.push(dataset);
@@ -26760,25 +26758,21 @@ css /* scss */ `
         }
       }
     }
+  }
+  .o-spreadsheet .o-composer-assistant {
+    pointer-events: none;
 
-    .o-composer-assistant {
-      position: absolute;
-      margin: 1px 4px;
-      pointer-events: none;
-      overflow: auto;
-
-      .o-semi-bold {
-        /** FIXME: to remove in favor of Bootstrap
-        * 'fw-semibold' when we upgrade to Bootstrap 5.2
-        */
-        font-weight: 600 !important;
-      }
+    .o-semi-bold {
+      /** FIXME: to remove in favor of Bootstrap
+      * 'fw-semibold' when we upgrade to Bootstrap 5.2
+      */
+      font-weight: 600 !important;
     }
   }
 `;
 class Composer extends Component {
     static template = "o-spreadsheet-Composer";
-    static components = { TextValueProvider, FunctionDescriptionProvider };
+    static components = { TextValueProvider, FunctionDescriptionProvider, Popover };
     static defaultProps = {
         inputStyle: "",
         isDefaultFocus: false,
@@ -26803,35 +26797,13 @@ class Composer extends Component {
         argToFocus: 0,
     });
     compositionActive = false;
-    spreadsheetRect = useSpreadsheetRect();
     get assistantStyle() {
-        const composerRect = this.composerRef.el.getBoundingClientRect();
         const assistantStyle = {};
-        assistantStyle["min-width"] = `${this.props.rect?.width || ASSISTANT_WIDTH}px`;
+        const minWidth = Math.min(getBoundingRectAsPOJO(this.composerRef.el).width || Infinity, ASSISTANT_WIDTH);
+        assistantStyle["min-width"] = `${minWidth}px`;
         if (this.autoCompleteState.type === "function") {
             assistantStyle.width = `${ASSISTANT_WIDTH}px`;
         }
-        if (this.props.delimitation && this.props.rect) {
-            const { x: cellX, y: cellY, height: cellHeight } = this.props.rect;
-            const remainingHeight = this.props.delimitation.height - (cellY + cellHeight);
-            assistantStyle["max-height"] = `${remainingHeight}px`;
-            if (cellY > remainingHeight) {
-                const availableSpaceAbove = cellY;
-                assistantStyle["max-height"] = `${availableSpaceAbove}px`;
-                // render top
-                // We compensate 2 px of margin on the assistant style + 1px for design reasons
-                assistantStyle.top = `-3px`;
-                assistantStyle.transform = `translate(0, -100%)`;
-            }
-            if (cellX + ASSISTANT_WIDTH > this.props.delimitation.width) {
-                // render left
-                assistantStyle.right = `0px`;
-            }
-        }
-        if (this.props.focus === "contentFocus" &&
-            composerRect.left + ASSISTANT_WIDTH > this.spreadsheetRect.width) {
-            assistantStyle.right = "0px";
-        }
         return cssPropertiesToCss(assistantStyle);
     }
     // we can't allow input events to be triggered while we remove and add back the content of the composer in processContent
@@ -27080,7 +27052,7 @@ class Composer extends Component {
         this.autoCompleteState.selectedIndex = 0;
     }
     updateAutoCompleteIndex(index) {
-        this.autoCompleteState.selectedIndex = clip(0, index, 10);
+        this.autoCompleteState.selectedIndex = index;
     }
     /**
      * This is required to ensure the content helper selection is
@@ -27368,11 +27340,16 @@ class Composer extends Component {
         this.autoCompleteState.values = values.map((value) => ({ text: value, description: "" }));
         this.autoCompleteState.getHtmlContent = (value) => [{ value }];
     }
+    get popoverProps() {
+        return {
+            anchorRect: getBoundingRectAsPOJO(this.composerRef.el),
+            positioning: "BottomLeft",
+            verticalOffset: 0,
+        };
+    }
 }
 Composer.props = {
     inputStyle: { type: String, optional: true },
-    rect: { type: Object, optional: true },
-    delimitation: { type: Object, optional: true },
     focus: { validate: (value) => ["inactive", "cellFocus", "contentFocus"].includes(value) },
     onComposerCellFocused: { type: Function, optional: true },
     onComposerContentFocused: Function,
@@ -27442,13 +27419,7 @@ class GridComposer extends Component {
         });
     }
     get composerProps() {
-        const { width, height } = this.env.model.getters.getSheetViewDimensionWithHeaders();
         return {
-            rect: { ...this.rect },
-            delimitation: {
-                width,
-                height,
-            },
             focus: this.props.focus,
             isDefaultFocus: true,
             onComposerContentFocused: this.props.onComposerContentFocused,
@@ -33895,7 +33866,7 @@ function normalizeV9(formula) {
  * a breaking change is made in the way the state is handled, and an upgrade
  * function should be defined
  */
-const CURRENT_VERSION = 14;
+const CURRENT_VERSION = 14.5;
 const INITIAL_SHEET_ID = "Sheet1";
 /**
  * This function tries to load anything that could look like a valid
@@ -57937,6 +57908,6 @@ const constants = {
 export { AbstractChart, CommandResult, CorePlugin, DispatchResult, EvaluationError, Model, Registry, Revision, SPREADSHEET_DIMENSIONS, Spreadsheet, UIPlugin, __info__, addFunction, astToFormula, compile, compileTokens, components, constants, convertAstNodes, coreTypes, findCellInNewZone, functionCache, helpers, hooks, invalidateCFEvaluationCommands, invalidateDependenciesCommands, invalidateEvaluationCommands, iterateAstNodes, links, load, parse, parseTokens, readonlyAllowedCommands, registries, setDefaultSheetViewSize, setTranslationMethod, tokenize };
 
 
-__info__.version = "17.0.50";
-__info__.date = "2025-02-14T08:37:34.289Z";
-__info__.hash = "cc1037d";
+__info__.version = "17.0.51";
+__info__.date = "2025-02-25T05:56:10.869Z";
+__info__.hash = "b433912";

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 17.0.50
- * @date 2025-02-14T08:37:34.289Z
- * @hash cc1037d
+ * @version 17.0.51
+ * @date 2025-02-25T05:56:10.869Z
+ * @hash b433912
  */
 
 (function (exports, owl) {
@@ -4732,11 +4732,12 @@
           if (this.isFastIdStrategy) {
               this.fastIdStart++;
               return String(this.fastIdStart);
-              //@ts-ignore
           }
-          else if (window.crypto && window.crypto.getRandomValues) {
-              //@ts-ignore
-              return ([1e7] + -1e3).replace(/[018]/g, (c) => (c ^ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))).toString(16));
+          else if (window.crypto) {
+              return "10000000-1000".replace(/[01]/g, (c) => {
+                  const n = Number(c);
+                  return (n ^ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (n / 4)))).toString(16);
+              });
           }
           else {
               // mainly for jest and other browsers that do not have the crypto functionality
@@ -4754,11 +4755,12 @@
           if (this.isFastIdStrategy) {
               this.fastIdStart++;
               return String(this.fastIdStart);
-              //@ts-ignore
           }
-          else if (window.crypto && window.crypto.getRandomValues) {
-              //@ts-ignore
-              return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, (c) => (c ^ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))).toString(16));
+          else if (window.crypto) {
+              return "10000000-1000-4000-8000-100000000000".replace(/[018]/g, (c) => {
+                  const n = Number(c);
+                  return (n ^ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (n / 4)))).toString(16);
+              });
           }
           else {
               // mainly for jest and other browsers that do not have the crypto functionality
@@ -6984,10 +6986,6 @@
               this.currentDisplayValue = newDisplay;
               if (!anchor)
                   return;
-              el.style.top = "";
-              el.style.left = "";
-              el.style["max-height"] = "";
-              el.style["max-width"] = "";
               const propsMaxSize = { width: this.props.maxWidth, height: this.props.maxHeight };
               let elDims = {
                   width: el.getBoundingClientRect().width,
@@ -9729,7 +9727,7 @@
           const dataset = {
               label,
               data,
-              borderColor: "#FFFFFF",
+              borderColor: chart.background || "#FFFFFF",
               backgroundColor,
           };
           config.data.datasets.push(dataset);
@@ -26761,25 +26759,21 @@
         }
       }
     }
+  }
+  .o-spreadsheet .o-composer-assistant {
+    pointer-events: none;
 
-    .o-composer-assistant {
-      position: absolute;
-      margin: 1px 4px;
-      pointer-events: none;
-      overflow: auto;
-
-      .o-semi-bold {
-        /** FIXME: to remove in favor of Bootstrap
-        * 'fw-semibold' when we upgrade to Bootstrap 5.2
-        */
-        font-weight: 600 !important;
-      }
+    .o-semi-bold {
+      /** FIXME: to remove in favor of Bootstrap
+      * 'fw-semibold' when we upgrade to Bootstrap 5.2
+      */
+      font-weight: 600 !important;
     }
   }
 `;
   class Composer extends owl.Component {
       static template = "o-spreadsheet-Composer";
-      static components = { TextValueProvider, FunctionDescriptionProvider };
+      static components = { TextValueProvider, FunctionDescriptionProvider, Popover };
       static defaultProps = {
           inputStyle: "",
           isDefaultFocus: false,
@@ -26804,35 +26798,13 @@
           argToFocus: 0,
       });
       compositionActive = false;
-      spreadsheetRect = useSpreadsheetRect();
       get assistantStyle() {
-          const composerRect = this.composerRef.el.getBoundingClientRect();
           const assistantStyle = {};
-          assistantStyle["min-width"] = `${this.props.rect?.width || ASSISTANT_WIDTH}px`;
+          const minWidth = Math.min(getBoundingRectAsPOJO(this.composerRef.el).width || Infinity, ASSISTANT_WIDTH);
+          assistantStyle["min-width"] = `${minWidth}px`;
           if (this.autoCompleteState.type === "function") {
               assistantStyle.width = `${ASSISTANT_WIDTH}px`;
           }
-          if (this.props.delimitation && this.props.rect) {
-              const { x: cellX, y: cellY, height: cellHeight } = this.props.rect;
-              const remainingHeight = this.props.delimitation.height - (cellY + cellHeight);
-              assistantStyle["max-height"] = `${remainingHeight}px`;
-              if (cellY > remainingHeight) {
-                  const availableSpaceAbove = cellY;
-                  assistantStyle["max-height"] = `${availableSpaceAbove}px`;
-                  // render top
-                  // We compensate 2 px of margin on the assistant style + 1px for design reasons
-                  assistantStyle.top = `-3px`;
-                  assistantStyle.transform = `translate(0, -100%)`;
-              }
-              if (cellX + ASSISTANT_WIDTH > this.props.delimitation.width) {
-                  // render left
-                  assistantStyle.right = `0px`;
-              }
-          }
-          if (this.props.focus === "contentFocus" &&
-              composerRect.left + ASSISTANT_WIDTH > this.spreadsheetRect.width) {
-              assistantStyle.right = "0px";
-          }
           return cssPropertiesToCss(assistantStyle);
       }
       // we can't allow input events to be triggered while we remove and add back the content of the composer in processContent
@@ -27081,7 +27053,7 @@
           this.autoCompleteState.selectedIndex = 0;
       }
       updateAutoCompleteIndex(index) {
-          this.autoCompleteState.selectedIndex = clip(0, index, 10);
+          this.autoCompleteState.selectedIndex = index;
       }
       /**
        * This is required to ensure the content helper selection is
@@ -27369,11 +27341,16 @@
           this.autoCompleteState.values = values.map((value) => ({ text: value, description: "" }));
           this.autoCompleteState.getHtmlContent = (value) => [{ value }];
       }
+      get popoverProps() {
+          return {
+              anchorRect: getBoundingRectAsPOJO(this.composerRef.el),
+              positioning: "BottomLeft",
+              verticalOffset: 0,
+          };
+      }
   }
   Composer.props = {
       inputStyle: { type: String, optional: true },
-      rect: { type: Object, optional: true },
-      delimitation: { type: Object, optional: true },
       focus: { validate: (value) => ["inactive", "cellFocus", "contentFocus"].includes(value) },
       onComposerCellFocused: { type: Function, optional: true },
       onComposerContentFocused: Function,
@@ -27443,13 +27420,7 @@
           });
       }
       get composerProps() {
-          const { width, height } = this.env.model.getters.getSheetViewDimensionWithHeaders();
           return {
-              rect: { ...this.rect },
-              delimitation: {
-                  width,
-                  height,
-              },
               focus: this.props.focus,
               isDefaultFocus: true,
               onComposerContentFocused: this.props.onComposerContentFocused,
@@ -33896,7 +33867,7 @@
    * a breaking change is made in the way the state is handled, and an upgrade
    * function should be defined
    */
-  const CURRENT_VERSION = 14;
+  const CURRENT_VERSION = 14.5;
   const INITIAL_SHEET_ID = "Sheet1";
   /**
    * This function tries to load anything that could look like a valid
@@ -57973,9 +57944,9 @@
   exports.tokenize = tokenize;
 
 
-  __info__.version = "17.0.50";
-  __info__.date = "2025-02-14T08:37:34.289Z";
-  __info__.hash = "cc1037d";
+  __info__.version = "17.0.51";
+  __info__.date = "2025-02-25T05:56:10.869Z";
+  __info__.hash = "b433912";
 
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);