@fundamental-ngx/platform 0.43.41 → 0.43.43

package/fesm2020/fundamental-ngx-platform-table-helpers.mjs

@@ -2560,6 +2560,12 @@ class TableVirtualScrollDirective extends TableVirtualScroll {
     /** @hidden */
     ngOnDestroy() {
         this._focusableGridSubscription?.unsubscribe();
+        if (this.scrollWholeRows) {
+            this._table.tableContainer.nativeElement.removeEventListener('wheel', this._wheelScrollListenerFunction, {
+                passive: false
+            });
+            this._table.tableScrollMockContainer.nativeElement.removeEventListener('scroll', this._mockScrollbarListenerFunction, { passive: false });
+        }
     }
     /** Sets table reference. */
     setTable(table) {
@@ -2588,7 +2594,7 @@ class TableVirtualScrollDirective extends TableVirtualScroll {
                 }
             }
             const totalNodeCount = this._table._tableRowsVisible.length;
-            let visibleNodeCount = Math.floor(this._table.tableContainer.nativeElement.clientHeight / this.rowHeight);
+            let visibleNodeCount = this._getNumberOfRowsToDisplay();
             visibleNodeCount = Math.min(totalNodeCount - startNodeIndex, visibleNodeCount);
             this.virtualScrollTotalHeight = totalNodeCount * this.rowHeight - visibleNodeCount * this.rowHeight;
             this._setRows(startNodeIndex);
@@ -2652,13 +2658,15 @@ class TableVirtualScrollDirective extends TableVirtualScroll {
         const tableContainer = this._table.tableContainer.nativeElement;
         let tableHeight = tableContainer.clientHeight;
         tableHeight = tableHeight - tableContainer.querySelector('thead').clientHeight;
-        const numberOfRows = Math.floor(tableHeight / (this.rowHeight + 2));
+        const numberOfRows = Math.floor(tableHeight / this.rowHeight);
+        let retVal;
         if (this._table._tableRowsVisible.length < numberOfRows) {
-            return this._table._tableRowsVisible.length;
+            retVal = this._table._tableRowsVisible.length;
         }
         else {
-            return numberOfRows;
+            retVal = numberOfRows;
         }
+        return retVal;
     }
     /**
      * @hidden
@@ -3085,8 +3093,8 @@ class TableColumnResizeService {
         if (!columnWidth || !resizedElement) {
             return;
         }
-        if (diffX < 0 && columnWidth + diffX < TABLE_COLUMN_MIN_WIDTH) {
-            diffX = TABLE_COLUMN_MIN_WIDTH - columnWidth;
+        if (diffX < 0 && columnWidth + diffX < this._tableRef.minimumColumnWidth) {
+            diffX = this._tableRef.minimumColumnWidth - columnWidth;
         }
         if (!this.fixedWidth) {
             for (const [columnName, cells] of this._columnsCellMap.entries()) {
@@ -3445,7 +3453,7 @@ class PlatformTableCellResizableDirective extends TableCellDirective {
     ngOnInit() {
         this._zone.runOutsideAngular(() => {
             fromEvent(this.elementRef.nativeElement, 'mousemove')
-                .pipe(filter(() => this._tableColumnResizeService?.resizeInProgress !== true), map((event) => this._getResizer(event) || { resizerPosition: 0, resizedColumn: this.columnName }), distinctUntilChanged((prev, curr) => equal(prev, curr)), takeUntil(this._destroy$))
+                .pipe(filter(() => this._tableColumnResizeService?.resizeInProgress !== true), debounceTime(5), map((event) => this._getResizer(event) || { resizerPosition: 0, resizedColumn: this.columnName }), distinctUntilChanged((prev, curr) => equal(prev, curr)), takeUntil(this._destroy$))
                 .subscribe((data) => {
                 this._tableColumnResizeService.setInitialResizerPosition(data.resizerPosition, data.resizedColumn);
             });
@@ -3471,30 +3479,36 @@ class PlatformTableCellResizableDirective extends TableCellDirective {
     _getResizer(event) {
         const el = this.elementRef.nativeElement;
         const elPosition = el.getBoundingClientRect();
-        let resizerPosition;
-        let resizedColumn;
-        const pointerOnLeft = this._isRtl
-            ? elPosition.right - event.clientX < TABLE_CELL_RESIZABLE_THRESHOLD_PX
-            : event.clientX - elPosition.left < TABLE_CELL_RESIZABLE_THRESHOLD_PX;
-        if (pointerOnLeft && this._resizableSide !== 'end') {
-            resizerPosition = this._isRtl
-                ? el.parentElement.offsetWidth - (el.offsetLeft + el.offsetWidth)
-                : el.offsetLeft;
-            resizedColumn = this._tableColumnResizeService.getPreviousColumnName(this.columnName);
-        }
-        const pointerOnRight = this._isRtl
-            ? event.clientX - elPosition.left < TABLE_CELL_RESIZABLE_THRESHOLD_PX
-            : elPosition.right - event.clientX < TABLE_CELL_RESIZABLE_THRESHOLD_PX;
-        if (pointerOnRight && this._resizableSide !== 'start') {
-            resizerPosition = this._isRtl
-                ? el.parentElement.offsetWidth - el.offsetLeft
-                : el.offsetLeft + el.offsetWidth;
-            resizedColumn = this.columnName;
+        // check if mouse is within 5px of cell border
+        if (event.clientX > elPosition.x + elPosition.width - 5 || event.clientX < elPosition.x + 5) {
+            let resizerPosition;
+            let resizedColumn;
+            const pointerOnLeft = this._isRtl
+                ? elPosition.right - event.clientX < TABLE_CELL_RESIZABLE_THRESHOLD_PX
+                : event.clientX - elPosition.left < TABLE_CELL_RESIZABLE_THRESHOLD_PX;
+            if (pointerOnLeft && this._resizableSide !== 'end') {
+                resizerPosition = this._isRtl
+                    ? el.parentElement.offsetWidth - (el.offsetLeft + el.offsetWidth)
+                    : el.offsetLeft;
+                resizedColumn = this._tableColumnResizeService.getPreviousColumnName(this.columnName);
+            }
+            const pointerOnRight = this._isRtl
+                ? event.clientX - elPosition.left < TABLE_CELL_RESIZABLE_THRESHOLD_PX
+                : elPosition.right - event.clientX < TABLE_CELL_RESIZABLE_THRESHOLD_PX;
+            if (pointerOnRight && this._resizableSide !== 'start') {
+                resizerPosition = this._isRtl
+                    ? el.parentElement.offsetWidth - el.offsetLeft
+                    : el.offsetLeft + el.offsetWidth;
+                resizedColumn = this.columnName;
+            }
+            if (!resizedColumn) {
+                return null;
+            }
+            return { resizerPosition: resizerPosition, resizedColumn };
         }
-        if (!resizedColumn) {
+        else {
             return null;
         }
-        return { resizerPosition: resizerPosition, resizedColumn };
     }
 }
 PlatformTableCellResizableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PlatformTableCellResizableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });