@abp/ng.core 4.4.3 → 5.0.0-beta.3

package/bundles/abp-ng.core.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/router'), require('@angular/common'), require('rxjs'), require('rxjs/operators'), require('snq'), require('just-compare'), require('@angular/common/http'), require('@ngxs/store'), require('@angular/forms'), require('angular-oauth2-oidc'), require('just-clone')) :
-    typeof define === 'function' && define.amd ? define('@abp/ng.core', ['exports', '@angular/core', '@angular/router', '@angular/common', 'rxjs', 'rxjs/operators', 'snq', 'just-compare', '@angular/common/http', '@ngxs/store', '@angular/forms', 'angular-oauth2-oidc', 'just-clone'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.abp = global.abp || {}, global.abp.ng = global.abp.ng || {}, global.abp.ng.core = {}), global.ng.core, global.ng.router, global.ng.common, global.rxjs, global.rxjs.operators, global.snq, global.compare, global.ng.common.http, global.i4, global.ng.forms, global.i1$1, global.clone));
-}(this, (function (exports, i0, i1, common, rxjs, operators, snq, compare, i2, i4, forms, i1$1, clone) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/router'), require('rxjs'), require('rxjs/operators'), require('just-compare'), require('@angular/common/http'), require('@angular/common'), require('@angular/forms'), require('angular-oauth2-oidc'), require('just-clone')) :
+    typeof define === 'function' && define.amd ? define('@abp/ng.core', ['exports', '@angular/core', '@angular/router', 'rxjs', 'rxjs/operators', 'just-compare', '@angular/common/http', '@angular/common', '@angular/forms', 'angular-oauth2-oidc', 'just-clone'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.abp = global.abp || {}, global.abp.ng = global.abp.ng || {}, global.abp.ng.core = {}), global.ng.core, global.ng.router, global.rxjs, global.rxjs.operators, global.compare, global.ng.common.http, global.ng.common, global.ng.forms, global.i1$3, global.clone));
+}(this, (function (exports, i0, i1$1, rxjs, operators, compare, i1, i5, i1$2, i1$3, clone) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -27,22 +27,20 @@
     }
 
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
-    var snq__default = /*#__PURE__*/_interopDefaultLegacy(snq);
-    var compare__default = /*#__PURE__*/_interopDefaultLegacy(compare);
-    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
-    var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
     var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
+    var compare__default = /*#__PURE__*/_interopDefaultLegacy(compare);
+    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+    var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
+    var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$2);
+    var i1__namespace$3 = /*#__PURE__*/_interopNamespace(i1$3);
     var clone__default = /*#__PURE__*/_interopDefaultLegacy(clone);
 
     // Not an abstract class on purpose. Do not change!
-    // tslint:disable-next-line: use-component-selector
     var AbstractNgModelComponent = /** @class */ (function () {
         function AbstractNgModelComponent(injector) {
             this.injector = injector;
             this.valueFn = function (value) { return value; };
             this.valueLimitFn = function (value) { return false; };
-            // tslint:disable-next-line: deprecation
             this.cdRef = injector.get(i0.ChangeDetectorRef);
         }
         Object.defineProperty(AbstractNgModelComponent.prototype, "value", {
@@ -87,93 +85,22 @@
         };
         return AbstractNgModelComponent;
     }());
-    AbstractNgModelComponent.decorators = [
-        { type: i0.Component, args: [{ template: '' },] }
-    ];
-    AbstractNgModelComponent.ctorParameters = function () { return [
-        { type: i0.Injector }
-    ]; };
-    AbstractNgModelComponent.propDecorators = {
-        disabled: [{ type: i0.Input }],
-        readonly: [{ type: i0.Input }],
-        valueFn: [{ type: i0.Input }],
-        valueLimitFn: [{ type: i0.Input }],
-        value: [{ type: i0.Input }]
-    };
-
-    /**
-     * @deprecated Use ConfigStateService. To be deleted in v5.0.
-     */
-    var GetAppConfiguration = /** @class */ (function () {
-        function GetAppConfiguration() {
-        }
-        return GetAppConfiguration;
-    }());
-    GetAppConfiguration.type = '[Config] Get App Configuration';
-    /**
-     * @deprecated Use EnvironmentService instead. To be deleted in v5.0.
-     */
-    var SetEnvironment = /** @class */ (function () {
-        function SetEnvironment(environment) {
-            this.environment = environment;
-        }
-        return SetEnvironment;
-    }());
-    SetEnvironment.type = '[Config] Set Environment';
-    /**
-     * @deprecated Use EnvironmentService instead. To be deleted in v5.0.
-     */
-    var PatchConfigState = /** @class */ (function () {
-        function PatchConfigState(state) {
-            this.state = state;
-        }
-        return PatchConfigState;
-    }());
-    PatchConfigState.type = '[Config] Set State';
-
-    var StartLoader = /** @class */ (function () {
-        function StartLoader(payload) {
-            this.payload = payload;
-        }
-        return StartLoader;
-    }());
-    StartLoader.type = '[Loader] Start';
-    var StopLoader = /** @class */ (function () {
-        function StopLoader(payload) {
-            this.payload = payload;
-        }
-        return StopLoader;
-    }());
-    StopLoader.type = '[Loader] Stop';
-
-    var GetProfile = /** @class */ (function () {
-        function GetProfile() {
-        }
-        return GetProfile;
-    }());
-    GetProfile.type = '[Profile] Get';
-    var UpdateProfile = /** @class */ (function () {
-        function UpdateProfile(payload) {
-            this.payload = payload;
-        }
-        return UpdateProfile;
-    }());
-    UpdateProfile.type = '[Profile] Update';
-    var ChangePassword = /** @class */ (function () {
-        function ChangePassword(payload) {
-            this.payload = payload;
-        }
-        return ChangePassword;
-    }());
-    ChangePassword.type = '[Profile] Change Password';
-
-    var RestOccurError = /** @class */ (function () {
-        function RestOccurError(payload) {
-            this.payload = payload;
-        }
-        return RestOccurError;
-    }());
-    RestOccurError.type = '[Rest] Error';
+    AbstractNgModelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: AbstractNgModelComponent, deps: [{ token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    AbstractNgModelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.6", type: AbstractNgModelComponent, selector: "ng-component", inputs: { disabled: "disabled", readonly: "readonly", valueFn: "valueFn", valueLimitFn: "valueLimitFn", value: "value" }, ngImport: i0__namespace, template: '', isInline: true });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: AbstractNgModelComponent, decorators: [{
+                type: i0.Component,
+                args: [{ template: '' }]
+            }], ctorParameters: function () { return [{ type: i0__namespace.Injector }]; }, propDecorators: { disabled: [{
+                    type: i0.Input
+                }], readonly: [{
+                    type: i0.Input
+                }], valueFn: [{
+                    type: i0.Input
+                }], valueLimitFn: [{
+                    type: i0.Input
+                }], value: [{
+                    type: i0.Input
+                }] } });
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -410,7 +337,7 @@
                     ar[i] = from[i];
                 }
             }
-        return to.concat(ar || from);
+        return to.concat(ar || Array.prototype.slice.call(from));
     }
     function __await(v) {
         return this instanceof __await ? (this.v = v, this) : new __await(v);
@@ -493,84 +420,81 @@
         return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
     }
 
-    var CORE_OPTIONS = new i0.InjectionToken('CORE_OPTIONS');
-    function coreOptionsFactory(_a) {
-        var options = __rest(_a, []);
-        return Object.assign({}, options);
+    function pushValueTo(array) {
+        return function (element) {
+            array.push(element);
+            return array;
+        };
     }
 
-    // This will not be necessary when only Angukar 9.1+ is supported
-    function getLocaleDirection(locale) {
-        return /^(ar(-[A-Z]{2})?|ckb(-IR)?|fa(-AF)?|he|ks|lrc(-IQ)?|mzn|pa-Arab|ps(-PK)?|sd|ug|ur(-IN)?|uz-Arab|yi)$/.test(locale)
-            ? 'rtl'
-            : 'ltr';
-    }
-    function createLocalizer(localization) {
-        return function (resourceName, key, defaultValue) {
-            if (resourceName === '_')
-                return key;
-            var resource = snq__default['default'](function () { return localization.values[resourceName]; });
-            if (!resource)
-                return defaultValue;
-            return resource[key] || defaultValue;
-        };
-    }
-    function createLocalizerWithFallback(localization) {
-        var findLocalization = createLocalizationFinder(localization);
-        return function (resourceNames, keys, defaultValue) {
-            var localized = findLocalization(resourceNames, keys).localized;
-            return localized || defaultValue;
+    /* eslint-disable @typescript-eslint/ban-types */
+    var BaseTreeNode = /** @class */ (function () {
+        function BaseTreeNode(props) {
+            this.children = [];
+            this.isLeaf = true;
+            Object.assign(this, props);
+        }
+        BaseTreeNode.create = function (props) {
+            return new BaseTreeNode(props);
         };
+        return BaseTreeNode;
+    }());
+    function createTreeFromList(list, keySelector, parentKeySelector, valueMapper) {
+        var map = createMapFromList(list, keySelector, valueMapper);
+        var tree = [];
+        list.forEach(function (row) {
+            var id = keySelector(row);
+            var parentId = parentKeySelector(row);
+            var node = map.get(id);
+            if (!node)
+                return;
+            if (parentId) {
+                var parent = map.get(parentId);
+                if (!parent)
+                    return;
+                parent.children.push(node);
+                parent.isLeaf = false;
+                node.parent = parent;
+            }
+            else {
+                tree.push(node);
+            }
+        });
+        return tree;
     }
-    function createLocalizationPipeKeyGenerator(localization) {
-        var findLocalization = createLocalizationFinder(localization);
-        return function (resourceNames, keys, defaultKey) {
-            var _a = findLocalization(resourceNames, keys), resourceName = _a.resourceName, key = _a.key;
-            return !resourceName ? defaultKey : resourceName === '_' ? key : resourceName + "::" + key;
-        };
+    function createMapFromList(list, keySelector, valueMapper) {
+        var map = new Map();
+        list.forEach(function (row) { return map.set(keySelector(row), valueMapper(row)); });
+        return map;
     }
-    function createLocalizationFinder(localization) {
-        var localize = createLocalizer(localization);
-        return function (resourceNames, keys) {
-            resourceNames = resourceNames.concat(localization.defaultResourceName).filter(Boolean);
-            var resourceCount = resourceNames.length;
-            var keyCount = keys.length;
-            for (var i = 0; i < resourceCount; i++) {
-                var resourceName = resourceNames[i];
-                for (var j = 0; j < keyCount; j++) {
-                    var key = keys[j];
-                    var localized = localize(resourceName, key, null);
-                    if (localized)
-                        return { resourceName: resourceName, key: key, localized: localized };
+    function createTreeNodeFilterCreator(key, mapperFn) {
+        return function (search) {
+            var regex = new RegExp('.*' + search + '.*', 'i');
+            return function collectNodes(nodes, matches) {
+                var e_1, _a;
+                if (matches === void 0) { matches = []; }
+                try {
+                    for (var nodes_1 = __values(nodes), nodes_1_1 = nodes_1.next(); !nodes_1_1.done; nodes_1_1 = nodes_1.next()) {
+                        var node = nodes_1_1.value;
+                        if (regex.test(mapperFn(node[key])))
+                            matches.push(node);
+                        if (node.children.length)
+                            collectNodes(node.children, matches);
+                    }
                 }
-            }
-            return { resourceName: undefined, key: undefined, localized: undefined };
-        };
-    }
-
-    function createTokenParser(format) {
-        return function (str) {
-            var tokens = [];
-            var regex = format.replace(/\./g, '\\.').replace(/\{\s?([0-9a-zA-Z]+)\s?\}/g, function (_, token) {
-                tokens.push(token);
-                return '(.+)';
-            });
-            var matches = (str.match(regex) || []).slice(1);
-            return matches.reduce(function (acc, v, i) {
-                var key = tokens[i];
-                acc[key] = __spread((acc[key] || []), [v]).filter(Boolean);
-                return acc;
-            }, {});
+                catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                finally {
+                    try {
+                        if (nodes_1_1 && !nodes_1_1.done && (_a = nodes_1.return)) _a.call(nodes_1);
+                    }
+                    finally { if (e_1) throw e_1.error; }
+                }
+                return matches;
+            };
         };
-    }
-    function interpolate(text, params) {
-        return text
-            .replace(/(['"]?\{\s*(\d+)\s*\}['"]?)/g, function (_, match, digit) { var _a; return (_a = params[digit]) !== null && _a !== void 0 ? _a : match; })
-            .replace(/\s+/g, ' ');
     }
 
     function noop() {
-        // tslint:disable-next-line: only-arrow-functions
         var fn = function () { };
         return fn;
     }
@@ -629,7 +553,7 @@
         var keysOfTarget = Object.keys(target);
         var keysOfSource = Object.keys(source);
         var uniqueKeys = new Set(keysOfTarget.concat(keysOfSource));
-        return __spread(uniqueKeys).reduce(function (retVal, key) {
+        return __spreadArray([], __read(uniqueKeys)).reduce(function (retVal, key) {
             retVal[key] = deepMergeRecursively(target[key], source[key]);
             return retVal;
         }, {});
@@ -679,8 +603,13 @@
         return InternalStore;
     }());
 
+    var CORE_OPTIONS = new i0.InjectionToken('CORE_OPTIONS');
+    function coreOptionsFactory(_a) {
+        var options = __rest(_a, []);
+        return Object.assign({}, options);
+    }
+
     var mapToApiUrl = function (key) { return function (apis) { return (apis[key] || apis.default).url || apis.default.url; }; };
-    var ɵ0$1 = mapToApiUrl;
     var EnvironmentService = /** @class */ (function () {
         function EnvironmentService() {
             this.store = new InternalStore({});
@@ -709,26 +638,67 @@
         };
         return EnvironmentService;
     }());
-    EnvironmentService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function EnvironmentService_Factory() { return new EnvironmentService(); }, token: EnvironmentService, providedIn: "root" });
-    EnvironmentService.decorators = [
-        { type: i0.Injectable, args: [{ providedIn: 'root' },] }
-    ];
+    EnvironmentService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: EnvironmentService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    EnvironmentService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: EnvironmentService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: EnvironmentService, decorators: [{
+                type: i0.Injectable,
+                args: [{ providedIn: 'root' }]
+            }] });
+
+    var HttpErrorReporterService = /** @class */ (function () {
+        function HttpErrorReporterService() {
+            var _this = this;
+            this._reporter$ = new rxjs.Subject();
+            this._errors$ = new rxjs.BehaviorSubject([]);
+            this.reportError = function (error) {
+                _this._reporter$.next(error);
+                _this._errors$.next(__spreadArray(__spreadArray([], __read(_this.errors)), [error]));
+            };
+        }
+        Object.defineProperty(HttpErrorReporterService.prototype, "reporter$", {
+            get: function () {
+                return this._reporter$.asObservable();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(HttpErrorReporterService.prototype, "errors$", {
+            get: function () {
+                return this._errors$.asObservable();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(HttpErrorReporterService.prototype, "errors", {
+            get: function () {
+                return this._errors$.value;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return HttpErrorReporterService;
+    }());
+    HttpErrorReporterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: HttpErrorReporterService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    HttpErrorReporterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: HttpErrorReporterService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: HttpErrorReporterService, decorators: [{
+                type: i0.Injectable,
+                args: [{ providedIn: 'root' }]
+            }] });
 
     var RestService = /** @class */ (function () {
-        function RestService(options, http, environment, store) {
+        function RestService(options, http, environment, httpErrorReporter) {
             this.options = options;
             this.http = http;
             this.environment = environment;
-            this.store = store;
+            this.httpErrorReporter = httpErrorReporter;
         }
         RestService.prototype.getApiFromStore = function (apiName) {
             return this.environment.getApiUrl(apiName);
         };
         RestService.prototype.handleError = function (err) {
-            this.store.dispatch(new RestOccurError(err));
+            this.httpErrorReporter.reportError(err);
             return rxjs.throwError(err);
         };
-        // TODO: Deprecate service or improve interface in v5.0
         RestService.prototype.request = function (request, config, api) {
             var _this = this;
             config = config || {};
@@ -751,18 +721,19 @@
         };
         return RestService;
     }());
-    RestService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function RestService_Factory() { return new RestService(i0__namespace.ɵɵinject(CORE_OPTIONS), i0__namespace.ɵɵinject(i2__namespace.HttpClient), i0__namespace.ɵɵinject(EnvironmentService), i0__namespace.ɵɵinject(i4__namespace.Store)); }, token: RestService, providedIn: "root" });
-    RestService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root',
-                },] }
-    ];
-    RestService.ctorParameters = function () { return [
-        { type: undefined, decorators: [{ type: i0.Inject, args: [CORE_OPTIONS,] }] },
-        { type: i2.HttpClient },
-        { type: EnvironmentService },
-        { type: i4.Store }
-    ]; };
+    RestService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: RestService, deps: [{ token: CORE_OPTIONS }, { token: i1__namespace.HttpClient }, { token: EnvironmentService }, { token: HttpErrorReporterService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    RestService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: RestService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: RestService, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root',
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: undefined, decorators: [{
+                            type: i0.Inject,
+                            args: [CORE_OPTIONS]
+                        }] }, { type: i1__namespace.HttpClient }, { type: EnvironmentService }, { type: HttpErrorReporterService }];
+        } });
 
     var AbpApplicationConfigurationService = /** @class */ (function () {
         function AbpApplicationConfigurationService(restService) {
@@ -777,15 +748,14 @@
         };
         return AbpApplicationConfigurationService;
     }());
-    AbpApplicationConfigurationService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function AbpApplicationConfigurationService_Factory() { return new AbpApplicationConfigurationService(i0__namespace.ɵɵinject(RestService)); }, token: AbpApplicationConfigurationService, providedIn: "root" });
-    AbpApplicationConfigurationService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root',
-                },] }
-    ];
-    AbpApplicationConfigurationService.ctorParameters = function () { return [
-        { type: RestService }
-    ]; };
+    AbpApplicationConfigurationService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: AbpApplicationConfigurationService, deps: [{ token: RestService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    AbpApplicationConfigurationService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: AbpApplicationConfigurationService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: AbpApplicationConfigurationService, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root',
+                    }]
+            }], ctorParameters: function () { return [{ type: RestService }]; } });
 
     var ConfigStateService = /** @class */ (function () {
         function ConfigStateService(abpConfigService) {
@@ -805,14 +775,7 @@
             var _this = this;
             this.updateSubject
                 .pipe(operators.switchMap(function () { return _this.abpConfigService.get(); }))
-                .subscribe(function (res) { return _this.setState(res); });
-        };
-        /**
-         * @deprecated do not use this method directly, instead call refreshAppState
-         * This method will be private in v5.0
-         */
-        ConfigStateService.prototype.setState = function (state) {
-            this.store.set(state);
+                .subscribe(function (res) { return _this.store.set(res); });
         };
         ConfigStateService.prototype.refreshAppState = function () {
             this.updateSubject.next();
@@ -913,15 +876,14 @@
         };
         return ConfigStateService;
     }());
