@recursyve/nice-ui-kit.v2 14.0.0-beta.125 → 14.0.0-beta.126

package/fesm2015/recursyve-nice-ui-kit.v2.mjs

@@ -4,9 +4,9 @@ import { HttpContextToken, HttpResponse, HttpContext, HttpParams } from '@angula
 import * as i0 from '@angular/core';
 import { Injectable, NgModule, EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Output, HostBinding, InjectionToken, Directive, HostListener, forwardRef, TemplateRef, Optional, Inject, ViewChild, ContentChild, ViewChildren, Self, Pipe, ElementRef, PLATFORM_ID, ContentChildren, SimpleChange, SkipSelf } from '@angular/core';
 import { plainToInstance } from 'class-transformer';
-import { map, filter, takeUntil, tap, take, finalize, debounceTime as debounceTime$1, delay, switchMap } from 'rxjs/operators';
+import { map, filter, takeUntil, tap, finalize, take, debounceTime as debounceTime$1, delay, switchMap as switchMap$1 } from 'rxjs/operators';
 import { __rest, __awaiter } from 'tslib';
-import { catchError, ReplaySubject, Subject, BehaviorSubject, mergeMap, from, isObservable, firstValueFrom, debounceTime, distinctUntilChanged, startWith, pairwise, tap as tap$1, Observable, combineLatest, defer, timer, of, fromEvent, merge as merge$1 } from 'rxjs';
+import { catchError, ReplaySubject, Subject, BehaviorSubject, distinctUntilChanged, switchMap, defer, EMPTY, isObservable, mergeMap, from, firstValueFrom, debounceTime, startWith, pairwise, tap as tap$1, Observable, combineLatest, timer, of, fromEvent, merge as merge$1 } from 'rxjs';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import * as i2 from '@angular/common';
 import { CommonModule, DatePipe, CurrencyPipe, DOCUMENT, isPlatformServer, NgForOf, NgIf, AsyncPipe, UpperCasePipe } from '@angular/common';
@@ -35,6 +35,7 @@ import * as i1$5 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
 import * as i10 from '@angular/material/progress-bar';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
+import { fromPromise } from 'rxjs/internal/observable/innerFrom';
 import { CdkStepper, CdkStep, CdkStepperModule } from '@angular/cdk/stepper';
 import * as i1$6 from '@recursyve/ngx-form-generator';
 import { registerAsyncValidatorDecorator, AsyncValidator, NGX_FORM_GENERATOR_ASYNC_VALIDATORS, DynamicGroup } from '@recursyve/ngx-form-generator';
@@ -2707,15 +2708,23 @@ class NiceAsyncTypeaheadService {
             isLastPage: false,
             excludedIds: []
         });
-        this.loading$ = this.state$.pipe(map(x => x.loading));
-        this.loadingPage$ = this.state$.pipe(map(x => x.loadingPage));
-        this.active$ = this.state$.pipe(map(x => x.active));
-        this.items$ = this.state$.pipe(map(x => x.items));
-        this.filteredItems$ = this.state$.pipe(map(x => x.items.filter(item => !x.excludedIds.includes(item.id))));
+        this.loading$ = this.state$.pipe(map(x => x.loading), distinctUntilChanged());
+        this.loadingPage$ = this.state$.pipe(map(x => x.loadingPage), distinctUntilChanged());
+        this.active$ = this.state$.pipe(map(x => x.active), distinctUntilChanged());
+        this.items$ = this.state$.pipe(map(x => x.items), distinctUntilChanged());
+        this.filteredItems$ = this.state$.pipe(map(x => x.items.filter(item => !x.excludedIds.includes(item.id))), distinctUntilChanged());
+        this.requests$ = new Subject();
         if (!this.apis) {
             this.apis = [];
         }
     }
