@fundamental-ngx/platform 0.43.59 → 0.43.61

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

@@ -12,7 +12,7 @@ import { get } from 'lodash-es';
 import equal from 'fast-deep-equal';
 import cloneDeep from 'lodash-es/cloneDeep';
 import set from 'lodash-es/set';
-import { UP_ARROW, DOWN_ARROW, LEFT_ARROW, RIGHT_ARROW } from '@angular/cdk/keycodes';
+import { LEFT_ARROW, RIGHT_ARROW, UP_ARROW, DOWN_ARROW, SPACE, PAGE_DOWN, PAGE_UP, END, HOME } from '@angular/cdk/keycodes';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import { DOCUMENT } from '@angular/common';
 import { TableCellDirective } from '@fundamental-ngx/core/table';
@@ -2054,6 +2054,10 @@ class TableDraggableDirective extends TableDraggable {
     get _rowsDraggable() {
         return this.isTreeTable && this.enableRowReordering;
     }
+    /** @hidden */
+    ngOnDestroy() {
+        this._setDragInProgress(false);
+    }
     /** Sets table reference. */
     setTable(table) {
         this._table = table;
@@ -2062,7 +2066,7 @@ class TableDraggableDirective extends TableDraggable {
      * Initiates drag&drop sequence.
      */
     dragDropStart() {
-        this.dragDropInProgress = true;
+        this._setDragInProgress(true);
     }
     /** Method called when dnd performed with the keyboard. */
     dragRowFromKeyboard(dir, event, currentRowIndex, mode) {
@@ -2090,14 +2094,16 @@ class TableDraggableDirective extends TableDraggable {
     dropCancelled() {
         /** After timeout to make click event handled first */
         this._ngZone.runOutsideAngular(() => {
-            setTimeout(() => (this.dragDropInProgress = false));
+            setTimeout(() => {
+                this._setDragInProgress(false);
+            });
         });
     }
     /** Method called when dragged item being dropped. */
     dragDropItemDrop(event) {
         /** After timeout to make click event handled first */
         this._ngZone.runOutsideAngular(() => {
-            setTimeout(() => (this.dragDropInProgress = false));
+            setTimeout(() => this._setDragInProgress(false));
         });
         this._onZoneFree(() => {
             if (this.isTreeTable && event.draggedItemIndex !== event.replacedItemIndex) {
@@ -2136,6 +2142,11 @@ class TableDraggableDirective extends TableDraggable {
         this.rowsRearrange.emit(new TableRowsRearrangeEvent(row.value, dropRow.value, event.draggedItemIndex, event.replacedItemIndex, event.insertAt, event.mode, rows));
     }
     /** @hidden */
+    _setDragInProgress(dragging) {
+        this.dragDropInProgress = dragging;
+        dragging ? this._blockScrolling() : this._enableScrolling();
+    }
+    /** @hidden */
     _isDroppedInsideItself(dropRow, dragRow) {
         const dropRowParents = getRowParents(dropRow);
         return !!dropRowParents.find((row) => row === dragRow);
@@ -2228,6 +2239,24 @@ class TableDraggableDirective extends TableDraggable {
             callback();
         });
     }
+    /** @hidden */
+    _blockScrolling() {
+        this._table._focusableGrid._preventKeydown = true;
+        this._table.tableContainer.nativeElement.addEventListener('DOMMouseScroll', preventDefault, false);
+        this._table.tableContainer.nativeElement.addEventListener('wheel', preventDefault, { passive: false });
+        this._table.tableContainer.nativeElement.addEventListener('mousewheel', preventDefault, { passive: false });
+        this._table.tableContainer.nativeElement.addEventListener('touchmove', preventDefault, { passive: false });
+        this._table.tableContainer.nativeElement.addEventListener('keydown', preventDefaultForScrollKeys, false);
+    }
+    /** @hidden */
+    _enableScrolling() {
+        this._table._focusableGrid._preventKeydown = false;
+        this._table.tableContainer.nativeElement.removeEventListener('DOMMouseScroll', preventDefault, false);
+        this._table.tableContainer.nativeElement.removeEventListener('wheel', preventDefault);
+        this._table.tableContainer.nativeElement.removeEventListener('mousewheel', preventDefault);
+        this._table.tableContainer.nativeElement.removeEventListener('touchmove', preventDefault);
+        this._table.tableContainer.nativeElement.removeEventListener('keydown', preventDefaultForScrollKeys, false);
+    }
 }
 TableDraggableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableDraggableDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
 TableDraggableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: TableDraggableDirective, isStandalone: true, selector: "fdp-table[isTreeTable], fdp-table[enableRowReordering]", inputs: { enableRowReordering: "enableRowReordering", isTreeTable: "isTreeTable", dropMode: "dropMode", dropPredicate: "dropPredicate", dragoverPredicate: "dragoverPredicate" }, outputs: { rowsRearrange: "rowsRearrange" }, host: { properties: { "class.fd-table--tree": "this.isTreeTable" } }, providers: [
@@ -2265,6 +2294,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
             }], rowsRearrange: [{
                 type: Output
             }] } });
+function preventDefault(event) {
+    event.preventDefault();
+}
+function preventDefaultForScrollKeys(event) {
+    if (!event.altKey &&
+        KeyUtil.isKeyCode(event, [LEFT_ARROW, RIGHT_ARROW, UP_ARROW, DOWN_ARROW, SPACE, PAGE_DOWN, PAGE_UP, END, HOME])) {
+        preventDefault(event);
+        return false;
+    }
+}
 
 const TABLE_SCROLLABLE = new InjectionToken('Table Scrollable');
 class TableScrollDispatcherService {
@@ -2450,6 +2489,10 @@ class TableVirtualScrollDirective extends TableVirtualScroll {
         /** @hidden */
         this._tableScrollDispatcher = inject(TableScrollDispatcherService);
         /** @hidden */
+        this._dndTableDirective = inject(FDP_TABLE_DRAGGABLE_DIRECTIVE, {
+            optional: true
+        });
+        /** @hidden */
         this._tableRowService = inject(TableRowService);
         /** @hidden */
         this._destroy$ = inject(DestroyedService);
@@ -2582,7 +2625,7 @@ class TableVirtualScrollDirective extends TableVirtualScroll {
                     this._focusedCell = event;
                 });
             }
-            if (!this.virtualScroll || !this.bodyHeight) {
+            if (!this.virtualScroll || !this.bodyHeight || this._dndTableDirective?.dragDropInProgress) {
                 return;
             }
             let startNodeIndex = 0;