@abp/ng.core 7.0.0 → 7.0.2

package/fesm2020/abp-ng.core.mjs

@@ -1,17 +1,18 @@
 import * as i0 from '@angular/core';
 import { ChangeDetectorRef, Component, Input, Injectable, InjectionToken, Inject, isDevMode, Optional, SkipSelf, Directive, EventEmitter, Output, Self, Injector, Pipe, NgModule, APP_INITIALIZER, LOCALE_ID, NgModuleFactory, Compiler, ComponentFactoryResolver, ApplicationRef } from '@angular/core';
-import { of, BehaviorSubject, Subject, throwError, combineLatest, from, Subscription, fromEvent, ReplaySubject, lastValueFrom, Observable, timer, concat } from 'rxjs';
+import { of, BehaviorSubject, Subject, throwError, combineLatest, from, Subscription, fromEvent, ReplaySubject, lastValueFrom, Observable, timer, pipe, concat } from 'rxjs';
 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 { map, distinctUntilChanged, filter, catchError, switchMap, take, tap, debounceTime, mapTo, takeUntil, retryWhen, delay, shareReplay, finalize } from 'rxjs/operators';
+import { map, distinctUntilChanged, filter, catchError, switchMap, take, tap, debounceTime, mapTo, takeUntil, delay, retryWhen, shareReplay, finalize } from 'rxjs/operators';
 import * as i1 from '@angular/common/http';