+    listenForRequest() {
+        this.requestsSubscription$ = this.requests$.pipe(switchMap((request) => this.sendRequest(request))).subscribe();
+    }
+    closeRequestSubscription() {
+        var _a;
+        (_a = this.requestsSubscription$) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+    }
     initialize(resource, options) {
         return __awaiter(this, void 0, void 0, function* () {
             const { initialized } = this.state$.getValue();
@@ -2725,48 +2734,54 @@ class NiceAsyncTypeaheadService {
             return this.search(resource, "", options);
         });
     }
-    search(resource, searchQuery, options) {
-        return __awaiter(this, void 0, void 0, function* () {
+    sendRequest(request) {
+        return defer(() => {
             const { active, initialized } = this.state$.getValue();
             if (active && !initialized) {
                 this.state$.next(Object.assign(Object.assign({}, this.state$.value), { initialized: true }));
-                return;
+                return EMPTY;
             }
-            const api = this.apis.find(x => x.resource === resource);
+            const api = this.apis.find(x => x.resource === request.resource);
             if (!api) {
-                return;
+                return EMPTY;
             }
-            try {
-                this.state$.next(Object.assign(Object.assign({}, this.state$.value), { loading: true, initialized: true, page: 0, isLastPage: false, searchQuery }));
-                const result = yield api.search(searchQuery, 0, options);
-                this.state$.next(Object.assign(Object.assign({}, this.state$.value), { items: result.items, page: result.nextPage ? result.nextPage : this.state$.value.page, isLastPage: !result.nextPage }));
+            if (request.page === 0) {
+                this.state$.next(Object.assign(Object.assign({}, this.state$.value), { loading: true, initialized: true, page: request.page, isLastPage: false, searchQuery: request.searchQuery }));
             }
-            catch (_a) { }
-            finally {
-                this.state$.next(Object.assign(Object.assign({}, this.state$.value), { loading: false }));
+            else {
+                this.state$.next(Object.assign(Object.assign({}, this.state$.value), { loadingPage: true }));
+            }
+            const result = api.search(request.searchQuery, request.page, request.searchOptions);
+            if (isObservable(result)) {
+                return result;
             }
+            return fromPromise(result);
+        }).pipe(map((result) => {
+            var _a;
+            this.state$.next(Object.assign(Object.assign({}, this.state$.value), { items: request.page === 0 ? result.items : [...((_a = this.state$.value.items) !== null && _a !== void 0 ? _a : []), ...result.items], page: result.nextPage ? result.nextPage : this.state$.value.page, isLastPage: !result.nextPage }));
+        }), catchError(() => EMPTY), finalize(() => {
+            this.state$.next(Object.assign(Object.assign({}, this.state$.value), { loading: false, loadingPage: false }));
+        }));
+    }
+    search(resource, searchQuery, options) {
+        this.requests$.next({
+            resource,
+            searchQuery,
+            searchOptions: options,
+            page: 0
         });
     }
     loadMore(resource, options) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const { loadingPage, isLastPage } = this.state$.getValue();
-            if (loadingPage || isLastPage) {
-                return;
-            }
-            const api = this.apis.find(x => x.resource === resource);
-            if (!api) {
-                return;
-            }
-            try {
-                this.state$.next(Object.assign(Object.assign({}, this.state$.value), { loadingPage: true }));
-                const { searchQuery, page, items } = this.state$.getValue();
-                const result = yield api.search(searchQuery, page, options);
-                this.state$.next(Object.assign(Object.assign({}, this.state$.value), { items: [...items, ...result.items], page: result.nextPage ? result.nextPage : this.state$.value.page, isLastPage: !result.nextPage }));
-            }
-            catch (_a) { }
-            finally {
-                this.state$.next(Object.assign(Object.assign({}, this.state$.value), { loadingPage: false }));
-            }
+        const { loadingPage, isLastPage } = this.state$.getValue();
+        if (loadingPage || isLastPage) {
+            return;
+        }
+        const { searchQuery, page } = this.state$.getValue();
+        this.requests$.next({
+            resource,
+            page,
+            searchQuery,
+            searchOptions: options,
         });
     }
     getActive() {
@@ -2960,6 +2975,7 @@ class NiceAsyncTypeaheadComponent extends _BaseAsyncTypeaheadComponent {
         return this.service.getInitialized();
     }
     ngOnInit() {
+        this.service.listenForRequest();
         if (this.ngControl) {
             if (this.ngControl.disabled) {
                 this.searchControl.disable({ emitEvent: false });
@@ -2990,13 +3006,15 @@ class NiceAsyncTypeaheadComponent extends _BaseAsyncTypeaheadComponent {
         }
     }
     ngOnDestroy() {
+        this.service.closeRequestSubscription();
         this.valueChangesSub$.unsubscribe();
     }
     ngOnChanges(changes) {
         if ("searchOptions" in changes) {
             const change = changes.searchOptions;
             if (!change.isFirstChange() && change.currentValue !== change.previousValue && this.autoReload) {
-                this.service.search(this.resource, "", change.currentValue).then(() => this.checkIfValueStillExist());
+                this.service.search(this.resource, "", change.currentValue);
+                this.service.items$.pipe(take(1)).subscribe(() => this.checkIfValueStillExist());
             }
         }
         if ("filterFn" in changes) {
@@ -5352,10 +5370,15 @@ class NiceControlStatusDirective {
         this.vcr = vcr;
         this.formField = formField;
         this.translateService = translateService;
+        this.unsubscribeAll$ = new Subject();
     }
     ngAfterViewInit() {
         this.control = this.formField._control.ngControl;
-        this.control.statusChanges.subscribe(() => this.onChange());
+        this.control.statusChanges.pipe(takeUntil(this.unsubscribeAll$)).subscribe(() => this.onChange());
+    }
+    ngOnDestroy() {
+        this.unsubscribeAll$.next();
+        this.unsubscribeAll$.complete();
     }
     onChange() {
         if (this.control.pending) {
@@ -9911,7 +9934,7 @@ class NiceSweetAlertService {
     }
     success(...args) {
         const [titleKey, messageKey, buttonsKey, params] = this.transformArgs(args);
-        return this.getTranslations(titleKey, messageKey, buttonsKey, params).pipe(switchMap(([title, message, buttons]) => {
+        return this.getTranslations(titleKey, messageKey, buttonsKey, params).pipe(switchMap$1(([title, message, buttons]) => {
             return this.matDialog
                 .open(this.modal, {
                 panelClass: "nice-alert-modal",
@@ -9927,7 +9950,7 @@ class NiceSweetAlertService {
     }
     warning(...args) {
         const [titleKey, messageKey, buttonsKey, params] = this.transformArgs(args);
-        return this.getTranslations(titleKey, messageKey, buttonsKey, params).pipe(switchMap(([title, message, buttons]) => {
+        return this.getTranslations(titleKey, messageKey, buttonsKey, params).pipe(switchMap$1(([title, message, buttons]) => {
             return this.matDialog
                 .open(this.modal, {
                 panelClass: "nice-alert-modal",
@@ -9943,7 +9966,7 @@ class NiceSweetAlertService {
     }
     info(...args) {
         const [titleKey, messageKey, buttonsKey, params] = this.transformArgs(args);
-        return this.getTranslations(titleKey, messageKey, buttonsKey, params).pipe(switchMap(([title, message, buttons]) => {
+        return this.getTranslations(titleKey, messageKey, buttonsKey, params).pipe(switchMap$1(([title, message, buttons]) => {
             return this.matDialog
                 .open(this.modal, {
                 panelClass: "nice-alert-modal",