@fundamental-ngx/platform 0.43.59 → 0.43.61

package/fesm2015/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';
@@ -2061,6 +2061,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;
@@ -2069,7 +2073,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) {
@@ -2097,14 +2101,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) {
@@ -2143,6 +2149,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);
@@ -2236,6 +2247,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: [
@@ -2273,6 +2302,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 {
@@ -2459,6 +2498,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);
@@ -2587,13 +2630,14 @@ class TableVirtualScrollDirective extends TableVirtualScroll {
      * start node index, which may come from the table state
      */
     calculateVirtualScrollRows() {
+        var _a;
         if (this.scrollWholeRows) {
             if (!this._focusableGridSubscription) {
                 this._focusableGridSubscription = this._table._focusableGrid.itemFocused.subscribe((event) => {
                     this._focusedCell = event;
                 });
             }
-            if (!this.virtualScroll || !this.bodyHeight) {
+            if (!this.virtualScroll || !this.bodyHeight || ((_a = this._dndTableDirective) === null || _a === void 0 ? void 0 : _a.dragDropInProgress)) {
                 return;
             }
             let startNodeIndex = 0;