-import { HttpParams, HttpClient, HttpClientModule, HttpClientXsrfModule } from '@angular/common/http';
+import { HttpParams, HttpClient, HttpClientModule, HttpClientXsrfModule, HttpContextToken, HttpHeaders, HttpContext } from '@angular/common/http';
 import compare from 'just-compare';
 import * as i1$2 from '@angular/forms';
 import { FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
 import clone from 'just-clone';
+import { __classPrivateFieldGet } from 'tslib';
 
 // Not an abstract class on purpose. Do not change!
 class AbstractNgModelComponent {
@@ -248,6 +249,9 @@ function isNode(obj) {
 }
 function isObjectAndNotArrayNotNode(obj) {
     return isObjectAndNotArray(obj) && !isNode(obj);
+}
+function checkHasProp(object, key) {
+    return Object.prototype.hasOwnProperty.call(object, key);
 }
 
 function deepMerge(target, source) {
@@ -306,6 +310,7 @@ class InternalStore {
         this.update$.next(patchedState);
     }
     deepPatch(state) {
+        // TODO: Strict improve deepMerge
         this.state$.next(deepMerge(this.state, state));
         this.update$.next(state);
     }
@@ -318,7 +323,7 @@ class InternalStore {
     }
 }
 
-const mapToApiUrl = (key) => (apis) => (apis[key] || apis.default).url || apis.default.url;
+const mapToApiUrl = (key) => (apis) => ((key && apis[key]) || apis.default).url || apis.default.url;
 const mapToIssuer = (issuer) => {
     if (!issuer) {
         return issuer;
@@ -339,7 +344,7 @@ class EnvironmentService {
         return this.store.state;
     }
     getApiUrl(key) {
-        return mapToApiUrl(key)(this.store.state.apis);
+        return mapToApiUrl(key)(this.store.state?.apis);
     }
     getApiUrl$(key) {
         return this.store.sliceState(state => state.apis).pipe(map(mapToApiUrl(key)));
@@ -348,11 +353,11 @@ class EnvironmentService {
         this.store.set(environment);
     }
     getIssuer() {
-        const issuer = this.store.state.oAuthConfig.issuer;
+        const issuer = this.store.state?.oAuthConfig?.issuer;
         return mapToIssuer(issuer);
     }
     getIssuer$() {
-        return this.store.sliceState(state => state.oAuthConfig.issuer).pipe(map(mapToIssuer));
+        return this.store.sliceState(state => state?.oAuthConfig?.issuer).pipe(map(mapToIssuer));
     }
 }
 EnvironmentService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: EnvironmentService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
@@ -419,8 +424,7 @@ class RestService {
             .pipe(catchError(err => (skipHandleError ? throwError(err) : this.handleError(err))));
     }
     getParams(params, encoder) {
-        const filteredParams = Object.keys(params).reduce((acc, key) => {
-            const value = params[key];
+        const filteredParams = Object.entries(params).reduce((acc, [key, value]) => {
             if (isUndefinedOrEmptyString(value))
                 return acc;
             if (value === null && !this.options.sendNullsAsQueryParam)
@@ -511,6 +515,9 @@ class ConfigStateService {
             .subscribe(res => this.store.set(res));
     }
     getLocalizationAndCombineWithAppState(appState) {
+        if (!appState.localization.currentCulture.cultureName) {
+            throw new Error('culture name should defined');
+        }
         return this.getlocalizationResource(appState.localization.currentCulture.cultureName).pipe(map(result => ({ ...appState, localization: { ...appState.localization, ...result } })));
     }
     getlocalizationResource(cultureName) {
@@ -771,13 +778,13 @@ class LocalizationService {
                 Object.entries(remote).forEach(entry => {
                     const resourceName = entry[0];
                     const remoteTexts = entry[1];
-                    let resource = local.get(resourceName) || {};
+                    let resource = local?.get(resourceName) || {};
                     resource = { ...resource, ...remoteTexts };
-                    local.set(resourceName, resource);
+                    local?.set(resourceName, resource);
                 });
             }
             return local;
-        }))
+        }), filter(Boolean))
             .subscribe(val => this.localizations$.next(val));
     }
     addLocalization(localizations) {
@@ -798,7 +805,7 @@ class LocalizationService {
     listenToSetLanguage() {
         this.sessionState
             .onLanguageChange$()
-            .pipe(filter(lang => this.configState.getDeep('localization.currentCulture.cultureName') !== lang), switchMap(lang => this.configState.refreshLocalization(lang).pipe(map(() => lang))), switchMap(lang => from(this.registerLocale(lang).then(() => lang))))
+            .pipe(filter(lang => this.configState.getDeep('localization.currentCulture.cultureName') !== lang), switchMap(lang => this.configState.refreshAppState().pipe(map(() => lang))), filter(Boolean), switchMap(lang => from(this.registerLocale(lang).then(() => lang))))
             .subscribe(lang => this._languageChange$.next(lang));
     }
     registerLocale(locale) {
@@ -850,14 +857,14 @@ class LocalizationService {
     getLocalization(state, key, ...interpolateParams) {
         if (!key)
             key = '';
-        let defaultValue;
+        let defaultValue = '';
         if (typeof key !== 'string') {
             defaultValue = key.defaultValue;
             key = key.key;
         }
         const keys = key.split('::');
         const warn = (message) => {
-            if (isDevMode)
+            if (isDevMode())
                 console.warn(message);
         };
         if (keys.length < 2) {
@@ -1262,7 +1269,7 @@ class AbstractNavTreeService extends AbstractTreeService {
     }
     hasInvisibleChild(identifier) {
         const node = this.find(item => item[this.id] === identifier);
-        return node?.children?.some(child => child.invisible);
+        return node?.children?.some(child => child.invisible) || false;
     }
     /* istanbul ignore next */
     ngOnDestroy() {
@@ -1300,7 +1307,9 @@ class SubscriptionService {
     }
     closeOne(subscription) {
         this.removeOne(subscription);
-        subscription.unsubscribe();
+        if (subscription) {
+            subscription.unsubscribe();
+        }
     }
     ngOnDestroy() {
         this.subscription.unsubscribe();
@@ -1335,7 +1344,7 @@ class DynamicLayoutComponent {
         ]);
         this.isLayoutVisible = true;
         if (dynamicLayoutComponent) {
-            if (isDevMode)
+            if (isDevMode())
                 console.warn('DynamicLayoutComponent must be used only in AppComponent.');
             return;
         }
@@ -1367,8 +1376,10 @@ class DynamicLayoutComponent {
         if (this.layoutKey === expectedLayout)
             return;
         const key = this.layouts.get(expectedLayout);
-        this.layout = this.getComponent(key)?.component;
-        this.layoutKey = expectedLayout;
+        if (key) {
+            this.layout = this.getComponent(key)?.component;
+            this.layoutKey = expectedLayout;
+        }
         if (!this.layout) {
             this.showLayoutNotFoundError(expectedLayout);
         }
@@ -1874,16 +1885,20 @@ class ForDirective {
         const rw = [];
         changes.forEachOperation((record, previousIndex, currentIndex) => {
             if (record.previousIndex == null) {
-                const view = this.vcRef.createEmbeddedView(this.tempRef, new AbpForContext(null, -1, -1, this.items), currentIndex);
+                const view = this.vcRef.createEmbeddedView(this.tempRef, new AbpForContext(null, -1, -1, this.items), currentIndex || 0);
                 rw.push(new RecordView(record, view));
             }
-            else if (currentIndex == null) {
+            else if (currentIndex == null && previousIndex !== null) {
                 this.vcRef.remove(previousIndex);
             }
             else {
-                const view = this.vcRef.get(previousIndex);
-                this.vcRef.move(view, currentIndex);
-                rw.push(new RecordView(record, view));
+                if (previousIndex !== null) {
+                    const view = this.vcRef.get(previousIndex);
+                    if (view && currentIndex !== null) {
+                        this.vcRef.move(view, currentIndex);
+                        rw.push(new RecordView(record, view));
+                    }
+                }
             }
         });
         for (let i = 0, l = rw.length; i < l; i++) {
@@ -1898,8 +1913,10 @@ class ForDirective {
             viewRef.context.list = this.items;
         }
         changes.forEachIdentityChange((record) => {
-            const viewRef = this.vcRef.get(record.currentIndex);
-            viewRef.context.$implicit = record.item;
+            if (record.currentIndex !== null) {
+                const viewRef = this.vcRef.get(record.currentIndex);
+                viewRef.context.$implicit = record.item;
+            }
         });
     }
     projectItems(items) {
@@ -1926,8 +1943,9 @@ class ForDirective {
         }
     }
     sortItems(items) {
-        if (this.orderBy) {
-            items.sort((a, b) => a[this.orderBy] > b[this.orderBy] ? 1 : a[this.orderBy] < b[this.orderBy] ? -1 : 0);
+        const orderBy = this.orderBy;
+        if (orderBy) {
+            items.sort((a, b) => (a[orderBy] > b[orderBy] ? 1 : a[orderBy] < b[orderBy] ? -1 : 0));
         }
         else {
             items.sort();
@@ -1938,10 +1956,11 @@ class ForDirective {
         if (!Array.isArray(items))
             return;
         const compareFn = this.compareFn;
-        if (typeof this.filterBy !== 'undefined' &&
+        const filterBy = this.filterBy;
+        if (typeof filterBy !== 'undefined' &&
             typeof this.filterVal !== 'undefined' &&
             this.filterVal !== '') {
-            items = items.filter(item => compareFn(item[this.filterBy], this.filterVal));
+            items = items.filter(item => compareFn(item[filterBy], this.filterVal));
         }
         switch (this.orderDir) {
             case 'ASC':
@@ -2012,7 +2031,7 @@ class FormSubmitDirective {
             }
             this.executedNgSubmit = true;
         });
-        const keyup$ = fromEvent(this.host.nativeElement, 'keyup').pipe(debounceTime(this.debounce), filter(event => !(event.target instanceof HTMLTextAreaElement)), filter((event) => event && event.key === 'Enter'));
+        const keyup$ = fromEvent(this.host.nativeElement, 'keyup').pipe(debounceTime(this.debounce), filter(event => !(event.target instanceof HTMLTextAreaElement)), filter(event => event && event.key === 'Enter'));
         this.subscription.addOne(keyup$, () => {
             if (!this.executedNgSubmit) {
                 this.host.nativeElement.dispatchEvent(new Event('submit', { bubbles: true, cancelable: true }));
@@ -2079,12 +2098,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                 args: ['abpInit']
             }] } });
 
+const QUEUE_MANAGER = new InjectionToken("QUEUE_MANAGER");
+
 class PermissionDirective {
-    constructor(templateRef, vcRef, permissionService, cdRef) {
+    constructor(templateRef, vcRef, permissionService, cdRef, queue) {
         this.templateRef = templateRef;
         this.vcRef = vcRef;
         this.permissionService = permissionService;
         this.cdRef = cdRef;
+        this.queue = queue;
         this.runChangeDetection = true;
         this.cdrSubject = new ReplaySubject();
         this.rendered = false;
@@ -2121,11 +2143,11 @@ class PermissionDirective {
         this.check();
     }
     ngAfterViewInit() {
-        this.cdrSubject.pipe(take(1)).subscribe(() => this.cdRef.detectChanges());
+        this.cdrSubject.pipe(take(1)).subscribe(() => this.queue.add(() => this.cdRef.detectChanges()));
         this.rendered = true;
     }
 }
-PermissionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: PermissionDirective, deps: [{ token: i0.TemplateRef, optional: true }, { token: i0.ViewContainerRef }, { token: PermissionService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+PermissionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: PermissionDirective, deps: [{ token: i0.TemplateRef, optional: true }, { token: i0.ViewContainerRef }, { token: PermissionService }, { token: i0.ChangeDetectorRef }, { token: QUEUE_MANAGER }], target: i0.ɵɵFactoryTarget.Directive });
 PermissionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: PermissionDirective, selector: "[abpPermission]", inputs: { condition: ["abpPermission", "condition"], runChangeDetection: ["abpPermissionRunChangeDetection", "runChangeDetection"] }, usesOnChanges: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: PermissionDirective, decorators: [{
             type: Directive,
@@ -2134,7 +2156,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
                     type: Optional
-                }] }, { type: i0.ViewContainerRef }, { type: PermissionService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { condition: [{
+                }] }, { type: i0.ViewContainerRef }, { type: PermissionService }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [QUEUE_MANAGER]
+                }] }]; }, propDecorators: { condition: [{
                 type: Input,
                 args: ['abpPermission']
             }], runChangeDetection: [{
@@ -2230,11 +2255,15 @@ class ReplaceableTemplateDirective {
                 [key]: {
                     enumerable: true,
                     configurable: true,
-                    get: () => this.data.inputs[key]?.value,
-                    ...(this.data.inputs[key]?.twoWay && {
+                    get: () => this.data.inputs?.[key]?.value,
+                    ...(this.data.inputs?.[key]?.twoWay && {
                         set: (newValue) => {
-                            this.data.inputs[key].value = newValue;
-                            this.data.outputs[`${key}Change`](newValue);
+                            if (this.data.inputs?.[key]) {
+                                this.data.inputs[key].value = newValue;
+                            }
+                            if (this.data.outputs?.[`${key}Change`]) {
+                                this.data.outputs[`${key}Change`](newValue);
+                            }
                         },
                     }),
                 },
@@ -2269,7 +2298,7 @@ class StopPropagationDirective {
         this.stopPropEvent = new EventEmitter();
     }
     ngOnInit() {
-        this.subscription.addOne(fromEvent(this.el.nativeElement, 'click'), (event) => {
+        this.subscription.addOne(fromEvent(this.el.nativeElement, 'click'), event => {
             event.stopPropagation();
             this.stopPropEvent.emit(event);
         });
@@ -2297,14 +2326,16 @@ class RoutesHandler {
     }
     addRoutes() {
         this.router?.config?.forEach(({ path = '', data }) => {
-            if (!data?.routes)
-                return;
-            if (Array.isArray(data.routes)) {
-                this.routes.add(data.routes);
+            const routes = data?.routes;
+            if (!routes)
                 return;
+            if (Array.isArray(routes)) {
+                this.routes.add(routes);
+            }
+            else {
+                const routesFlatten = flatRoutes([{ path, ...routes }], { path: '' });
+                this.routes.add(routesFlatten);
             }
-            const routes = flatRoutes([{ path, ...data.routes }], { path: '' });
-            this.routes.add(routes);
         });
     }
 }
@@ -2477,7 +2508,10 @@ class LocaleId extends String {
     }
     toString() {
         const { currentLang } = this.localizationService;
-        return differentLocales[currentLang] || currentLang;
+        if (checkHasProp(differentLocales, currentLang)) {
+            return differentLocales[currentLang];
+        }
+        return currentLang;
     }
     valueOf() {
         return this.toString();
@@ -2512,7 +2546,7 @@ function getRemoteEnv(injector, environment) {
         httpErrorReporter.reportError(err);
         return of(null);
     }), // TODO: Consider get handle function from a provider
-    tap(env => environmentService.setState(mergeEnvironments(environment, env, remoteEnv))))
+    tap(env => environmentService.setState(mergeEnvironments(environment, env || {}, remoteEnv))))
         .toPromise();
 }
 function mergeEnvironments(local, remote, config) {
@@ -2648,13 +2682,16 @@ function replaceTenantNameWithinEnvironment(injector, tenancyName, placeholder =
     if (environment.application.baseUrl) {
         environment.application.baseUrl = environment.application.baseUrl.replace(placeholder, tenancyName);
     }
-    if (environment.oAuthConfig.redirectUri) {
+    if (environment.oAuthConfig?.redirectUri) {
         environment.oAuthConfig.redirectUri = environment.oAuthConfig.redirectUri.replace(placeholder, tenancyName);
     }
-    environment.oAuthConfig.issuer = environment.oAuthConfig.issuer.replace(placeholder, tenancyName);
+    if (!environment.oAuthConfig) {
+        environment.oAuthConfig = {};
+    }
+    environment.oAuthConfig.issuer = (environment.oAuthConfig.issuer || '').replace(placeholder, tenancyName);
     Object.keys(environment.apis).forEach(api => {
         Object.keys(environment.apis[api]).forEach(key => {
-            environment.apis[api][key] = environment.apis[api][key].replace(placeholder, tenancyName);
+            environment.apis[api][key] = (environment.apis[api][key] || '').replace(placeholder, tenancyName);
         });
     });
     return environmentService.setState(environment);
@@ -2730,11 +2767,11 @@ function getShortDateFormat(configStateService) {
 }
 function getShortTimeFormat(configStateService) {
     const dateTimeFormat = configStateService.getDeep('localization.currentCulture.dateTimeFormat');
-    return dateTimeFormat.shortTimePattern.replace('tt', 'a');
+    return dateTimeFormat?.shortTimePattern?.replace('tt', 'a');
 }
 function getShortDateShortTimeFormat(configStateService) {
     const dateTimeFormat = configStateService.getDeep('localization.currentCulture.dateTimeFormat');
-    return `${dateTimeFormat.shortDatePattern} ${dateTimeFormat.shortTimePattern.replace('tt', 'a')}`;
+    return `${dateTimeFormat.shortDatePattern} ${dateTimeFormat?.shortTimePattern?.replace('tt', 'a')}`;
 }
 
 class LazyModuleFactory extends NgModuleFactory {
@@ -2747,7 +2784,7 @@ class LazyModuleFactory extends NgModuleFactory {
     }
     create(parentInjector) {
         const injector = Injector.create({
-            parent: parentInjector,
+            ...(parentInjector && { parent: parentInjector }),
             providers: this.moduleWithProviders.providers,
         });
         const compiler = injector.get(Compiler);
@@ -2849,7 +2886,9 @@ class CrossOriginStrategy {
     setCrossOrigin(element) {
         if (this.integrity)
             element.setAttribute('integrity', this.integrity);
-        element.setAttribute('crossorigin', this.crossorigin);
+        if (this.crossorigin) {
+            element.setAttribute('crossorigin', this.crossorigin);
+        }
     }
 }
 class NoCrossOriginStrategy extends CrossOriginStrategy {
@@ -2918,7 +2957,7 @@ function fromLazyLoad(element, domStrategy = DOM_STRATEGY.AppendToHead(), crossO
 function createErrorHandler(observer, element) {
     return function (event) {
         clearCallbacks(element);
-        element.parentNode.removeChild(element);
+        element.parentNode?.removeChild(element);
         observer.error(event);
     };
 }
@@ -2931,6 +2970,47 @@ function clearCallbacks(element) {
     element.onsuspend = null;
 }
 
+class DefaultQueueManager {
+    constructor() {
+        this.queue = [];
+        this.isRunning = false;
+        this.stack = 0;
+        this.interval = 0;
+        this.stackSize = 100;
+    }
+    init(interval, stackSize) {
+        this.interval = interval;
+        this.stackSize = stackSize;
+    }
+    add(fn) {
+        this.queue.push(fn);
+        this.run();
+    }
+    run() {
+        if (this.isRunning)
+            return;
+        this.stack++;
+        this.isRunning = true;
+        const fn = this.queue.shift();
+        if (!fn) {
+            this.isRunning = false;
+            return;
+        }
+        fn();
+        if (this.stack > this.stackSize) {
+            setTimeout(() => {
+                this.isRunning = false;
+                this.run();
+                this.stack = 0;
+            }, this.interval);
+        }
+        else {
+            this.isRunning = false;
+            this.run();
+        }
+    }
+}
+
 class DomInsertionService {
     constructor() {
         this.inserted = new Set();
@@ -2944,9 +3024,11 @@ class DomInsertionService {
         return element;
     }
     removeContent(element) {
-        const hash = generateHash(element.textContent);
-        this.inserted.delete(hash);
-        element.parentNode.removeChild(element);
+        if (element.textContent) {
+            const hash = generateHash(element.textContent);
+            this.inserted.delete(hash);
+            element.parentNode?.removeChild(element);
+        }
     }
     has(content) {
         const hash = generateHash(content);
@@ -3010,6 +3092,9 @@ class HttpWaitService {
         this.store.patch({ filteredRequests });
     }
     applyFilter(requests) {
+        if (!requests) {
+            return [];
+        }
         const { filteredRequests } = this.store.state;
         return requests.filter(({ method, url }) => !filteredRequests.find(filteredRequest => this.isSameRequest(filteredRequest, { method, endpoint: getPathName(url) })));
     }
@@ -3038,7 +3123,7 @@ class ResourceWaitService {
         return this.store.sliceState(({ resources }) => !!resources.size);
     }
     updateLoading$() {
-        return this.store.sliceUpdate(({ resources }) => !!resources.size);
+        return this.store.sliceUpdate(({ resources }) => !!resources?.size);
     }
     clearLoading() {
         this.store.patch({ resources: new Set() });
@@ -3072,7 +3157,9 @@ class LazyLoadService {
         if (this.loaded.has(strategy.path))
             return of(new CustomEvent('load'));
         this.resourceWaitService.addResource(strategy.path);
-        return strategy.createStream().pipe(retryWhen(error$ => concat(error$.pipe(delay(retryDelay), take(retryTimes)), throwError(new CustomEvent('error')))), tap(() => {
+        const delayOperator = retryDelay ? pipe(delay(retryDelay)) : pipe();
+        const takeOp = retryTimes ? pipe(take(retryTimes)) : pipe();
+        return strategy.createStream().pipe(retryWhen(error$ => concat(error$.pipe(delayOperator, takeOp), throwError(() => new CustomEvent('error')))), tap(() => {
             this.loaded.set(strategy.path, strategy.element);
             this.resourceWaitService.deleteResource(strategy.path);
         }), delay(100), shareReplay({ bufferSize: 1, refCount: true }));
@@ -3081,7 +3168,7 @@ class LazyLoadService {
         const element = this.loaded.get(path);
         if (!element)
             return false;
-        element.parentNode.removeChild(element);
+        element.parentNode?.removeChild(element);
         this.loaded.delete(path);
         return true;
     }
@@ -3544,6 +3631,10 @@ class CoreModule {
                     useValue: localizationContributor(options.localizations),
                     deps: [LocalizationService],
                 },
+                {
+                    provide: QUEUE_MANAGER,
+                    useClass: DefaultQueueManager,
+                },
                 IncludeLocalizationResourcesProvider,
             ],
         };
@@ -3607,7 +3698,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
 class ListResultDto {
     constructor(initialValues = {}) {
         for (const key in initialValues) {
-            if (Object.prototype.hasOwnProperty.call(initialValues, key)) {
+            if (checkHasProp(initialValues, key)) {
                 this[key] = initialValues[key];
             }
         }
@@ -3622,8 +3713,7 @@ class LimitedResultRequestDto {
     constructor(initialValues = {}) {
         this.maxResultCount = 10;
         for (const key in initialValues) {
-            if (Object.prototype.hasOwnProperty.call(initialValues, key) &&
-                initialValues[key] !== undefined) {
+            if (checkHasProp(initialValues, key) && initialValues[key] !== undefined) {
                 this[key] = initialValues[key];
             }
         }
@@ -3642,7 +3732,7 @@ class PagedAndSortedResultRequestDto extends PagedResultRequestDto {
 class EntityDto {
     constructor(initialValues = {}) {
         for (const key in initialValues) {
-            if (Object.prototype.hasOwnProperty.call(initialValues, key)) {
+            if (checkHasProp(initialValues, key)) {
                 this[key] = initialValues[key];
             }
         }
@@ -3681,7 +3771,7 @@ class FullAuditedEntityWithUserDto extends FullAuditedEntityDto {
 class ExtensibleObject {
     constructor(initialValues = {}) {
         for (const key in initialValues) {
-            if (Object.prototype.hasOwnProperty.call(initialValues, key)) {
+            if (checkHasProp(initialValues, key)) {
                 this[key] = initialValues[key];
             }
         }
@@ -3795,7 +3885,9 @@ class LooseContentSecurityStrategy extends ContentSecurityStrategy {
         super(nonce);
     }
     applyCSP(element) {
-        element.setAttribute('nonce', this.nonce);
+        if (this.nonce) {
+            element.setAttribute('nonce', this.nonce);
+        }
     }
 }
 class NoContentSecurityStrategy extends ContentSecurityStrategy {
@@ -3823,7 +3915,11 @@ class ContentStrategy {
     insertElement() {
         const element = this.createElement();
         if (this.options && Object.keys(this.options).length > 0) {
-            Object.keys(this.options).forEach(key => (element[key] = this.options[key]));
+            Object.keys(this.options).forEach(key => {
+                if (this.options[key]) {
+                    element[key] = this.options[key];
+                }
+            });
         }
         this.contentSecurityStrategy.applyCSP(element);
         this.domStrategy.insertElement(element);
@@ -4029,8 +4125,13 @@ const NAVIGATE_TO_MANAGE_PROFILE = new InjectionToken('NAVIGATE_TO_MANAGE_PROFIL
 
 const PIPE_TO_LOGIN_FN_KEY = new InjectionToken('PIPE_TO_LOGIN_FN_KEY');
 
+/**
+ * @deprecated The token should not be used anymore.
+ */
 const SET_TOKEN_RESPONSE_TO_STORAGE_FN_KEY = new InjectionToken('SET_TOKEN_RESPONSE_TO_STORAGE_FN_KEY');
 
+const IS_EXTERNAL_REQUEST = new HttpContextToken(() => false);
+
 function validateMinAge({ age = 18 } = {}) {
     return (control) => {
         if (['', null, undefined].indexOf(control.value) > -1)
@@ -4128,7 +4229,7 @@ function isValidUrl(value) {
 }
 
 const onlyLetterAndNumberRegex = /^[a-zA-Z0-9]+$/;
-function validateUsername({ pattern } = { pattern: onlyLetterAndNumberRegex }) {
+function validateUsername({ pattern = /.*/ } = { pattern: onlyLetterAndNumberRegex }) {
     return (control) => {
         const isValid = isValidUserName(control.value, pattern);
         return isValid ? null : { usernamePattern: { actualValue: control.value } };
@@ -4156,7 +4257,7 @@ class ApiInterceptor {
         this.httpWaitService = httpWaitService;
     }
     getAdditionalHeaders(existingHeaders) {
-        return existingHeaders;
+        return existingHeaders || new HttpHeaders();
     }
     intercept(request, next) {
         this.httpWaitService.addRequest(request);
@@ -4172,11 +4273,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: HttpWaitService }]; } });
 
+var _ExternalHttpClient_instances, _ExternalHttpClient_setPlaceholderContext;
+// source : https://github.com/armanozak/demo-angular-server-specific-interceptors
+class ExternalHttpClient extends HttpClient {
+    constructor() {
+        super(...arguments);
+        _ExternalHttpClient_instances.add(this);
+    }
+    request(first, url, options = {}) {
+        if (typeof first === 'string') {
+            __classPrivateFieldGet(this, _ExternalHttpClient_instances, "m", _ExternalHttpClient_setPlaceholderContext).call(this, options);
+            return super.request(first, url || '', options);
+        }
+        __classPrivateFieldGet(this, _ExternalHttpClient_instances, "m", _ExternalHttpClient_setPlaceholderContext).call(this, first);
+        return super.request(first);
+    }
+}
+_ExternalHttpClient_instances = new WeakSet(), _ExternalHttpClient_setPlaceholderContext = function _ExternalHttpClient_setPlaceholderContext(optionsOrRequest) {
+    optionsOrRequest.context ?? (optionsOrRequest.context = new HttpContext());
+    optionsOrRequest.context.set(IS_EXTERNAL_REQUEST, true);
+};
+ExternalHttpClient.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ExternalHttpClient, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+ExternalHttpClient.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ExternalHttpClient, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ExternalHttpClient, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
 // export * from './lib/handlers';
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { APP_INIT_ERROR_HANDLERS, AbpApiDefinitionService, AbpApplicationConfigurationService, AbpApplicationLocalizationService, AbpTenantService, AbpValidators, AbstractNavTreeService, AbstractNgModelComponent, AbstractTreeService, ApiInterceptor, AuditedEntityDto, AuditedEntityWithUserDto, AuthGuard, AuthService, AutofocusDirective, BaseCoreModule, BaseTreeNode, CHECK_AUTHENTICATION_STATE_FN_KEY, CONTAINER_STRATEGY, CONTENT_SECURITY_STRATEGY, CONTENT_STRATEGY, CONTEXT_STRATEGY, COOKIE_LANGUAGE_KEY, CORE_OPTIONS, CROSS_ORIGIN_STRATEGY, ClearContainerStrategy, ComponentContextStrategy, ComponentProjectionStrategy, ConfigStateService, ContainerStrategy, ContentProjectionService, ContentSecurityStrategy, ContentStrategy, ContextStrategy, CoreModule, CreationAuditedEntityDto, CreationAuditedEntityWithUserDto, CrossOriginStrategy, DOM_STRATEGY, DomInsertionService, DomStrategy, DynamicLayoutComponent, EntityDto, EnvironmentService, ExtensibleAuditedEntityDto, ExtensibleAuditedEntityWithUserDto, ExtensibleCreationAuditedEntityDto, ExtensibleCreationAuditedEntityWithUserDto, ExtensibleEntityDto, ExtensibleFullAuditedEntityDto, ExtensibleFullAuditedEntityWithUserDto, ExtensibleObject, ForDirective, FormSubmitDirective, FullAuditedEntityDto, FullAuditedEntityWithUserDto, HttpErrorReporterService, HttpWaitService, INCUDE_LOCALIZATION_RESOURCES_TOKEN, INJECTOR_PIPE_DATA_TOKEN, InitDirective, InputEventDebounceDirective, InsertIntoContainerStrategy, InternalStore, LIST_QUERY_DEBOUNCE_TIME, LOADER_DELAY, LOADING_STRATEGY, LOCALIZATIONS, LazyLoadService, LazyModuleFactory, LimitedResultRequestDto, ListResultDto, ListService, LoadingStrategy, LocalizationModule, LocalizationPipe, LocalizationService, LooseContentSecurityStrategy, MultiTenancyService, NAVIGATE_TO_MANAGE_PROFILE, NavigationEvent, NoContentSecurityStrategy, NoContextStrategy, NoCrossOriginStrategy, index as ObjectExtending, PIPE_TO_LOGIN_FN_KEY, PROJECTION_STRATEGY, PagedAndSortedResultRequestDto, PagedResultDto, PagedResultRequestDto, PermissionDirective, PermissionGuard, PermissionService, ProjectionStrategy, ReplaceableComponentsService, ReplaceableRouteContainerComponent, ReplaceableTemplateDirective, ResourceWaitService, RestService, RootComponentProjectionStrategy, RootCoreModule, RouterEvents, RouterOutletComponent, RouterWaitService, RoutesService, SET_TOKEN_RESPONSE_TO_STORAGE_FN_KEY, ScriptContentStrategy, ScriptLoadingStrategy, SessionStateService, ShortDatePipe, ShortDateTimePipe, ShortTimePipe, SortPipe, StopPropagationDirective, StyleContentStrategy, StyleLoadingStrategy, SubscriptionService, TENANT_KEY, TemplateContextStrategy, TemplateProjectionStrategy, ToInjectorPipe, TrackByService, WebHttpUrlEncodingCodec, coreOptionsFactory, createLocalizationPipeKeyGenerator, createLocalizer, createLocalizerWithFallback, createMapFromList, createTokenParser, createTreeFromList, createTreeNodeFilterCreator, deepMerge, differentLocales, downloadBlob, escapeHtmlChars, exists, featuresFactory, findRoute, fromLazyLoad, generateHash, generatePassword, getInitialData, getLocaleDirection, getPathName, getRemoteEnv, getRoutePath, getShortDateFormat, getShortDateShortTimeFormat, getShortTimeFormat, interpolate, isArray, isNode, isNullOrEmpty, isNullOrUndefined, isNumber, isObject, isObjectAndNotArray, isObjectAndNotArrayNotNode, isUndefinedOrEmptyString, localeInitializer, localizationContributor, localizations$, mapEnumToOptions, noop, parseTenantFromUrl, pushValueTo, reloadRoute, trackBy, trackByDeep, uuid, validateCreditCard, validateMinAge, validateRange, validateRequired, validateStringLength, validateUrl };
+export { APP_INIT_ERROR_HANDLERS, AbpApiDefinitionService, AbpApplicationConfigurationService, AbpApplicationLocalizationService, AbpTenantService, AbpValidators, AbstractNavTreeService, AbstractNgModelComponent, AbstractTreeService, ApiInterceptor, AuditedEntityDto, AuditedEntityWithUserDto, AuthGuard, AuthService, AutofocusDirective, BaseCoreModule, BaseTreeNode, CHECK_AUTHENTICATION_STATE_FN_KEY, CONTAINER_STRATEGY, CONTENT_SECURITY_STRATEGY, CONTENT_STRATEGY, CONTEXT_STRATEGY, COOKIE_LANGUAGE_KEY, CORE_OPTIONS, CROSS_ORIGIN_STRATEGY, ClearContainerStrategy, ComponentContextStrategy, ComponentProjectionStrategy, ConfigStateService, ContainerStrategy, ContentProjectionService, ContentSecurityStrategy, ContentStrategy, ContextStrategy, CoreModule, CreationAuditedEntityDto, CreationAuditedEntityWithUserDto, CrossOriginStrategy, DOM_STRATEGY, DefaultQueueManager, DomInsertionService, DomStrategy, DynamicLayoutComponent, EntityDto, EnvironmentService, ExtensibleAuditedEntityDto, ExtensibleAuditedEntityWithUserDto, ExtensibleCreationAuditedEntityDto, ExtensibleCreationAuditedEntityWithUserDto, ExtensibleEntityDto, ExtensibleFullAuditedEntityDto, ExtensibleFullAuditedEntityWithUserDto, ExtensibleObject, ExternalHttpClient, ForDirective, FormSubmitDirective, FullAuditedEntityDto, FullAuditedEntityWithUserDto, HttpErrorReporterService, HttpWaitService, INCUDE_LOCALIZATION_RESOURCES_TOKEN, INJECTOR_PIPE_DATA_TOKEN, IS_EXTERNAL_REQUEST, InitDirective, InputEventDebounceDirective, InsertIntoContainerStrategy, InternalStore, LIST_QUERY_DEBOUNCE_TIME, LOADER_DELAY, LOADING_STRATEGY, LOCALIZATIONS, LazyLoadService, LazyModuleFactory, LimitedResultRequestDto, ListResultDto, ListService, LoadingStrategy, LocalizationModule, LocalizationPipe, LocalizationService, LooseContentSecurityStrategy, MultiTenancyService, NAVIGATE_TO_MANAGE_PROFILE, NavigationEvent, NoContentSecurityStrategy, NoContextStrategy, NoCrossOriginStrategy, index as ObjectExtending, PIPE_TO_LOGIN_FN_KEY, PROJECTION_STRATEGY, PagedAndSortedResultRequestDto, PagedResultDto, PagedResultRequestDto, PermissionDirective, PermissionGuard, PermissionService, ProjectionStrategy, QUEUE_MANAGER, ReplaceableComponentsService, ReplaceableRouteContainerComponent, ReplaceableTemplateDirective, ResourceWaitService, RestService, RootComponentProjectionStrategy, RootCoreModule, RouterEvents, RouterOutletComponent, RouterWaitService, RoutesService, SET_TOKEN_RESPONSE_TO_STORAGE_FN_KEY, ScriptContentStrategy, ScriptLoadingStrategy, SessionStateService, ShortDatePipe, ShortDateTimePipe, ShortTimePipe, SortPipe, StopPropagationDirective, StyleContentStrategy, StyleLoadingStrategy, SubscriptionService, TENANT_KEY, TemplateContextStrategy, TemplateProjectionStrategy, ToInjectorPipe, TrackByService, WebHttpUrlEncodingCodec, checkHasProp, coreOptionsFactory, createLocalizationPipeKeyGenerator, createLocalizer, createLocalizerWithFallback, createMapFromList, createTokenParser, createTreeFromList, createTreeNodeFilterCreator, deepMerge, differentLocales, downloadBlob, escapeHtmlChars, exists, featuresFactory, findRoute, fromLazyLoad, generateHash, generatePassword, getInitialData, getLocaleDirection, getPathName, getRemoteEnv, getRoutePath, getShortDateFormat, getShortDateShortTimeFormat, getShortTimeFormat, interpolate, isArray, isNode, isNullOrEmpty, isNullOrUndefined, isNumber, isObject, isObjectAndNotArray, isObjectAndNotArrayNotNode, isUndefinedOrEmptyString, localeInitializer, localizationContributor, localizations$, mapEnumToOptions, noop, parseTenantFromUrl, pushValueTo, reloadRoute, trackBy, trackByDeep, uuid, validateCreditCard, validateMinAge, validateRange, validateRequired, validateStringLength, validateUrl };
 //# sourceMappingURL=abp-ng.core.mjs.map