-    ConfigStateService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function ConfigStateService_Factory() { return new ConfigStateService(i0__namespace.ɵɵinject(AbpApplicationConfigurationService)); }, token: ConfigStateService, providedIn: "root" });
-    ConfigStateService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root',
-                },] }
-    ];
-    ConfigStateService.ctorParameters = function () { return [
-        { type: AbpApplicationConfigurationService }
-    ]; };
+    ConfigStateService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: ConfigStateService, deps: [{ token: AbpApplicationConfigurationService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    ConfigStateService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: ConfigStateService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: ConfigStateService, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root',
+                    }]
+            }], ctorParameters: function () { return [{ type: AbpApplicationConfigurationService }]; } });
     function splitKeys(keys) {
         if (typeof keys === 'string') {
             keys = keys.split('.');
@@ -932,738 +894,727 @@
         return keys;
     }
 
-    var SessionStateService = /** @class */ (function () {
-        function SessionStateService(configState) {
-            var _this = this;
+    var PermissionService = /** @class */ (function () {
+        function PermissionService(configState) {
             this.configState = configState;
-            this.store = new InternalStore({});
-            this.updateLocalStorage = function () {
-                localStorage.setItem('abpSession', JSON.stringify(_this.store.state));
-            };
-            this.init();
-            this.setInitialLanguage();
         }
-        SessionStateService.prototype.init = function () {
-            var session = localStorage.getItem('abpSession');
-            if (session) {
-                this.store.set(JSON.parse(session));
-            }
-            this.store.sliceUpdate(function (state) { return state; }).subscribe(this.updateLocalStorage);
-        };
-        SessionStateService.prototype.setInitialLanguage = function () {
+        PermissionService.prototype.getGrantedPolicy$ = function (key) {
             var _this = this;
-            if (this.getLanguage())
-                return;
-            this.configState
-                .getDeep$('localization.currentCulture.cultureName')
-                .pipe(operators.filter(function (cultureName) { return !!cultureName; }), operators.take(1))
-                .subscribe(function (lang) {
-                if (lang.includes(';')) {
-                    lang = lang.split(';')[0];
-                }
-                _this.setLanguage(lang);
-            });
-        };
-        SessionStateService.prototype.onLanguageChange$ = function () {
-            return this.store.sliceUpdate(function (state) { return state.language; });
-        };
-        SessionStateService.prototype.onTenantChange$ = function () {
-            return this.store.sliceUpdate(function (state) { return state.tenant; });
-        };
-        SessionStateService.prototype.getLanguage = function () {
-            return this.store.state.language;
-        };
-        SessionStateService.prototype.getLanguage$ = function () {
-            return this.store.sliceState(function (state) { return state.language; });
+            return this.getStream().pipe(operators.map(function (grantedPolicies) { return _this.isPolicyGranted(key, grantedPolicies); }));
         };
-        SessionStateService.prototype.getTenant = function () {
-            return this.store.state.tenant;
+        PermissionService.prototype.getGrantedPolicy = function (key) {
+            var policies = this.getSnapshot();
+            return this.isPolicyGranted(key, policies);
         };
-        SessionStateService.prototype.getTenant$ = function () {
-            return this.store.sliceState(function (state) { return state.tenant; });
+        PermissionService.prototype.filterItemsByPolicy = function (items) {
+            var _this = this;
+            var policies = this.getSnapshot();
+            return items.filter(function (item) { return !item.requiredPolicy || _this.isPolicyGranted(item.requiredPolicy, policies); });
         };
-        SessionStateService.prototype.setTenant = function (tenant) {
-            if (compare__default['default'](tenant, this.store.state.tenant))
-                return;
-            this.store.set(Object.assign(Object.assign({}, this.store.state), { tenant: tenant }));
+        PermissionService.prototype.filterItemsByPolicy$ = function (items) {
+            var _this = this;
+            return this.getStream().pipe(operators.map(function (policies) { return items.filter(function (item) { return !item.requiredPolicy || _this.isPolicyGranted(item.requiredPolicy, policies); }); }));
         };
-        SessionStateService.prototype.setLanguage = function (language) {
-            if (language === this.store.state.language)
-                return;
-            this.store.patch({ language: language });
-            document.documentElement.setAttribute('lang', language);
+        PermissionService.prototype.isPolicyGranted = function (key, grantedPolicies) {
+            var _this = this;
+            if (!key)
+                return true;
+            var orRegexp = /\|\|/g;
+            var andRegexp = /&&/g;
+            // TODO: Allow combination of ANDs & ORs
+            if (orRegexp.test(key)) {
+                var keys = key.split('||').filter(Boolean);
+                if (keys.length < 2)
+                    return false;
+                return keys.some(function (k) { return _this.getPolicy(k.trim(), grantedPolicies); });
+            }
+            else if (andRegexp.test(key)) {
+                var keys = key.split('&&').filter(Boolean);
+                if (keys.length < 2)
+                    return false;
+                return keys.every(function (k) { return _this.getPolicy(k.trim(), grantedPolicies); });
+            }
+            return this.getPolicy(key, grantedPolicies);
         };
-        return SessionStateService;
+        PermissionService.prototype.getStream = function () {
+            return this.configState.getAll$().pipe(operators.map(this.mapToPolicies));
+        };
+        PermissionService.prototype.getSnapshot = function () {
+            return this.mapToPolicies(this.configState.getAll());
+        };
+        PermissionService.prototype.mapToPolicies = function (applicationConfiguration) {
+            var _a;
+            return ((_a = applicationConfiguration === null || applicationConfiguration === void 0 ? void 0 : applicationConfiguration.auth) === null || _a === void 0 ? void 0 : _a.grantedPolicies) || {};
+        };
+        PermissionService.prototype.getPolicy = function (key, grantedPolicies) {
+            return grantedPolicies[key] || false;
+        };
+        return PermissionService;
     }());
-    SessionStateService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function SessionStateService_Factory() { return new SessionStateService(i0__namespace.ɵɵinject(ConfigStateService)); }, token: SessionStateService, providedIn: "root" });
-    SessionStateService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root',
-                },] }
-    ];
-    SessionStateService.ctorParameters = function () { return [
-        { type: ConfigStateService }
-    ]; };
+    PermissionService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: PermissionService, deps: [{ token: ConfigStateService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    PermissionService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: PermissionService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: PermissionService, decorators: [{
+                type: i0.Injectable,
+                args: [{ providedIn: 'root' }]
+            }], ctorParameters: function () { return [{ type: ConfigStateService }]; } });
 
-    var LocalizationService = /** @class */ (function () {
-        function LocalizationService(sessionState, injector, otherInstance, configState) {
-            this.sessionState = sessionState;
-            this.injector = injector;
-            this.configState = configState;
-            this.latestLang = this.sessionState.getLanguage();
-            this._languageChange$ = new rxjs.Subject();
-            if (otherInstance)
-                throw new Error('LocalizationService should have only one instance.');
-            this.listenToSetLanguage();
+    // eslint-disable-next-line @typescript-eslint/ban-types
+    var AbstractTreeService = /** @class */ (function () {
+        function AbstractTreeService() {
+            this._flat$ = new rxjs.BehaviorSubject([]);
+            this._tree$ = new rxjs.BehaviorSubject([]);
+            this._visible$ = new rxjs.BehaviorSubject([]);
         }
-        Object.defineProperty(LocalizationService.prototype, "currentLang", {
-            /**
-             * Returns currently selected language
-             */
+        Object.defineProperty(AbstractTreeService.prototype, "flat", {
             get: function () {
-                return this.latestLang || this.sessionState.getLanguage();
+                return this._flat$.value;
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(LocalizationService.prototype, "languageChange$", {
+        Object.defineProperty(AbstractTreeService.prototype, "flat$", {
             get: function () {
-                return this._languageChange$.asObservable();
+                return this._flat$.asObservable();
             },
             enumerable: false,
             configurable: true
         });
-        LocalizationService.prototype.listenToSetLanguage = function () {
-            var _this = this;
-            this.sessionState
-                .onLanguageChange$()
-                .pipe(operators.filter(function (lang) { return _this.configState.getDeep('localization.currentCulture.cultureName') !== lang; }), operators.switchMap(function (lang) { return _this.configState.refreshAppState().pipe(operators.mapTo(lang)); }), operators.switchMap(function (lang) { return rxjs.from(_this.registerLocale(lang).then(function () { return lang; })); }))
-                .subscribe(function (lang) { return _this._languageChange$.next(lang); });
-        };
-        LocalizationService.prototype.registerLocale = function (locale) {
-            var _this = this;
-            var registerLocaleFn = this.injector.get(CORE_OPTIONS).registerLocaleFn;
-            return registerLocaleFn(locale).then(function (module) {
-                if (module === null || module === void 0 ? void 0 : module.default)
-                    common.registerLocaleData(module.default);
-                _this.latestLang = locale;
-            });
-        };
-        /**
-         * Returns an observable localized text with the given interpolation parameters in current language.
-         * @param key Localizaton key to replace with localized text
-         * @param interpolateParams Values to interpolate
-         */
-        LocalizationService.prototype.get = function (key) {
-            var interpolateParams = [];
-            for (var _i = 1; _i < arguments.length; _i++) {
-                interpolateParams[_i - 1] = arguments[_i];
-            }
-            return this.configState
-                .getAll$()
-                .pipe(operators.map(function (state) { return getLocalization.apply(void 0, __spread([state, key], interpolateParams)); }));
-        };
-        LocalizationService.prototype.getResource = function (resourceName) {
-            return this.configState.getDeep("localization.values." + resourceName);
-        };
-        LocalizationService.prototype.getResource$ = function (resourceName) {
-            return this.configState.getDeep$("localization.values." + resourceName);
-        };
-        /**
-         * Returns localized text with the given interpolation parameters in current language.
-         * @param key Localization key to replace with localized text
-         * @param interpolateParams Values to intepolate.
-         */
-        LocalizationService.prototype.instant = function (key) {
-            var interpolateParams = [];
-            for (var _i = 1; _i < arguments.length; _i++) {
-                interpolateParams[_i - 1] = arguments[_i];
-            }
-            return getLocalization.apply(void 0, __spread([this.configState.getAll(), key], interpolateParams));
-        };
-        LocalizationService.prototype.localize = function (resourceName, key, defaultValue) {
-            return this.configState.getOne$('localization').pipe(operators.map(createLocalizer), operators.map(function (localize) { return localize(resourceName, key, defaultValue); }));
-        };
-        LocalizationService.prototype.localizeSync = function (resourceName, key, defaultValue) {
-            var localization = this.configState.getOne('localization');
-            return createLocalizer(localization)(resourceName, key, defaultValue);
-        };
-        LocalizationService.prototype.localizeWithFallback = function (resourceNames, keys, defaultValue) {
-            return this.configState.getOne$('localization').pipe(operators.map(createLocalizerWithFallback), operators.map(function (localizeWithFallback) { return localizeWithFallback(resourceNames, keys, defaultValue); }));
-        };
-        LocalizationService.prototype.localizeWithFallbackSync = function (resourceNames, keys, defaultValue) {
-            var localization = this.configState.getOne('localization');
-            return createLocalizerWithFallback(localization)(resourceNames, keys, defaultValue);
-        };
-        return LocalizationService;
-    }());
-    LocalizationService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function LocalizationService_Factory() { return new LocalizationService(i0__namespace.ɵɵinject(SessionStateService), i0__namespace.ɵɵinject(i0__namespace.INJECTOR), i0__namespace.ɵɵinject(LocalizationService, 12), i0__namespace.ɵɵinject(ConfigStateService)); }, token: LocalizationService, providedIn: "root" });
-    LocalizationService.decorators = [
-        { type: i0.Injectable, args: [{ providedIn: 'root' },] }
-    ];
-    LocalizationService.ctorParameters = function () { return [
-        { type: SessionStateService },
-        { type: i0.Injector },
-        { type: LocalizationService, decorators: [{ type: i0.Optional }, { type: i0.SkipSelf }] },
-        { type: ConfigStateService }
-    ]; };
-    function getLocalization(state, key) {
-        var interpolateParams = [];
-        for (var _i = 2; _i < arguments.length; _i++) {
-            interpolateParams[_i - 2] = arguments[_i];
-        }
-        if (!key)
-            key = '';
-        var defaultValue;
-        if (typeof key !== 'string') {
-            defaultValue = key.defaultValue;
-            key = key.key;
-        }
-        var keys = key.split('::');
-        var warn = function (message) {
-            if (i0.isDevMode)
-                console.warn(message);
-        };
-        if (keys.length < 2) {
-            warn('The localization source separator (::) not found.');
-            return defaultValue || key;
-        }
-        if (!state.localization)
-            return defaultValue || keys[1];
-        var sourceName = keys[0] || state.localization.defaultResourceName;
-        var sourceKey = keys[1];
-        if (sourceName === '_') {
-            return defaultValue || sourceKey;
-        }
-        if (!sourceName) {
-            warn('Localization source name is not specified and the defaultResourceName was not defined!');
-            return defaultValue || sourceKey;
-        }
-        var source = state.localization.values[sourceName];
-        if (!source) {
-            warn('Could not find localization source: ' + sourceName);
-            return defaultValue || sourceKey;
-        }
-        var localization = source[sourceKey];
-        if (typeof localization === 'undefined') {
-            return defaultValue || sourceKey;
-        }
-        interpolateParams = interpolateParams.filter(function (params) { return params != null; });
-        if (localization)
-            localization = interpolate(localization, interpolateParams);
-        if (typeof localization !== 'string')
-            localization = '';
-        return localization || defaultValue || key;
-    }
-
-    function findRoute(routesService, path) {
-        var node = routesService.find(function (route) { return route.path === path; });
-        return node || path === '/'
-            ? node
-            : findRoute(routesService, path.split('/').slice(0, -1).join('/') || '/');
-    }
-    function getRoutePath(router, url) {
-        if (url === void 0) { url = router.url; }
-        var emptyGroup = { segments: [] };
-        var primaryGroup = router.parseUrl(url).root.children[i1.PRIMARY_OUTLET];
-        return '/' + (primaryGroup || emptyGroup).segments.map(function (_a) {
-            var path = _a.path;
-            return path;
-        }).join('/');
-    }
-    function reloadRoute(router, ngZone) {
-        var _this = this;
-        var shouldReuseRoute = router.routeReuseStrategy.shouldReuseRoute;
-        var setRouteReuse = function (reuse) {
-            router.routeReuseStrategy.shouldReuseRoute = reuse;
-        };
-        setRouteReuse(function () { return false; });
-        router.navigated = false;
-        ngZone.run(function () { return __awaiter(_this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, router.navigateByUrl(router.url).catch(noop)];
-                    case 1:
-                        _a.sent();
-                        setRouteReuse(shouldReuseRoute);
-                        return [2 /*return*/];
-                }
-            });
-        }); });
-    }
-
-    var ReplaceableComponentsService = /** @class */ (function () {
-        function ReplaceableComponentsService(ngZone, router) {
-            this.ngZone = ngZone;
-            this.router = router;
-            this.store = new InternalStore([]);
-        }
-        Object.defineProperty(ReplaceableComponentsService.prototype, "replaceableComponents$", {
+        Object.defineProperty(AbstractTreeService.prototype, "tree", {
             get: function () {
-                return this.store.sliceState(function (state) { return state; });
+                return this._tree$.value;
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(ReplaceableComponentsService.prototype, "replaceableComponents", {
+        Object.defineProperty(AbstractTreeService.prototype, "tree$", {
             get: function () {
-                return this.store.state;
+                return this._tree$.asObservable();
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(ReplaceableComponentsService.prototype, "onUpdate$", {
+        Object.defineProperty(AbstractTreeService.prototype, "visible", {
             get: function () {
-                return this.store.sliceUpdate(function (state) { return state; });
+                return this._visible$.value;
             },
             enumerable: false,
             configurable: true
         });
-        ReplaceableComponentsService.prototype.add = function (replaceableComponent, reload) {
-            var replaceableComponents = __spread(this.store.state);
-            var index = replaceableComponents.findIndex(function (component) { return component.key === replaceableComponent.key; });
-            if (index > -1) {
-                replaceableComponents[index] = replaceableComponent;
-            }
-            else {
-                replaceableComponents.push(replaceableComponent);
-            }
-            this.store.set(replaceableComponents);
-            if (reload)
-                reloadRoute(this.router, this.ngZone);
-        };
-        ReplaceableComponentsService.prototype.get = function (replaceableComponentKey) {
-            return this.replaceableComponents.find(function (component) { return component.key === replaceableComponentKey; });
+        Object.defineProperty(AbstractTreeService.prototype, "visible$", {
+            get: function () {
+                return this._visible$.asObservable();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        AbstractTreeService.prototype.createTree = function (items) {
+            var _this = this;
+            return createTreeFromList(items, function (item) { return item[_this.id]; }, function (item) { return item[_this.parentId]; }, function (item) { return BaseTreeNode.create(item); });
         };
-        ReplaceableComponentsService.prototype.get$ = function (replaceableComponentKey) {
-            return this.replaceableComponents$.pipe(operators.map(function (components) { return components.find(function (component) { return component.key === replaceableComponentKey; }); }));
+        AbstractTreeService.prototype.filterWith = function (setOrMap) {
+            var _this = this;
+            return this._flat$.value.filter(function (item) { return !setOrMap.has(item[_this.id]); });
         };
-        return ReplaceableComponentsService;
-    }());
-    ReplaceableComponentsService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function ReplaceableComponentsService_Factory() { return new ReplaceableComponentsService(i0__namespace.ɵɵinject(i0__namespace.NgZone), i0__namespace.ɵɵinject(i1__namespace.Router)); }, token: ReplaceableComponentsService, providedIn: "root" });
-    ReplaceableComponentsService.decorators = [
-        { type: i0.Injectable, args: [{ providedIn: 'root' },] }
-    ];
-    ReplaceableComponentsService.ctorParameters = function () { return [
-        { type: i0.NgZone },
-        { type: i1.Router }
-    ]; };
-
-    var NavigationEvent = {
-        Cancel: i1.NavigationCancel,
-        End: i1.NavigationEnd,
-        Error: i1.NavigationError,
-        Start: i1.NavigationStart,
-    };
-    var RouterEvents = /** @class */ (function () {
-        function RouterEvents(router) {
-            this.router = router;
-        }
-        RouterEvents.prototype.getEvents = function () {
-            var eventTypes = [];
-            for (var _i = 0; _i < arguments.length; _i++) {
-                eventTypes[_i] = arguments[_i];
-            }
-            var filterRouterEvents = function (event) { return eventTypes.some(function (type) { return event instanceof type; }); };
-            return this.router.events.pipe(operators.filter(filterRouterEvents));
+        AbstractTreeService.prototype.findItemsToRemove = function (set) {
+            var _this = this;
+            return this._flat$.value.reduce(function (acc, item) {
+                if (!acc.has(item[_this.parentId]))
+                    return acc;
+                var childSet = new Set([item[_this.id]]);
+                var children = _this.findItemsToRemove(childSet);
+                return new Set(__spreadArray(__spreadArray([], __read(acc)), __read(children)));
+            }, set);
         };
-        RouterEvents.prototype.getNavigationEvents = function () {
-            var navigationEventKeys = [];
-            for (var _i = 0; _i < arguments.length; _i++) {
-                navigationEventKeys[_i] = arguments[_i];
-            }
-            var filterNavigationEvents = function (event) { return navigationEventKeys.some(function (key) { return event instanceof NavigationEvent[key]; }); };
-            return this.router.events.pipe(operators.filter(filterNavigationEvents));
+        AbstractTreeService.prototype.publish = function (flatItems, visibleItems) {
+            this._flat$.next(flatItems);
+            this._tree$.next(this.createTree(flatItems));
+            this._visible$.next(this.createTree(visibleItems));
+            return flatItems;
         };
-        RouterEvents.prototype.getAllEvents = function () {
-            return this.router.events;
+        AbstractTreeService.prototype.add = function (items) {
+            var _this = this;
+            var map = new Map();
+            items.forEach(function (item) { return map.set(item[_this.id], item); });
+            var flatItems = this.filterWith(map);
+            map.forEach(pushValueTo(flatItems));
+            flatItems.sort(this.sort);
+            var visibleItems = flatItems.filter(function (item) { return !_this.hide(item); });
+            return this.publish(flatItems, visibleItems);
         };
-        RouterEvents.prototype.getAllNavigationEvents = function () {
-            var keys = Object.keys(NavigationEvent);
-            return this.getNavigationEvents.apply(this, __spread(keys));
+        AbstractTreeService.prototype.find = function (predicate, tree) {
+            var _this = this;
+            if (tree === void 0) { tree = this.tree; }
+            return tree.reduce(function (acc, node) { return (acc ? acc : predicate(node) ? node : _this.find(predicate, node.children)); }, null);
         };
-        return RouterEvents;
+        AbstractTreeService.prototype.patch = function (identifier, props) {
+            var _this = this;
+            var flatItems = this._flat$.value;
+            var index = flatItems.findIndex(function (item) { return item[_this.id] === identifier; });
+            if (index < 0)
+                return false;
+            flatItems[index] = Object.assign(Object.assign({}, flatItems[index]), props);
+            flatItems.sort(this.sort);
+            var visibleItems = flatItems.filter(function (item) { return !_this.hide(item); });
+            return this.publish(flatItems, visibleItems);
+        };
+        AbstractTreeService.prototype.refresh = function () {
+            return this.add([]);
+        };
+        AbstractTreeService.prototype.remove = function (identifiers) {
+            var _this = this;
+            var set = new Set();
+            identifiers.forEach(function (id) { return set.add(id); });
+            var setToRemove = this.findItemsToRemove(set);
+            var flatItems = this.filterWith(setToRemove);
+            var visibleItems = flatItems.filter(function (item) { return !_this.hide(item); });
+            return this.publish(flatItems, visibleItems);
+        };
+        AbstractTreeService.prototype.search = function (params, tree) {
+            var _this = this;
+            if (tree === void 0) { tree = this.tree; }
+            var searchKeys = Object.keys(params);
+            return tree.reduce(function (acc, node) { return acc
+                ? acc
+                : searchKeys.every(function (key) { return node[key] === params[key]; })
+                    ? node
+                    : _this.search(params, node.children); }, null);
+        };
+        return AbstractTreeService;
     }());
-    RouterEvents.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function RouterEvents_Factory() { return new RouterEvents(i0__namespace.ɵɵinject(i1__namespace.Router)); }, token: RouterEvents, providedIn: "root" });
-    RouterEvents.decorators = [
-        { type: i0.Injectable, args: [{ providedIn: 'root' },] }
-    ];
-    RouterEvents.ctorParameters = function () { return [
-        { type: i1.Router }
-    ]; };
-
-    function pushValueTo(array) {
-        return function (element) {
-            array.push(element);
-            return array;
+    var AbstractNavTreeService = /** @class */ (function (_super) {
+        __extends(AbstractNavTreeService, _super);
+        function AbstractNavTreeService(injector) {
+            var _this = _super.call(this) || this;
+            _this.injector = injector;
+            _this.id = 'name';
+            _this.parentId = 'parentName';
+            _this.hide = function (item) { return item.invisible || !_this.isGranted(item); };
+            _this.sort = function (a, b) {
+                if (!Number.isInteger(a.order))
+                    return 1;
+                if (!Number.isInteger(b.order))
+                    return -1;
+                return a.order - b.order;
+            };
+            var configState = _this.injector.get(ConfigStateService);
+            _this.subscription = configState
+                .createOnUpdateStream(function (state) { return state; })
+                .subscribe(function () { return _this.refresh(); });
+            _this.permissionService = injector.get(PermissionService);
+            return _this;
+        }
+        AbstractNavTreeService.prototype.isGranted = function (_b) {
+            var requiredPolicy = _b.requiredPolicy;
+            return this.permissionService.getGrantedPolicy(requiredPolicy);
         };
-    }
+        AbstractNavTreeService.prototype.hasChildren = function (identifier) {
+            var _this = this;
+            var _a;
+            var node = this.find(function (item) { return item[_this.id] === identifier; });
+            return Boolean((_a = node === null || node === void 0 ? void 0 : node.children) === null || _a === void 0 ? void 0 : _a.length);
+        };
+        AbstractNavTreeService.prototype.hasInvisibleChild = function (identifier) {
+            var _this = this;
+            var _a;
+            var node = this.find(function (item) { return item[_this.id] === identifier; });
+            return (_a = node === null || node === void 0 ? void 0 : node.children) === null || _a === void 0 ? void 0 : _a.some(function (child) { return child.invisible; });
+        };
+        /* istanbul ignore next */
+        AbstractNavTreeService.prototype.ngOnDestroy = function () {
+            this.subscription.unsubscribe();
+        };
+        return AbstractNavTreeService;
+    }(AbstractTreeService));
+    AbstractNavTreeService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: AbstractNavTreeService, deps: [{ token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    AbstractNavTreeService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: AbstractNavTreeService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: AbstractNavTreeService, decorators: [{
+                type: i0.Injectable
+            }], ctorParameters: function () { return [{ type: i0__namespace.Injector }]; } });
+    var RoutesService = /** @class */ (function (_super) {
+        __extends(RoutesService, _super);
+        function RoutesService() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        return RoutesService;
+    }(AbstractNavTreeService));
+    RoutesService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: RoutesService, deps: null, target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    RoutesService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: RoutesService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: RoutesService, decorators: [{
+                type: i0.Injectable,
+                args: [{ providedIn: 'root' }]
+            }] });
 
-    var BaseTreeNode = /** @class */ (function () {
-        function BaseTreeNode(props) {
-            this.children = [];
-            this.isLeaf = true;
-            Object.assign(this, props);
+    var SubscriptionService = /** @class */ (function () {
+        function SubscriptionService() {
+            this.subscription = new rxjs.Subscription();
         }
-        BaseTreeNode.create = function (props) {
-            return new BaseTreeNode(props);
+        Object.defineProperty(SubscriptionService.prototype, "isClosed", {
+            get: function () {
+                return this.subscription.closed;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        SubscriptionService.prototype.addOne = function (source$, nextOrObserver, error) {
+            var subscription = source$.subscribe(nextOrObserver, error);
+            this.subscription.add(subscription);
+            return subscription;
         };
-        return BaseTreeNode;
-    }());
-    function createTreeFromList(list, keySelector, parentKeySelector, valueMapper) {
-        var map = createMapFromList(list, keySelector, valueMapper);
-        var tree = [];
-        list.forEach(function (row) {
-            var id = keySelector(row);
-            var parentId = parentKeySelector(row);
-            var node = map.get(id);
-            if (!node)
+        SubscriptionService.prototype.closeAll = function () {
+            this.subscription.unsubscribe();
+        };
+        SubscriptionService.prototype.closeOne = function (subscription) {
+            this.removeOne(subscription);
+            subscription.unsubscribe();
+        };
+        SubscriptionService.prototype.ngOnDestroy = function () {
+            this.subscription.unsubscribe();
+        };
+        SubscriptionService.prototype.removeOne = function (subscription) {
+            if (!subscription)
                 return;
-            if (parentId) {
-                var parent = map.get(parentId);
-                if (!parent)
-                    return;
-                parent.children.push(node);
-                parent.isLeaf = false;
-                node.parent = parent;
-            }
-            else {
-                tree.push(node);
-            }
-        });
-        return tree;
+            this.subscription.remove(subscription);
+        };
+        SubscriptionService.prototype.reset = function () {
+            this.subscription.unsubscribe();
+            this.subscription = new rxjs.Subscription();
+        };
+        return SubscriptionService;
+    }());
+    SubscriptionService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: SubscriptionService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    SubscriptionService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: SubscriptionService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: SubscriptionService, decorators: [{
+                type: i0.Injectable
+            }] });
+
+    function findRoute(routesService, path) {
+        var node = routesService.find(function (route) { return route.path === path; });
+        return node || path === '/'
+            ? node
+            : findRoute(routesService, path.split('/').slice(0, -1).join('/') || '/');
     }
-    function createMapFromList(list, keySelector, valueMapper) {
-        var map = new Map();
-        list.forEach(function (row) { return map.set(keySelector(row), valueMapper(row)); });
-        return map;
+    function getRoutePath(router, url) {
+        if (url === void 0) { url = router.url; }
+        var emptyGroup = { segments: [] };
+        var primaryGroup = router.parseUrl(url).root.children[i1$1.PRIMARY_OUTLET];
+        return '/' + (primaryGroup || emptyGroup).segments.map(function (_a) {
+            var path = _a.path;
+            return path;
+        }).join('/');
     }
-    function createTreeNodeFilterCreator(key, mapperFn) {
-        return function (search) {
-            var regex = new RegExp('.*' + search + '.*', 'i');
-            return function collectNodes(nodes, matches) {
-                var e_1, _a;
-                if (matches === void 0) { matches = []; }
-                try {
-                    for (var nodes_1 = __values(nodes), nodes_1_1 = nodes_1.next(); !nodes_1_1.done; nodes_1_1 = nodes_1.next()) {
-                        var node = nodes_1_1.value;
-                        if (regex.test(mapperFn(node[key])))
-                            matches.push(node);
-                        if (node.children.length)
-                            collectNodes(node.children, matches);
-                    }
+    function reloadRoute(router, ngZone) {
+        var _this = this;
+        var shouldReuseRoute = router.routeReuseStrategy.shouldReuseRoute;
+        var setRouteReuse = function (reuse) {
+            router.routeReuseStrategy.shouldReuseRoute = reuse;
+        };
+        setRouteReuse(function () { return false; });
+        router.navigated = false;
+        ngZone.run(function () { return __awaiter(_this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, router.navigateByUrl(router.url).catch(noop)];
+                    case 1:
+                        _a.sent();
+                        setRouteReuse(shouldReuseRoute);
+                        return [2 /*return*/];
                 }
-                catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                finally {
-                    try {
-                        if (nodes_1_1 && !nodes_1_1.done && (_a = nodes_1.return)) _a.call(nodes_1);
-                    }
-                    finally { if (e_1) throw e_1.error; }
+            });
+        }); });
+    }
+
+    // This will not be necessary when only Angukar 9.1+ is supported
+    function getLocaleDirection(locale) {
+        return /^(ar(-[A-Z]{2})?|ckb(-IR)?|fa(-AF)?|he|ks|lrc(-IQ)?|mzn|pa-Arab|ps(-PK)?|sd|ug|ur(-IN)?|uz-Arab|yi)$/.test(locale)
+            ? 'rtl'
+            : 'ltr';
+    }
+    function createLocalizer(localization) {
+        return function (resourceName, key, defaultValue) {
+            var _a;
+            if (resourceName === '_')
+                return key;
+            var resource = (_a = localization === null || localization === void 0 ? void 0 : localization.values) === null || _a === void 0 ? void 0 : _a[resourceName];
+            if (!resource)
+                return defaultValue;
+            return resource[key] || defaultValue;
+        };
+    }
+    function createLocalizerWithFallback(localization) {
+        var findLocalization = createLocalizationFinder(localization);
+        return function (resourceNames, keys, defaultValue) {
+            var localized = findLocalization(resourceNames, keys).localized;
+            return localized || defaultValue;
+        };
+    }
+    function createLocalizationPipeKeyGenerator(localization) {
+        var findLocalization = createLocalizationFinder(localization);
+        return function (resourceNames, keys, defaultKey) {
+            var _b = findLocalization(resourceNames, keys), resourceName = _b.resourceName, key = _b.key;
+            return !resourceName ? defaultKey : resourceName === '_' ? key : resourceName + "::" + key;
+        };
+    }
+    function createLocalizationFinder(localization) {
+        var localize = createLocalizer(localization);
+        return function (resourceNames, keys) {
+            resourceNames = resourceNames.concat(localization.defaultResourceName).filter(Boolean);
+            var resourceCount = resourceNames.length;
+            var keyCount = keys.length;
+            for (var i = 0; i < resourceCount; i++) {
+                var resourceName = resourceNames[i];
+                for (var j = 0; j < keyCount; j++) {
+                    var key = keys[j];
+                    var localized = localize(resourceName, key, null);
+                    if (localized)
+                        return { resourceName: resourceName, key: key, localized: localized };
                 }
-                return matches;
-            };
+            }
+            return { resourceName: undefined, key: undefined, localized: undefined };
         };
     }
 
-    var PermissionService = /** @class */ (function () {
-        function PermissionService(configState) {
+    function createTokenParser(format) {
+        return function (str) {
+            var tokens = [];
+            var regex = format.replace(/\./g, '\\.').replace(/\{\s?([0-9a-zA-Z]+)\s?\}/g, function (_, token) {
+                tokens.push(token);
+                return '(.+)';
+            });
+            var matches = (str.match(regex) || []).slice(1);
+            return matches.reduce(function (acc, v, i) {
+                var key = tokens[i];
+                acc[key] = __spreadArray(__spreadArray([], __read((acc[key] || []))), [v]).filter(Boolean);
+                return acc;
+            }, {});
+        };
+    }
+    function interpolate(text, params) {
+        return text
+            .replace(/(['"]?\{\s*(\d+)\s*\}['"]?)/g, function (_, match, digit) { var _a; return (_a = params[digit]) !== null && _a !== void 0 ? _a : match; })
+            .replace(/\s+/g, ' ');
+    }
+
+    var SessionStateService = /** @class */ (function () {
+        function SessionStateService(configState) {
+            var _this = this;
             this.configState = configState;
+            this.store = new InternalStore({});
+            this.updateLocalStorage = function () {
+                localStorage.setItem('abpSession', JSON.stringify(_this.store.state));
+            };
+            this.init();
+            this.setInitialLanguage();
         }
-        PermissionService.prototype.getGrantedPolicy$ = function (key) {
+        SessionStateService.prototype.init = function () {
+            var session = localStorage.getItem('abpSession');
+            if (session) {
+                this.store.set(JSON.parse(session));
+            }
+            this.store.sliceUpdate(function (state) { return state; }).subscribe(this.updateLocalStorage);
+        };
+        SessionStateService.prototype.setInitialLanguage = function () {
             var _this = this;
-            return this.getStream().pipe(operators.map(function (grantedPolicies) { return _this.isPolicyGranted(key, grantedPolicies); }));
+            if (this.getLanguage())
+                return;
+            this.configState
+                .getDeep$('localization.currentCulture.cultureName')
+                .pipe(operators.filter(function (cultureName) { return !!cultureName; }), operators.take(1))
+                .subscribe(function (lang) {
+                if (lang.includes(';')) {
+                    lang = lang.split(';')[0];
+                }
+                _this.setLanguage(lang);
+            });
         };
-        PermissionService.prototype.getGrantedPolicy = function (key) {
-            var policies = this.getSnapshot();
-            return this.isPolicyGranted(key, policies);
+        SessionStateService.prototype.onLanguageChange$ = function () {
+            return this.store.sliceUpdate(function (state) { return state.language; });
         };
-        PermissionService.prototype.filterItemsByPolicy = function (items) {
-            var _this = this;
-            var policies = this.getSnapshot();
-            return items.filter(function (item) { return !item.requiredPolicy || _this.isPolicyGranted(item.requiredPolicy, policies); });
+        SessionStateService.prototype.onTenantChange$ = function () {
+            return this.store.sliceUpdate(function (state) { return state.tenant; });
         };
-        PermissionService.prototype.filterItemsByPolicy$ = function (items) {
-            var _this = this;
-            return this.getStream().pipe(operators.map(function (policies) { return items.filter(function (item) { return !item.requiredPolicy || _this.isPolicyGranted(item.requiredPolicy, policies); }); }));
+        SessionStateService.prototype.getLanguage = function () {
+            return this.store.state.language;
         };
-        PermissionService.prototype.isPolicyGranted = function (key, grantedPolicies) {
-            var _this = this;
-            if (!key)
-                return true;
-            var orRegexp = /\|\|/g;
-            var andRegexp = /&&/g;
-            // TODO: Allow combination of ANDs & ORs
-            if (orRegexp.test(key)) {
-                var keys = key.split('||').filter(Boolean);
-                if (keys.length < 2)
-                    return false;
-                return keys.some(function (k) { return _this.getPolicy(k.trim(), grantedPolicies); });
-            }
-            else if (andRegexp.test(key)) {
-                var keys = key.split('&&').filter(Boolean);
-                if (keys.length < 2)
-                    return false;
-                return keys.every(function (k) { return _this.getPolicy(k.trim(), grantedPolicies); });
-            }
-            return this.getPolicy(key, grantedPolicies);
+        SessionStateService.prototype.getLanguage$ = function () {
+            return this.store.sliceState(function (state) { return state.language; });
         };
-        PermissionService.prototype.getStream = function () {
-            return this.configState.getAll$().pipe(operators.map(this.mapToPolicies));
+        SessionStateService.prototype.getTenant = function () {
+            return this.store.state.tenant;
         };
-        PermissionService.prototype.getSnapshot = function () {
-            return this.mapToPolicies(this.configState.getAll());
+        SessionStateService.prototype.getTenant$ = function () {
+            return this.store.sliceState(function (state) { return state.tenant; });
         };
-        PermissionService.prototype.mapToPolicies = function (applicationConfiguration) {
-            return snq__default['default'](function () { return applicationConfiguration.auth.grantedPolicies; }, {});
+        SessionStateService.prototype.setTenant = function (tenant) {
+            if (compare__default['default'](tenant, this.store.state.tenant))
+                return;
+            this.store.set(Object.assign(Object.assign({}, this.store.state), { tenant: tenant }));
         };
-        PermissionService.prototype.getPolicy = function (key, grantedPolicies) {
-            return snq__default['default'](function () { return grantedPolicies[key]; }, false);
+        SessionStateService.prototype.setLanguage = function (language) {
+            if (language === this.store.state.language)
+                return;
+            this.store.patch({ language: language });
+            document.documentElement.setAttribute('lang', language);
         };
-        return PermissionService;
+        return SessionStateService;
     }());
-    PermissionService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function PermissionService_Factory() { return new PermissionService(i0__namespace.ɵɵinject(ConfigStateService)); }, token: PermissionService, providedIn: "root" });
-    PermissionService.decorators = [
-        { type: i0.Injectable, args: [{ providedIn: 'root' },] }
-    ];
-    PermissionService.ctorParameters = function () { return [
-        { type: ConfigStateService }
-    ]; };
+    SessionStateService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: SessionStateService, deps: [{ token: ConfigStateService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    SessionStateService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: SessionStateService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: SessionStateService, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root',
+                    }]
+            }], ctorParameters: function () { return [{ type: ConfigStateService }]; } });
 
-    var AbstractTreeService = /** @class */ (function () {
-        function AbstractTreeService() {
-            this._flat$ = new rxjs.BehaviorSubject([]);
-            this._tree$ = new rxjs.BehaviorSubject([]);
-            this._visible$ = new rxjs.BehaviorSubject([]);
-        }
-        Object.defineProperty(AbstractTreeService.prototype, "flat", {
-            get: function () {
-                return this._flat$.value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(AbstractTreeService.prototype, "flat$", {
-            get: function () {
-                return this._flat$.asObservable();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(AbstractTreeService.prototype, "tree", {
-            get: function () {
-                return this._tree$.value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(AbstractTreeService.prototype, "tree$", {
-            get: function () {
-                return this._tree$.asObservable();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(AbstractTreeService.prototype, "visible", {
+    var LocalizationService = /** @class */ (function () {
+        function LocalizationService(sessionState, injector, otherInstance, configState) {
+            this.sessionState = sessionState;
+            this.injector = injector;
+            this.configState = configState;
+            this.latestLang = this.sessionState.getLanguage();
+            this._languageChange$ = new rxjs.Subject();
+            if (otherInstance)
+                throw new Error('LocalizationService should have only one instance.');
+            this.listenToSetLanguage();
+        }
+        Object.defineProperty(LocalizationService.prototype, "currentLang", {
+            /**
+             * Returns currently selected language
+             */
             get: function () {
-                return this._visible$.value;
+                return this.latestLang || this.sessionState.getLanguage();
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(AbstractTreeService.prototype, "visible$", {
+        Object.defineProperty(LocalizationService.prototype, "languageChange$", {
             get: function () {
-                return this._visible$.asObservable();
+                return this._languageChange$.asObservable();
             },
             enumerable: false,
             configurable: true
         });
-        AbstractTreeService.prototype.createTree = function (items) {
+        LocalizationService.prototype.listenToSetLanguage = function () {
             var _this = this;
-            return createTreeFromList(items, function (item) { return item[_this.id]; }, function (item) { return item[_this.parentId]; }, function (item) { return BaseTreeNode.create(item); });
+            this.sessionState
+                .onLanguageChange$()
+                .pipe(operators.filter(function (lang) { return _this.configState.getDeep('localization.currentCulture.cultureName') !== lang; }), operators.switchMap(function (lang) { return _this.configState.refreshAppState().pipe(operators.mapTo(lang)); }), operators.switchMap(function (lang) { return rxjs.from(_this.registerLocale(lang).then(function () { return lang; })); }))
+                .subscribe(function (lang) { return _this._languageChange$.next(lang); });
         };
-        AbstractTreeService.prototype.filterWith = function (setOrMap) {
+        LocalizationService.prototype.registerLocale = function (locale) {
             var _this = this;
-            return this._flat$.value.filter(function (item) { return !setOrMap.has(item[_this.id]); });
+            var registerLocaleFn = this.injector.get(CORE_OPTIONS).registerLocaleFn;
+            return registerLocaleFn(locale).then(function (module) {
+                if (module === null || module === void 0 ? void 0 : module.default)
+                    i5.registerLocaleData(module.default);
+                _this.latestLang = locale;
+            });
         };
-        AbstractTreeService.prototype.findItemsToRemove = function (set) {
-            var _this = this;
-            return this._flat$.value.reduce(function (acc, item) {
-                if (!acc.has(item[_this.parentId]))
-                    return acc;
-                var childSet = new Set([item[_this.id]]);
-                var children = _this.findItemsToRemove(childSet);
-                return new Set(__spread(acc, children));
-            }, set);
+        /**
+         * Returns an observable localized text with the given interpolation parameters in current language.
+         * @param key Localizaton key to replace with localized text
+         * @param interpolateParams Values to interpolate
+         */
+        LocalizationService.prototype.get = function (key) {
+            var interpolateParams = [];
+            for (var _i = 1; _i < arguments.length; _i++) {
+                interpolateParams[_i - 1] = arguments[_i];
+            }
+            return this.configState
+                .getAll$()
+                .pipe(operators.map(function (state) { return getLocalization.apply(void 0, __spreadArray([state, key], __read(interpolateParams))); }));
         };
-        AbstractTreeService.prototype.publish = function (flatItems, visibleItems) {
-            this._flat$.next(flatItems);
-            this._tree$.next(this.createTree(flatItems));
-            this._visible$.next(this.createTree(visibleItems));
-            return flatItems;
+        LocalizationService.prototype.getResource = function (resourceName) {
+            return this.configState.getDeep("localization.values." + resourceName);
         };
-        AbstractTreeService.prototype.add = function (items) {
-            var _this = this;
-            var map = new Map();
-            items.forEach(function (item) { return map.set(item[_this.id], item); });
-            var flatItems = this.filterWith(map);
-            map.forEach(pushValueTo(flatItems));
-            flatItems.sort(this.sort);
-            var visibleItems = flatItems.filter(function (item) { return !_this.hide(item); });
-            return this.publish(flatItems, visibleItems);
+        LocalizationService.prototype.getResource$ = function (resourceName) {
+            return this.configState.getDeep$("localization.values." + resourceName);
         };
-        AbstractTreeService.prototype.find = function (predicate, tree) {
-            var _this = this;
-            if (tree === void 0) { tree = this.tree; }
-            return tree.reduce(function (acc, node) { return (acc ? acc : predicate(node) ? node : _this.find(predicate, node.children)); }, null);
+        /**
+         * Returns localized text with the given interpolation parameters in current language.
+         * @param key Localization key to replace with localized text
+         * @param interpolateParams Values to intepolate.
+         */
+        LocalizationService.prototype.instant = function (key) {
+            var interpolateParams = [];
+            for (var _i = 1; _i < arguments.length; _i++) {
+                interpolateParams[_i - 1] = arguments[_i];
+            }
+            return getLocalization.apply(void 0, __spreadArray([this.configState.getAll(), key], __read(interpolateParams)));
         };
-        AbstractTreeService.prototype.patch = function (identifier, props) {
-            var _this = this;
-            var flatItems = this._flat$.value;
-            var index = flatItems.findIndex(function (item) { return item[_this.id] === identifier; });
-            if (index < 0)
-                return false;
-            flatItems[index] = Object.assign(Object.assign({}, flatItems[index]), props);
-            flatItems.sort(this.sort);
-            var visibleItems = flatItems.filter(function (item) { return !_this.hide(item); });
-            return this.publish(flatItems, visibleItems);
+        LocalizationService.prototype.localize = function (resourceName, key, defaultValue) {
+            return this.configState.getOne$('localization').pipe(operators.map(createLocalizer), operators.map(function (localize) { return localize(resourceName, key, defaultValue); }));
         };
-        AbstractTreeService.prototype.refresh = function () {
-            return this.add([]);
+        LocalizationService.prototype.localizeSync = function (resourceName, key, defaultValue) {
+            var localization = this.configState.getOne('localization');
+            return createLocalizer(localization)(resourceName, key, defaultValue);
         };
-        AbstractTreeService.prototype.remove = function (identifiers) {
-            var _this = this;
-            var set = new Set();
-            identifiers.forEach(function (id) { return set.add(id); });
-            var setToRemove = this.findItemsToRemove(set);
-            var flatItems = this.filterWith(setToRemove);
-            var visibleItems = flatItems.filter(function (item) { return !_this.hide(item); });
-            return this.publish(flatItems, visibleItems);
+        LocalizationService.prototype.localizeWithFallback = function (resourceNames, keys, defaultValue) {
+            return this.configState.getOne$('localization').pipe(operators.map(createLocalizerWithFallback), operators.map(function (localizeWithFallback) { return localizeWithFallback(resourceNames, keys, defaultValue); }));
         };
-        AbstractTreeService.prototype.search = function (params, tree) {
-            var _this = this;
-            if (tree === void 0) { tree = this.tree; }
-            var searchKeys = Object.keys(params);
-            return tree.reduce(function (acc, node) { return acc
-                ? acc
-                : searchKeys.every(function (key) { return node[key] === params[key]; })
-                    ? node
-                    : _this.search(params, node.children); }, null);
+        LocalizationService.prototype.localizeWithFallbackSync = function (resourceNames, keys, defaultValue) {
+            var localization = this.configState.getOne('localization');
+            return createLocalizerWithFallback(localization)(resourceNames, keys, defaultValue);
         };
-        return AbstractTreeService;
+        return LocalizationService;
     }());
-    var AbstractNavTreeService = /** @class */ (function (_super) {
-        __extends(AbstractNavTreeService, _super);
-        function AbstractNavTreeService(injector) {
-            var _this = _super.call(this) || this;
-            _this.injector = injector;
-            _this.id = 'name';
-            _this.parentId = 'parentName';
-            _this.hide = function (item) { return item.invisible || !_this.isGranted(item); };
-            _this.sort = function (a, b) {
-                if (!Number.isInteger(a.order))
-                    return 1;
-                if (!Number.isInteger(b.order))
-                    return -1;
-                return a.order - b.order;
-            };
-            var configState = _this.injector.get(ConfigStateService);
-            _this.subscription = configState
-                .createOnUpdateStream(function (state) { return state; })
-                .subscribe(function () { return _this.refresh(); });
-            _this.permissionService = injector.get(PermissionService);
-            return _this;
+    LocalizationService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: LocalizationService, deps: [{ token: SessionStateService }, { token: i0__namespace.Injector }, { token: LocalizationService, optional: true, skipSelf: true }, { token: ConfigStateService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    LocalizationService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: LocalizationService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: LocalizationService, decorators: [{
+                type: i0.Injectable,
+                args: [{ providedIn: 'root' }]
+            }], ctorParameters: function () {
+            return [{ type: SessionStateService }, { type: i0__namespace.Injector }, { type: LocalizationService, decorators: [{
+                            type: i0.Optional
+                        }, {
+                            type: i0.SkipSelf
+                        }] }, { type: ConfigStateService }];
+        } });
+    function getLocalization(state, key) {
+        var interpolateParams = [];
+        for (var _i = 2; _i < arguments.length; _i++) {
+            interpolateParams[_i - 2] = arguments[_i];
         }
-        AbstractNavTreeService.prototype.isGranted = function (_b) {
-            var requiredPolicy = _b.requiredPolicy;
-            return this.permissionService.getGrantedPolicy(requiredPolicy);
-        };
-        AbstractNavTreeService.prototype.hasChildren = function (identifier) {
-            var _this = this;
-            var _a;
-            var node = this.find(function (item) { return item[_this.id] === identifier; });
-            return Boolean((_a = node === null || node === void 0 ? void 0 : node.children) === null || _a === void 0 ? void 0 : _a.length);
-        };
-        AbstractNavTreeService.prototype.hasInvisibleChild = function (identifier) {
-            var _this = this;
-            var _a;
-            var node = this.find(function (item) { return item[_this.id] === identifier; });
-            return (_a = node === null || node === void 0 ? void 0 : node.children) === null || _a === void 0 ? void 0 : _a.some(function (child) { return child.invisible; });
-        };
-        /* istanbul ignore next */
-        AbstractNavTreeService.prototype.ngOnDestroy = function () {
-            this.subscription.unsubscribe();
+        if (!key)
+            key = '';
+        var defaultValue;
+        if (typeof key !== 'string') {
+            defaultValue = key.defaultValue;
+            key = key.key;
+        }
+        var keys = key.split('::');
+        var warn = function (message) {
+            if (i0.isDevMode)
+                console.warn(message);
         };
-        return AbstractNavTreeService;
-    }(AbstractTreeService));
-    AbstractNavTreeService.decorators = [
-        { type: i0.Injectable }
-    ];
-    AbstractNavTreeService.ctorParameters = function () { return [
-        { type: i0.Injector }
-    ]; };
-    var RoutesService = /** @class */ (function (_super) {
-        __extends(RoutesService, _super);
-        function RoutesService() {
-            return _super !== null && _super.apply(this, arguments) || this;
+        if (keys.length < 2) {
+            warn('The localization source separator (::) not found.');
+            return defaultValue || key;
         }
-        return RoutesService;
-    }(AbstractNavTreeService));
-    RoutesService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function RoutesService_Factory() { return new RoutesService(i0__namespace.ɵɵinject(i0__namespace.INJECTOR)); }, token: RoutesService, providedIn: "root" });
-    RoutesService.decorators = [
-        { type: i0.Injectable, args: [{ providedIn: 'root' },] }
-    ];
-    var SettingTabsService = /** @class */ (function (_super) {
-        __extends(SettingTabsService, _super);
-        function SettingTabsService() {
-            return _super !== null && _super.apply(this, arguments) || this;
+        if (!state.localization)
+            return defaultValue || keys[1];
+        var sourceName = keys[0] || state.localization.defaultResourceName;
+        var sourceKey = keys[1];
+        if (sourceName === '_') {
+            return defaultValue || sourceKey;
         }
-        return SettingTabsService;
-    }(AbstractNavTreeService));
-    SettingTabsService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function SettingTabsService_Factory() { return new SettingTabsService(i0__namespace.ɵɵinject(i0__namespace.INJECTOR)); }, token: SettingTabsService, providedIn: "root" });
-    SettingTabsService.decorators = [
-        { type: i0.Injectable, args: [{ providedIn: 'root' },] }
-    ];
+        if (!sourceName) {
+            warn('Localization source name is not specified and the defaultResourceName was not defined!');
+            return defaultValue || sourceKey;
+        }
+        var source = state.localization.values[sourceName];
+        if (!source) {
+            warn('Could not find localization source: ' + sourceName);
+            return defaultValue || sourceKey;
+        }
+        var localization = source[sourceKey];
+        if (typeof localization === 'undefined') {
+            return defaultValue || sourceKey;
+        }
+        interpolateParams = interpolateParams.filter(function (params) { return params != null; });
+        if (localization)
+            localization = interpolate(localization, interpolateParams);
+        if (typeof localization !== 'string')
+            localization = '';
+        return localization || defaultValue || key;
+    }
 
-    var SubscriptionService = /** @class */ (function () {
-        function SubscriptionService() {
-            this.subscription = new rxjs.Subscription();
+    var ReplaceableComponentsService = /** @class */ (function () {
+        function ReplaceableComponentsService(ngZone, router) {
+            this.ngZone = ngZone;
+            this.router = router;
+            this.store = new InternalStore([]);
         }
-        Object.defineProperty(SubscriptionService.prototype, "isClosed", {
+        Object.defineProperty(ReplaceableComponentsService.prototype, "replaceableComponents$", {
             get: function () {
-                return this.subscription.closed;
+                return this.store.sliceState(function (state) { return state; });
             },
             enumerable: false,
             configurable: true
         });
-        SubscriptionService.prototype.addOne = function (source$, nextOrObserver, error) {
-            var subscription = source$.subscribe(nextOrObserver, error);
-            this.subscription.add(subscription);
-            return subscription;
+        Object.defineProperty(ReplaceableComponentsService.prototype, "replaceableComponents", {
+            get: function () {
+                return this.store.state;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(ReplaceableComponentsService.prototype, "onUpdate$", {
+            get: function () {
+                return this.store.sliceUpdate(function (state) { return state; });
+            },
+            enumerable: false,
+            configurable: true
+        });
+        ReplaceableComponentsService.prototype.add = function (replaceableComponent, reload) {
+            var replaceableComponents = __spreadArray([], __read(this.store.state));
+            var index = replaceableComponents.findIndex(function (component) { return component.key === replaceableComponent.key; });
+            if (index > -1) {
+                replaceableComponents[index] = replaceableComponent;
+            }
+            else {
+                replaceableComponents.push(replaceableComponent);
+            }
+            this.store.set(replaceableComponents);
+            if (reload)
+                reloadRoute(this.router, this.ngZone);
+        };
+        ReplaceableComponentsService.prototype.get = function (replaceableComponentKey) {
+            return this.replaceableComponents.find(function (component) { return component.key === replaceableComponentKey; });
         };
-        SubscriptionService.prototype.closeAll = function () {
-            this.subscription.unsubscribe();
+        ReplaceableComponentsService.prototype.get$ = function (replaceableComponentKey) {
+            return this.replaceableComponents$.pipe(operators.map(function (components) { return components.find(function (component) { return component.key === replaceableComponentKey; }); }));
         };
-        SubscriptionService.prototype.closeOne = function (subscription) {
-            this.removeOne(subscription);
-            subscription.unsubscribe();
+        return ReplaceableComponentsService;
+    }());
+    ReplaceableComponentsService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: ReplaceableComponentsService, deps: [{ token: i0__namespace.NgZone }, { token: i1__namespace$1.Router }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    ReplaceableComponentsService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: ReplaceableComponentsService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: ReplaceableComponentsService, decorators: [{
+                type: i0.Injectable,
+                args: [{ providedIn: 'root' }]
+            }], ctorParameters: function () { return [{ type: i0__namespace.NgZone }, { type: i1__namespace$1.Router }]; } });
+
+    var NavigationEvent = {
+        Cancel: i1$1.NavigationCancel,
+        End: i1$1.NavigationEnd,
+        Error: i1$1.NavigationError,
+        Start: i1$1.NavigationStart,
+    };
+    var RouterEvents = /** @class */ (function () {
+        function RouterEvents(router) {
+            this.router = router;
+        }
+        RouterEvents.prototype.getEvents = function () {
+            var eventTypes = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                eventTypes[_i] = arguments[_i];
+            }
+            var filterRouterEvents = function (event) { return eventTypes.some(function (type) { return event instanceof type; }); };
+            return this.router.events.pipe(operators.filter(filterRouterEvents));
         };
-        SubscriptionService.prototype.ngOnDestroy = function () {
-            this.subscription.unsubscribe();
+        RouterEvents.prototype.getNavigationEvents = function () {
+            var navigationEventKeys = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                navigationEventKeys[_i] = arguments[_i];
+            }
+            var filterNavigationEvents = function (event) { return navigationEventKeys.some(function (key) { return event instanceof NavigationEvent[key]; }); };
+            return this.router.events.pipe(operators.filter(filterNavigationEvents));
         };
-        SubscriptionService.prototype.removeOne = function (subscription) {
-            if (!subscription)
-                return;
-            this.subscription.remove(subscription);
+        RouterEvents.prototype.getAllEvents = function () {
+            return this.router.events;
         };
-        SubscriptionService.prototype.reset = function () {
-            this.subscription.unsubscribe();
-            this.subscription = new rxjs.Subscription();
+        RouterEvents.prototype.getAllNavigationEvents = function () {
+            var keys = Object.keys(NavigationEvent);
+            return this.getNavigationEvents.apply(this, __spreadArray([], __read(keys)));
         };
-        return SubscriptionService;
+        return RouterEvents;
     }());
-    SubscriptionService.decorators = [
-        { type: i0.Injectable }
-    ];
+    RouterEvents.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: RouterEvents, deps: [{ token: i1__namespace$1.Router }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    RouterEvents.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: RouterEvents, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: RouterEvents, decorators: [{
+                type: i0.Injectable,
+                args: [{ providedIn: 'root' }]
+            }], ctorParameters: function () { return [{ type: i1__namespace$1.Router }]; } });
 
     var DynamicLayoutComponent = /** @class */ (function () {
         function DynamicLayoutComponent(injector, localizationService, replaceableComponents, subscription, routerEvents, dynamicLayoutComponent) {
@@ -1680,8 +1631,8 @@
             this.isLayoutVisible = true;
             if (dynamicLayoutComponent)
                 return;
-            this.route = injector.get(i1.ActivatedRoute);
-            this.router = injector.get(i1.Router);
+            this.route = injector.get(i1$1.ActivatedRoute);
+            this.router = injector.get(i1$1.Router);
             this.routes = injector.get(RoutesService);
             this.getLayout();
             this.checkLayoutOnNavigationEnd();
@@ -1726,21 +1677,22 @@
         };
         return DynamicLayoutComponent;
     }());
-    DynamicLayoutComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'abp-dynamic-layout',
-                    template: "\n    <ng-container *ngTemplateOutlet=\"layout ? componentOutlet : routerOutlet\"></ng-container>\n    <ng-template #routerOutlet><router-outlet></router-outlet></ng-template>\n    <ng-template #componentOutlet\n      ><ng-container *ngIf=\"isLayoutVisible\" [ngComponentOutlet]=\"layout\"></ng-container\n    ></ng-template>\n  ",
-                    providers: [SubscriptionService]
-                },] }
-    ];
-    DynamicLayoutComponent.ctorParameters = function () { return [
-        { type: i0.Injector },
-        { type: LocalizationService },
-        { type: ReplaceableComponentsService },
-        { type: SubscriptionService },
-        { type: RouterEvents },
-        { type: DynamicLayoutComponent, decorators: [{ type: i0.Optional }, { type: i0.SkipSelf }] }
-    ]; };
+    DynamicLayoutComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: DynamicLayoutComponent, deps: [{ token: i0__namespace.Injector }, { token: LocalizationService }, { token: ReplaceableComponentsService }, { token: SubscriptionService }, { token: RouterEvents }, { token: DynamicLayoutComponent, optional: true, skipSelf: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    DynamicLayoutComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.6", type: DynamicLayoutComponent, selector: "abp-dynamic-layout", providers: [SubscriptionService], ngImport: i0__namespace, template: "\n    <ng-container *ngTemplateOutlet=\"layout ? componentOutlet : routerOutlet\"></ng-container>\n    <ng-template #routerOutlet><router-outlet></router-outlet></ng-template>\n    <ng-template #componentOutlet\n      ><ng-container *ngIf=\"isLayoutVisible\" [ngComponentOutlet]=\"layout\"></ng-container\n    ></ng-template>\n  ", isInline: true, directives: [{ type: i5__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1__namespace$1.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate"], exportAs: ["outlet"] }, { type: i5__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5__namespace.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModuleFactory"] }] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: DynamicLayoutComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'abp-dynamic-layout',
+                        template: "\n    <ng-container *ngTemplateOutlet=\"layout ? componentOutlet : routerOutlet\"></ng-container>\n    <ng-template #routerOutlet><router-outlet></router-outlet></ng-template>\n    <ng-template #componentOutlet\n      ><ng-container *ngIf=\"isLayoutVisible\" [ngComponentOutlet]=\"layout\"></ng-container\n    ></ng-template>\n  ",
+                        providers: [SubscriptionService],
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: i0__namespace.Injector }, { type: LocalizationService }, { type: ReplaceableComponentsService }, { type: SubscriptionService }, { type: RouterEvents }, { type: DynamicLayoutComponent, decorators: [{
+                            type: i0.Optional
+                        }, {
+                            type: i0.SkipSelf
+                        }] }];
+        } });
 
     var ReplaceableRouteContainerComponent = /** @class */ (function () {
         function ReplaceableRouteContainerComponent(route, replaceableComponents, subscription) {
@@ -1751,8 +1703,7 @@
         ReplaceableRouteContainerComponent.prototype.ngOnInit = function () {
             var _this = this;
             this.defaultComponent = this.route.snapshot.data.replaceableComponent.defaultComponent;
-            this.componentKey = this.route.snapshot.data
-                .replaceableComponent.key;
+            this.componentKey = this.route.snapshot.data.replaceableComponent.key;
             var component$ = this.replaceableComponents
                 .get$(this.componentKey)
                 .pipe(operators.distinctUntilChanged());
@@ -1763,30 +1714,31 @@
         };
         return ReplaceableRouteContainerComponent;
     }());
-    ReplaceableRouteContainerComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'abp-replaceable-route-container',
-                    template: "\n    <ng-container *ngComponentOutlet=\"externalComponent || defaultComponent\"></ng-container>\n  ",
-                    providers: [SubscriptionService]
-                },] }
-    ];
-    ReplaceableRouteContainerComponent.ctorParameters = function () { return [
-        { type: i1.ActivatedRoute },
-        { type: ReplaceableComponentsService },
-        { type: SubscriptionService }
-    ]; };
+    ReplaceableRouteContainerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: ReplaceableRouteContainerComponent, deps: [{ token: i1__namespace$1.ActivatedRoute }, { token: ReplaceableComponentsService }, { token: SubscriptionService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    ReplaceableRouteContainerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.6", type: ReplaceableRouteContainerComponent, selector: "abp-replaceable-route-container", providers: [SubscriptionService], ngImport: i0__namespace, template: "\n    <ng-container *ngComponentOutlet=\"externalComponent || defaultComponent\"></ng-container>\n  ", isInline: true, directives: [{ type: i5__namespace.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModuleFactory"] }] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: ReplaceableRouteContainerComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'abp-replaceable-route-container',
+                        template: "\n    <ng-container *ngComponentOutlet=\"externalComponent || defaultComponent\"></ng-container>\n  ",
+                        providers: [SubscriptionService],
+                    }]
+            }], ctorParameters: function () { return [{ type: i1__namespace$1.ActivatedRoute }, { type: ReplaceableComponentsService }, { type: SubscriptionService }]; } });
 
     var RouterOutletComponent = /** @class */ (function () {
         function RouterOutletComponent() {
         }
         return RouterOutletComponent;
     }());
-    RouterOutletComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'abp-router-outlet',
-                    template: "\n    <router-outlet></router-outlet>\n  "
-                },] }
-    ];
+    RouterOutletComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: RouterOutletComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    RouterOutletComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.6", type: RouterOutletComponent, selector: "abp-router-outlet", ngImport: i0__namespace, template: " <router-outlet></router-outlet> ", isInline: true, directives: [{ type: i1__namespace$1.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate"], exportAs: ["outlet"] }] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: RouterOutletComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'abp-router-outlet',
+                        template: " <router-outlet></router-outlet> ",
+                    }]
+            }] });
 
     // Different locales from .NET
     // Key is .NET locale, value is Angular locale
@@ -2136,18 +2088,18 @@
         };
         return AutofocusDirective;
     }());
-    AutofocusDirective.decorators = [
-        { type: i0.Directive, args: [{
-                    // tslint:disable-next-line: directive-selector
-                    selector: '[autofocus]'
-                },] }
-    ];
-    AutofocusDirective.ctorParameters = function () { return [
-        { type: i0.ElementRef }
-    ]; };
-    AutofocusDirective.propDecorators = {
-        delay: [{ type: i0.Input, args: ['autofocus',] }]
-    };
+    AutofocusDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: AutofocusDirective, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    AutofocusDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.6", type: AutofocusDirective, selector: "[autofocus]", inputs: { delay: ["autofocus", "delay"] }, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: AutofocusDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        // eslint-disable-next-line @angular-eslint/directive-selector
+                        selector: '[autofocus]',
+                    }]
+            }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }]; }, propDecorators: { delay: [{
+                    type: i0.Input,
+                    args: ['autofocus']
+                }] } });
 
     var InputEventDebounceDirective = /** @class */ (function () {
         function InputEventDebounceDirective(el, subscription) {
@@ -2165,21 +2117,21 @@
         };
         return InputEventDebounceDirective;
     }());
-    InputEventDebounceDirective.decorators = [
-        { type: i0.Directive, args: [{
-                    // tslint:disable-next-line: directive-selector
-                    selector: '[input.debounce]',
-                    providers: [SubscriptionService],
-                },] }
-    ];
-    InputEventDebounceDirective.ctorParameters = function () { return [
-        { type: i0.ElementRef },
-        { type: SubscriptionService }
-    ]; };
-    InputEventDebounceDirective.propDecorators = {
-        debounce: [{ type: i0.Input }],
-        debounceEvent: [{ type: i0.Output, args: ['input.debounce',] }]
-    };
+    InputEventDebounceDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: InputEventDebounceDirective, deps: [{ token: i0__namespace.ElementRef }, { token: SubscriptionService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    InputEventDebounceDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.6", type: InputEventDebounceDirective, selector: "[input.debounce]", inputs: { debounce: "debounce" }, outputs: { debounceEvent: "input.debounce" }, providers: [SubscriptionService], ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: InputEventDebounceDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        // eslint-disable-next-line @angular-eslint/directive-selector
+                        selector: '[input.debounce]',
+                        providers: [SubscriptionService],
+                    }]
+            }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: SubscriptionService }]; }, propDecorators: { debounce: [{
+                    type: i0.Input
+                }], debounceEvent: [{
+                    type: i0.Output,
+                    args: ['input.debounce']
+                }] } });
 
     var AbpForContext = /** @class */ (function () {
         function AbpForContext($implicit, index, count, list) {
@@ -2254,7 +2206,6 @@
         ForDirective.prototype.projectItems = function (items) {
             if (!items.length && this.emptyRef) {
                 this.vcRef.clear();
-                // tslint:disable-next-line: no-unused-expression
                 this.vcRef.createEmbeddedView(this.emptyRef).rootNodes;
                 this.isShowEmptyRef = true;
                 this.differ = null;
@@ -2278,7 +2229,7 @@
         ForDirective.prototype.sortItems = function (items) {
             var _this = this;
             if (this.orderBy) {
-                items.sort(function (a, b) { return (a[_this.orderBy] > b[_this.orderBy] ? 1 : a[_this.orderBy] < b[_this.orderBy] ? -1 : 0); });
+                items.sort(function (a, b) { return a[_this.orderBy] > b[_this.orderBy] ? 1 : a[_this.orderBy] < b[_this.orderBy] ? -1 : 0; });
             }
             else {
                 items.sort();
@@ -2290,7 +2241,9 @@
             if (!Array.isArray(items))
                 return;
             var compareFn = this.compareFn;
-            if (typeof this.filterBy !== 'undefined' && typeof this.filterVal !== 'undefined' && this.filterVal !== '') {
+            if (typeof this.filterBy !== 'undefined' &&
+                typeof this.filterVal !== 'undefined' &&
+                this.filterVal !== '') {
                 items = items.filter(function (item) { return compareFn(item[_this.filterBy], _this.filterVal); });
             }
             switch (this.orderDir) {
@@ -2309,26 +2262,38 @@
         };
         return ForDirective;
     }());
-    ForDirective.decorators = [
-        { type: i0.Directive, args: [{
-                    selector: '[abpFor]',
-                },] }
-    ];
-    ForDirective.ctorParameters = function () { return [
-        { type: i0.TemplateRef },
-        { type: i0.ViewContainerRef },
-        { type: i0.IterableDiffers }
-    ]; };
-    ForDirective.propDecorators = {
-        items: [{ type: i0.Input, args: ['abpForOf',] }],
-        orderBy: [{ type: i0.Input, args: ['abpForOrderBy',] }],
-        orderDir: [{ type: i0.Input, args: ['abpForOrderDir',] }],
-        filterBy: [{ type: i0.Input, args: ['abpForFilterBy',] }],
-        filterVal: [{ type: i0.Input, args: ['abpForFilterVal',] }],
-        trackBy: [{ type: i0.Input, args: ['abpForTrackBy',] }],
-        compareBy: [{ type: i0.Input, args: ['abpForCompareBy',] }],
-        emptyRef: [{ type: i0.Input, args: ['abpForEmptyRef',] }]
-    };
+    ForDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: ForDirective, deps: [{ token: i0__namespace.TemplateRef }, { token: i0__namespace.ViewContainerRef }, { token: i0__namespace.IterableDiffers }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    ForDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.6", type: ForDirective, selector: "[abpFor]", inputs: { items: ["abpForOf", "items"], orderBy: ["abpForOrderBy", "orderBy"], orderDir: ["abpForOrderDir", "orderDir"], filterBy: ["abpForFilterBy", "filterBy"], filterVal: ["abpForFilterVal", "filterVal"], trackBy: ["abpForTrackBy", "trackBy"], compareBy: ["abpForCompareBy", "compareBy"], emptyRef: ["abpForEmptyRef", "emptyRef"] }, usesOnChanges: true, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: ForDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        selector: '[abpFor]',
+                    }]
+            }], ctorParameters: function () { return [{ type: i0__namespace.TemplateRef }, { type: i0__namespace.ViewContainerRef }, { type: i0__namespace.IterableDiffers }]; }, propDecorators: { items: [{
+                    type: i0.Input,
+                    args: ['abpForOf']
+                }], orderBy: [{
+                    type: i0.Input,
+                    args: ['abpForOrderBy']
+                }], orderDir: [{
+                    type: i0.Input,
+                    args: ['abpForOrderDir']
+                }], filterBy: [{
+                    type: i0.Input,
+                    args: ['abpForFilterBy']
+                }], filterVal: [{
+                    type: i0.Input,
+                    args: ['abpForFilterVal']
+                }], trackBy: [{
+                    type: i0.Input,
+                    args: ['abpForTrackBy']
+                }], compareBy: [{
+                    type: i0.Input,
+                    args: ['abpForCompareBy']
+                }], emptyRef: [{
+                    type: i0.Input,
+                    args: ['abpForEmptyRef']
+                }] } });
 
     var FormSubmitDirective = /** @class */ (function () {
         function FormSubmitDirective(formGroupDirective, host, cdRef, subscription) {
@@ -2362,24 +2327,26 @@
         };
         return FormSubmitDirective;
     }());
-    FormSubmitDirective.decorators = [
-        { type: i0.Directive, args: [{
-                    // tslint:disable-next-line: directive-selector
-                    selector: 'form[ngSubmit][formGroup]',
-                    providers: [SubscriptionService],
-                },] }
-    ];
-    FormSubmitDirective.ctorParameters = function () { return [
-        { type: forms.FormGroupDirective, decorators: [{ type: i0.Self }] },
-        { type: i0.ElementRef },
-        { type: i0.ChangeDetectorRef },
-        { type: SubscriptionService }
-    ]; };
-    FormSubmitDirective.propDecorators = {
-        debounce: [{ type: i0.Input }],
-        notValidateOnSubmit: [{ type: i0.Input }],
-        ngSubmit: [{ type: i0.Output }]
-    };
+    FormSubmitDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: FormSubmitDirective, deps: [{ token: i1__namespace$2.FormGroupDirective, self: true }, { token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }, { token: SubscriptionService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    FormSubmitDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.6", type: FormSubmitDirective, selector: "form[ngSubmit][formGroup]", inputs: { debounce: "debounce", notValidateOnSubmit: "notValidateOnSubmit" }, outputs: { ngSubmit: "ngSubmit" }, providers: [SubscriptionService], ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: FormSubmitDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        // eslint-disable-next-line @angular-eslint/directive-selector
+                        selector: 'form[ngSubmit][formGroup]',
+                        providers: [SubscriptionService],
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: i1__namespace$2.FormGroupDirective, decorators: [{
+                            type: i0.Self
+                        }] }, { type: i0__namespace.ElementRef }, { type: i0__namespace.ChangeDetectorRef }, { type: SubscriptionService }];
+        }, propDecorators: { debounce: [{
+                    type: i0.Input
+                }], notValidateOnSubmit: [{
+                    type: i0.Input
+                }], ngSubmit: [{
+                    type: i0.Output
+                }] } });
     function setDirty(controls) {
         if (Array.isArray(controls)) {
             controls.forEach(function (group) {
@@ -2403,15 +2370,15 @@
         };
         return InitDirective;
     }());
-    InitDirective.decorators = [
-        { type: i0.Directive, args: [{ selector: '[abpInit]' },] }
-    ];
-    InitDirective.ctorParameters = function () { return [
-        { type: i0.ElementRef }
-    ]; };
-    InitDirective.propDecorators = {
-        init: [{ type: i0.Output, args: ['abpInit',] }]
-    };
+    InitDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: InitDirective, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    InitDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.6", type: InitDirective, selector: "[abpInit]", outputs: { init: "abpInit" }, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: InitDirective, decorators: [{
+                type: i0.Directive,
+                args: [{ selector: '[abpInit]' }]
+            }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }]; }, propDecorators: { init: [{
+                    type: i0.Output,
+                    args: ['abpInit']
+                }] } });
 
     var PermissionDirective = /** @class */ (function () {
         function PermissionDirective(elRef, renderer, templateRef, vcRef, permissionService, cdRef) {
@@ -2431,26 +2398,12 @@
                 .getGrantedPolicy$(this.condition)
                 .pipe(operators.distinctUntilChanged())
                 .subscribe(function (isGranted) {
-                if (_this.templateRef)
-                    _this.initStructural(isGranted);
-                else
-                    _this.initAttribute(isGranted);
+                _this.vcRef.clear();
+                if (isGranted)
+                    _this.vcRef.createEmbeddedView(_this.templateRef);
                 _this.cdRef.detectChanges();
             });
         };
-        PermissionDirective.prototype.initStructural = function (isGranted) {
-            this.vcRef.clear();
-            if (isGranted)
-                this.vcRef.createEmbeddedView(this.templateRef);
-        };
-        /**
-         * @deprecated Will be deleted in v5.0
-         */
-        PermissionDirective.prototype.initAttribute = function (isGranted) {
-            if (!isGranted) {
-                this.renderer.removeChild(this.elRef.nativeElement.parentElement, this.elRef.nativeElement);
-            }
-        };
         PermissionDirective.prototype.ngOnDestroy = function () {
             if (this.subscription)
                 this.subscription.unsubscribe();
@@ -2460,22 +2413,21 @@
         };
         return PermissionDirective;
     }());
-    PermissionDirective.decorators = [
-        { type: i0.Directive, args: [{
-                    selector: '[abpPermission]',
-                },] }
-    ];
-    PermissionDirective.ctorParameters = function () { return [
-        { type: i0.ElementRef },
-        { type: i0.Renderer2 },
-        { type: i0.TemplateRef, decorators: [{ type: i0.Optional }] },
-        { type: i0.ViewContainerRef },
-        { type: PermissionService },
-        { type: i0.ChangeDetectorRef }
-    ]; };
-    PermissionDirective.propDecorators = {
-        condition: [{ type: i0.Input, args: ['abpPermission',] }]
-    };
+    PermissionDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: PermissionDirective, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.Renderer2 }, { token: i0__namespace.TemplateRef, optional: true }, { token: i0__namespace.ViewContainerRef }, { token: PermissionService }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    PermissionDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.6", type: PermissionDirective, selector: "[abpPermission]", inputs: { condition: ["abpPermission", "condition"] }, usesOnChanges: true, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: PermissionDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        selector: '[abpPermission]',
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: i0__namespace.ElementRef }, { type: i0__namespace.Renderer2 }, { type: i0__namespace.TemplateRef, decorators: [{
+                            type: i0.Optional
+                        }] }, { type: i0__namespace.ViewContainerRef }, { type: PermissionService }, { type: i0__namespace.ChangeDetectorRef }];
+        }, propDecorators: { condition: [{
+                    type: i0.Input,
+                    args: ['abpPermission']
+                }] } });
 
     var ReplaceableTemplateDirective = /** @class */ (function () {
         function ReplaceableTemplateDirective(injector, templateRef, cfRes, vcRef, replaceableComponents, subscription) {
@@ -2486,7 +2438,10 @@
             this.vcRef = vcRef;
             this.replaceableComponents = replaceableComponents;
             this.subscription = subscription;
-            this.providedData = { inputs: {}, outputs: {} };
+            this.providedData = {
+                inputs: {},
+                outputs: {},
+            };
             this.context = {};
             this.defaultComponentSubscriptions = {};
             this.initialized = false;
@@ -2528,7 +2483,8 @@
             });
         };
         ReplaceableTemplateDirective.prototype.ngOnChanges = function (changes) {
-            if (snq__default['default'](function () { return changes.data.currentValue.inputs; }) && this.defaultComponentRef) {
+            var _a, _b;
+            if (((_b = (_a = changes === null || changes === void 0 ? void 0 : changes.data) === null || _a === void 0 ? void 0 : _a.currentValue) === null || _b === void 0 ? void 0 : _b.inputs) && this.defaultComponentRef) {
                 this.setDefaultComponentInputs();
             }
         };
@@ -2538,7 +2494,7 @@
                 return;
             if (this.data.inputs) {
                 for (var key in this.data.inputs) {
-                    if (this.data.inputs.hasOwnProperty(key)) {
+                    if (Object.prototype.hasOwnProperty.call(this.data.inputs, key)) {
                         if (!compare__default['default'](this.defaultComponentRef[key], this.data.inputs[key].value)) {
                             this.defaultComponentRef[key] = this.data.inputs[key].value;
                         }
@@ -2547,7 +2503,7 @@
             }
             if (this.data.outputs) {
                 var _loop_1 = function (key) {
-                    if (this_1.data.outputs.hasOwnProperty(key)) {
+                    if (Object.prototype.hasOwnProperty.call(this_1.data.outputs, key)) {
                         if (!this_1.defaultComponentSubscriptions[key]) {
                             this_1.defaultComponentSubscriptions[key] = this_1.defaultComponentRef[key].subscribe(function (value) {
                                 _this.data.outputs[key](value);
@@ -2567,13 +2523,13 @@
             if (!this.data.inputs)
                 return;
             Object.defineProperties(this.providedData.inputs, Object.assign({}, Object.keys(this.data.inputs).reduce(function (acc, key) {
-                var _a;
-                return (Object.assign(Object.assign({}, acc), (_a = {}, _a[key] = Object.assign({ enumerable: true, configurable: true, get: function () { return _this.data.inputs[key].value; } }, (_this.data.inputs[key].twoWay && {
+                var _c;
+                return (Object.assign(Object.assign({}, acc), (_c = {}, _c[key] = Object.assign({ enumerable: true, configurable: true, get: function () { return _this.data.inputs[key].value; } }, (_this.data.inputs[key].twoWay && {
                     set: function (newValue) {
                         _this.data.inputs[key].value = newValue;
                         _this.data.outputs[key + "Change"](newValue);
                     },
-                })), _a)));
+                })), _c)));
             }, {})));
         };
         ReplaceableTemplateDirective.prototype.resetDefaultComponent = function () {
@@ -2586,20 +2542,18 @@
         };
         return ReplaceableTemplateDirective;
     }());
-    ReplaceableTemplateDirective.decorators = [
-        { type: i0.Directive, args: [{ selector: '[abpReplaceableTemplate]', providers: [SubscriptionService] },] }
-    ];
-    ReplaceableTemplateDirective.ctorParameters = function () { return [
-        { type: i0.Injector },
-        { type: i0.TemplateRef },
-        { type: i0.ComponentFactoryResolver },
-        { type: i0.ViewContainerRef },
-        { type: ReplaceableComponentsService },
-        { type: SubscriptionService }
-    ]; };
-    ReplaceableTemplateDirective.propDecorators = {
-        data: [{ type: i0.Input, args: ['abpReplaceableTemplate',] }]
-    };
+    ReplaceableTemplateDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: ReplaceableTemplateDirective, deps: [{ token: i0__namespace.Injector }, { token: i0__namespace.TemplateRef }, { token: i0__namespace.ComponentFactoryResolver }, { token: i0__namespace.ViewContainerRef }, { token: ReplaceableComponentsService }, { token: SubscriptionService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    ReplaceableTemplateDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.6", type: ReplaceableTemplateDirective, selector: "[abpReplaceableTemplate]", inputs: { data: ["abpReplaceableTemplate", "data"] }, providers: [SubscriptionService], usesOnChanges: true, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: ReplaceableTemplateDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        selector: '[abpReplaceableTemplate]',
+                        providers: [SubscriptionService],
+                    }]
+            }], ctorParameters: function () { return [{ type: i0__namespace.Injector }, { type: i0__namespace.TemplateRef }, { type: i0__namespace.ComponentFactoryResolver }, { type: i0__namespace.ViewContainerRef }, { type: ReplaceableComponentsService }, { type: SubscriptionService }]; }, propDecorators: { data: [{
+                    type: i0.Input,
+                    args: ['abpReplaceableTemplate']
+                }] } });
 
     var StopPropagationDirective = /** @class */ (function () {
         function StopPropagationDirective(el, subscription) {
@@ -2616,81 +2570,19 @@
         };
         return StopPropagationDirective;
     }());
-    StopPropagationDirective.decorators = [
-        { type: i0.Directive, args: [{
-                    // tslint:disable-next-line: directive-selector
-                    selector: '[click.stop]',
-                    providers: [SubscriptionService],
-                },] }
-    ];
-    StopPropagationDirective.ctorParameters = function () { return [
-        { type: i0.ElementRef },
-        { type: SubscriptionService }
-    ]; };
-    StopPropagationDirective.propDecorators = {
-        stopPropEvent: [{ type: i0.Output, args: ['click.stop',] }]
-    };
-
-    /**
-     *
-     * @deprecated To be deleted in v5.0
-     */
-    var VisibilityDirective = /** @class */ (function () {
-        function VisibilityDirective(elRef, renderer) {
-            this.elRef = elRef;
-            this.renderer = renderer;
-            this.completed$ = new rxjs.Subject();
-        }
-        VisibilityDirective.prototype.ngAfterViewInit = function () {
-            var _this = this;
-            if (!this.focusedElement && this.elRef) {
-                this.focusedElement = this.elRef.nativeElement;
-            }
-            var observer;
-            observer = new MutationObserver(function (mutations) {
-                mutations.forEach(function (mutation) {
-                    if (!mutation.target)
-                        return;
-                    var htmlNodes = snq__default['default'](function () { return Array.from(mutation.target.childNodes).filter(function (node) { return node instanceof HTMLElement; }); }, []);
-                    if (!htmlNodes.length) {
-                        _this.removeFromDOM();
-                    }
-                });
-            });
-            observer.observe(this.focusedElement, {
-                childList: true,
-            });
-            setTimeout(function () {
-                var htmlNodes = snq__default['default'](function () { return Array.from(_this.focusedElement.childNodes).filter(function (node) { return node instanceof HTMLElement; }); }, []);
-                if (!htmlNodes.length)
-                    _this.removeFromDOM();
-            }, 0);
-            this.completed$.subscribe(function () { return observer.disconnect(); });
-        };
-        VisibilityDirective.prototype.disconnect = function () {
-            this.completed$.next();
-            this.completed$.complete();
-        };
-        VisibilityDirective.prototype.removeFromDOM = function () {
-            if (!this.elRef.nativeElement)
-                return;
-            this.renderer.removeChild(this.elRef.nativeElement.parentElement, this.elRef.nativeElement);
-            this.disconnect();
-        };
-        return VisibilityDirective;
-    }());
-    VisibilityDirective.decorators = [
-        { type: i0.Directive, args: [{
-                    selector: '[abpVisibility]',
-                },] }
-    ];
-    VisibilityDirective.ctorParameters = function () { return [
-        { type: i0.ElementRef, decorators: [{ type: i0.Optional }] },
-        { type: i0.Renderer2 }
-    ]; };
-    VisibilityDirective.propDecorators = {
-        focusedElement: [{ type: i0.Input, args: ['abpVisibility',] }]
-    };
+    StopPropagationDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: StopPropagationDirective, deps: [{ token: i0__namespace.ElementRef }, { token: SubscriptionService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    StopPropagationDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.6", type: StopPropagationDirective, selector: "[click.stop]", outputs: { stopPropEvent: "click.stop" }, providers: [SubscriptionService], ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: StopPropagationDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        // eslint-disable-next-line @angular-eslint/directive-selector
+                        selector: '[click.stop]',
+                        providers: [SubscriptionService],
+                    }]
+            }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: SubscriptionService }]; }, propDecorators: { stopPropEvent: [{
+                    type: i0.Output,
+                    args: ['click.stop']
+                }] } });
 
     var OAuthConfigurationHandler = /** @class */ (function () {
         function OAuthConfigurationHandler(oAuthService, environmentService, options) {
@@ -2710,17 +2602,19 @@
         };
         return OAuthConfigurationHandler;
     }());
-    OAuthConfigurationHandler.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function OAuthConfigurationHandler_Factory() { return new OAuthConfigurationHandler(i0__namespace.ɵɵinject(i1__namespace$1.OAuthService), i0__namespace.ɵɵinject(EnvironmentService), i0__namespace.ɵɵinject(CORE_OPTIONS)); }, token: OAuthConfigurationHandler, providedIn: "root" });
-    OAuthConfigurationHandler.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root',
-                },] }
-    ];
-    OAuthConfigurationHandler.ctorParameters = function () { return [
-        { type: i1$1.OAuthService },
-        { type: EnvironmentService },
-        { type: undefined, decorators: [{ type: i0.Inject, args: [CORE_OPTIONS,] }] }
-    ]; };
+    OAuthConfigurationHandler.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: OAuthConfigurationHandler, deps: [{ token: i1__namespace$3.OAuthService }, { token: EnvironmentService }, { token: CORE_OPTIONS }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    OAuthConfigurationHandler.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: OAuthConfigurationHandler, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: OAuthConfigurationHandler, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root',
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: i1__namespace$3.OAuthService }, { type: EnvironmentService }, { type: undefined, decorators: [{
+                            type: i0.Inject,
+                            args: [CORE_OPTIONS]
+                        }] }];
+        } });
 
     var RoutesHandler = /** @class */ (function () {
         function RoutesHandler(routes, router) {
@@ -2745,26 +2639,30 @@
         };
         return RoutesHandler;
     }());
-    RoutesHandler.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function RoutesHandler_Factory() { return new RoutesHandler(i0__namespace.ɵɵinject(RoutesService), i0__namespace.ɵɵinject(i1__namespace.Router, 8)); }, token: RoutesHandler, providedIn: "root" });
-    RoutesHandler.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root',
-                },] }
-    ];
-    RoutesHandler.ctorParameters = function () { return [
-        { type: RoutesService },
-        { type: i1.Router, decorators: [{ type: i0.Optional }] }
-    ]; };
+    RoutesHandler.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: RoutesHandler, deps: [{ token: RoutesService }, { token: i1__namespace$1.Router, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    RoutesHandler.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: RoutesHandler, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: RoutesHandler, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root',
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: RoutesService }, { type: i1__namespace$1.Router, decorators: [{
+                            type: i0.Optional
+                        }] }];
+        } });
     function flatRoutes(routes, parent) {
         if (!routes)
             return [];
         return routes.reduce(function (acc, route) {
             var _a = Object.assign(Object.assign({}, route), { parentName: parent.name, path: (parent.path + '/' + route.path).replace(/\/\//g, '/') }), children = _a.children, current = __rest(_a, ["children"]);
-            acc.push.apply(acc, __spread([current], flatRoutes(children, current)));
+            acc.push.apply(acc, __spreadArray([current], __read(flatRoutes(children, current))));
             return acc;
         }, []);
     }
 
+    var TENANT_KEY = new i0.InjectionToken('TENANT_KEY');
+
     function getPathName(url) {
         var pathname = new URL(url, window.location.origin).pathname;
         return pathname;
@@ -2825,7 +2723,7 @@
             this.store.patch({ requests: [] });
         };
         HttpWaitService.prototype.addRequest = function (request) {
-            this.store.patch({ requests: __spread(this.store.state.requests, [request]) });
+            this.store.patch({ requests: __spreadArray(__spreadArray([], __read(this.store.state.requests)), [request]) });
         };
         HttpWaitService.prototype.deleteRequest = function (request) {
             var requests = this.store.state.requests.filter(function (r) { return r !== request; });
@@ -2834,7 +2732,7 @@
         HttpWaitService.prototype.addFilter = function (request) {
             var _this = this;
             var requests = Array.isArray(request) ? request : [request];
-            var filteredRequests = __spread(this.store.state.filteredRequests.filter(function (f) { return !requests.some(function (r) { return _this.isSameRequest(f, r); }); }), requests);
+            var filteredRequests = __spreadArray(__spreadArray([], __read(this.store.state.filteredRequests.filter(function (f) { return !requests.some(function (r) { return _this.isSameRequest(f, r); }); }))), __read(requests));
             this.store.patch({ filteredRequests: filteredRequests });
         };
         HttpWaitService.prototype.removeFilter = function (request) {
@@ -2857,17 +2755,14 @@
         };
         return HttpWaitService;
     }());
-    HttpWaitService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function HttpWaitService_Factory() { return new HttpWaitService(i0__namespace.ɵɵinject(i0__namespace.INJECTOR)); }, token: HttpWaitService, providedIn: "root" });
-    HttpWaitService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root',
-                },] }
-    ];
-    HttpWaitService.ctorParameters = function () { return [
-        { type: i0.Injector }
-    ]; };
-
-    var TENANT_KEY = new i0.InjectionToken('TENANT_KEY');
+    HttpWaitService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: HttpWaitService, deps: [{ token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    HttpWaitService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: HttpWaitService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: HttpWaitService, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root',
+                    }]
+            }], ctorParameters: function () { return [{ type: i0__namespace.Injector }]; } });
 
     var ApiInterceptor = /** @class */ (function () {
         function ApiInterceptor(oAuthService, sessionState, httpWaitService, tenantKey) {
@@ -2903,18 +2798,19 @@
         };
         return ApiInterceptor;
     }());
