@fundamental-ngx/platform 0.44.0-rc.2 → 0.44.0-rc.4

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

@@ -1,7 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, EventEmitter, inject, Directive, Input, Output, NgZone, ChangeDetectorRef, forwardRef, HostBinding, Optional, ElementRef, Inject, HostListener, Pipe, NgModule } from '@angular/core';
-import * as i2 from '@fundamental-ngx/cdk/utils';
-import { DestroyedService, isString, RtlService, KeyUtil, resizeObservable, FDK_FOCUSABLE_ITEM_DIRECTIVE, FocusableItemDirective } from '@fundamental-ngx/cdk/utils';
+import { InjectionToken, Injectable, EventEmitter, inject, Directive, Input, Output, NgZone, ChangeDetectorRef, forwardRef, HostBinding, DestroyRef, Optional, ElementRef, Inject, HostListener, Pipe, NgModule } from '@angular/core';
 import { isDataSource, DataSourceDirective, FD_DATA_SOURCE_TRANSFORMER } from '@fundamental-ngx/cdk/data-source';
 import { Subject, BehaviorSubject, isObservable, Subscription, filter as filter$1, fromEvent, Observable } from 'rxjs';
 import { map, takeUntil, take, skip, startWith, filter, debounceTime, distinctUntilChanged, share, tap } from 'rxjs/operators';
@@ -9,6 +7,9 @@ import { ContentDensityMode } from '@fundamental-ngx/core/content-density';
 import { isSelectItem, isDataSource as isDataSource$1, isString as isString$1, isFunction } from '@fundamental-ngx/platform/shared';
 import { get, cloneDeep, set } from 'lodash-es';
 import equal from 'fast-deep-equal';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i2 from '@fundamental-ngx/cdk/utils';
+import { isString, RtlService, KeyUtil, resizeObservable, FDK_FOCUSABLE_ITEM_DIRECTIVE, FocusableItemDirective } from '@fundamental-ngx/cdk/utils';
 import { LEFT_ARROW, RIGHT_ARROW, SPACE } from '@angular/cdk/keycodes';
 import { DOCUMENT } from '@angular/common';
 import { TableCellDirective } from '@fundamental-ngx/core/table';
