@fundamental-ngx/platform 0.64.2-rc.4 → 0.64.2-rc.41

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

@@ -740,6 +740,8 @@ class TableColumnResizeService {
         this._rtlService = inject(RtlService, {
             optional: true
         });
+        /** @hidden */
+        this._ngZone = inject(NgZone, { optional: true });
         this._tableScrollDispatcherService
             ?.horizontallyScrolled()
             .pipe(takeUntilDestroyed(this._destroyed))
@@ -937,7 +939,7 @@ class TableColumnResizeService {
     }
     /** Update column resizer position. */
     _updateResizerPositionOnMouseMove() {
-        this._resizerMoveSubscription = fromEvent(document, 'mousemove')
+        const setupMouseMove = () => fromEvent(document, 'mousemove')
             .pipe(debounceTime(10))
             .subscribe((event) => {
             const clientStartX = this._clientStartX ?? 0;
@@ -945,6 +947,9 @@ class TableColumnResizeService {
             this._resizerPosition = (this._startX ?? 0) + diffX;
             this.resizerPosition$.next(this.resizerPosition);
         });
+        this._resizerMoveSubscription = this._ngZone
+            ? this._ngZone.runOutsideAngular(setupMouseMove)
+            : setupMouseMove();
     }
     /**
      * Check if the header text length goes over the column width. In such case applies text truncation with
@@ -989,7 +994,7 @@ class PlatformTableCellResizableDirective extends TableCellDirective {
             optional: true
         });
         /** @hidden */
-        this._zone = inject(NgZone);
+        this._ngZone = inject(NgZone, { optional: true });
     }
     /** First column can be resized only by its end */
     set resizableSide(value) {
@@ -1000,17 +1005,23 @@ class PlatformTableCellResizableDirective extends TableCellDirective {
     }
     /** @hidden */
     ngOnInit() {
-        this._zone.runOutsideAngular(() => {
+        const setupMouseMove = () => {
             fromEvent(this.elementRef.nativeElement, 'mousemove')
                 .pipe(filter(() => this._tableColumnResizeService?.resizeInProgress !== true), debounceTime(5), map((event) => this._getResizer(event) || { resizerPosition: 0, resizedColumn: this.columnName }), takeUntilDestroyed(this._destroyRef))
                 .subscribe((data) => {
                 this._tableColumnResizeService.setInitialResizerPosition(data.resizerPosition, data.resizedColumn);
             });
-            fromEvent(this.elementRef.nativeElement, 'focus')
-                .pipe(takeUntilDestroyed(this._destroyRef))
-                .subscribe(() => {
-                this._tableColumnResizeService.setInitialResizerPosition(0, this.columnName);
-            });
+        };
+        if (this._ngZone) {
+            this._ngZone.runOutsideAngular(setupMouseMove);
+        }
+        else {
+            setupMouseMove();
+        }
+        fromEvent(this.elementRef.nativeElement, 'focus')
+            .pipe(takeUntilDestroyed(this._destroyRef))
+            .subscribe(() => {
+            this._tableColumnResizeService.setInitialResizerPosition(0, this.columnName);
         });
     }
     /** @hidden */
@@ -3265,8 +3276,6 @@ class TableHeaderResizerDirective {
         /** @hidden */
         this._tableRowService = inject(TableRowService);
         /** @hidden */
-        this._zone = inject(NgZone);
-        /** @hidden */
         this._document = inject(DOCUMENT);
     }
     /** @hidden */
@@ -3275,42 +3284,40 @@ class TableHeaderResizerDirective {
     }
     /** @hidden */
     ngOnInit() {
-        this._zone.runOutsideAngular(() => {
-            fromEvent(this._elmRef.nativeElement, 'keydown')
-                .pipe(takeUntilDestroyed(this._destroyRef))
-                .subscribe((event) => {
-                if ((KeyUtil.isKeyCode(event, LEFT_ARROW) ||
-                    (this._isRtl() && KeyUtil.isKeyCode(event, RIGHT_ARROW))) &&
-                    event.shiftKey &&
-                    this._headerCellFocused) {
-                    this._tableColumnResizeService._processResize(-32);
-                    event.preventDefault();
-                    event.stopImmediatePropagation();
-                }
-                else if ((KeyUtil.isKeyCode(event, RIGHT_ARROW) ||
-                    (this._isRtl() && KeyUtil.isKeyCode(event, LEFT_ARROW))) &&
-                    event.shiftKey &&
-                    this._headerCellFocused) {
-                    this._tableColumnResizeService._processResize(32);
-                    event.preventDefault();
-                    event.stopImmediatePropagation();
-                }
-            });
-            fromEvent(this._elmRef.nativeElement, 'focusin')
-                .pipe(takeUntilDestroyed(this._destroyRef))
-                .subscribe(() => {
-                if (!this._focusinTimerId) {
-                    return;
-                }
-                clearTimeout(this._focusinTimerId);
-                this._focusinTimerId = null;
-            });
-            fromEvent(this._elmRef.nativeElement, 'focusout')
-                .pipe(takeUntilDestroyed(this._destroyRef))
-                .subscribe(() => {
-                this._focusinTimerId = setTimeout(() => {
-                    this.focusedCellPosition = null;
-                });
+        fromEvent(this._elmRef.nativeElement, 'keydown')
+            .pipe(takeUntilDestroyed(this._destroyRef))
+            .subscribe((event) => {
+            if ((KeyUtil.isKeyCode(event, LEFT_ARROW) ||
+                (this._isRtl() && KeyUtil.isKeyCode(event, RIGHT_ARROW))) &&
+                event.shiftKey &&
+                this._headerCellFocused) {
+                this._tableColumnResizeService._processResize(-32);
+                event.preventDefault();
+                event.stopImmediatePropagation();
+            }
+            else if ((KeyUtil.isKeyCode(event, RIGHT_ARROW) ||
+                (this._isRtl() && KeyUtil.isKeyCode(event, LEFT_ARROW))) &&
+                event.shiftKey &&
+                this._headerCellFocused) {
+                this._tableColumnResizeService._processResize(32);
+                event.preventDefault();
+                event.stopImmediatePropagation();
+            }
+        });
+        fromEvent(this._elmRef.nativeElement, 'focusin')
+            .pipe(takeUntilDestroyed(this._destroyRef))
+            .subscribe(() => {
+            if (!this._focusinTimerId) {
+                return;
+            }
+            clearTimeout(this._focusinTimerId);
+            this._focusinTimerId = null;
+        });
+        fromEvent(this._elmRef.nativeElement, 'focusout')
+            .pipe(takeUntilDestroyed(this._destroyRef))
+            .subscribe(() => {
+            this._focusinTimerId = setTimeout(() => {
+                this.focusedCellPosition = null;
             });
         });
         this._tableRowService.cellFocused$.subscribe((evt) => {
@@ -3376,6 +3383,14 @@ class TableInitialStateDirective extends TableInitialState {
         this.initialPage = 1;
         /** @hidden */
         this._tableService = inject(TableService);
+        /** @hidden Snapshot of initialSortBy captured on first setInitialState() call */
+        this._initialSortBySnapshot = [];
+        /** @hidden Snapshot of initialFilterBy captured on first setInitialState() call */
+        this._initialFilterBySnapshot = [];
+        /** @hidden Snapshot of initialGroupBy captured on first setInitialState() call */
+        this._initialGroupBySnapshot = [];
+        /** @hidden */
+        this._initialStateApplied = false;
     }
     /**
      * Initial state of table.
@@ -3407,6 +3422,13 @@ class TableInitialStateDirective extends TableInitialState {
                 : directiveInitialPage;
         const initialPageSize = (this._table._loadPreviousPages ? directiveInitialPage : initialPage) *
             (this._table.pageSize || page.pageSize);
+        // Capture the initial state values on first call only
+        if (!this._initialStateApplied) {
+            this._initialSortBySnapshot = this.initialSortBy ? [...this.initialSortBy] : [];
+            this._initialFilterBySnapshot = this.initialFilterBy ? [...this.initialFilterBy] : [];
+            this._initialGroupBySnapshot = this.initialGroupBy ? [...this.initialGroupBy] : [];
+            this._initialStateApplied = true;
+        }
         this.setTableState({
             ...prevState,
             columns: visibleColumns,
@@ -3430,6 +3452,18 @@ class TableInitialStateDirective extends TableInitialState {
     setTableState(state) {
         this._tableService.setTableState(state);
     }
+    /** Returns the initial sort state snapshot captured when setInitialState() was first called. */
+    getInitialSortBySnapshot() {
+        return this._initialSortBySnapshot;
+    }
+    /** Returns the initial filter state snapshot captured when setInitialState() was first called. */
+    getInitialFilterBySnapshot() {
+        return this._initialFilterBySnapshot;
+    }
+    /** Returns the initial group state snapshot captured when setInitialState() was first called. */
+    getInitialGroupBySnapshot() {
+        return this._initialGroupBySnapshot;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TableInitialStateDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: TableInitialStateDirective, isStandalone: true, selector: "[fdpTableInitialState],\n    fdp-table", inputs: { initialVisibleColumns: "initialVisibleColumns", initialSortBy: "initialSortBy", initialFilterBy: "initialFilterBy", initialGroupBy: "initialGroupBy", initialPage: "initialPage", state: "state" }, providers: [
             {
@@ -3475,10 +3509,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  */
 class TableScrollableDirective {
     /** @hidden */
-    constructor(elementRef, scrollDispatcher, ngZone) {
+    constructor(elementRef, scrollDispatcher) {
         this.elementRef = elementRef;
         this.scrollDispatcher = scrollDispatcher;
-        this.ngZone = ngZone;
         /** @hidden */
         this._skipEvent = false;
         /** @hidden */
@@ -3489,9 +3522,12 @@ class TableScrollableDirective {
         this._destroyRef = inject(DestroyRef);
         /** @hidden */
         this._document = inject(DOCUMENT);
+        /** @hidden */
+        this._ngZone = inject(NgZone, { optional: true });
         /** Scroll events stream */
         this._elementScrollStream = new Observable((observer) => {
-            const subscription = this.ngZone.runOutsideAngular(() => fromEvent(this.elementRef.nativeElement, 'scroll').subscribe(observer));
+            const subscribeToScroll = () => fromEvent(this.elementRef.nativeElement, 'scroll').subscribe(observer);
+            const subscription = this._ngZone ? this._ngZone.runOutsideAngular(subscribeToScroll) : subscribeToScroll();
             return () => subscription.unsubscribe();
         }).pipe(filter(() => {
             if (this._skipEvent) {
@@ -3597,13 +3633,19 @@ class TableScrollableDirective {
     }
     /** Set Scroll Position during component initialization. */
     initializeScrollTop(scrollTop) {
-        this.ngZone.runOutsideAngular(() => {
+        const setScrollTimeout = () => {
             setTimeout(() => {
                 this.setScrollTop(scrollTop, false);
             });
-        });
+        };
+        if (this._ngZone) {
+            this._ngZone.runOutsideAngular(setScrollTimeout);
+        }
+        else {
+            setScrollTimeout();
+        }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TableScrollableDirective, deps: [{ token: i0.ElementRef }, { token: TableScrollDispatcherService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TableScrollableDirective, deps: [{ token: i0.ElementRef }, { token: TableScrollDispatcherService }], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: TableScrollableDirective, isStandalone: true, selector: "[fdpTableScrollable]", providers: [{ provide: TABLE_SCROLLABLE, useExisting: forwardRef(() => TableScrollableDirective) }], exportAs: ["tableScrollable"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TableScrollableDirective, decorators: [{
@@ -3614,7 +3656,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                     standalone: true,
                     providers: [{ provide: TABLE_SCROLLABLE, useExisting: forwardRef(() => TableScrollableDirective) }]
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: TableScrollDispatcherService }, { type: i0.NgZone }] });
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: TableScrollDispatcherService }] });
 
 class FdpViewSettingsFilterCustomDef {
     /** @hidden */