@odoo/o-spreadsheet 18.2.7 → 18.2.8

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.2.7
- * @date 2025-04-14T17:19:31.011Z
- * @hash e187958
+ * @version 18.2.8
+ * @date 2025-04-18T16:26:20.673Z
+ * @hash 5da9ddc
  */
 
 (function (exports, owl) {
@@ -6899,6 +6899,12 @@
       }
       return null;
   }
+  /**
+    - \p{L} is for any letter (from any language)
+    - \p{N} is for any number
+    - the u flag at the end is for unicode, which enables the `\p{...}` syntax
+   */
+  const unicodeSymbolCharRegexp = /\p{L}|\p{N}|_|\.|!|\$/u;
   const SYMBOL_CHARS = new Set("ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789_.!$");
   /**
    * A "Symbol" is just basically any word-like element that can appear in a
@@ -6939,7 +6945,8 @@
               };
           }
       }
-      while (chars.current && SYMBOL_CHARS.has(chars.current)) {
+      while (chars.current &&
+          (SYMBOL_CHARS.has(chars.current) || chars.current.match(unicodeSymbolCharRegexp))) {
           result += chars.shift();
       }
       if (result.length) {
@@ -9246,7 +9253,7 @@
       if (executed.type === "ADD_COLUMNS_ROWS") {
           return expandZoneOnInsertion(zone, executed.dimension === "COL" ? "left" : "top", executed.base, executed.position, executed.quantity);
       }
-      return { ...zone };
+      return zone;
   }
   function transformRangeData(range, executed) {
       const deletedSheet = executed.type === "DELETE_SHEET" && executed.sheetId;
@@ -33637,6 +33644,12 @@ stores.inject(MyMetaStore, storeInstance);
   function isCtrlKey(ev) {
       return isMacOS() ? ev.metaKey : ev.ctrlKey;
   }
+  /**
+   * Detects if the current browser is Firefox
+   */
+  function isBrowserFirefox() {
+      return /Firefox/i.test(navigator.userAgent);
+  }
 
   /**
    * Repeatedly calls a callback function with a time delay between calls.
@@ -50432,39 +50445,6 @@ stores.inject(MyMetaStore, storeInstance);
       }
       return hoveredPosition;
   }
-  function useTouchMove(gridRef, handler, canMoveUp) {
-      let x = null;
-      let y = null;
-      function onTouchStart(ev) {
-          if (ev.touches.length !== 1)
-              return;
-          x = ev.touches[0].clientX;
-          y = ev.touches[0].clientY;
-      }
-      function onTouchEnd() {
-          x = null;
-          y = null;
-      }
-      function onTouchMove(ev) {
-          if (ev.touches.length !== 1)
-              return;
-          // On mobile browsers, swiping down is often associated with "pull to refresh".
-          // We only want this behavior if the grid is already at the top.
-          // Otherwise we only want to move the canvas up, without triggering any refresh.
-          if (canMoveUp()) {
-              ev.preventDefault();
-              ev.stopPropagation();
-          }
-          const currentX = ev.touches[0].clientX;
-          const currentY = ev.touches[0].clientY;
-          handler(x - currentX, y - currentY);
-          x = currentX;
-          y = currentY;
-      }
-      useRefListener(gridRef, "touchstart", onTouchStart);
-      useRefListener(gridRef, "touchend", onTouchEnd);
-      useRefListener(gridRef, "touchmove", onTouchMove);
-  }
   class GridOverlay extends owl.Component {
       static template = "o-spreadsheet-GridOverlay";
       static props = {
@@ -50512,10 +50492,6 @@ stores.inject(MyMetaStore, storeInstance);
           owl.onWillUnmount(() => {
               resizeObserver.disconnect();
           });
-          useTouchMove(this.gridOverlay, this.props.onGridMoved, () => {
-              const { scrollY } = this.env.model.getters.getActiveSheetScrollInfo();
-              return scrollY > 0;
-          });
           this.cellPopovers = useStore(CellPopoverStore);
           this.paintFormatStore = useStore(PaintFormatStore);
       }
@@ -51987,6 +51963,73 @@ stores.inject(MyMetaStore, storeInstance);
       }
   }
 
+  const friction = 0.95;
+  const verticalScrollFactor = 1;
+  const horizontalScrollFactor = 1;
+  function useTouchScroll(ref, updateScroll, canMoveUp) {
+      let lastX = 0;
+      let lastY = 0;
+      let velocityX = 0;
+      let velocityY = 0;
+      let isMouseDown = false;
+      let lastTime = 0;
+      useRefListener(ref, "touchstart", onTouchStart, { capture: false });
+      useRefListener(ref, "touchmove", onTouchMove, { capture: false });
+      useRefListener(ref, "touchend", onTouchEnd, { capture: false });
+      function onTouchStart(event) {
+          isMouseDown = true;
+          ({ clientX: lastX, clientY: lastY } = event.touches[0]);
+          velocityX = 0;
+          velocityY = 0;
+      }
+      function onTouchMove(event) {
+          if (!isMouseDown)
+              return;
+          const currentTime = Date.now();
+          const { clientX, clientY } = event.touches[0];
+          let deltaX = lastX - clientX;
+          let deltaY = lastY - clientY;
+          const elapsedTime = currentTime - lastTime;
+          velocityX = deltaX / elapsedTime;
+          velocityY = deltaY / elapsedTime;
+          lastX = clientX;
+          lastY = clientY;
+          lastTime = currentTime;
+          if (canMoveUp()) {
+              if (event.cancelable) {
+                  event.preventDefault();
+              }
+              event.stopPropagation();
+          }
+          updateScroll(deltaX * horizontalScrollFactor, deltaY * verticalScrollFactor);
+      }
+      function onTouchEnd(ev) {
+          isMouseDown = false;
+          lastX = lastY = 0;
+          requestAnimationFrame(scroll);
+      }
+      function scroll() {
+          if (Math.abs(velocityX) < 0.05) {
+              velocityX = 0;
+          }
+          if (Math.abs(velocityY) < 0.05) {
+              velocityY = 0;
+          }
+          if (!velocityX && !velocityY) {
+              return;
+          }
+          const currentTime = Date.now();
+          const elapsedTime = Math.abs(currentTime - lastTime);
+          const deltaX = velocityX * elapsedTime;
+          const deltaY = velocityY * elapsedTime;
+          updateScroll(deltaX * horizontalScrollFactor, deltaY * verticalScrollFactor);
+          lastTime = currentTime;
+          velocityX *= friction;
+          velocityY *= friction;
+          requestAnimationFrame(scroll);
+      }
+  }
+
   function useWheelHandler(handler) {
       function normalize(val, deltaMode) {
           return val * (deltaMode === 0 ? 1 : DEFAULT_CELL_HEIGHT);
@@ -52327,7 +52370,7 @@ stores.inject(MyMetaStore, storeInstance);
               left: `${this.props.leftOffset + x}px`,
               bottom: "0px",
               height: `${SCROLLBAR_WIDTH}px`,
-              right: `0px`,
+              right: isBrowserFirefox() ? `${SCROLLBAR_WIDTH}px` : "0",
           };
       }
       onScroll(offset) {
@@ -52372,7 +52415,7 @@ stores.inject(MyMetaStore, storeInstance);
               top: `${this.props.topOffset + y}px`,
               right: "0px",
               width: `${SCROLLBAR_WIDTH}px`,
-              bottom: `0px`,
+              bottom: isBrowserFirefox() ? `${SCROLLBAR_WIDTH}px` : "0",
           };
       }
       onScroll(offset) {
@@ -52608,6 +52651,10 @@ stores.inject(MyMetaStore, storeInstance);
                   this.DOMFocusableElementStore.focusableElement?.focus();
               }
           }, () => [this.sidePanel.isOpen]);
+          useTouchScroll(this.gridRef, this.moveCanvas.bind(this), () => {
+              const { scrollY } = this.env.model.getters.getActiveSheetScrollInfo();
+              return scrollY > 0;
+          });
       }
       onCellHovered({ col, row }) {
           this.hoveredCell.hover({ col, row });
@@ -63853,10 +63900,8 @@ stores.inject(MyMetaStore, storeInstance);
       }
       const target = [];
       for (const zone1 of toTransform.target) {
-          for (const zone2 of executed.target) {
-              if (!overlap(zone1, zone2)) {
-                  target.push({ ...zone1 });
-              }
+          if (executed.target.every((zone2) => !overlap(zone1, zone2))) {
+              target.push(zone1);
           }
       }
       if (target.length) {
@@ -67988,24 +68033,14 @@ stores.inject(MyMetaStore, storeInstance);
               first: this.boundaries.top,
               last: this.boundaries.bottom,
           });
-          const { end: lastColEnd, size: lastColSize } = this.getters.getColDimensions(this.sheetId, lastCol);
-          const { end: lastRowEnd, size: lastRowSize } = this.getters.getRowDimensions(this.sheetId, lastRow);
-          const leftColIndex = this.searchHeaderIndex("COL", lastColEnd - this.viewportWidth, 0);
-          const leftColSize = this.getters.getColSize(this.sheetId, leftColIndex);
-          const leftRowIndex = this.searchHeaderIndex("ROW", lastRowEnd - this.viewportHeight, 0);
-          const topRowSize = this.getters.getRowSize(this.sheetId, leftRowIndex);
+          const { end: lastColEnd } = this.getters.getColDimensions(this.sheetId, lastCol);
+          const { end: lastRowEnd } = this.getters.getRowDimensions(this.sheetId, lastRow);
           let width = lastColEnd - this.offsetCorrectionX;
           if (this.canScrollHorizontally) {
-              width += Math.max(DEFAULT_CELL_WIDTH, // leave some minimal space to let the user know they scrolled all the way
-              Math.min(leftColSize, this.viewportWidth - lastColSize) // Add pixels that allows the snapping at maximum horizontal scroll
-              );
               width = Math.max(width, this.viewportWidth); // if the viewport grid size is smaller than its client width, return client width
           }
           let height = lastRowEnd - this.offsetCorrectionY;
           if (this.canScrollVertically) {
-              height += Math.max(DEFAULT_CELL_HEIGHT + 5, // leave some space to let the user know they scrolled all the way
-              Math.min(topRowSize, this.viewportHeight - lastRowSize) // Add pixels that allows the snapping at maximum vertical scroll
-              );
               height = Math.max(height, this.viewportHeight); // if the viewport grid size is smaller than its client height, return client height
               if (lastRowEnd + FOOTER_HEIGHT > height && !this.getters.isReadonly()) {
                   height += FOOTER_HEIGHT;
@@ -68570,8 +68605,8 @@ stores.inject(MyMetaStore, storeInstance);
           const { width, height } = this.getMainViewportRect();
           const viewport = this.getMainInternalViewport(sheetId);
           return {
-              maxOffsetX: Math.max(0, width - viewport.viewportWidth + 1),
-              maxOffsetY: Math.max(0, height - viewport.viewportHeight + 1),
+              maxOffsetX: Math.max(0, width - viewport.viewportWidth),
+              maxOffsetY: Math.max(0, height - viewport.viewportHeight),
           };
       }
       getColRowOffsetInViewport(dimension, referenceHeaderIndex, targetHeaderIndex) {
@@ -70093,6 +70128,10 @@ stores.inject(MyMetaStore, storeInstance);
               this.hoveredCell.clear();
           });
           this.cellPopovers = useStore(CellPopoverStore);
+          useTouchScroll(gridRef, this.moveCanvas.bind(this), () => {
+              const { scrollY } = this.env.model.getters.getActiveSheetScrollInfo();
+              return scrollY > 0;
+          });
       }
       onCellHovered({ col, row }) {
           this.hoveredCell.hover({ col, row });
@@ -71483,6 +71522,7 @@ stores.inject(MyMetaStore, storeInstance);
     > canvas {
       box-sizing: content-box;
       border-bottom: 1px solid #e2e3e3;
+      border-right: 1px solid #e2e3e3;
     }
 
     .o-grid-overlay {
@@ -76189,9 +76229,9 @@ stores.inject(MyMetaStore, storeInstance);
   exports.tokenize = tokenize;
 
 
-  __info__.version = "18.2.7";
-  __info__.date = "2025-04-14T17:19:31.011Z";
-  __info__.hash = "e187958";
+  __info__.version = "18.2.8";
+  __info__.date = "2025-04-18T16:26:20.673Z";
+  __info__.hash = "5da9ddc";
 
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);