-    ApiInterceptor.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function ApiInterceptor_Factory() { return new ApiInterceptor(i0__namespace.ɵɵinject(i1__namespace$1.OAuthService), i0__namespace.ɵɵinject(SessionStateService), i0__namespace.ɵɵinject(HttpWaitService), i0__namespace.ɵɵinject(TENANT_KEY)); }, token: ApiInterceptor, providedIn: "root" });
-    ApiInterceptor.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root',
-                },] }
-    ];
-    ApiInterceptor.ctorParameters = function () { return [
-        { type: i1$1.OAuthService },
-        { type: SessionStateService },
-        { type: HttpWaitService },
-        { type: String, decorators: [{ type: i0.Inject, args: [TENANT_KEY,] }] }
-    ]; };
+    ApiInterceptor.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: ApiInterceptor, deps: [{ token: i1__namespace$3.OAuthService }, { token: SessionStateService }, { token: HttpWaitService }, { token: TENANT_KEY }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    ApiInterceptor.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: ApiInterceptor, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: ApiInterceptor, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root',
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: i1__namespace$3.OAuthService }, { type: SessionStateService }, { type: HttpWaitService }, { type: undefined, decorators: [{
+                            type: i0.Inject,
+                            args: [TENANT_KEY]
+                        }] }];
+        } });
 
     var LocalizationPipe = /** @class */ (function () {
         function LocalizationPipe(localization) {
@@ -2927,31 +2823,37 @@
             for (var _i = 1; _i < arguments.length; _i++) {
                 interpolateParams[_i - 1] = arguments[_i];
             }
-            return (_a = this.localization).instant.apply(_a, __spread([value], interpolateParams.reduce(function (acc, val) { return (Array.isArray(val) ? __spread(acc, val) : __spread(acc, [val])); }, [])));
+            return (_a = this.localization).instant.apply(_a, __spreadArray([value], __read(interpolateParams.reduce(function (acc, val) { return (Array.isArray(val) ? __spreadArray(__spreadArray([], __read(acc)), __read(val)) : __spreadArray(__spreadArray([], __read(acc)), [val])); }, []))));
         };
         return LocalizationPipe;
     }());
