@odoo/o-spreadsheet 18.2.0-alpha.4 → 18.2.0-alpha.5

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.2.0-alpha.4
- * @date 2025-01-29T06:30:12.773Z
- * @hash 6838c26
+ * @version 18.2.0-alpha.5
+ * @date 2025-01-31T07:59:30.667Z
+ * @hash efce841
  */
 
 import { useEnv, useSubEnv, onWillUnmount, useComponent, status, Component, useRef, onMounted, useEffect, App, blockDom, useState, onPatched, onWillPatch, onWillUpdateProps, useExternalListener, onWillStart, xml, useChildSubEnv, markRaw, toRaw } from '@odoo/owl';
@@ -3359,11 +3359,11 @@ const getInvaluableSymbolsRegexp = memoize(function getInvaluableSymbolsRegexp(l
  * number from the point of view of the isNumber function.
  */
 function parseNumber(str, locale) {
+    // remove invaluable characters
+    str = str.replace(getInvaluableSymbolsRegexp(locale), "");
     if (locale.decimalSeparator !== ".") {
         str = str.replace(locale.decimalSeparator, ".");
     }
-    // remove invaluable characters
-    str = str.replace(getInvaluableSymbolsRegexp(locale), "");
     let n = Number(str);
     if (isNaN(n) && str.includes("%")) {
         n = Number(str.split("%")[0]);
@@ -32536,36 +32536,58 @@ class ErrorToolTip extends Component {
     static maxSize = { maxHeight: ERROR_TOOLTIP_MAX_HEIGHT };
     static template = "o-spreadsheet-ErrorToolTip";
     static props = {
-        errors: Array,
+        cellPosition: Object,
         onClosed: { type: Function, optional: true },
     };
+    get dataValidationErrorMessage() {
+        return this.env.model.getters.getInvalidDataValidationMessage(this.props.cellPosition);
+    }
+    get evaluationError() {
+        const cell = this.env.model.getters.getEvaluatedCell(this.props.cellPosition);
+        if (cell.message) {
+            return cell;
+        }
+        return undefined;
+    }
+    get errorOriginPositionString() {
+        const evaluationError = this.evaluationError;
+        const position = evaluationError?.errorOriginPosition;
+        if (!position || deepEquals(position, this.props.cellPosition)) {
+            return "";
+        }
+        const sheetId = position.sheetId;
+        return this.env.model.getters.getRangeString(this.env.model.getters.getRangeFromZone(sheetId, positionToZone(position)), this.env.model.getters.getActiveSheetId());
+    }
+    selectCell() {
+        const position = this.evaluationError?.errorOriginPosition;
+        if (!position) {
+            return;
+        }
+        const activeSheetId = this.env.model.getters.getActiveSheetId();
+        if (position.sheetId !== activeSheetId) {
+            this.env.model.dispatch("ACTIVATE_SHEET", {
+                sheetIdFrom: activeSheetId,
+                sheetIdTo: position.sheetId,
+            });
+        }
+        this.env.model.selection.selectCell(position.col, position.row);
+    }
 }
 const ErrorToolTipPopoverBuilder = {
     onHover: (position, getters) => {
         const cell = getters.getEvaluatedCell(position);
-        const errors = [];
-        if (cell.type === CellValueType.error && !!cell.message) {
-            errors.push({
-                title: _t("Error"),
-                message: cell.message,
-            });
-        }
-        const validationErrorMessage = getters.getInvalidDataValidationMessage(position);
-        if (validationErrorMessage) {
-            errors.push({
-                title: _t("Invalid"),
-                message: validationErrorMessage,
-            });
-        }
-        if (!errors.length) {
-            return { isOpen: false };
+        if ((cell.type === CellValueType.error && !!cell.message) ||
+            getters.getInvalidDataValidationMessage(position)) {
+            return {
+                isOpen: true,
+                props: {
+                    cellPosition: position,
+                },
+                Component: ErrorToolTip,
+                cellCorner: "TopRight",
+            };
         }
-        return {
-            isOpen: true,
-            props: { errors: errors },
-            Component: ErrorToolTip,
-            cellCorner: "TopRight",
-        };
+        return { isOpen: false };
     },
 };
 
@@ -33129,6 +33151,100 @@ function* iterateChildren(el) {
 function getOpenedMenus() {
     return Array.from(document.querySelectorAll(".o-spreadsheet .o-menu"));
 }
+function getCurrentSelection(el) {
+    let { startElement, endElement, startSelectionOffset, endSelectionOffset } = getStartAndEndSelection(el);
+    let startSizeBefore = findSelectionIndex(el, startElement, startSelectionOffset);
+    let endSizeBefore = findSelectionIndex(el, endElement, endSelectionOffset);
+    return {
+        start: startSizeBefore,
+        end: endSizeBefore,
+    };
+}
+function getStartAndEndSelection(el) {
+    const selection = document.getSelection();
+    return {
+        startElement: selection.anchorNode || el,
+        startSelectionOffset: selection.anchorOffset,
+        endElement: selection.focusNode || el,
+        endSelectionOffset: selection.focusOffset,
+    };
+}
+/**
+ * Computes the text 'index' inside this.el based on the currently selected node and its offset.
+ * The selected node is either a Text node or an Element node.
+ *
+ * case 1 -Text node:
+ * the offset is the number of characters from the start of the node. We have to add this offset to the
+ * content length of all previous nodes.
+ *
+ * case 2 - Element node:
+ * the offset is the number of child nodes before the selected node. We have to add the content length of
+ * all the nodes prior to the selected node as well as the content of the child node before the offset.
+ *
+ * See the MDN documentation for more details.
+ * https://developer.mozilla.org/en-US/docs/Web/API/Range/startOffset
+ * https://developer.mozilla.org/en-US/docs/Web/API/Range/endOffset
+ *
+ */
+function findSelectionIndex(el, nodeToFind, nodeOffset) {
+    let usedCharacters = 0;
+    let it = iterateChildren(el);
+    let current = it.next();
+    let isFirstParagraph = true;
+    while (!current.done && current.value !== nodeToFind) {
+        if (!current.value.hasChildNodes()) {
+            if (current.value.textContent) {
+                usedCharacters += current.value.textContent.length;
+            }
+        }
+        // One new paragraph = one new line character, except for the first paragraph
+        if (current.value.nodeName === "P" ||
+            (current.value.nodeName === "DIV" && current.value !== el) // On paste, the HTML may contain <div> instead of <p>
+        ) {
+            if (isFirstParagraph) {
+                isFirstParagraph = false;
+            }
+            else {
+                usedCharacters++;
+            }
+        }
+        current = it.next();
+    }
+    if (current.value !== nodeToFind) {
+        /** This situation can happen if the code is called while the selection is not currently on the element.
+         * In this case, we return 0 because we don't know the size of the text before the selection.
+         *
+         * A known occurrence is triggered since the introduction of commit d4663158 (PR #2038).
+         */
+        return 0;
+    }
+    else {
+        if (!current.value.hasChildNodes()) {
+            usedCharacters += nodeOffset;
+        }
+        else {
+            const children = [...current.value.childNodes].slice(0, nodeOffset);
+            usedCharacters += children.reduce((acc, child, index) => {
+                if (child.textContent !== null) {
+                    // need to account for paragraph nodes that implicitly add a new line
+                    // except for the last paragraph
+                    let chars = child.textContent.length;
+                    if (child.nodeName === "P" && index !== children.length - 1) {
+                        chars++;
+                    }
+                    return acc + chars;
+                }
+                else {
+                    return acc;
+                }
+            }, 0);
+        }
+    }
+    if (nodeToFind.nodeName === "P" && !isFirstParagraph && nodeToFind.textContent === "") {
+        usedCharacters++;
+    }
+    return usedCharacters;
+}
 const letterRegex = /^[a-zA-Z]$/;
 /**
  * Transform a keyboard event into a shortcut string that represent this event. The letters keys will be uppercased.
@@ -40336,6 +40452,10 @@ class ContentEditableHelper {
         if (currentStart === start && currentEnd === end) {
             return;
         }
+        if (selection.rangeCount === 0) {
+            const range = document.createRange();
+            selection.addRange(range);
+        }
         const currentRange = selection.getRangeAt(0);
         let range;
         if (this.el.contains(currentRange.startContainer)) {
@@ -40498,7 +40618,7 @@ class ContentEditableHelper {
         if (!focusedNode || !this.el.contains(focusedNode))
             return;
         const element = focusedNode instanceof HTMLElement ? focusedNode : focusedNode.parentElement;
-        element?.scrollIntoView({ block: "nearest" });
+        element?.scrollIntoView?.({ block: "nearest" });
     }
     /**
      * remove the current selection of the user
@@ -40518,100 +40638,7 @@ class ContentEditableHelper {
      * finds the indexes of the current selection.
      * */
     getCurrentSelection() {
-        let { startElement, endElement, startSelectionOffset, endSelectionOffset } = this.getStartAndEndSelection();
-        let startSizeBefore = this.findSelectionIndex(startElement, startSelectionOffset);
-        let endSizeBefore = this.findSelectionIndex(endElement, endSelectionOffset);
-        return {
-            start: startSizeBefore,
-            end: endSizeBefore,
-        };
-    }
-    /**
-     * Computes the text 'index' inside this.el based on the currently selected node and its offset.
-     * The selected node is either a Text node or an Element node.
-     *
-     * case 1 -Text node:
-     * the offset is the number of characters from the start of the node. We have to add this offset to the
-     * content length of all previous nodes.
-     *
-     * case 2 - Element node:
-     * the offset is the number of child nodes before the selected node. We have to add the content length of
-     * all the bnodes prior to the selected node as well as the content of the child node before the offset.
-     *
-     * See the MDN documentation for more details.
-     * https://developer.mozilla.org/en-US/docs/Web/API/Range/startOffset
-     * https://developer.mozilla.org/en-US/docs/Web/API/Range/endOffset
-     *
-     */
-    findSelectionIndex(nodeToFind, nodeOffset) {
-        let usedCharacters = 0;
-        let it = iterateChildren(this.el);
-        let current = it.next();
-        let isFirstParagraph = true;
-        while (!current.done && current.value !== nodeToFind) {
-            if (!current.value.hasChildNodes()) {
-                if (current.value.textContent) {
-                    usedCharacters += current.value.textContent.length;
-                }
-            }
-            // One new paragraph = one new line character, except for the first paragraph
-            if (current.value.nodeName === "P" ||
-                (current.value.nodeName === "DIV" && current.value !== this.el) // On paste, the HTML may contain <div> instead of <p>
-            ) {
-                if (isFirstParagraph) {
-                    isFirstParagraph = false;
-                }
-                else {
-                    usedCharacters++;
-                }
-            }
-            current = it.next();
-        }
-        if (current.value !== nodeToFind) {
-            /** This situation can happen if the code is called while the selection is not currently on the ContentEditableHelper.
-             * In this case, we return 0 because we don't know the size of the text before the selection.
-             *
-             * A known occurence is triggered since the introduction of commit d4663158 (PR #2038).
-             *
-             * FIXME: find a way to test eventhough the selection API is not available in jsDOM.
-             */
-            return 0;
-        }
-        else {
-            if (!current.value.hasChildNodes()) {
-                usedCharacters += nodeOffset;
-            }
-            else {
-                const children = [...current.value.childNodes].slice(0, nodeOffset);
-                usedCharacters += children.reduce((acc, child, index) => {
-                    if (child.textContent !== null) {
-                        // need to account for paragraph nodes that implicitely add a new line
-                        // except for the last paragraph
-                        let chars = child.textContent.length;
-                        if (child.nodeName === "P" && index !== children.length - 1) {
-                            chars++;
-                        }
-                        return acc + chars;
-                    }
-                    else {
-                        return acc;
-                    }
-                }, 0);
-            }
-        }
-        if (nodeToFind.nodeName === "P" && !isFirstParagraph && nodeToFind.textContent === "") {
-            usedCharacters++;
-        }
-        return usedCharacters;
-    }
-    getStartAndEndSelection() {
-        const selection = document.getSelection();
-        return {
-            startElement: selection.anchorNode || this.el,
-            startSelectionOffset: selection.anchorOffset,
-            endElement: selection.focusNode || this.el,
-            endSelectionOffset: selection.focusOffset,
-        };
+        return getCurrentSelection(this.el);
     }
     getText() {
         let text = "";
@@ -40875,6 +40902,12 @@ class Composer extends Component {
             }
             this.contentHelper.updateEl(el);
         });
+        this.env.model.selection.observe(this, {
+            handleEvent: () => this.autoCompleteState.hide(),
+        });
+        onWillUnmount(() => {
+            this.env.model.selection.detachObserver(this);
+        });
         useEffect(() => {
             this.processContent();
             if (document.activeElement === this.contentHelper.el &&
@@ -49214,7 +49247,7 @@ function isAxisVisible(getters, figure, axis) {
             axisStartEndPositions.push({ x: axis.position, y: figure.y + figure.height });
             break;
     }
-    return axisStartEndPositions.some(getters.isPositionVisible);
+    return axisStartEndPositions.some(getters.isPixelPositionVisible);
 }
 /**
  * Get a snap line for the given figure, if the figure can snap to any other figure
@@ -51241,8 +51274,8 @@ class GridRenderer {
                 previousColIndex = col;
             }
             else {
-                nextColIndex = this.findNextEmptyCol(col, right, row);
-                previousColIndex = this.findPreviousEmptyCol(col, left, row);
+                nextColIndex = box.border?.right ? zone.right : this.findNextEmptyCol(col, right, row);
+                previousColIndex = box.border?.left ? zone.left : this.findPreviousEmptyCol(col, left, row);
                 box.isOverflow = true;
             }
             switch (align) {
@@ -52715,7 +52748,7 @@ class BordersPlugin extends CorePlugin {
                     // map and slice preserve empty values and do not set `undefined` instead
                     const bordersCopy = borders
                         .slice()
-                        .map((col) => col?.slice().map((border) => ({ ...border })));
+                        .map((col) => col?.slice().map((border) => deepCopy(border)));
                     this.history.update("borders", cmd.sheetIdTo, bordersCopy);
                 }
                 break;
@@ -52745,32 +52778,12 @@ class BordersPlugin extends CorePlugin {
                 const elements = [...cmd.elements].sort((a, b) => b - a);
                 for (const group of groupConsecutive(elements)) {
                     if (cmd.dimension === "COL") {
-                        if (group[0] >= this.getters.getNumberCols(cmd.sheetId)) {
-                            for (let row = 0; row < this.getters.getNumberRows(cmd.sheetId); row++) {
-                                this.history.update("borders", cmd.sheetId, group[0] + 1, row, "vertical", undefined);
-                            }
-                        }
-                        if (group[group.length - 1] === 0) {
-                            for (let row = 0; row < this.getters.getNumberRows(cmd.sheetId); row++) {
-                                this.history.update("borders", cmd.sheetId, 0, row, "vertical", undefined);
-                            }
-                        }
-                        const zone = this.getters.getColsZone(cmd.sheetId, group[group.length - 1] + 1, group[0]);
+                        const zone = this.getters.getColsZone(cmd.sheetId, group[group.length - 1], group[0]);
                         this.clearInsideBorders(cmd.sheetId, [zone]);
                         this.shiftBordersHorizontally(cmd.sheetId, group[0] + 1, -group.length);
                     }
                     else {
-                        if (group[0] >= this.getters.getNumberRows(cmd.sheetId)) {
-                            for (let col = 0; col < this.getters.getNumberCols(cmd.sheetId); col++) {
-                                this.history.update("borders", cmd.sheetId, col, group[0] + 1, "horizontal", undefined);
-                            }
-                        }
-                        if (group[group.length - 1] === 0) {
-                            for (let col = 0; col < this.getters.getNumberCols(cmd.sheetId); col++) {
-                                this.history.update("borders", cmd.sheetId, col, 0, "horizontal", undefined);
-                            }
-                        }
-                        const zone = this.getters.getRowsZone(cmd.sheetId, group[group.length - 1] + 1, group[0]);
+                        const zone = this.getters.getRowsZone(cmd.sheetId, group[group.length - 1], group[0]);
                         this.clearInsideBorders(cmd.sheetId, [zone]);
                         this.shiftBordersVertically(cmd.sheetId, group[0] + 1, -group.length);
                     }
@@ -52795,16 +52808,12 @@ class BordersPlugin extends CorePlugin {
         let colLeftOfInsertion;
         let colRightOfInsertion;
         if (cmd.position === "before") {
-            this.shiftBordersHorizontally(cmd.sheetId, cmd.base, cmd.quantity, {
-                moveFirstLeftBorder: true,
-            });
+            this.shiftBordersHorizontally(cmd.sheetId, cmd.base, cmd.quantity);
             colLeftOfInsertion = cmd.base - 1;
             colRightOfInsertion = cmd.base + cmd.quantity;
         }
         else {
-            this.shiftBordersHorizontally(cmd.sheetId, cmd.base + 1, cmd.quantity, {
-                moveFirstLeftBorder: false,
-            });
+            this.shiftBordersHorizontally(cmd.sheetId, cmd.base + 1, cmd.quantity);
             colLeftOfInsertion = cmd.base;
             colRightOfInsertion = cmd.base + cmd.quantity + 1;
         }
@@ -52819,16 +52828,12 @@ class BordersPlugin extends CorePlugin {
         let rowAboveInsertion;
         let rowBelowInsertion;
         if (cmd.position === "before") {
-            this.shiftBordersVertically(cmd.sheetId, cmd.base, cmd.quantity, {
-                moveFirstTopBorder: true,
-            });
+            this.shiftBordersVertically(cmd.sheetId, cmd.base, cmd.quantity);
             rowAboveInsertion = cmd.base - 1;
             rowBelowInsertion = cmd.base + cmd.quantity;
         }
         else {
-            this.shiftBordersVertically(cmd.sheetId, cmd.base + 1, cmd.quantity, {
-                moveFirstTopBorder: false,
-            });
+            this.shiftBordersVertically(cmd.sheetId, cmd.base + 1, cmd.quantity);
             rowAboveInsertion = cmd.base;
             rowBelowInsertion = cmd.base + cmd.quantity + 1;
         }
@@ -52838,16 +52843,8 @@ class BordersPlugin extends CorePlugin {
     // Getters
     // ---------------------------------------------------------------------------
     getCellBorder({ sheetId, col, row }) {
-        const border = {
-            top: this.borders[sheetId]?.[col]?.[row]?.horizontal,
-            bottom: this.borders[sheetId]?.[col]?.[row + 1]?.horizontal,
-            left: this.borders[sheetId]?.[col]?.[row]?.vertical,
-            right: this.borders[sheetId]?.[col + 1]?.[row]?.vertical,
-        };
-        if (!border.bottom && !border.left && !border.right && !border.top) {
-            return null;
-        }
-        return border;
+        const border = this.borders[sheetId]?.[col]?.[row];
+        return border?.top || border?.bottom || border?.left || border?.right ? deepCopy(border) : null;
     }
     getBordersColors(sheetId) {
         const colors = [];
@@ -52855,11 +52852,13 @@ class BordersPlugin extends CorePlugin {
         if (sheetBorders) {
             for (const borders of sheetBorders.filter(isDefined)) {
                 for (const cellBorder of borders) {
-                    if (cellBorder?.horizontal) {
-                        colors.push(cellBorder.horizontal.color);
-                    }
-                    if (cellBorder?.vertical) {
-                        colors.push(cellBorder.vertical.color);
+                    if (cellBorder) {
+                        for (const direction of ["top", "bottom", "left", "right"]) {
+                            const color = cellBorder[direction]?.color;
+                            if (color) {
+                                colors.push(color);
+                            }
+                        }
                     }
                 }
             }
@@ -52912,7 +52911,7 @@ class BordersPlugin extends CorePlugin {
     getCommonSides(border1, border2) {
         const commonBorder = {};
         for (let side of ["top", "bottom", "left", "right"]) {
-            if (border1[side] && border1[side] === border2[side]) {
+            if (border1[side] && deepEquals(border1[side], border2[side])) {
                 commonBorder[side] = border1[side];
             }
         }
@@ -52957,23 +52956,15 @@ class BordersPlugin extends CorePlugin {
      * @param start starting column (included)
      * @param delta how much borders will be moved (negative if moved to the left)
      */
-    shiftBordersHorizontally(sheetId, start, delta, { moveFirstLeftBorder } = {}) {
+    shiftBordersHorizontally(sheetId, start, delta) {
         const borders = this.borders[sheetId];
         if (!borders)
             return;
-        if (delta < 0) {
-            this.moveBordersOfColumn(sheetId, start, delta, "vertical", {
-                destructive: false,
-            });
-        }
         this.getColumnsWithBorders(sheetId)
             .filter((col) => col >= start)
             .sort((a, b) => (delta < 0 ? a - b : b - a)) // start by the end when moving up
             .forEach((col) => {
-            if ((col === start && moveFirstLeftBorder) || col !== start) {
-                this.moveBordersOfColumn(sheetId, col, delta, "vertical");
-            }
-            this.moveBordersOfColumn(sheetId, col, delta, "horizontal");
+            this.moveBordersOfColumn(sheetId, col, delta);
         });
     }
     /**
@@ -52982,12 +52973,12 @@ class BordersPlugin extends CorePlugin {
      * @param start starting row (included)
      * @param delta how much borders will be moved (negative if moved to the above)
      */
-    shiftBordersVertically(sheetId, start, delta, { moveFirstTopBorder } = {}) {
+    shiftBordersVertically(sheetId, start, delta) {
         const borders = this.borders[sheetId];
         if (!borders)
             return;
         if (delta < 0) {
-            this.moveBordersOfRow(sheetId, start, delta, "horizontal", {
+            this.moveBordersOfRow(sheetId, start, delta, {
                 destructive: false,
             });
         }
@@ -52995,10 +52986,7 @@ class BordersPlugin extends CorePlugin {
             .filter((row) => row >= start)
             .sort((a, b) => (delta < 0 ? a - b : b - a)) // start by the end when moving up
             .forEach((row) => {
-            if ((row === start && moveFirstTopBorder) || row !== start) {
-                this.moveBordersOfRow(sheetId, row, delta, "horizontal");
-            }
-            this.moveBordersOfRow(sheetId, row, delta, "vertical");
+            this.moveBordersOfRow(sheetId, row, delta);
         });
     }
     /**
@@ -53012,15 +53000,15 @@ class BordersPlugin extends CorePlugin {
      * argument `destructive` is given false, the target border is preserved if
      * the moved border is empty
      */
-    moveBordersOfRow(sheetId, row, delta, borderDirection, { destructive } = { destructive: true }) {
+    moveBordersOfRow(sheetId, row, delta, { destructive } = { destructive: true }) {
         const borders = this.borders[sheetId];
         if (!borders)
             return;
         this.getColumnsWithBorders(sheetId).forEach((col) => {
-            const targetBorder = borders[col]?.[row + delta]?.[borderDirection];
-            const movedBorder = borders[col]?.[row]?.[borderDirection];
-            this.history.update("borders", sheetId, col, row + delta, borderDirection, destructive ? movedBorder : movedBorder || targetBorder);
-            this.history.update("borders", sheetId, col, row, borderDirection, undefined);
+            const targetBorder = borders[col]?.[row + delta];
+            const movedBorder = borders[col]?.[row];
+            this.history.update("borders", sheetId, col, row + delta, destructive ? movedBorder : movedBorder || targetBorder);
+            this.history.update("borders", sheetId, col, row, undefined);
         });
     }
     /**
@@ -53034,15 +53022,17 @@ class BordersPlugin extends CorePlugin {
      * argument `destructive` is given false, the target border is preserved if
      * the moved border is empty
      */
-    moveBordersOfColumn(sheetId, col, delta, borderDirection, { destructive } = { destructive: true }) {
+    moveBordersOfColumn(sheetId, col, delta, { destructive } = { destructive: true }) {
         const borders = this.borders[sheetId];
         if (!borders)
             return;
         this.getRowsRange(sheetId).forEach((row) => {
-            const targetBorder = borders[col + delta]?.[row]?.[borderDirection];
-            const movedBorder = borders[col]?.[row]?.[borderDirection];
-            this.history.update("borders", sheetId, col + delta, row, borderDirection, destructive ? movedBorder : movedBorder || targetBorder);
-            this.history.update("borders", sheetId, col, row, borderDirection, undefined);
+            const targetBorder = borders[col + delta]?.[row];
+            const movedBorder = borders[col]?.[row];
+            this.history.update("borders", sheetId, col + delta, row, destructive ? movedBorder : movedBorder || targetBorder);
+            if (destructive) {
+                this.history.update("borders", sheetId, col, row, undefined);
+            }
         });
     }
     /**
@@ -53050,33 +53040,69 @@ class BordersPlugin extends CorePlugin {
      * It overrides the current border if override === true.
      */
     setBorder(sheetId, col, row, border, override = true) {
-        if (override || !this.borders?.[sheetId]?.[col]?.[row]?.vertical) {
-            this.history.update("borders", sheetId, col, row, "vertical", border?.left);
+        const maxCol = this.getters.getNumberCols(sheetId) - 1;
+        const maxRow = this.getters.getNumberRows(sheetId) - 1;
+        if (override || !this.borders[sheetId]?.[col]?.[row]?.left) {
+            this.history.update("borders", sheetId, col, row, "left", border?.left);
+            if (border?.left &&
+                col > 0 &&
+                !deepEquals(this.getCellBorder({ sheetId, col: col - 1, row })?.right, border?.left)) {
+                this.history.update("borders", sheetId, col - 1, row, "right", undefined);
+            }
         }
-        if (override || !this.borders?.[sheetId]?.[col]?.[row]?.horizontal) {
-            this.history.update("borders", sheetId, col, row, "horizontal", border?.top);
+        if (override || !this.borders[sheetId]?.[col]?.[row]?.top) {
+            this.history.update("borders", sheetId, col, row, "top", border?.top);
+            if (border?.top &&
+                row > 0 &&
+                !deepEquals(this.getCellBorder({ sheetId, col, row: row - 1 })?.bottom, border?.top)) {
+                this.history.update("borders", sheetId, col, row - 1, "bottom", undefined);
+            }
         }
-        if (override || !this.borders?.[sheetId]?.[col + 1]?.[row]?.vertical) {
-            this.history.update("borders", sheetId, col + 1, row, "vertical", border?.right);
+        if (override || !this.borders[sheetId]?.[col]?.[row]?.right) {
+            this.history.update("borders", sheetId, col, row, "right", border?.right);
+            if (border?.right &&
+                col < maxCol &&
+                !deepEquals(this.getCellBorder({ sheetId, col: col + 1, row })?.left, border?.right)) {
+                this.history.update("borders", sheetId, col + 1, row, "left", undefined);
+            }
         }
-        if (override || !this.borders?.[sheetId]?.[col]?.[row + 1]?.horizontal) {
-            this.history.update("borders", sheetId, col, row + 1, "horizontal", border?.bottom);
+        if (override || !this.borders[sheetId]?.[col]?.[row]?.bottom) {
+            this.history.update("borders", sheetId, col, row, "bottom", border?.bottom);
+            if (border?.bottom &&
+                row < maxRow &&
+                !deepEquals(this.getCellBorder({ sheetId, col, row: row + 1 })?.top, border?.bottom)) {
+                this.history.update("borders", sheetId, col, row + 1, "top", undefined);
+            }
         }
     }
     /**
      * Remove the borders of a zone
      */
-    clearBorders(sheetId, zones) {
+    clearBorders(sheetId, zones, eraseBoundaries = false) {
+        const maxCol = this.getters.getNumberCols(sheetId) - 1;
+        const maxRow = this.getters.getNumberRows(sheetId) - 1;
         for (let zone of recomputeZones(zones)) {
             for (let row = zone.top; row <= zone.bottom; row++) {
-                this.history.update("borders", sheetId, zone.right + 1, row, "vertical", undefined);
+                if (eraseBoundaries) {
+                    if (zone.left > 0) {
+                        this.history.update("borders", sheetId, zone.left - 1, row, "right", undefined);
+                    }
+                    if (zone.right < maxCol) {
+                        this.history.update("borders", sheetId, zone.right + 1, row, "left", undefined);
+                    }
+                }
                 for (let col = zone.left; col <= zone.right; col++) {
                     this.history.update("borders", sheetId, col, row, undefined);
+                    if (eraseBoundaries) {
+                        if (zone.top > 0) {
+                            this.history.update("borders", sheetId, col, zone.top - 1, "bottom", undefined);
+                        }
+                        if (zone.bottom < maxRow) {
+                            this.history.update("borders", sheetId, col, zone.bottom + 1, "top", undefined);
+                        }
+                    }
                 }
             }
-            for (let col = zone.left; col <= zone.right; col++) {
-                this.history.update("borders", sheetId, col, zone.bottom + 1, "horizontal", undefined);
-            }
         }
     }
     /**
@@ -53106,41 +53132,63 @@ class BordersPlugin extends CorePlugin {
      */
     setBorders(sheetId, zones, position, border) {
         if (position === "clear") {
-            return this.clearBorders(sheetId, zones);
+            return this.clearBorders(sheetId, zones, true);
         }
         for (let zone of recomputeZones(zones)) {
-            if (position === "h" || position === "hv" || position === "all") {
-                for (let row = zone.top + 1; row <= zone.bottom; row++) {
+            if (position === "all") {
+                for (let row = zone.top; row <= zone.bottom; row++) {
                     for (let col = zone.left; col <= zone.right; col++) {
-                        this.addBorder(sheetId, col, row, { top: border });
+                        this.addBorder(sheetId, col, row, {
+                            top: border,
+                            right: border,
+                            bottom: border,
+                            left: border,
+                        });
                     }
                 }
             }
-            if (position === "v" || position === "hv" || position === "all") {
+            if (position === "h" || position === "hv") {
+                if (zone.top === zone.bottom) {
+                    continue;
+                }
+                for (let col = zone.left; col <= zone.right; col++) {
+                    this.addBorder(sheetId, col, zone.top, { bottom: border });
+                    for (let row = zone.top + 1; row < zone.bottom; row++) {
+                        this.addBorder(sheetId, col, row, { top: border, bottom: border });
+                    }
+                    this.addBorder(sheetId, col, zone.bottom, { top: border });
+                }
+            }
+            if (position === "v" || position === "hv") {
+                if (zone.left === zone.right) {
+                    continue;
+                }
                 for (let row = zone.top; row <= zone.bottom; row++) {
-                    for (let col = zone.left + 1; col <= zone.right; col++) {
-                        this.addBorder(sheetId, col, row, { left: border });
+                    this.addBorder(sheetId, zone.left, row, { right: border });
+                    for (let col = zone.left + 1; col < zone.right; col++) {
+                        this.addBorder(sheetId, col, row, { left: border, right: border });
                     }
+                    this.addBorder(sheetId, zone.right, row, { left: border });
                 }
             }
-            if (position === "left" || position === "all" || position === "external") {
+            if (position === "left" || position === "external") {
                 for (let row = zone.top; row <= zone.bottom; row++) {
                     this.addBorder(sheetId, zone.left, row, { left: border });
                 }
             }
-            if (position === "right" || position === "all" || position === "external") {
+            if (position === "right" || position === "external") {
                 for (let row = zone.top; row <= zone.bottom; row++) {
-                    this.addBorder(sheetId, zone.right + 1, row, { left: border });
+                    this.addBorder(sheetId, zone.right, row, { right: border });
                 }
             }
-            if (position === "top" || position === "all" || position === "external") {
+            if (position === "top" || position === "external") {
                 for (let col = zone.left; col <= zone.right; col++) {
                     this.addBorder(sheetId, col, zone.top, { top: border });
                 }
             }
-            if (position === "bottom" || position === "all" || position === "external") {
+            if (position === "bottom" || position === "external") {
                 for (let col = zone.left; col <= zone.right; col++) {
-                    this.addBorder(sheetId, col, zone.bottom + 1, { top: border });
+                    this.addBorder(sheetId, col, zone.bottom, { bottom: border });
                 }
             }
         }
@@ -59885,7 +59933,11 @@ class Evaluator {
     computeFormulaCell(formulaPosition, cellData) {
         const formulaReturn = updateEvalContextAndExecute(cellData.compiledFormula, this.compilationParams, formulaPosition.sheetId, this.buildSafeGetSymbolValue(), formulaPosition);
         if (!isMatrix(formulaReturn)) {
-            return createEvaluatedCell(nullValueToZeroValue(formulaReturn), this.getters.getLocale(), cellData);
+            const evaluatedCell = createEvaluatedCell(nullValueToZeroValue(formulaReturn), this.getters.getLocale(), cellData);
+            if (evaluatedCell.type === CellValueType.error) {
+                evaluatedCell.errorOriginPosition = formulaReturn.errorOriginPosition ?? formulaPosition;
+            }
+            return evaluatedCell;
         }
         this.assertSheetHasEnoughSpaceToSpreadFormulaResult(formulaPosition, formulaReturn);
         const nbColumns = formulaReturn.length;
@@ -59958,6 +60010,9 @@ class Evaluator {
             const position = { sheetId, col: i + col, row: j + row };
             const cell = this.getters.getCell(position);
             const evaluatedCell = createEvaluatedCell(nullValueToZeroValue(matrixResult[i][j]), this.getters.getLocale(), cell);
+            if (evaluatedCell.type === CellValueType.error) {
+                evaluatedCell.errorOriginPosition = matrixResult[i][j].errorOriginPosition ?? position;
+            }
             this.evaluatedCells.set(position, evaluatedCell);
         };
         return spreadValues;
@@ -61516,7 +61571,7 @@ function withPivotPresentationLayer (PivotClass) {
                     const symbolIndex = rowDomain.findIndex((row) => row.field === symbolName);
                     return this.getPivotHeaderValueAndFormat(rowDomain.slice(0, symbolIndex + 1));
                 }
-                return this._getPivotCellValueAndFormat(symbolName, domain);
+                return this.getPivotCellValueAndFormat(symbolName, domain);
             };
             const result = this.getters.evaluateCompiledFormula(measure.computedBy.sheetId, formula, getSymbolValue);
             if (isMatrix(result)) {
@@ -64702,14 +64757,12 @@ class SheetUIPlugin extends UIPlugin {
                 }
                 break;
             case "AUTORESIZE_ROWS":
-                for (let row of cmd.rows) {
-                    this.dispatch("RESIZE_COLUMNS_ROWS", {
-                        elements: [row],
-                        dimension: "ROW",
-                        size: null,
-                        sheetId: cmd.sheetId,
-                    });
-                }
+                this.dispatch("RESIZE_COLUMNS_ROWS", {
+                    elements: cmd.rows,
+                    dimension: "ROW",
+                    size: null,
+                    sheetId: cmd.sheetId,
+                });
                 break;
         }
     }
@@ -67460,7 +67513,7 @@ class SheetViewPlugin extends UIPlugin {
         "getSheetViewVisibleCols",
         "getSheetViewVisibleRows",
         "getFrozenSheetViewRatio",
-        "isPositionVisible",
+        "isPixelPositionVisible",
         "getColDimensionsInViewport",
         "getRowDimensionsInViewport",
         "getAllActiveViewportsZones",
@@ -68084,7 +68137,7 @@ class SheetViewPlugin extends UIPlugin {
         }
         return result;
     }
-    isPositionVisible(position) {
+    isPixelPositionVisible(position) {
         const { scrollX, scrollY } = this.getters.getActiveSheetScrollInfo();
         const { x: mainViewportX, y: mainViewportY } = this.getters.getMainViewportCoordinates();
         const { width, height } = this.getters.getSheetViewDimension();
@@ -70479,12 +70532,8 @@ css /* scss */ `
   .o-spreadsheet {
     position: relative;
     display: grid;
-    color: ${TEXT_BODY};
     font-size: 14px;
 
-    input {
-      background-color: white;
-    }
     .text-muted {
       color: ${TEXT_BODY_MUTED} !important;
     }
@@ -71731,6 +71780,9 @@ class EventStream {
     observe(owner, callbacks) {
         this.observers.set(owner, { owner, callbacks });
     }
+    detachObserver(owner) {
+        this.observers.delete(owner);
+    }
     /**
      * Capture the stream for yourself
      */
@@ -71823,6 +71875,9 @@ class SelectionStreamProcessorImpl {
     observe(owner, callbacks) {
         this.stream.observe(owner, callbacks);
     }
+    detachObserver(owner) {
+        this.stream.detachObserver(owner);
+    }
     release(owner) {
         if (this.stream.isListening(owner)) {
             this.stream.release(owner);
@@ -75227,6 +75282,6 @@ const chartHelpers = { ...CHART_HELPERS, ...CHART_RUNTIME_HELPERS };
 export { AbstractCellClipboardHandler, AbstractChart, AbstractFigureClipboardHandler, CellErrorType, CommandResult, CorePlugin, CoreViewPlugin, DispatchResult, EvaluationError, Model, PivotRuntimeDefinition, Registry, Revision, SPREADSHEET_DIMENSIONS, Spreadsheet, SpreadsheetPivotTable, UIPlugin, __info__, addFunction, addRenderingLayer, astToFormula, chartHelpers, compile, compileTokens, components, constants, convertAstNodes, coreTypes, findCellInNewZone, functionCache, helpers, hooks, invalidateCFEvaluationCommands, invalidateDependenciesCommands, invalidateEvaluationCommands, iterateAstNodes, links, load, parse, parseTokens, readonlyAllowedCommands, registries, setDefaultSheetViewSize, setTranslationMethod, stores, tokenColors, tokenize };
 
 
-__info__.version = "18.2.0-alpha.4";
-__info__.date = "2025-01-29T06:30:12.773Z";
-__info__.hash = "6838c26";
+__info__.version = "18.2.0-alpha.5";
+__info__.date = "2025-01-31T07:59:30.667Z";
+__info__.hash = "efce841";