@abp/ng.core 5.3.2 → 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';
@@ -1907,6 +1907,8 @@ class PermissionDirective {
         this.permissionService = permissionService;
         this.cdRef = cdRef;
         this.runChangeDetection = true;
+        this.cdrSubject = new ReplaySubject();
+        this.rendered = false;
     }
     check() {
         if (this.subscription) {
@@ -1920,7 +1922,12 @@ class PermissionDirective {
             if (isGranted)
                 this.vcRef.createEmbeddedView(this.templateRef);
             if (this.runChangeDetection) {
-                this.cdRef.detectChanges();
+                if (!this.rendered) {
+                    this.cdrSubject.next();
+                }
+                else {
+                    this.cdRef.detectChanges();
+                }
             }
             else {
                 this.cdRef.markForCheck();
@@ -1934,6 +1941,10 @@ 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"], runChangeDetection: ["abpPermissionRunChangeDetection", "runChangeDetection"] }, usesOnChanges: true, ngImport: i0 });