-    LocalizationPipe.decorators = [
-        { type: i0.Injectable },
-        { type: i0.Pipe, args: [{
-                    name: 'abpLocalization',
-                },] }
-    ];
-    LocalizationPipe.ctorParameters = function () { return [
-        { type: LocalizationService }
-    ]; };
+    LocalizationPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: LocalizationPipe, deps: [{ token: LocalizationService }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+    LocalizationPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: LocalizationPipe, name: "abpLocalization" });
+    LocalizationPipe.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: LocalizationPipe });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: LocalizationPipe, decorators: [{
+                type: i0.Injectable
+            }, {
+                type: i0.Pipe,
+                args: [{
+                        name: 'abpLocalization',
+                    }]
+            }], ctorParameters: function () { return [{ type: LocalizationService }]; } });
 
     var LocalizationModule = /** @class */ (function () {
         function LocalizationModule() {
         }
         return LocalizationModule;
     }());
-    LocalizationModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    exports: [LocalizationPipe],
-                    declarations: [LocalizationPipe],
-                },] }
-    ];
+    LocalizationModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: LocalizationModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    LocalizationModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: LocalizationModule, declarations: [LocalizationPipe], exports: [LocalizationPipe] });
+    LocalizationModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: LocalizationModule });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: LocalizationModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        exports: [LocalizationPipe],
+                        declarations: [LocalizationPipe],
+                    }]
+            }] });
 
     var SortPipe = /** @class */ (function () {
         function SortPipe() {
@@ -2982,18 +2884,45 @@
                         return 0;
                 });
             }
