@fundamental-ngx/platform 0.43.41 → 0.43.42

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

@@ -3087,8 +3087,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()) {
@@ -3458,7 +3458,7 @@ class PlatformTableCellResizableDirective extends TableCellDirective {
     ngOnInit() {
         this._zone.runOutsideAngular(() => {
             fromEvent(this.elementRef.nativeElement, 'mousemove')
-                .pipe(filter(() => { var _a; return ((_a = this._tableColumnResizeService) === null || _a === void 0 ? void 0 : _a.resizeInProgress) !== true; }), map((event) => this._getResizer(event) || { resizerPosition: 0, resizedColumn: this.columnName }), distinctUntilChanged((prev, curr) => equal(prev, curr)), takeUntil(this._destroy$))
+                .pipe(filter(() => { var _a; return ((_a = this._tableColumnResizeService) === null || _a === void 0 ? void 0 : _a.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);
             });
@@ -3486,30 +3486,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 });