@@ -1182,8 +1183,6 @@ function setCurrentPageToState(state, currentPage) {
 class TableDataSourceDirective extends DataSourceDirective {
     constructor() {
         super(...arguments);
-        /** @hidden */
-        this._childDsSubscription = new Subscription();
         /** Event emitted when child data source instance being changed. */
         this.childDataSourceChanged = new EventEmitter();
         /** Event emitted when data loading is started. */
@@ -1203,13 +1202,13 @@ class TableDataSourceDirective extends DataSourceDirective {
         /** @hidden */
         this._internalChildrenLoadingState = false;
         /** @hidden */
+        this._childDsSubscription = new Subscription();
+        /** @hidden */
         this.initialState = inject(FDP_TABLE_STATE_DIRECTIVE, {
             optional: true
         });
         /** @hidden */
         this._tableService = inject(TableService);
-        /** @hidden */
-        this._destroy$ = inject(DestroyedService);
     }
     /**
      * Data source.
@@ -1232,7 +1231,7 @@ class TableDataSourceDirective extends DataSourceDirective {
     }
     /** @hidden */
     initializeDataSource() {
-        this.dataSourceChanged.pipe(startWith(true), takeUntil(this._destroy$)).subscribe(() => {
+        this.dataSourceChanged.pipe(startWith(true), takeUntilDestroyed(this._destroyRef)).subscribe(() => {
             this._closeDataSource();
             this._listenToDataSource();
         });
@@ -1268,11 +1267,11 @@ class TableDataSourceDirective extends DataSourceDirective {
             this._tableService.setTableLoading(this._table.loadingState);
         }));
         this._childDsSubscription.add(this.childDataSource.dataLoading
-            .pipe(filter((state) => !!state), takeUntil(this._destroyed$))
+            .pipe(filter((state) => !!state), takeUntilDestroyed(this._destroyRef))
             .subscribe((loadingStates) => {
             loadingStates.forEach((state) => state.row?.childItemsLoading$.next(state.loading));
         }));
-        this._childDsSubscription.add(this.childDataSource.dataChanges.pipe(takeUntil(this._destroyed$)).subscribe((data) => {
+        this._childDsSubscription.add(this.childDataSource.dataChanges.pipe(takeUntilDestroyed(this._destroyRef)).subscribe((data) => {
             this.childItems$.next(data);
         }));
     }
@@ -1333,7 +1332,6 @@ class TableDataSourceDirective extends DataSourceDirective {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: TableDataSourceDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.0", type: TableDataSourceDirective, isStandalone: true, selector: "[fdpTableDataSource]", inputs: { childDataSource: "childDataSource" }, outputs: { childDataSourceChanged: "childDataSourceChanged", onDataRequested: "onDataRequested", onDataReceived: "onDataReceived" }, providers: [
-            DestroyedService,
             {
                 provide: FD_DATA_SOURCE_TRANSFORMER,
                 useClass: TableDataSourceParser
@@ -1346,7 +1344,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImpor
                     selector: '[fdpTableDataSource]',
                     standalone: true,
                     providers: [
-                        DestroyedService,
                         {
                             provide: FD_DATA_SOURCE_TRANSFORMER,
                             useClass: TableDataSourceParser
@@ -2282,7 +2279,7 @@ class TableVirtualScrollDirective extends TableVirtualScroll {
         /** @hidden */
         this._tableScrollDispatcher = inject(TableScrollDispatcherService);
         /** @hidden */
-        this._destroy$ = inject(DestroyedService);
+        this._destroyRef = inject(DestroyRef);
     }
     /** @hidden */
     ngOnChanges(changes) {
@@ -2333,7 +2330,7 @@ class TableVirtualScrollDirective extends TableVirtualScroll {
     listenOnVirtualScroll() {
         this._tableScrollDispatcher
             .verticallyScrolled()
-            .pipe(filter$1(() => this.virtualScroll && !!this.bodyHeight), takeUntil(this._destroy$))
+            .pipe(filter$1(() => this.virtualScroll && !!this.bodyHeight), takeUntilDestroyed(this._destroyRef))
             .subscribe((scrollable) => {
             this.calculateVirtualScrollRows();
             this._table.setTableState({
@@ -2344,7 +2341,6 @@ class TableVirtualScrollDirective extends TableVirtualScroll {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: TableVirtualScrollDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.0", type: TableVirtualScrollDirective, isStandalone: true, selector: "fdp-table[virtualScroll]", inputs: { virtualScroll: "virtualScroll", renderAhead: "renderAhead", bodyHeight: "bodyHeight", rowHeight: "rowHeight" }, providers: [
-            DestroyedService,
             {
                 provide: FDP_TABLE_VIRTUAL_SCROLL_DIRECTIVE,
                 useExisting: TableVirtualScrollDirective
@@ -2358,7 +2354,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImpor
                     selector: 'fdp-table[virtualScroll]',
                     standalone: true,
                     providers: [
-                        DestroyedService,
                         {
                             provide: FDP_TABLE_VIRTUAL_SCROLL_DIRECTIVE,
                             useExisting: TableVirtualScrollDirective
@@ -2864,7 +2859,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImpor
 class TableHeaderResizerDirective {
     constructor() {
         /** @hidden */
-        this._destroy$ = inject(DestroyedService);
+        this._destroyRef = inject(DestroyRef);
         /** @hidden */
         this._rtl = inject(RtlService, {
             optional: true
@@ -2888,7 +2883,7 @@ class TableHeaderResizerDirective {
     ngOnInit() {
         this._zone.runOutsideAngular(() => {
             fromEvent(this._elmRef.nativeElement, 'keydown')
-                .pipe(takeUntil(this._destroy$))
+                .pipe(takeUntilDestroyed(this._destroyRef))
                 .subscribe((event) => {
                 if ((KeyUtil.isKeyCode(event, LEFT_ARROW) ||
                     (this._rtl?.rtl.value && KeyUtil.isKeyCode(event, RIGHT_ARROW))) &&
@@ -2908,7 +2903,7 @@ class TableHeaderResizerDirective {
                 }
             });
             fromEvent(this._elmRef.nativeElement, 'focusin')
-                .pipe(takeUntil(this._destroy$))
+                .pipe(takeUntilDestroyed(this._destroyRef))
                 .subscribe(() => {
                 if (!this._focusinTimerId) {
                     return;
@@ -2917,7 +2912,7 @@ class TableHeaderResizerDirective {
                 this._focusinTimerId = null;
             });
             fromEvent(this._elmRef.nativeElement, 'focusout')
-                .pipe(takeUntil(this._destroy$))
+                .pipe(takeUntilDestroyed(this._destroyRef))
                 .subscribe(() => {
                 this._focusinTimerId = setTimeout(() => {
                     this.focusedCellPosition = null;
@@ -2933,14 +2928,13 @@ class TableHeaderResizerDirective {
         this.focusedCellPosition = { rowIndex: position.rowIndex, colIndex: position.colIndex };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: TableHeaderResizerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.0", type: TableHeaderResizerDirective, isStandalone: true, selector: "[fdpTableHeaderResizer]", providers: [DestroyedService], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.0", type: TableHeaderResizerDirective, isStandalone: true, selector: "[fdpTableHeaderResizer]", ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: TableHeaderResizerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fdpTableHeaderResizer]',
-                    standalone: true,
-                    providers: [DestroyedService]
+                    standalone: true
                 }]
         }] });
 
@@ -3140,12 +3134,12 @@ 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), map((event) => this._getResizer(event) || { resizerPosition: 0, resizedColumn: this.columnName }), distinctUntilChanged((prev, curr) => equal(prev, curr)), takeUntilDestroyed(this._destroyRef))
                 .subscribe((data) => {
                 this._tableColumnResizeService.setInitialResizerPosition(data.resizerPosition, data.resizedColumn);
             });
             fromEvent(this.elementRef.nativeElement, 'focus')
-                .pipe(takeUntil(this._destroy$))
+                .pipe(takeUntilDestroyed(this._destroyRef))
                 .subscribe(() => {
                 this._tableColumnResizeService.setInitialResizerPosition(0, this.columnName);
             });
@@ -3387,7 +3381,7 @@ class TableScrollableDirective {
         /** @hidden */
         this._prevScrollLeft = 0;
         /** @hidden */
-        this._destroyed$ = inject(DestroyedService);
+        this._destroyRef = inject(DestroyRef);
         /** @hidden */
         this._document = inject(DOCUMENT);
         /** Scroll events stream */
@@ -3400,7 +3394,7 @@ class TableScrollableDirective {
                 return false;
             }
             return true;
-        }), takeUntil(this._destroyed$), share());
+        }), takeUntilDestroyed(this._destroyRef), share());
         /** Vertical scroll stream */
         this._elementVerticalScrollStream = this._elementScrollStream.pipe(filter(() => this._prevScrollTop !== this.getScrollTop()), tap(() => (this._prevScrollTop = this.getScrollTop())));
         /** Horizontal scroll stream */
@@ -3505,10 +3499,7 @@ class TableScrollableDirective {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: TableScrollableDirective, deps: [{ token: i0.ElementRef }, { token: TableScrollDispatcherService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.0", type: TableScrollableDirective, isStandalone: true, selector: "[fdpTableScrollable]", providers: [
-            { provide: TABLE_SCROLLABLE, useExisting: forwardRef(() => TableScrollableDirective) },
-            DestroyedService
-        ], exportAs: ["tableScrollable"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.0", type: TableScrollableDirective, isStandalone: true, selector: "[fdpTableScrollable]", providers: [{ provide: TABLE_SCROLLABLE, useExisting: forwardRef(() => TableScrollableDirective) }], exportAs: ["tableScrollable"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: TableScrollableDirective, decorators: [{
             type: Directive,
@@ -3516,10 +3507,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImpor
                     selector: '[fdpTableScrollable]',
                     exportAs: 'tableScrollable',
                     standalone: true,
-                    providers: [
-                        { provide: TABLE_SCROLLABLE, useExisting: forwardRef(() => TableScrollableDirective) },
-                        DestroyedService
-                    ]
+                    providers: [{ provide: TABLE_SCROLLABLE, useExisting: forwardRef(() => TableScrollableDirective) }]
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: TableScrollDispatcherService }, { type: i0.NgZone }]; } });