-            var sorted = __spread(numberArray, stringArray, value.filter(function (item) { return typeof (sortKey ? item[sortKey] : item) !== 'number' &&
-                typeof (sortKey ? item[sortKey] : item) !== 'string'; }));
+            var sorted = __spreadArray(__spreadArray(__spreadArray([], __read(numberArray)), __read(stringArray)), __read(value.filter(function (item) { return typeof (sortKey ? item[sortKey] : item) !== 'number' &&
+                typeof (sortKey ? item[sortKey] : item) !== 'string'; })));
             return sortOrder === 'asc' ? sorted : sorted.reverse();
         };
         return SortPipe;
     }());
-    SortPipe.decorators = [
-        { type: i0.Injectable },
-        { type: i0.Pipe, args: [{
-                    name: 'abpSort',
-                },] }
-    ];
+    SortPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: SortPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+    SortPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: SortPipe, name: "abpSort" });
+    SortPipe.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: SortPipe });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: SortPipe, decorators: [{
+                type: i0.Injectable
+            }, {
+                type: i0.Pipe,
+                args: [{
+                        name: 'abpSort',
+                    }]
+            }] });
+
+    var COOKIE_LANGUAGE_KEY = new i0.InjectionToken('COOKIE_LANGUAGE_KEY', {
+        factory: function () { return '.AspNetCore.Culture'; },
+    });
+
+    function setLanguageToCookie(injector) {
+        return function () {
+            var sessionState = injector.get(SessionStateService);
+            var document = injector.get(i5.DOCUMENT);
+            var cookieLanguageKey = injector.get(COOKIE_LANGUAGE_KEY);
+            sessionState.getLanguage$().subscribe(function (language) {
+                var cookieValue = encodeURIComponent("c=" + language + "|uic=" + language);
+                document.cookie = cookieLanguageKey + "=" + cookieValue;
+            });
+        };
+    }
+    var CookieLanguageProvider = {
+        provide: i0.APP_INITIALIZER,
+        useFactory: setLanguageToCookie,
+        deps: [i0.Injector],
+        multi: true,
+    };
 
     var LocaleId = /** @class */ (function (_super) {
         __extends(LocaleId, _super);
@@ -3017,109 +2946,11 @@
         deps: [LocalizationService],
     };
 
-    var ProfileService = /** @class */ (function () {
-        function ProfileService(rest) {
-            this.rest = rest;
-            this.apiName = 'AbpIdentity';
-        }
-        ProfileService.prototype.get = function () {
-            var request = {
-                method: 'GET',
-                url: '/api/identity/my-profile',
-            };
-            return this.rest.request(request, { apiName: this.apiName });
-        };
-        ProfileService.prototype.update = function (body) {
-            var request = {
-                method: 'PUT',
-                url: '/api/identity/my-profile',
-                body: body,
-            };
-            return this.rest.request(request, {
-                apiName: this.apiName,
-            });
-        };
-        ProfileService.prototype.changePassword = function (body, skipHandleError) {
-            if (skipHandleError === void 0) { skipHandleError = false; }
-            var request = {
-                method: 'POST',
-                url: '/api/identity/my-profile/change-password',
-                body: body,
-            };
-            return this.rest.request(request, {
-                skipHandleError: skipHandleError,
-                apiName: this.apiName,
-            });
-        };
-        return ProfileService;
-    }());
-    ProfileService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function ProfileService_Factory() { return new ProfileService(i0__namespace.ɵɵinject(RestService)); }, token: ProfileService, providedIn: "root" });
-    ProfileService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root',
-                },] }
-    ];
-    ProfileService.ctorParameters = function () { return [
-        { type: RestService }
-    ]; };
-
-    exports.ɵbd = /** @class */ (function () {
-        function ProfileState(profileService) {
-            this.profileService = profileService;
-        }
-        ProfileState.getProfile = function (_a) {
-            var profile = _a.profile;
-            return profile;
-        };
-        ProfileState.prototype.getProfile = function (_a) {
-            var patchState = _a.patchState;
-            return this.profileService.get().pipe(operators.tap(function (profile) { return patchState({
-                profile: profile,
-            }); }));
-        };
-        ProfileState.prototype.updateProfile = function (_a, _b) {
-            var patchState = _a.patchState;
-            var payload = _b.payload;
-            return this.profileService.update(payload).pipe(operators.tap(function (profile) { return patchState({
-                profile: profile,
-            }); }));
-        };
-        ProfileState.prototype.changePassword = function (_, _a) {
-            var payload = _a.payload;
-            return this.profileService.changePassword(payload, true);
-        };
-        return ProfileState;
-    }());
-    exports.ɵbd.decorators = [
-        { type: i0.Injectable }
-    ];
-    exports.ɵbd.ctorParameters = function () { return [
-        { type: ProfileService }
-    ]; };
-    __decorate([
-        i4.Action(GetProfile)
-    ], exports.ɵbd.prototype, "getProfile", null);
-    __decorate([
-        i4.Action(UpdateProfile)
-    ], exports.ɵbd.prototype, "updateProfile", null);
-    __decorate([
-        i4.Action(ChangePassword)
-    ], exports.ɵbd.prototype, "changePassword", null);
-    __decorate([
-        i4.Selector()
-    ], exports.ɵbd, "getProfile", null);
-    exports.ɵbd = __decorate([
-        i4.State({
-            name: 'ProfileState',
-            defaults: {},
-        })
-    ], exports.ɵbd);
-
     var cookieKey = 'rememberMe';
     var storageKey = 'passwordFlow';
     function pipeToLogin(params, injector) {
         var configState = injector.get(ConfigStateService);
-        var router = injector.get(i1.Router);
+        var router = injector.get(i1$1.Router);
         return rxjs.pipe(operators.switchMap(function () { return configState.refreshAppState(); }), operators.tap(function () {
             setRememberMe(params.rememberMe);
             if (params.redirectUrl)
@@ -3128,7 +2959,7 @@
     }
     function setTokenResponseToStorage(injector, tokenRes) {
         var access_token = tokenRes.access_token, refresh_token = tokenRes.refresh_token, grantedScopes = tokenRes.scope, expires_in = tokenRes.expires_in;
-        var storage = injector.get(i1$1.OAuthStorage);
+        var storage = injector.get(i1$3.OAuthStorage);
         storage.setItem('access_token', access_token);
         storage.setItem('refresh_token', refresh_token);
         storage.setItem('access_token_stored_at', '' + Date.now());
@@ -3157,11 +2988,14 @@
         function AuthFlowStrategy(injector) {
             var _this = this;
             this.injector = injector;
-            this.catchError = function (err) { return _this.store.dispatch(new RestOccurError(err)); };
-            this.store = injector.get(i4.Store);
+            this.catchError = function (err) {
+                _this.httpErrorReporter.reportError(err);
+                return rxjs.of(null);
+            };
+            this.httpErrorReporter = injector.get(HttpErrorReporterService);
             this.environment = injector.get(EnvironmentService);
             this.configState = injector.get(ConfigStateService);
-            this.oAuthService = injector.get(i1$1.OAuthService);
+            this.oAuthService = injector.get(i1$3.OAuthService);
             this.sessionState = injector.get(SessionStateService);
             this.oAuthConfig = this.environment.getEnvironment().oAuthConfig;
             this.tenantKey = injector.get(TENANT_KEY);
@@ -3194,7 +3028,7 @@
         AuthFlowStrategy.prototype.listenToOauthErrors = function () {
             var _this = this;
             this.oAuthService.events
-                .pipe(operators.filter(function (event) { return event instanceof i1$1.OAuthErrorEvent; }), operators.tap(function () { return clearOAuthStorage(); }), operators.switchMap(function () { return _this.configState.refreshAppState(); }))
+                .pipe(operators.filter(function (event) { return event instanceof i1$3.OAuthErrorEvent; }), operators.tap(function () { return clearOAuthStorage(); }), operators.switchMap(function () { return _this.configState.refreshAppState(); }))
                 .subscribe();
         };
         return AuthFlowStrategy;
@@ -3202,7 +3036,7 @@
     var AuthCodeFlowStrategy = /** @class */ (function (_super_1) {
         __extends(AuthCodeFlowStrategy, _super_1);
         function AuthCodeFlowStrategy() {
-            var _this = _super_1.apply(this, __spread(arguments)) || this;
+            var _this = _super_1.apply(this, __spreadArray([], __read(arguments))) || this;
             _this.isInternalAuth = false;
             return _this;
         }
@@ -3243,7 +3077,7 @@
     var AuthPasswordFlowStrategy = /** @class */ (function (_super_1) {
         __extends(AuthPasswordFlowStrategy, _super_1);
         function AuthPasswordFlowStrategy() {
-            var _this = _super_1.apply(this, __spread(arguments)) || this;
+            var _this = _super_1.apply(this, __spreadArray([], __read(arguments))) || this;
             _this.isInternalAuth = true;
             _this.cookieKey = 'rememberMe';
             _this.storageKey = 'passwordFlow';
@@ -3252,7 +3086,7 @@
         AuthPasswordFlowStrategy.prototype.listenToTokenExpiration = function () {
             var _this = this;
             this.oAuthService.events
-                .pipe(operators.filter(function (event) { return event instanceof i1$1.OAuthInfoEvent &&
+                .pipe(operators.filter(function (event) { return event instanceof i1$3.OAuthInfoEvent &&
                 event.type === 'token_expires' &&
                 event.info === 'access_token'; }))
                 .subscribe(function () {
@@ -3281,7 +3115,7 @@
             });
         };
         AuthPasswordFlowStrategy.prototype.navigateToLogin = function (queryParams) {
-            var router = this.injector.get(i1.Router);
+            var router = this.injector.get(i1$1.Router);
             router.navigate(['/account/login'], { queryParams: queryParams });
         };
         AuthPasswordFlowStrategy.prototype.checkIfInternalAuth = function () {
@@ -3290,11 +3124,11 @@
         AuthPasswordFlowStrategy.prototype.login = function (params) {
             var _a;
             var tenant = this.sessionState.getTenant();
-            return rxjs.from(this.oAuthService.fetchTokenUsingPasswordFlow(params.username, params.password, new i2.HttpHeaders(Object.assign({}, (tenant && tenant.id && (_a = {}, _a[this.tenantKey] = tenant.id, _a)))))).pipe(this.pipeToLogin(params));
+            return rxjs.from(this.oAuthService.fetchTokenUsingPasswordFlow(params.username, params.password, new i1.HttpHeaders(Object.assign({}, (tenant && tenant.id && (_a = {}, _a[this.tenantKey] = tenant.id, _a)))))).pipe(this.pipeToLogin(params));
         };
         AuthPasswordFlowStrategy.prototype.pipeToLogin = function (params) {
             var _this = this;
-            var router = this.injector.get(i1.Router);
+            var router = this.injector.get(i1$1.Router);
             return rxjs.pipe(operators.switchMap(function () { return _this.configState.refreshAppState(); }), operators.tap(function () {
                 setRememberMe(params.rememberMe);
                 if (params.redirectUrl)
@@ -3303,7 +3137,7 @@
         };
         AuthPasswordFlowStrategy.prototype.logout = function (queryParams) {
             var _this = this;
-            var router = this.injector.get(i1.Router);
+            var router = this.injector.get(i1$1.Router);
             return rxjs.from(this.oAuthService.revokeTokenAndLogout(queryParams)).pipe(operators.switchMap(function () { return _this.configState.refreshAppState(); }), operators.tap(function () {
                 router.navigateByUrl('/');
                 removeRememberMe();
@@ -3396,12 +3230,6 @@
         AuthService.prototype.logout = function (queryParams) {
             return this.strategy.logout(queryParams);
         };
-        /**
-         * @deprecated Use navigateToLogin method instead. To be deleted in v5.0
-         */
-        AuthService.prototype.initLogin = function () {
-            this.strategy.navigateToLogin();
-        };
         AuthService.prototype.navigateToLogin = function (queryParams) {
             this.strategy.navigateToLogin(queryParams);
         };
@@ -3410,15 +3238,14 @@
         };
         return AuthService;
     }());
-    AuthService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function AuthService_Factory() { return new AuthService(i0__namespace.ɵɵinject(i0__namespace.INJECTOR)); }, token: AuthService, providedIn: "root" });
-    AuthService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root',
-                },] }
-    ];
-    AuthService.ctorParameters = function () { return [
-        { type: i0.Injector }
-    ]; };
+    AuthService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: AuthService, deps: [{ token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    AuthService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: AuthService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: AuthService, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root',
+                    }]
+            }], ctorParameters: function () { return [{ type: i0__namespace.Injector }]; } });
 
     var APP_INIT_ERROR_HANDLERS = new i0.InjectionToken('APP_INIT_ERROR_HANDLERS');
 
@@ -3428,11 +3255,14 @@
         var _a = remoteEnv || {}, _b = _a.headers, headers = _b === void 0 ? {} : _b, _c = _a.method, method = _c === void 0 ? 'GET' : _c, url = _a.url;
         if (!url)
             return Promise.resolve();
-        var http = injector.get(i2.HttpClient);
-        var store = injector.get(i4.Store);
+        var http = injector.get(i1.HttpClient);
+        var httpErrorReporter = injector.get(HttpErrorReporterService);
         return http
             .request(method, url, { headers: headers })
-            .pipe(operators.catchError(function (err) { return store.dispatch(new RestOccurError(err)); }), // TODO: Condiser get handle function from a provider
+            .pipe(operators.catchError(function (err) {
+            httpErrorReporter.reportError(err);
+            return rxjs.of(null);
+        }), // TODO: Consider get handle function from a provider
         operators.tap(function (env) { return environmentService.setState(mergeEnvironments(environment, env, remoteEnv)); }))
             .toPromise();
     }
@@ -3467,15 +3297,14 @@
         }
         return AbpTenantService;
     }());
-    AbpTenantService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function AbpTenantService_Factory() { return new AbpTenantService(i0__namespace.ɵɵinject(RestService)); }, token: AbpTenantService, providedIn: "root" });
-    AbpTenantService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root',
-                },] }
-    ];
-    AbpTenantService.ctorParameters = function () { return [
-        { type: RestService }
-    ]; };
+    AbpTenantService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: AbpTenantService, deps: [{ token: RestService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    AbpTenantService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: AbpTenantService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: AbpTenantService, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root',
+                    }]
+            }], ctorParameters: function () { return [{ type: RestService }]; } });
 
     var MultiTenancyService = /** @class */ (function () {
         function MultiTenancyService(restService, sessionState, tenantService, configStateService, tenantKey) {
@@ -3493,22 +3322,6 @@
                 return _this.configStateService.refreshAppState().pipe(operators.map(function (_) { return tenant; }));
             };
         }
-        /**
-         * @deprecated Use AbpTenantService.findTenantByName method instead. To be deleted in v5.0.
-         */
-        MultiTenancyService.prototype.findTenantByName = function (name, headers) {
-            return this.restService.request({
-                url: "/api/abp/multi-tenancy/tenants/by-name/" + name,
-                method: 'GET',
-                headers: headers,
-            }, { apiName: this.apiName });
-        };
-        /**
-         * @deprecated Use AbpTenantService.findTenantById method instead. To be deleted in v5.0.
-         */
-        MultiTenancyService.prototype.findTenantById = function (id, headers) {
-            return this.restService.request({ url: "/api/abp/multi-tenancy/tenants/by-id/" + id, method: 'GET', headers: headers }, { apiName: this.apiName });
-        };
         MultiTenancyService.prototype.setTenantByName = function (tenantName) {
             var _a;
             return this.tenantService
@@ -3523,17 +3336,17 @@
         };
         return MultiTenancyService;
     }());
