@abp/ng.core 5.3.0 → 5.3.3

package/fesm2020/abp-ng.core.mjs

@@ -4,7 +4,7 @@ import * as i1$1 from '@angular/router';
 import { PRIMARY_OUTLET, NavigationCancel, NavigationEnd, NavigationError, NavigationStart, ActivatedRoute, Router, RouterModule } from '@angular/router';
 import * as i5 from '@angular/common';
 import { registerLocaleData, DOCUMENT, DatePipe, DATE_PIPE_DEFAULT_TIMEZONE, CommonModule } from '@angular/common';
-import { BehaviorSubject, Subject, throwError, combineLatest, from, Subscription, fromEvent, of, timer, pipe, Observable, concat, ReplaySubject } from 'rxjs';
+import { BehaviorSubject, Subject, throwError, combineLatest, from, Subscription, fromEvent, ReplaySubject, of, timer, pipe, Observable, concat } from 'rxjs';
 import { map, distinctUntilChanged, filter, catchError, switchMap, take, mapTo, debounceTime, takeUntil, tap, finalize, retryWhen, delay, shareReplay } from 'rxjs/operators';
 import * as i1 from '@angular/common/http';
 import { HttpParams, HttpHeaders, HttpClient, HttpClientModule, HttpClientXsrfModule, HTTP_INTERCEPTORS } from '@angular/common/http';
@@ -1906,6 +1906,9 @@ class PermissionDirective {
         this.vcRef = vcRef;
         this.permissionService = permissionService;
         this.cdRef = cdRef;
+        this.runChangeDetection = true;
+        this.cdrSubject = new ReplaySubject();
+        this.rendered = false;
     }
     check() {
         if (this.subscription) {
@@ -1918,7 +1921,17 @@ class PermissionDirective {
             this.vcRef.clear();
             if (isGranted)
                 this.vcRef.createEmbeddedView(this.templateRef);
-            this.cdRef.detectChanges();
+            if (this.runChangeDetection) {
+                if (!this.rendered) {
+                    this.cdrSubject.next();
+                }
+                else {
+                    this.cdRef.detectChanges();
+                }
+            }
+            else {
+                this.cdRef.markForCheck();
+            }
         });
     }
     ngOnDestroy() {
@@ -1928,9 +1941,13 @@ class PermissionDirective {
     ngOnChanges() {
         this.check();
     }
+    ngAfterViewInit() {
+        this.cdrSubject.pipe(take(1)).subscribe(() => this.cdRef.detectChanges());
+        this.rendered = true;
+    }
 }
 PermissionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: PermissionDirective, deps: [{ token: i0.TemplateRef, optional: true }, { token: i0.ViewContainerRef }, { token: PermissionService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-PermissionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.6", type: PermissionDirective, selector: "[abpPermission]", inputs: { condition: ["abpPermission", "condition"] }, usesOnChanges: true, ngImport: i0 });
+PermissionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.6", type: PermissionDirective, selector: "[abpPermission]", inputs: { condition: ["abpPermission", "condition"], runChangeDetection: ["abpPermissionRunChangeDetection", "runChangeDetection"] }, usesOnChanges: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: PermissionDirective, decorators: [{
             type: Directive,
             args: [{
@@ -1941,6 +1958,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", ngImpor
                 }] }, { type: i0.ViewContainerRef }, { type: PermissionService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { condition: [{
                 type: Input,
                 args: ['abpPermission']
+            }], runChangeDetection: [{
+                type: Input,
+                args: ['abpPermissionRunChangeDetection']
             }] } });
 
 class ReplaceableTemplateDirective {
@@ -3637,6 +3657,7 @@ class CoreModule {
         return {
             ngModule: RootCoreModule,
             providers: [
+                OAuthModule.forRoot().providers,
                 LocaleProvider,
                 CookieLanguageProvider,
                 {
@@ -3691,7 +3712,6 @@ class CoreModule {
                     useValue: localizationContributor(options.localizations),
                     deps: [LocalizationService],
                 },
-                OAuthModule.forRoot().providers,
             ],
         };
     }