-    MultiTenancyService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function MultiTenancyService_Factory() { return new MultiTenancyService(i0__namespace.ɵɵinject(RestService), i0__namespace.ɵɵinject(SessionStateService), i0__namespace.ɵɵinject(AbpTenantService), i0__namespace.ɵɵinject(ConfigStateService), i0__namespace.ɵɵinject(TENANT_KEY)); }, token: MultiTenancyService, providedIn: "root" });
-    MultiTenancyService.decorators = [
-        { type: i0.Injectable, args: [{ providedIn: 'root' },] }
-    ];
-    MultiTenancyService.ctorParameters = function () { return [
-        { type: RestService },
-        { type: SessionStateService },
-        { type: AbpTenantService },
-        { type: ConfigStateService },
-        { type: String, decorators: [{ type: i0.Inject, args: [TENANT_KEY,] }] }
-    ]; };
+    MultiTenancyService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: MultiTenancyService, deps: [{ token: RestService }, { token: SessionStateService }, { token: AbpTenantService }, { token: ConfigStateService }, { token: TENANT_KEY }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    MultiTenancyService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: MultiTenancyService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: MultiTenancyService, decorators: [{
+                type: i0.Injectable,
+                args: [{ providedIn: 'root' }]
+            }], ctorParameters: function () {
+            return [{ type: RestService }, { type: SessionStateService }, { type: AbpTenantService }, { type: ConfigStateService }, { type: undefined, decorators: [{
+                            type: i0.Inject,
+                            args: [TENANT_KEY]
+                        }] }];
+        } });
 
     var tenancyPlaceholder = '{0}';
     function getCurrentTenancyName(appBaseUrl) {
@@ -3658,7 +3471,7 @@
     }
     function checkAccessToken(injector) {
         var configState = injector.get(ConfigStateService);
-        var oAuth = injector.get(i1$1.OAuthService);
+        var oAuth = injector.get(i1$3.OAuthService);
         if (oAuth.hasValidAccessToken() && !configState.getDeep('currentUser.id')) {
             clearOAuthStorage();
         }
@@ -3671,7 +3484,7 @@
             return new Promise(function (resolve, reject) {
                 registerLocaleFn(lang).then(function (module) {
                     if (module === null || module === void 0 ? void 0 : module.default)
-                        common.registerLocaleData(module.default);
+                        i5.registerLocaleData(module.default);
                     return resolve('resolved');
                 }, reject);
             });
@@ -3693,63 +3506,114 @@
         }
         return BaseCoreModule;
     }());
-    BaseCoreModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    exports: [
-                        common.CommonModule,
-                        i2.HttpClientModule,
-                        forms.FormsModule,
-                        forms.ReactiveFormsModule,
-                        i1.RouterModule,
-                        LocalizationModule,
-                        AbstractNgModelComponent,
-                        AutofocusDirective,
-                        DynamicLayoutComponent,
-                        ForDirective,
-                        FormSubmitDirective,
-                        InitDirective,
-                        InputEventDebounceDirective,
-                        PermissionDirective,
-                        ReplaceableRouteContainerComponent,
-                        ReplaceableTemplateDirective,
-                        RouterOutletComponent,
-                        SortPipe,
-                        StopPropagationDirective,
-                        VisibilityDirective,
-                    ],
-                    imports: [
-                        i1$1.OAuthModule,
-                        common.CommonModule,
-                        i2.HttpClientModule,
-                        forms.FormsModule,
-                        forms.ReactiveFormsModule,
-                        i1.RouterModule,
-                        LocalizationModule,
-                    ],
-                    declarations: [
-                        AbstractNgModelComponent,
-                        AutofocusDirective,
-                        DynamicLayoutComponent,
-                        ForDirective,
-                        FormSubmitDirective,
-                        InitDirective,
-                        InputEventDebounceDirective,
-                        PermissionDirective,
-                        ReplaceableRouteContainerComponent,
-                        ReplaceableTemplateDirective,
-                        RouterOutletComponent,
-                        SortPipe,
-                        StopPropagationDirective,
-                        VisibilityDirective,
-                    ],
-                    providers: [LocalizationPipe],
-                    entryComponents: [
-                        RouterOutletComponent,
-                        DynamicLayoutComponent,
-                        ReplaceableRouteContainerComponent,
-                    ],
-                },] }
-    ];
+    BaseCoreModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: BaseCoreModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    BaseCoreModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: BaseCoreModule, declarations: [AbstractNgModelComponent,
+            AutofocusDirective,
+            DynamicLayoutComponent,
+            ForDirective,
+            FormSubmitDirective,
+            InitDirective,
+            InputEventDebounceDirective,
+            PermissionDirective,
+            ReplaceableRouteContainerComponent,
+            ReplaceableTemplateDirective,
+            RouterOutletComponent,
+            SortPipe,
+            StopPropagationDirective], imports: [i1$3.OAuthModule,
+            i5.CommonModule,
+            i1.HttpClientModule,
+            i1$2.FormsModule,
+            i1$2.ReactiveFormsModule,
+            i1$1.RouterModule,
+            LocalizationModule], exports: [i5.CommonModule,
+            i1.HttpClientModule,
+            i1$2.FormsModule,
+            i1$2.ReactiveFormsModule,
+            i1$1.RouterModule,
+            LocalizationModule,
+            AbstractNgModelComponent,
+            AutofocusDirective,
+            DynamicLayoutComponent,
+            ForDirective,
+            FormSubmitDirective,
+            InitDirective,
+            InputEventDebounceDirective,
+            PermissionDirective,
+            ReplaceableRouteContainerComponent,
+            ReplaceableTemplateDirective,
+            RouterOutletComponent,
+            SortPipe,
+            StopPropagationDirective] });
+    BaseCoreModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: BaseCoreModule, providers: [LocalizationPipe], imports: [[
+                i1$3.OAuthModule,
+                i5.CommonModule,
+                i1.HttpClientModule,
+                i1$2.FormsModule,
+                i1$2.ReactiveFormsModule,
+                i1$1.RouterModule,
+                LocalizationModule,
+            ], i5.CommonModule,
+            i1.HttpClientModule,
+            i1$2.FormsModule,
+            i1$2.ReactiveFormsModule,
+            i1$1.RouterModule,
+            LocalizationModule] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: BaseCoreModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        exports: [
+                            i5.CommonModule,
+                            i1.HttpClientModule,
+                            i1$2.FormsModule,
+                            i1$2.ReactiveFormsModule,
+                            i1$1.RouterModule,
+                            LocalizationModule,
+                            AbstractNgModelComponent,
+                            AutofocusDirective,
+                            DynamicLayoutComponent,
+                            ForDirective,
+                            FormSubmitDirective,
+                            InitDirective,
+                            InputEventDebounceDirective,
+                            PermissionDirective,
+                            ReplaceableRouteContainerComponent,
+                            ReplaceableTemplateDirective,
+                            RouterOutletComponent,
+                            SortPipe,
+                            StopPropagationDirective,
+                        ],
+                        imports: [
+                            i1$3.OAuthModule,
+                            i5.CommonModule,
+                            i1.HttpClientModule,
+                            i1$2.FormsModule,
+                            i1$2.ReactiveFormsModule,
+                            i1$1.RouterModule,
+                            LocalizationModule,
+                        ],
+                        declarations: [
+                            AbstractNgModelComponent,
+                            AutofocusDirective,
+                            DynamicLayoutComponent,
+                            ForDirective,
+                            FormSubmitDirective,
+                            InitDirective,
+                            InputEventDebounceDirective,
+                            PermissionDirective,
+                            ReplaceableRouteContainerComponent,
+                            ReplaceableTemplateDirective,
+                            RouterOutletComponent,
+                            SortPipe,
+                            StopPropagationDirective,
+                        ],
+                        providers: [LocalizationPipe],
+                        entryComponents: [
+                            RouterOutletComponent,
+                            DynamicLayoutComponent,
+                            ReplaceableRouteContainerComponent,
+                        ],
+                    }]
+            }] });
     /**
      * RootCoreModule is the module that will be used at root level
      * and it introduces imports useful at root level (e.g. NGXS)
@@ -3759,21 +3623,32 @@
         }
         return RootCoreModule;
     }());
-    RootCoreModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    exports: [BaseCoreModule, LocalizationModule],
-                    imports: [
-                        BaseCoreModule,
-                        LocalizationModule,
-                        i4.NgxsModule.forFeature([exports.ɵbd]),
-                        i1$1.OAuthModule.forRoot(),
-                        i2.HttpClientXsrfModule.withOptions({
-                            cookieName: 'XSRF-TOKEN',
-                            headerName: 'RequestVerificationToken',
-                        }),
-                    ],
-                },] }
-    ];
+    RootCoreModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: RootCoreModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    RootCoreModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: RootCoreModule, imports: [BaseCoreModule, LocalizationModule, i1__namespace$3.OAuthModule, i1__namespace.HttpClientXsrfModule], exports: [BaseCoreModule, LocalizationModule] });
+    RootCoreModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: RootCoreModule, imports: [[
+                BaseCoreModule,
+                LocalizationModule,
+                i1$3.OAuthModule.forRoot(),
+                i1.HttpClientXsrfModule.withOptions({
+                    cookieName: 'XSRF-TOKEN',
+                    headerName: 'RequestVerificationToken',
+                }),
+            ], BaseCoreModule, LocalizationModule] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: RootCoreModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        exports: [BaseCoreModule, LocalizationModule],
+                        imports: [
+                            BaseCoreModule,
+                            LocalizationModule,
+                            i1$3.OAuthModule.forRoot(),
+                            i1.HttpClientXsrfModule.withOptions({
+                                cookieName: 'XSRF-TOKEN',
+                                headerName: 'RequestVerificationToken',
+                            }),
+                        ],
+                    }]
+            }] });
     /**
      * CoreModule is the module that is publicly available
      */
@@ -3786,6 +3661,7 @@
                 ngModule: RootCoreModule,
                 providers: [
                     LocaleProvider,
+                    CookieLanguageProvider,
                     {
                         provide: 'CORE_OPTIONS',
                         useValue: options,
@@ -3796,7 +3672,7 @@
                         deps: ['CORE_OPTIONS'],
                     },
                     {
-                        provide: i2.HTTP_INTERCEPTORS,
+                        provide: i1.HTTP_INTERCEPTORS,
                         useExisting: ApiInterceptor,
                         multi: true,
                     },
@@ -3830,19 +3706,23 @@
                         deps: [RoutesHandler],
                         useFactory: noop,
                     },
-                    { provide: i1$1.OAuthStorage, useFactory: storageFactory },
+                    { provide: i1$3.OAuthStorage, useFactory: storageFactory },
                     { provide: TENANT_KEY, useValue: options.tenantKey || '__tenant' },
                 ],
             };
         };
         return CoreModule;
     }());
-    CoreModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    exports: [BaseCoreModule],
-                    imports: [BaseCoreModule],
-                },] }
-    ];
+    CoreModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: CoreModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    CoreModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: CoreModule, imports: [BaseCoreModule], exports: [BaseCoreModule] });
+    CoreModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: CoreModule, imports: [[BaseCoreModule], BaseCoreModule] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: CoreModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        exports: [BaseCoreModule],
+                        imports: [BaseCoreModule],
+                    }]
+            }] });
     function ngxsStoragePluginSerialize(data) {
         return data;
     }
@@ -3862,23 +3742,21 @@
         };
         return AuthGuard;
     }());
-    AuthGuard.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function AuthGuard_Factory() { return new AuthGuard(i0__namespace.ɵɵinject(i1__namespace$1.OAuthService), i0__namespace.ɵɵinject(AuthService)); }, token: AuthGuard, providedIn: "root" });
-    AuthGuard.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root',
-                },] }
-    ];
-    AuthGuard.ctorParameters = function () { return [
-        { type: i1$1.OAuthService },
-        { type: AuthService }
-    ]; };
+    AuthGuard.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: AuthGuard, deps: [{ token: i1__namespace$3.OAuthService }, { token: AuthService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    AuthGuard.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: AuthGuard, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: AuthGuard, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root',
+                    }]
+            }], ctorParameters: function () { return [{ type: i1__namespace$3.OAuthService }, { type: AuthService }]; } });
 
     var PermissionGuard = /** @class */ (function () {
-        function PermissionGuard(router, routesService, store, permissionService) {
+        function PermissionGuard(router, routesService, permissionService, httpErrorReporter) {
             this.router = router;
             this.routesService = routesService;
-            this.store = store;
             this.permissionService = permissionService;
+            this.httpErrorReporter = httpErrorReporter;
         }
         PermissionGuard.prototype.canActivate = function (route, state) {
             var _this = this;
@@ -3891,30 +3769,26 @@
                 return rxjs.of(true);
             return this.permissionService.getGrantedPolicy$(requiredPolicy).pipe(operators.tap(function (access) {
                 if (!access) {
-                    _this.store.dispatch(new RestOccurError({ status: 403 }));
+                    _this.httpErrorReporter.reportError({ status: 403 });
                 }
             }));
         };
         return PermissionGuard;
     }());
-    PermissionGuard.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function PermissionGuard_Factory() { return new PermissionGuard(i0__namespace.ɵɵinject(i1__namespace.Router), i0__namespace.ɵɵinject(RoutesService), i0__namespace.ɵɵinject(i4__namespace.Store), i0__namespace.ɵɵinject(PermissionService)); }, token: PermissionGuard, providedIn: "root" });
-    PermissionGuard.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root',
-                },] }
-    ];
-    PermissionGuard.ctorParameters = function () { return [
-        { type: i1.Router },
-        { type: RoutesService },
-        { type: i4.Store },
-        { type: PermissionService }
-    ]; };
+    PermissionGuard.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: PermissionGuard, deps: [{ token: i1__namespace$1.Router }, { token: RoutesService }, { token: PermissionService }, { token: HttpErrorReporterService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    PermissionGuard.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: PermissionGuard, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: PermissionGuard, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root',
+                    }]
+            }], ctorParameters: function () { return [{ type: i1__namespace$1.Router }, { type: RoutesService }, { type: PermissionService }, { type: HttpErrorReporterService }]; } });
 
     var ListResultDto = /** @class */ (function () {
         function ListResultDto(initialValues) {
             if (initialValues === void 0) { initialValues = {}; }
             for (var key in initialValues) {
-                if (initialValues.hasOwnProperty(key)) {
+                if (Object.prototype.hasOwnProperty.call(initialValues, key)) {
                     this[key] = initialValues[key];
                 }
             }
@@ -3934,7 +3808,8 @@
             if (initialValues === void 0) { initialValues = {}; }
             this.maxResultCount = 10;
             for (var key in initialValues) {
-                if (initialValues.hasOwnProperty(key) && initialValues[key] !== undefined) {
+                if (Object.prototype.hasOwnProperty.call(initialValues, key) &&
+                    initialValues[key] !== undefined) {
                     this[key] = initialValues[key];
                 }
             }
@@ -3961,7 +3836,7 @@
         function EntityDto(initialValues) {
             if (initialValues === void 0) { initialValues = {}; }
             for (var key in initialValues) {
-                if (initialValues.hasOwnProperty(key)) {
+                if (Object.prototype.hasOwnProperty.call(initialValues, key)) {
                     this[key] = initialValues[key];
                 }
             }
@@ -4020,7 +3895,7 @@
         function ExtensibleObject(initialValues) {
             if (initialValues === void 0) { initialValues = {}; }
             for (var key in initialValues) {
-                if (initialValues.hasOwnProperty(key)) {
+                if (Object.prototype.hasOwnProperty.call(initialValues, key)) {
                     this[key] = initialValues[key];
                 }
             }
@@ -4084,31 +3959,31 @@
         return ExtensibleFullAuditedEntityWithUserDto;
     }(ExtensibleFullAuditedEntityDto));
 
-    /**
-     * @deprecated Use AbpApplicationConfigurationService instead. To be deleted in v5.0.
-     */
-    var ApplicationConfigurationService = /** @class */ (function () {
-        function ApplicationConfigurationService(rest) {
-            this.rest = rest;
-        }
-        ApplicationConfigurationService.prototype.getConfiguration = function () {
-            var request = {
+    var AbpApiDefinitionService = /** @class */ (function () {
+        function AbpApiDefinitionService(restService) {
+            var _this = this;
+            this.restService = restService;
+            this.apiName = 'abp';
+            this.getByModel = function (model) { return _this.restService.request({
                 method: 'GET',
-                url: '/api/abp/application-configuration',
-            };
-            return this.rest.request(request, {});
-        };
-        return ApplicationConfigurationService;
+                url: '/api/abp/api-definition',
+                params: { includeTypes: model.includeTypes },
+            }, { apiName: _this.apiName }); };
+        }
+        return AbpApiDefinitionService;
     }());
-    ApplicationConfigurationService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function ApplicationConfigurationService_Factory() { return new ApplicationConfigurationService(i0__namespace.ɵɵinject(RestService)); }, token: ApplicationConfigurationService, providedIn: "root" });
-    ApplicationConfigurationService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root',
-                },] }
-    ];
-    ApplicationConfigurationService.ctorParameters = function () { return [
-        { type: RestService }
-    ]; };
+    AbpApiDefinitionService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: AbpApiDefinitionService, deps: [{ token: RestService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    AbpApiDefinitionService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: AbpApiDefinitionService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: AbpApiDefinitionService, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root',
+                    }]
+            }], ctorParameters: function () { return [{ type: RestService }]; } });
+
+    var index = /*#__PURE__*/Object.freeze({
+        __proto__: null
+    });
 
     var ContentProjectionService = /** @class */ (function () {
         function ContentProjectionService(injector) {
@@ -4120,13 +3995,12 @@
         };
         return ContentProjectionService;
     }());
-    ContentProjectionService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function ContentProjectionService_Factory() { return new ContentProjectionService(i0__namespace.ɵɵinject(i0__namespace.INJECTOR)); }, token: ContentProjectionService, providedIn: "root" });
-    ContentProjectionService.decorators = [
-        { type: i0.Injectable, args: [{ providedIn: 'root' },] }
-    ];
-    ContentProjectionService.ctorParameters = function () { return [
-        { type: i0.Injector }
-    ]; };
+    ContentProjectionService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: ContentProjectionService, deps: [{ token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    ContentProjectionService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: ContentProjectionService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: ContentProjectionService, decorators: [{
+                type: i0.Injectable,
+                args: [{ providedIn: 'root' }]
+            }], ctorParameters: function () { return [{ type: i0__namespace.Injector }]; } });
 
     function getShortDateFormat(configStateService) {
         var dateTimeFormat = configStateService.getDeep('localization.currentCulture.dateTimeFormat');
@@ -4186,7 +4060,6 @@
     }
 
     function isNumber(value) {
-        /* tslint:disable-next-line:triple-equals */
         return value == Number(value);
     }
 
@@ -4201,7 +4074,6 @@
         return options;
     }
 
-    // tslint:disable: no-bitwise
     function uuid(a) {
         return a
             ? (a ^ ((Math.random() * 16) >> (a / 4))).toString(16)
@@ -4323,7 +4195,6 @@
         });
     }
     function createErrorHandler(observer, element) {
-        /* tslint:disable-next-line:only-arrow-functions */
         return function (event) {
             clearCallbacks(element);
             element.parentNode.removeChild(element);
@@ -4339,33 +4210,6 @@
         element.onsuspend = null;
     }
 
-    // tslint:disable: max-line-length
-    function isFunction(value) {
-        return typeof value === 'function';
-    }
-    /**
-     * @deprecated no longer working, please use SubscriptionService (https://docs.abp.io/en/abp/latest/UI/Angular/Subscription-Service) instead.
-     */
-    var takeUntilDestroy = function (componentInstance, destroyMethodName) {
-        if (destroyMethodName === void 0) { destroyMethodName = 'ngOnDestroy'; }
-        return function (source) {
-            var originalDestroy = componentInstance[destroyMethodName];
-            if (isFunction(originalDestroy) === false) {
-                throw new Error(componentInstance.constructor.name + " is using untilDestroyed but doesn't implement " + destroyMethodName);
-            }
-            if (!componentInstance['__takeUntilDestroy']) {
-                componentInstance['__takeUntilDestroy'] = new rxjs.Subject();
-                componentInstance[destroyMethodName] = function () {
-                    // tslint:disable-next-line: no-unused-expression
-                    isFunction(originalDestroy) && originalDestroy.apply(this, arguments);
-                    componentInstance['__takeUntilDestroy'].next(true);
-                    componentInstance['__takeUntilDestroy'].complete();
-                };
-            }
-            return source.pipe(operators.takeUntil(componentInstance['__takeUntilDestroy']));
-        };
-    };
-
     var DomInsertionService = /** @class */ (function () {
         function DomInsertionService() {
             this.inserted = new Set();
@@ -4389,10 +4233,12 @@
         };
         return DomInsertionService;
     }());
-    DomInsertionService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function DomInsertionService_Factory() { return new DomInsertionService(); }, token: DomInsertionService, providedIn: "root" });
-    DomInsertionService.decorators = [
-        { type: i0.Injectable, args: [{ providedIn: 'root' },] }
-    ];
+    DomInsertionService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: DomInsertionService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    DomInsertionService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: DomInsertionService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: DomInsertionService, decorators: [{
+                type: i0.Injectable,
+                args: [{ providedIn: 'root' }]
+            }] });
 
     var ResourceWaitService = /** @class */ (function () {
         function ResourceWaitService() {
@@ -4428,12 +4274,14 @@
         };
         return ResourceWaitService;
     }());
-    ResourceWaitService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function ResourceWaitService_Factory() { return new ResourceWaitService(); }, token: ResourceWaitService, providedIn: "root" });
-    ResourceWaitService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root',
-                },] }
-    ];
+    ResourceWaitService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: ResourceWaitService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    ResourceWaitService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: ResourceWaitService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: ResourceWaitService, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root',
+                    }]
+            }] });
 
     var LazyLoadService = /** @class */ (function () {
         function LazyLoadService(resourceWaitService) {
@@ -4460,15 +4308,14 @@
         };
         return LazyLoadService;
     }());
-    LazyLoadService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function LazyLoadService_Factory() { return new LazyLoadService(i0__namespace.ɵɵinject(ResourceWaitService)); }, token: LazyLoadService, providedIn: "root" });
-    LazyLoadService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root',
-                },] }
-    ];
-    LazyLoadService.ctorParameters = function () { return [
-        { type: ResourceWaitService }
-    ]; };
+    LazyLoadService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: LazyLoadService, deps: [{ token: ResourceWaitService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    LazyLoadService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: LazyLoadService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: LazyLoadService, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root',
+                    }]
+            }], ctorParameters: function () { return [{ type: ResourceWaitService }]; } });
 
     var LIST_QUERY_DEBOUNCE_TIME = new i0.InjectionToken('LIST_QUERY_DEBOUNCE_TIME');
 
@@ -4595,276 +4442,11 @@
         };
         return ListService;
     }());
-    ListService.decorators = [
-        { type: i0.Injectable }
-    ];
-    ListService.ctorParameters = function () { return [
-        { type: i0.Injector }
-    ]; };
-
-    var ConfigState_1;
-    /**
-     * @deprecated Use ConfigStateService instead. To be deleted in v5.0.
-     */
-    exports.ConfigState = ConfigState_1 = /** @class */ (function () {
-        function ConfigState(store, environmentService, configState) {
-            this.store = store;
-            this.environmentService = environmentService;
-            this.configState = configState;
-            this.syncConfigState();
-            this.syncEnvironment();
-        }
-        ConfigState.getAll = function (state) {
-            return state;
-        };
-        ConfigState.getApplicationInfo = function (state) {
-            return state.environment.application || {};
-        };
-        ConfigState.getEnvironment = function (state) {
-            return state.environment;
-        };
-        ConfigState.getOne = function (key) {
-            var selector = i4.createSelector([ConfigState_1], function (state) {
-                return state[key];
-            });
-            return selector;
-        };
-        ConfigState.getDeep = function (keys) {
-            if (typeof keys === 'string') {
-                keys = keys.split('.');
-            }
-            if (!Array.isArray(keys)) {
-                throw new Error('The argument must be a dot string or an string array.');
-            }
-            var selector = i4.createSelector([ConfigState_1], function (state) {
-                return keys.reduce(function (acc, val) {
-                    if (acc) {
-                        return acc[val];
-                    }
-                    return undefined;
-                }, state);
-            });
-            return selector;
-        };
-        ConfigState.getApiUrl = function (key) {
-            var selector = i4.createSelector([ConfigState_1], function (state) {
-                return (state.environment.apis[key || 'default'] || state.environment.apis.default).url;
-            });
-            return selector;
-        };
-        ConfigState.getFeature = function (key) {
-            var selector = i4.createSelector([ConfigState_1], function (state) {
-                return snq__default['default'](function () { return state.features.values[key]; });
-            });
-            return selector;
-        };
-        ConfigState.getSetting = function (key) {
-            var selector = i4.createSelector([ConfigState_1], function (state) {
-                return snq__default['default'](function () { return state.setting.values[key]; });
-            });
-            return selector;
-        };
-        ConfigState.getSettings = function (keyword) {
-            var selector = i4.createSelector([ConfigState_1], function (state) {
-                var settings = snq__default['default'](function () { return state.setting.values; }, {});
-                if (!keyword)
-                    return settings;
-                var keysFound = Object.keys(settings).filter(function (key) { return key.indexOf(keyword) > -1; });
-                return keysFound.reduce(function (acc, key) {
-                    acc[key] = settings[key];
-                    return acc;
-                }, {});
-            });
-            return selector;
-        };
-        /**
-         * @deprecated use PermissionService's getGrantedPolicyStream or getGrantedPolicy methods.
-         */
-        ConfigState.getGrantedPolicy = function (key) {
-            var selector = i4.createSelector([ConfigState_1], function (state) {
-                if (!key)
-                    return true;
-                var getPolicy = function (k) { return snq__default['default'](function () { return state.auth.grantedPolicies[k]; }, false); };
-                var orRegexp = /\|\|/g;
-                var andRegexp = /&&/g;
-                // TODO: Allow combination of ANDs & ORs
-                if (orRegexp.test(key)) {
-                    var keys = key.split('||').filter(Boolean);
-                    if (keys.length < 2)
-                        return false;
-                    return keys.some(function (k) { return getPolicy(k.trim()); });
-                }
-                else if (andRegexp.test(key)) {
-                    var keys = key.split('&&').filter(Boolean);
-                    if (keys.length < 2)
-                        return false;
-                    return keys.every(function (k) { return getPolicy(k.trim()); });
-                }
-                return getPolicy(key);
-            });
-            return selector;
-        };
-        ConfigState.getLocalizationResource = function (resourceName) {
-            var selector = i4.createSelector([ConfigState_1], function (state) {
-                return state.localization.values[resourceName];
-            });
-            return selector;
-        };
-        ConfigState.getLocalization = function (key) {
-            var interpolateParams = [];
-            for (var _i = 1; _i < arguments.length; _i++) {
-                interpolateParams[_i - 1] = arguments[_i];
-            }
-            if (!key)
-                key = '';
-            var defaultValue;
-            if (typeof key !== 'string') {
-                defaultValue = key.defaultValue;
-                key = key.key;
-            }
-            var keys = key.split('::');
-            var selector = i4.createSelector([ConfigState_1], function (state) {
-                var warn = function (message) {
-                    if (!state.environment.production)
-                        console.warn(message);
-                };
-                if (keys.length < 2) {
-                    warn('The localization source separator (::) not found.');
-                    return defaultValue || key;
-                }
-                if (!state.localization)
-                    return defaultValue || keys[1];
-                var sourceName = keys[0] ||
-                    snq__default['default'](function () { return state.environment.localization.defaultResourceName; }) ||
-                    state.localization.defaultResourceName;
-                var sourceKey = keys[1];
-                if (sourceName === '_') {
-                    return defaultValue || sourceKey;
-                }
-                if (!sourceName) {
-                    warn('Localization source name is not specified and the defaultResourceName was not defined!');
-                    return defaultValue || sourceKey;
-                }
-                var source = state.localization.values[sourceName];
-                if (!source) {
-                    warn('Could not find localization source: ' + sourceName);
-                    return defaultValue || sourceKey;
-                }
-                var localization = source[sourceKey];
-                if (typeof localization === 'undefined') {
-                    return defaultValue || sourceKey;
-                }
-                interpolateParams = interpolateParams.filter(function (params) { return params != null; });
-                if (localization)
-                    localization = interpolate(localization, interpolateParams);
-                if (typeof localization !== 'string')
-                    localization = '';
-                return localization || defaultValue || key;
-            });
-            return selector;
-        };
-        ConfigState.prototype.syncConfigState = function () {
-            var _this = this;
-            this.configState
-                .createOnUpdateStream(function (state) { return state; })
-                .pipe(operators.distinctUntilChanged(compare__default['default']))
-                .subscribe(function (config) { return _this.store.dispatch(new PatchConfigState(config)); });
-        };
-        ConfigState.prototype.syncEnvironment = function () {
-            var _this = this;
-            this.environmentService
-                .createOnUpdateStream(function (state) { return state; })
-                .pipe(operators.distinctUntilChanged(compare__default['default']))
-                .subscribe(function (env) { return _this.store.dispatch(new PatchConfigState({ environment: env })); });
-        };
-        ConfigState.prototype.addData = function (_a) {
-            var patchState = _a.patchState, dispatch = _a.dispatch;
-            var apiName = 'default';
-            var api = this.store.selectSnapshot(ConfigState_1.getApiUrl(apiName));
-            return this.configState.refreshAppState().pipe(operators.catchError(function (err) {
-                dispatch(new RestOccurError(err));
-                return rxjs.throwError(err);
-            }));
-        };
-        ConfigState.prototype.setEnvironment = function (_, _a) {
-            var environment = _a.environment;
-            return this.environmentService.setState(environment);
-        };
-        ConfigState.prototype.setConfig = function (_a, _b) {
-            var patchState = _a.patchState, getState = _a.getState;
-            var state = _b.state;
-            patchState(Object.assign(Object.assign({}, getState()), state));
-        };
-        return ConfigState;
-    }());
-    exports.ConfigState.decorators = [
-        { type: i0.Injectable }
-    ];
-    exports.ConfigState.ctorParameters = function () { return [
-        { type: i4.Store },
-        { type: EnvironmentService },
-        { type: ConfigStateService }
-    ]; };
-    __decorate([
-        i4.Action(GetAppConfiguration)
-    ], exports.ConfigState.prototype, "addData", null);
-    __decorate([
-        i4.Action(SetEnvironment)
-    ], exports.ConfigState.prototype, "setEnvironment", null);
-    __decorate([
-        i4.Action(PatchConfigState)
-    ], exports.ConfigState.prototype, "setConfig", null);
-    __decorate([
-        i4.Selector()
-    ], exports.ConfigState, "getAll", null);
-    __decorate([
-        i4.Selector()
-    ], exports.ConfigState, "getApplicationInfo", null);
-    __decorate([
-        i4.Selector()
-    ], exports.ConfigState, "getEnvironment", null);
-    exports.ConfigState = ConfigState_1 = __decorate([
-        i4.State({
-            name: 'ConfigState',
-            defaults: {},
-        })
-    ], exports.ConfigState);
-
-    var ProfileStateService = /** @class */ (function () {
-        function ProfileStateService(store) {
-            this.store = store;
-        }
-        ProfileStateService.prototype.getProfile = function () {
-            return this.store.selectSnapshot(exports.ɵbd.getProfile);
-        };
-        ProfileStateService.prototype.dispatchGetProfile = function () {
-            return this.store.dispatch(new GetProfile());
-        };
-        ProfileStateService.prototype.dispatchUpdateProfile = function () {
-            var args = [];
-            for (var _i = 0; _i < arguments.length; _i++) {
-                args[_i] = arguments[_i];
-            }
-            return this.store.dispatch(new (UpdateProfile.bind.apply(UpdateProfile, __spread([void 0], args)))());
-        };
-        ProfileStateService.prototype.dispatchChangePassword = function () {
-            var args = [];
-            for (var _i = 0; _i < arguments.length; _i++) {
-                args[_i] = arguments[_i];
-            }
-            return this.store.dispatch(new (ChangePassword.bind.apply(ChangePassword, __spread([void 0], args)))());
-        };
-        return ProfileStateService;
-    }());
-    ProfileStateService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function ProfileStateService_Factory() { return new ProfileStateService(i0__namespace.ɵɵinject(i4__namespace.Store)); }, token: ProfileStateService, providedIn: "root" });
-    ProfileStateService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root',
-                },] }
-    ];
-    ProfileStateService.ctorParameters = function () { return [
-        { type: i4.Store }
-    ]; };
+    ListService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: ListService, deps: [{ token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    ListService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: ListService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: ListService, decorators: [{
+                type: i0.Injectable
+            }], ctorParameters: function () { return [{ type: i0__namespace.Injector }]; } });
 
     var RouterWaitService = /** @class */ (function () {
         function RouterWaitService(routerEvents, injector) {
@@ -4878,7 +4460,7 @@
             var _this = this;
             this.routerEvents
                 .getAllNavigationEvents()
-                .pipe(operators.map(function (event) { return event instanceof i1.NavigationStart; }), operators.switchMap(function (condition) { return condition
+                .pipe(operators.map(function (event) { return event instanceof i1$1.NavigationStart; }), operators.switchMap(function (condition) { return condition
                 ? _this.delay === 0
                     ? rxjs.of(true)
                     : rxjs.timer(_this.delay || 0).pipe(operators.mapTo(true), operators.takeUntil(_this.destroy$))
@@ -4907,21 +4489,27 @@
         };
         return RouterWaitService;
     }());
-    RouterWaitService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function RouterWaitService_Factory() { return new RouterWaitService(i0__namespace.ɵɵinject(RouterEvents), i0__namespace.ɵɵinject(i0__namespace.INJECTOR)); }, token: RouterWaitService, providedIn: "root" });
-    RouterWaitService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root',
-                },] }
-    ];
-    RouterWaitService.ctorParameters = function () { return [
-        { type: RouterEvents },
-        { type: i0.Injector }
-    ]; };
+    RouterWaitService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: RouterWaitService, deps: [{ token: RouterEvents }, { token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    RouterWaitService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: RouterWaitService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: RouterWaitService, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root',
+                    }]
+            }], ctorParameters: function () { return [{ type: RouterEvents }, { type: i0__namespace.Injector }]; } });
 
     var trackBy = function (key) { return function (_, item) { return item[key]; }; };
     var trackByDeep = function () {
+        // eslint-disable-next-line @typescript-eslint/ban-types
         var keys = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
+        for (
+        // eslint-disable-next-line @typescript-eslint/ban-types
+        var _i = 0; 
+        // eslint-disable-next-line @typescript-eslint/ban-types
+        _i < arguments.length; 
+        // eslint-disable-next-line @typescript-eslint/ban-types
+        _i++) {
+            // eslint-disable-next-line @typescript-eslint/ban-types
             keys[_i] = arguments[_i];
         }
         return function (_, item) { return keys.reduce(function (acc, key) { return acc[key]; }, item); };
@@ -4933,12 +4521,14 @@
         }
         return TrackByService;
     }());
-    TrackByService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function TrackByService_Factory() { return new TrackByService(); }, token: TrackByService, providedIn: "root" });
-    TrackByService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root',
-                },] }
-    ];
+    TrackByService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: TrackByService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    TrackByService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: TrackByService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: TrackByService, decorators: [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root',
+                    }]
+            }] });
 
     var ContainerStrategy = /** @class */ (function () {
         function ContainerStrategy(containerRef) {
@@ -5021,15 +4611,21 @@
     };
 
     var ContentStrategy = /** @class */ (function () {
-        function ContentStrategy(content, domStrategy, contentSecurityStrategy) {
+        function ContentStrategy(content, domStrategy, contentSecurityStrategy, options) {
             if (domStrategy === void 0) { domStrategy = DOM_STRATEGY.AppendToHead(); }
             if (contentSecurityStrategy === void 0) { contentSecurityStrategy = CONTENT_SECURITY_STRATEGY.None(); }
+            if (options === void 0) { options = {}; }
             this.content = content;
             this.domStrategy = domStrategy;
             this.contentSecurityStrategy = contentSecurityStrategy;
+            this.options = options;
         }
         ContentStrategy.prototype.insertElement = function () {
+            var _this = this;
             var element = this.createElement();
+            if (this.options && Object.keys(this.options).length > 0) {
+                Object.keys(this.options).forEach(function (key) { return (element[key] = _this.options[key]); });
+            }
             this.contentSecurityStrategy.applyCSP(element);
             this.domStrategy.insertElement(element);
             return element;
@@ -5061,17 +4657,17 @@
         return ScriptContentStrategy;
     }(ContentStrategy));
     var CONTENT_STRATEGY = {
-        AppendScriptToBody: function (content) {
-            return new ScriptContentStrategy(content, DOM_STRATEGY.AppendToBody());
+        AppendScriptToBody: function (content, options) {
+            return new ScriptContentStrategy(content, DOM_STRATEGY.AppendToBody(), undefined, options);
         },
-        AppendScriptToHead: function (content) {
-            return new ScriptContentStrategy(content, DOM_STRATEGY.AppendToHead());
+        AppendScriptToHead: function (content, options) {
+            return new ScriptContentStrategy(content, DOM_STRATEGY.AppendToHead(), undefined, options);
         },
-        AppendStyleToHead: function (content) {
-            return new StyleContentStrategy(content, DOM_STRATEGY.AppendToHead());
+        AppendStyleToHead: function (content, options) {
+            return new StyleContentStrategy(content, DOM_STRATEGY.AppendToHead(), undefined, options);
         },
-        PrependStyleToHead: function (content) {
-            return new StyleContentStrategy(content, DOM_STRATEGY.PrependToHead());
+        PrependStyleToHead: function (content, options) {
+            return new StyleContentStrategy(content, DOM_STRATEGY.PrependToHead(), undefined, options);
         },
     };
 
@@ -5079,7 +4675,6 @@
         function ContextStrategy(context) {
             this.context = context;
         }
-        /* tslint:disable-next-line:no-unused-variable */
         ContextStrategy.prototype.setContext = function (componentRef) {
             return this.context;
         };
@@ -5318,7 +4913,6 @@
         var multiplier = 1;
         for (var i = value.length; i > 0; i--) {
             var digit = Number(value[i - 1]) * multiplier;
-            /* tslint:disable-next-line:no-bitwise */
             checksum += (digit % 10) + ~~(digit / 10);
             multiplier = (multiplier * 2) % 3;
         }
@@ -5387,10 +4981,9 @@
         return false;
     }
 
-    var ɵ0 = function () { return forms.Validators.email; };
     var AbpValidators = {
         creditCard: validateCreditCard,
-        emailAddress: ɵ0,
+        emailAddress: function () { return i1$2.Validators.email; },
         minAge: validateMinAge,
         range: validateRange,
         required: validateRequired,
@@ -5398,36 +4991,7 @@
         url: validateUrl,
     };
 
-    var AbpApiDefinitionService = /** @class */ (function () {
-        function AbpApiDefinitionService(restService) {
-            var _this = this;
-            this.restService = restService;
-            this.apiName = 'abp';
-            this.getByModel = function (model) { return _this.restService.request({
-                method: 'GET',
-                url: '/api/abp/api-definition',
-                params: { includeTypes: model.includeTypes },
-            }, { apiName: _this.apiName }); };
-        }
-        return AbpApiDefinitionService;
-    }());
-    AbpApiDefinitionService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function AbpApiDefinitionService_Factory() { return new AbpApiDefinitionService(i0__namespace.ɵɵinject(RestService)); }, token: AbpApiDefinitionService, providedIn: "root" });
-    AbpApiDefinitionService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root',
-                },] }
-    ];
-    AbpApiDefinitionService.ctorParameters = function () { return [
-        { type: RestService }
-    ]; };
-
-    var index = /*#__PURE__*/Object.freeze({
-        __proto__: null
-    });
-
-    /*
-     * Public API Surface of core
-     */
+    // export * from './lib/handlers';
 
     /**
      * Generated bundle index. Do not edit.
@@ -5442,7 +5006,6 @@
     exports.AbstractNgModelComponent = AbstractNgModelComponent;
     exports.AbstractTreeService = AbstractTreeService;
     exports.ApiInterceptor = ApiInterceptor;
-    exports.ApplicationConfigurationService = ApplicationConfigurationService;
     exports.AuditedEntityDto = AuditedEntityDto;
     exports.AuditedEntityWithUserDto = AuditedEntityWithUserDto;
     exports.AuthGuard = AuthGuard;
@@ -5454,9 +5017,9 @@
     exports.CONTENT_SECURITY_STRATEGY = CONTENT_SECURITY_STRATEGY;
     exports.CONTENT_STRATEGY = CONTENT_STRATEGY;
     exports.CONTEXT_STRATEGY = CONTEXT_STRATEGY;
+    exports.COOKIE_LANGUAGE_KEY = COOKIE_LANGUAGE_KEY;
     exports.CORE_OPTIONS = CORE_OPTIONS;
     exports.CROSS_ORIGIN_STRATEGY = CROSS_ORIGIN_STRATEGY;
-    exports.ChangePassword = ChangePassword;
     exports.ClearContainerStrategy = ClearContainerStrategy;
     exports.ComponentContextStrategy = ComponentContextStrategy;
     exports.ComponentProjectionStrategy = ComponentProjectionStrategy;
@@ -5488,8 +5051,7 @@
     exports.FormSubmitDirective = FormSubmitDirective;
     exports.FullAuditedEntityDto = FullAuditedEntityDto;
     exports.FullAuditedEntityWithUserDto = FullAuditedEntityWithUserDto;
-    exports.GetAppConfiguration = GetAppConfiguration;
-    exports.GetProfile = GetProfile;
+    exports.HttpErrorReporterService = HttpErrorReporterService;
     exports.HttpWaitService = HttpWaitService;
     exports.InitDirective = InitDirective;
     exports.InputEventDebounceDirective = InputEventDebounceDirective;
@@ -5522,15 +5084,11 @@
     exports.PermissionDirective = PermissionDirective;
     exports.PermissionGuard = PermissionGuard;
     exports.PermissionService = PermissionService;
-    exports.ProfileService = ProfileService;
-    exports.ProfileState = exports.ɵbd;
-    exports.ProfileStateService = ProfileStateService;
     exports.ProjectionStrategy = ProjectionStrategy;
     exports.ReplaceableComponentsService = ReplaceableComponentsService;
     exports.ReplaceableRouteContainerComponent = ReplaceableRouteContainerComponent;
     exports.ReplaceableTemplateDirective = ReplaceableTemplateDirective;
     exports.ResourceWaitService = ResourceWaitService;
-    exports.RestOccurError = RestOccurError;
     exports.RestService = RestService;
     exports.RootComponentProjectionStrategy = RootComponentProjectionStrategy;
     exports.RootCoreModule = RootCoreModule;
@@ -5541,11 +5099,7 @@
     exports.ScriptContentStrategy = ScriptContentStrategy;
     exports.ScriptLoadingStrategy = ScriptLoadingStrategy;
     exports.SessionStateService = SessionStateService;
-    exports.SetEnvironment = SetEnvironment;
-    exports.SettingTabsService = SettingTabsService;
     exports.SortPipe = SortPipe;
-    exports.StartLoader = StartLoader;
-    exports.StopLoader = StopLoader;
     exports.StopPropagationDirective = StopPropagationDirective;
     exports.StyleContentStrategy = StyleContentStrategy;
     exports.StyleLoadingStrategy = StyleLoadingStrategy;
@@ -5554,8 +5108,6 @@
     exports.TemplateContextStrategy = TemplateContextStrategy;
     exports.TemplateProjectionStrategy = TemplateProjectionStrategy;
     exports.TrackByService = TrackByService;
-    exports.UpdateProfile = UpdateProfile;
-    exports.VisibilityDirective = VisibilityDirective;
     exports.WebHttpUrlEncodingCodec = WebHttpUrlEncodingCodec;
     exports.checkAccessToken = checkAccessToken;
     exports.coreOptionsFactory = coreOptionsFactory;
@@ -5604,7 +5156,6 @@
     exports.setRememberMe = setRememberMe;
     exports.setTokenResponseToStorage = setTokenResponseToStorage;
     exports.storageFactory = storageFactory;
-    exports.takeUntilDestroy = takeUntilDestroy;
     exports.trackBy = trackBy;
     exports.trackByDeep = trackByDeep;
     exports.uuid = uuid;
@@ -5614,51 +5165,6 @@
     exports.validateRequired = validateRequired;
     exports.validateStringLength = validateStringLength;
     exports.validateUrl = validateUrl;
-    exports.ɵa = oAuthStorage;
-    exports.ɵb = LocalizationPipe;
-    exports.ɵba = SortPipe;
-    exports.ɵbb = StopPropagationDirective;
-    exports.ɵbc = VisibilityDirective;
-    exports.ɵbe = ProfileService;
-    exports.ɵbf = GetProfile;
-    exports.ɵbg = UpdateProfile;
-    exports.ɵbh = ChangePassword;
-    exports.ɵbj = LocaleId;
-    exports.ɵbk = LocaleProvider;
-    exports.ɵbl = ApiInterceptor;
-    exports.ɵbm = TENANT_KEY;
-    exports.ɵbn = HttpWaitService;
-    exports.ɵbo = OAuthConfigurationHandler;
-    exports.ɵbp = noop;
-    exports.ɵbq = getInitialData;
-    exports.ɵbr = localeInitializer;
-    exports.ɵbs = RoutesHandler;
-    exports.ɵbt = AbstractTreeService;
-    exports.ɵbu = AbstractNavTreeService;
-    exports.ɵbv = RoutesService;
-    exports.ɵc = LocalizationService;
-    exports.ɵd = SessionStateService;
-    exports.ɵe = ConfigStateService;
-    exports.ɵf = AbpApplicationConfigurationService;
-    exports.ɵg = RestService;
-    exports.ɵh = CORE_OPTIONS;
-    exports.ɵi = coreOptionsFactory;
-    exports.ɵk = EnvironmentService;
-    exports.ɵl = AbstractNgModelComponent;
-    exports.ɵm = AutofocusDirective;
-    exports.ɵn = DynamicLayoutComponent;
-    exports.ɵo = SubscriptionService;
-    exports.ɵp = ReplaceableComponentsService;
-    exports.ɵq = RouterEvents;
-    exports.ɵr = ForDirective;
-    exports.ɵs = FormSubmitDirective;
-    exports.ɵt = InitDirective;
-    exports.ɵu = InputEventDebounceDirective;
-    exports.ɵv = PermissionDirective;
-    exports.ɵw = PermissionService;
-    exports.ɵx = ReplaceableRouteContainerComponent;
-    exports.ɵy = ReplaceableTemplateDirective;
-    exports.ɵz = RouterOutletComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });