Build ng packages

npm/ng-packs/dist/account/bundles/abp-ng.account.umd.js

@@ -20,6 +20,20 @@
     See the Apache Version 2.0 License for specific language governing permissions
     and limitations under the License.
     ***************************************************************************** */
+    /* global Reflect, Promise */
+
+    var extendStatics = function(d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+
+    function __extends(d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    }
 
     var __assign = function() {
         __assign = Object.assign || function __assign(t) {
@@ -30,7 +44,164 @@
             return t;
         };
         return __assign.apply(this, arguments);
-    };
+    };
+
+    function __rest(s, e) {
+        var t = {};
+        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+            t[p] = s[p];
+        if (s != null && typeof Object.getOwnPropertySymbols === "function")
+            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                    t[p[i]] = s[p[i]];
+            }
+        return t;
+    }
+
+    function __decorate(decorators, target, key, desc) {
+        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+        if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+        else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+    }
+
+    function __param(paramIndex, decorator) {
+        return function (target, key) { decorator(target, key, paramIndex); }
+    }
+
+    function __metadata(metadataKey, metadataValue) {
+        if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
+    }
+
+    function __awaiter(thisArg, _arguments, P, generator) {
+        return new (P || (P = Promise))(function (resolve, reject) {
+            function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+            function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+            function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
+            step((generator = generator.apply(thisArg, _arguments || [])).next());
+        });
+    }
+
+    function __generator(thisArg, body) {
+        var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+        function verb(n) { return function (v) { return step([n, v]); }; }
+        function step(op) {
+            if (f) throw new TypeError("Generator is already executing.");
+            while (_) try {
+                if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+                if (y = 0, t) op = [op[0] & 2, t.value];
+                switch (op[0]) {
+                    case 0: case 1: t = op; break;
+                    case 4: _.label++; return { value: op[1], done: false };
+                    case 5: _.label++; y = op[1]; op = [0]; continue;
+                    case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                    default:
+                        if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                        if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                        if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                        if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                        if (t[2]) _.ops.pop();
+                        _.trys.pop(); continue;
+                }
+                op = body.call(thisArg, _);
+            } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+            if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+        }
+    }
+
+    function __exportStar(m, exports) {
+        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+    }
+
+    function __values(o) {
+        var m = typeof Symbol === "function" && o[Symbol.iterator], i = 0;
+        if (m) return m.call(o);
+        return {
+            next: function () {
+                if (o && i >= o.length) o = void 0;
+                return { value: o && o[i++], done: !o };
+            }
+        };
+    }
+
+    function __read(o, n) {
+        var m = typeof Symbol === "function" && o[Symbol.iterator];
+        if (!m) return o;
+        var i = m.call(o), r, ar = [], e;
+        try {
+            while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+        }
+        catch (error) { e = { error: error }; }
+        finally {
+            try {
+                if (r && !r.done && (m = i["return"])) m.call(i);
+            }
+            finally { if (e) throw e.error; }
+        }
+        return ar;
+    }
+
+    function __spread() {
+        for (var ar = [], i = 0; i < arguments.length; i++)
+            ar = ar.concat(__read(arguments[i]));
+        return ar;
+    }
+
+    function __spreadArrays() {
+        for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+        for (var r = Array(s), k = 0, i = 0; i < il; i++)
+            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+                r[k] = a[j];
+        return r;
+    };
+
+    function __await(v) {
+        return this instanceof __await ? (this.v = v, this) : new __await(v);
+    }
+
+    function __asyncGenerator(thisArg, _arguments, generator) {
+        if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
+        var g = generator.apply(thisArg, _arguments || []), i, q = [];
+        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
+        function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
+        function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
+        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
+        function fulfill(value) { resume("next", value); }
+        function reject(value) { resume("throw", value); }
+        function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
+    }
+
+    function __asyncDelegator(o) {
+        var i, p;
+        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
+        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
+    }
+
+    function __asyncValues(o) {
+        if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
+        var m = o[Symbol.asyncIterator], i;
+        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
+        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
+        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
+    }
+
+    function __makeTemplateObject(cooked, raw) {
+        if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+        return cooked;
+    };
+
+    function __importStar(mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
+        result.default = mod;
+        return result;
+    }
+
+    function __importDefault(mod) {
+        return (mod && mod.__esModule) ? mod : { default: mod };
+    }
 
     /**
      * @fileoverview added by tsickle
@@ -114,6 +285,37 @@
         ]; };
         return LoginComponent;
     }());
+    if (false) {
+        /** @type {?} */
+        LoginComponent.prototype.form;
+        /** @type {?} */
+        LoginComponent.prototype.inProgress;
+        /**
+         * @type {?}
+         * @private
+         */
+        LoginComponent.prototype.fb;
+        /**
+         * @type {?}
+         * @private
+         */
+        LoginComponent.prototype.oauthService;
+        /**
+         * @type {?}
+         * @private
+         */
+        LoginComponent.prototype.store;
+        /**
+         * @type {?}
+         * @private
+         */
+        LoginComponent.prototype.toasterService;
+        /**
+         * @type {?}
+         * @private
+         */
+        LoginComponent.prototype.options;
+    }
 
     /**
      * @fileoverview added by tsickle
@@ -168,6 +370,13 @@
         /** @nocollapse */ AccountService.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function AccountService_Factory() { return new AccountService(core.ɵɵinject(ng_core.RestService)); }, token: AccountService, providedIn: "root" });
         return AccountService;
     }());
+    if (false) {
+        /**
+         * @type {?}
+         * @private
+         */
+        AccountService.prototype.rest;
+    }
 
     /**
      * @fileoverview added by tsickle
@@ -239,6 +448,27 @@
         ]; };
         return RegisterComponent;
     }());
+    if (false) {
+        /** @type {?} */
+        RegisterComponent.prototype.form;
+        /** @type {?} */
+        RegisterComponent.prototype.inProgress;
+        /**
+         * @type {?}
+         * @private
+         */
+        RegisterComponent.prototype.fb;
+        /**
+         * @type {?}
+         * @private
+         */
+        RegisterComponent.prototype.accountService;
+        /**
+         * @type {?}
+         * @private
+         */
+        RegisterComponent.prototype.toasterService;
+    }
 
     /**
      * @fileoverview added by tsickle
@@ -360,6 +590,29 @@
         ]; };
         return TenantBoxComponent;
     }());
+    if (false) {
+        /** @type {?} */
+        TenantBoxComponent.prototype.tenant;
+        /** @type {?} */
+        TenantBoxComponent.prototype.tenantName;
+        /** @type {?} */
+        TenantBoxComponent.prototype.isModalVisible;
+        /**
+         * @type {?}
+         * @private
+         */
+        TenantBoxComponent.prototype.store;
+        /**
+         * @type {?}
+         * @private
+         */
+        TenantBoxComponent.prototype.toasterService;
+        /**
+         * @type {?}
+         * @private
+         */
+        TenantBoxComponent.prototype.accountService;
+    }
 
     /**
      * @fileoverview added by tsickle
@@ -414,6 +667,11 @@
         return AccountModule;
     }());
 
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+
     /**
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -429,6 +687,104 @@
         },
     ]));
 
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    /**
+     * @record
+     */
+    function Options() { }
+    if (false) {
+        /** @type {?|undefined} */
+        Options.prototype.redirectUrl;
+    }
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    /**
+     * @record
+     */
+    function RegisterRequest() { }
+    if (false) {
+        /** @type {?} */
+        RegisterRequest.prototype.userName;
+        /** @type {?} */
+        RegisterRequest.prototype.emailAddress;
+        /** @type {?} */
+        RegisterRequest.prototype.password;
+        /** @type {?|undefined} */
+        RegisterRequest.prototype.appName;
+    }
+    /**
+     * @record
+     */
+    function RegisterResponse() { }
+    if (false) {
+        /** @type {?} */
+        RegisterResponse.prototype.tenantId;
+        /** @type {?} */
+        RegisterResponse.prototype.userName;
+        /** @type {?} */
+        RegisterResponse.prototype.name;
+        /** @type {?} */
+        RegisterResponse.prototype.surname;
+        /** @type {?} */
+        RegisterResponse.prototype.email;
+        /** @type {?} */
+        RegisterResponse.prototype.emailConfirmed;
+        /** @type {?} */
+        RegisterResponse.prototype.phoneNumber;
+        /** @type {?} */
+        RegisterResponse.prototype.phoneNumberConfirmed;
+        /** @type {?} */
+        RegisterResponse.prototype.twoFactorEnabled;
+        /** @type {?} */
+        RegisterResponse.prototype.lockoutEnabled;
+        /** @type {?} */
+        RegisterResponse.prototype.lockoutEnd;
+        /** @type {?} */
+        RegisterResponse.prototype.concurrencyStamp;
+        /** @type {?} */
+        RegisterResponse.prototype.isDeleted;
+        /** @type {?} */
+        RegisterResponse.prototype.deleterId;
+        /** @type {?} */
+        RegisterResponse.prototype.deletionTime;
+        /** @type {?} */
+        RegisterResponse.prototype.lastModificationTime;
+        /** @type {?} */
+        RegisterResponse.prototype.lastModifierId;
+        /** @type {?} */
+        RegisterResponse.prototype.creationTime;
+        /** @type {?} */
+        RegisterResponse.prototype.creatorId;
+        /** @type {?} */
+        RegisterResponse.prototype.id;
+    }
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    /**
+     * @record
+     */
+    function TenantIdResponse() { }
+    if (false) {
+        /** @type {?} */
+        TenantIdResponse.prototype.success;
+        /** @type {?} */
+        TenantIdResponse.prototype.tenantId;
+    }
+
     exports.ACCOUNT_OPTIONS = ACCOUNT_OPTIONS;
     exports.ACCOUNT_ROUTES = ACCOUNT_ROUTES;
     exports.AccountModule = AccountModule;

npm/ng-packs/dist/account/fesm2015/abp-ng.account.js

@@ -1,7 +1,7 @@
 import { ConfigState, GetAppConfiguration, RestService, DynamicLayoutComponent, SessionState, SetTenant, CoreModule } from '@abp/ng.core';
 import { Component, Optional, Inject, Injectable, ɵɵdefineInjectable, ɵɵinject, NgModule, InjectionToken } from '@angular/core';
 import { RouterModule } from '@angular/router';
-import { FormBuilder, Validators } from '@angular/forms';
+import { Validators, FormBuilder } from '@angular/forms';
 import { Navigate } from '@ngxs/router-plugin';
 import { Store } from '@ngxs/store';
 import { OAuthService } from 'angular-oauth2-oidc';
@@ -97,6 +97,37 @@ LoginComponent.ctorParameters = () => [
     { type: ToasterService },
     { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: ['ACCOUNT_OPTIONS',] }] }
 ];
+if (false) {
+    /** @type {?} */
+    LoginComponent.prototype.form;
+    /** @type {?} */
+    LoginComponent.prototype.inProgress;
+    /**
+     * @type {?}
+     * @private
+     */
+    LoginComponent.prototype.fb;
+    /**
+     * @type {?}
+     * @private
+     */
+    LoginComponent.prototype.oauthService;
+    /**
+     * @type {?}
+     * @private
+     */
+    LoginComponent.prototype.store;
+    /**
+     * @type {?}
+     * @private
+     */
+    LoginComponent.prototype.toasterService;
+    /**
+     * @type {?}
+     * @private
+     */
+    LoginComponent.prototype.options;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -145,6 +176,13 @@ AccountService.ctorParameters = () => [
     { type: RestService }
 ];
 /** @nocollapse */ AccountService.ngInjectableDef = ɵɵdefineInjectable({ factory: function AccountService_Factory() { return new AccountService(ɵɵinject(RestService)); }, token: AccountService, providedIn: "root" });
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    AccountService.prototype.rest;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -216,6 +254,27 @@ RegisterComponent.ctorParameters = () => [
     { type: AccountService },
     { type: ToasterService }
 ];
+if (false) {
+    /** @type {?} */
+    RegisterComponent.prototype.form;
+    /** @type {?} */
+    RegisterComponent.prototype.inProgress;
+    /**
+     * @type {?}
+     * @private
+     */
+    RegisterComponent.prototype.fb;
+    /**
+     * @type {?}
+     * @private
+     */
+    RegisterComponent.prototype.accountService;
+    /**
+     * @type {?}
+     * @private
+     */
+    RegisterComponent.prototype.toasterService;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -327,6 +386,29 @@ TenantBoxComponent.ctorParameters = () => [
     { type: ToasterService },
     { type: AccountService }
 ];
+if (false) {
+    /** @type {?} */
+    TenantBoxComponent.prototype.tenant;
+    /** @type {?} */
+    TenantBoxComponent.prototype.tenantName;
+    /** @type {?} */
+    TenantBoxComponent.prototype.isModalVisible;
+    /**
+     * @type {?}
+     * @private
+     */
+    TenantBoxComponent.prototype.store;
+    /**
+     * @type {?}
+     * @private
+     */
+    TenantBoxComponent.prototype.toasterService;
+    /**
+     * @type {?}
+     * @private
+     */
+    TenantBoxComponent.prototype.accountService;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -373,6 +455,11 @@ AccountModule.decorators = [
             },] }
 ];
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -388,5 +475,118 @@ const ACCOUNT_ROUTES = (/** @type {?} */ ([
     },
 ]));
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+/**
+ * @record
+ */
+function Options() { }
+if (false) {
+    /** @type {?|undefined} */
+    Options.prototype.redirectUrl;
+}
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+/**
+ * @record
+ */
+function RegisterRequest() { }
+if (false) {
+    /** @type {?} */
+    RegisterRequest.prototype.userName;
+    /** @type {?} */
+    RegisterRequest.prototype.emailAddress;
+    /** @type {?} */
+    RegisterRequest.prototype.password;
+    /** @type {?|undefined} */
+    RegisterRequest.prototype.appName;
+}
+/**
+ * @record
+ */
+function RegisterResponse() { }
+if (false) {
+    /** @type {?} */
+    RegisterResponse.prototype.tenantId;
+    /** @type {?} */
+    RegisterResponse.prototype.userName;
+    /** @type {?} */
+    RegisterResponse.prototype.name;
+    /** @type {?} */
+    RegisterResponse.prototype.surname;
+    /** @type {?} */
+    RegisterResponse.prototype.email;
+    /** @type {?} */
+    RegisterResponse.prototype.emailConfirmed;
+    /** @type {?} */
+    RegisterResponse.prototype.phoneNumber;
+    /** @type {?} */
+    RegisterResponse.prototype.phoneNumberConfirmed;
+    /** @type {?} */
+    RegisterResponse.prototype.twoFactorEnabled;
+    /** @type {?} */
+    RegisterResponse.prototype.lockoutEnabled;
+    /** @type {?} */
+    RegisterResponse.prototype.lockoutEnd;
+    /** @type {?} */
+    RegisterResponse.prototype.concurrencyStamp;
+    /** @type {?} */
+    RegisterResponse.prototype.isDeleted;
+    /** @type {?} */
+    RegisterResponse.prototype.deleterId;
+    /** @type {?} */
+    RegisterResponse.prototype.deletionTime;
+    /** @type {?} */
+    RegisterResponse.prototype.lastModificationTime;
+    /** @type {?} */
+    RegisterResponse.prototype.lastModifierId;
+    /** @type {?} */
+    RegisterResponse.prototype.creationTime;
+    /** @type {?} */
+    RegisterResponse.prototype.creatorId;
+    /** @type {?} */
+    RegisterResponse.prototype.id;
+}
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+/**
+ * @record
+ */
+function TenantIdResponse() { }
+if (false) {
+    /** @type {?} */
+    TenantIdResponse.prototype.success;
+    /** @type {?} */
+    TenantIdResponse.prototype.tenantId;
+}
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
 export { ACCOUNT_OPTIONS, ACCOUNT_ROUTES, AccountModule, LoginComponent, RegisterComponent, optionsFactory, LoginComponent as ɵa, RegisterComponent as ɵc, AccountService as ɵd, TenantBoxComponent as ɵe, AccountRoutingModule as ɵf, optionsFactory as ɵg, ACCOUNT_OPTIONS as ɵh };
 //# sourceMappingURL=abp-ng.account.js.map

npm/ng-packs/dist/account/fesm5/abp-ng.account.js

@@ -1,4 +1,4 @@
-import { GetAppConfiguration, ConfigState, RestService, DynamicLayoutComponent, SessionState, SetTenant, CoreModule } from '@abp/ng.core';
+import { ConfigState, GetAppConfiguration, RestService, DynamicLayoutComponent, SessionState, SetTenant, CoreModule } from '@abp/ng.core';
 import { Component, Optional, Inject, Injectable, ɵɵdefineInjectable, ɵɵinject, NgModule, InjectionToken } from '@angular/core';
 import { RouterModule } from '@angular/router';
 import { Validators, FormBuilder } from '@angular/forms';
@@ -96,6 +96,37 @@ var LoginComponent = /** @class */ (function () {
     ]; };
     return LoginComponent;
 }());
+if (false) {
+    /** @type {?} */
+    LoginComponent.prototype.form;
+    /** @type {?} */
+    LoginComponent.prototype.inProgress;
+    /**
+     * @type {?}
+     * @private
+     */
+    LoginComponent.prototype.fb;
+    /**
+     * @type {?}
+     * @private
+     */
+    LoginComponent.prototype.oauthService;
+    /**
+     * @type {?}
+     * @private
+     */
+    LoginComponent.prototype.store;
+    /**
+     * @type {?}
+     * @private
+     */
+    LoginComponent.prototype.toasterService;
+    /**
+     * @type {?}
+     * @private
+     */
+    LoginComponent.prototype.options;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -150,6 +181,13 @@ var AccountService = /** @class */ (function () {
     /** @nocollapse */ AccountService.ngInjectableDef = ɵɵdefineInjectable({ factory: function AccountService_Factory() { return new AccountService(ɵɵinject(RestService)); }, token: AccountService, providedIn: "root" });
     return AccountService;
 }());
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    AccountService.prototype.rest;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -221,6 +259,27 @@ var RegisterComponent = /** @class */ (function () {
     ]; };
     return RegisterComponent;
 }());
+if (false) {
+    /** @type {?} */
+    RegisterComponent.prototype.form;
+    /** @type {?} */
+    RegisterComponent.prototype.inProgress;
+    /**
+     * @type {?}
+     * @private
+     */
+    RegisterComponent.prototype.fb;
+    /**
+     * @type {?}
+     * @private
+     */
+    RegisterComponent.prototype.accountService;
+    /**
+     * @type {?}
+     * @private
+     */
+    RegisterComponent.prototype.toasterService;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -342,6 +401,29 @@ var TenantBoxComponent = /** @class */ (function () {
     ]; };
     return TenantBoxComponent;
 }());
+if (false) {
+    /** @type {?} */
+    TenantBoxComponent.prototype.tenant;
+    /** @type {?} */
+    TenantBoxComponent.prototype.tenantName;
+    /** @type {?} */
+    TenantBoxComponent.prototype.isModalVisible;
+    /**
+     * @type {?}
+     * @private
+     */
+    TenantBoxComponent.prototype.store;
+    /**
+     * @type {?}
+     * @private
+     */
+    TenantBoxComponent.prototype.toasterService;
+    /**
+     * @type {?}
+     * @private
+     */
+    TenantBoxComponent.prototype.accountService;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -396,6 +478,11 @@ var AccountModule = /** @class */ (function () {
     return AccountModule;
 }());
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -411,5 +498,118 @@ var ACCOUNT_ROUTES = (/** @type {?} */ ([
     },
 ]));
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+/**
+ * @record
+ */
+function Options() { }
+if (false) {
+    /** @type {?|undefined} */
+    Options.prototype.redirectUrl;
+}
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+/**
+ * @record
+ */
+function RegisterRequest() { }
+if (false) {
+    /** @type {?} */
+    RegisterRequest.prototype.userName;
+    /** @type {?} */
+    RegisterRequest.prototype.emailAddress;
+    /** @type {?} */
+    RegisterRequest.prototype.password;
+    /** @type {?|undefined} */
+    RegisterRequest.prototype.appName;
+}
+/**
+ * @record
+ */
+function RegisterResponse() { }
+if (false) {
+    /** @type {?} */
+    RegisterResponse.prototype.tenantId;
+    /** @type {?} */
+    RegisterResponse.prototype.userName;
+    /** @type {?} */
+    RegisterResponse.prototype.name;
+    /** @type {?} */
+    RegisterResponse.prototype.surname;
+    /** @type {?} */
+    RegisterResponse.prototype.email;
+    /** @type {?} */
+    RegisterResponse.prototype.emailConfirmed;
+    /** @type {?} */
+    RegisterResponse.prototype.phoneNumber;
+    /** @type {?} */
+    RegisterResponse.prototype.phoneNumberConfirmed;
+    /** @type {?} */
+    RegisterResponse.prototype.twoFactorEnabled;
+    /** @type {?} */
+    RegisterResponse.prototype.lockoutEnabled;
+    /** @type {?} */
+    RegisterResponse.prototype.lockoutEnd;
+    /** @type {?} */
+    RegisterResponse.prototype.concurrencyStamp;
+    /** @type {?} */
+    RegisterResponse.prototype.isDeleted;
+    /** @type {?} */
+    RegisterResponse.prototype.deleterId;
+    /** @type {?} */
+    RegisterResponse.prototype.deletionTime;
+    /** @type {?} */
+    RegisterResponse.prototype.lastModificationTime;
+    /** @type {?} */
+    RegisterResponse.prototype.lastModifierId;
+    /** @type {?} */
+    RegisterResponse.prototype.creationTime;
+    /** @type {?} */
+    RegisterResponse.prototype.creatorId;
+    /** @type {?} */
+    RegisterResponse.prototype.id;
+}
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+/**
+ * @record
+ */
+function TenantIdResponse() { }
+if (false) {
+    /** @type {?} */
+    TenantIdResponse.prototype.success;
+    /** @type {?} */
+    TenantIdResponse.prototype.tenantId;
+}
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
 export { ACCOUNT_OPTIONS, ACCOUNT_ROUTES, AccountModule, LoginComponent, RegisterComponent, optionsFactory, LoginComponent as ɵa, RegisterComponent as ɵc, AccountService as ɵd, TenantBoxComponent as ɵe, AccountRoutingModule as ɵf, optionsFactory as ɵg, ACCOUNT_OPTIONS as ɵh };
 //# sourceMappingURL=abp-ng.account.js.map

npm/ng-packs/dist/account/lib/tokens/options.token.d.ts

@@ -3,4 +3,4 @@ import { Options } from '../models/options';
 export declare function optionsFactory(options: Options): {
     redirectUrl: string;
 };
-export declare const ACCOUNT_OPTIONS: InjectionToken<{}>;
+export declare const ACCOUNT_OPTIONS: InjectionToken<unknown>;

npm/ng-packs/dist/core/esm2015/lib/directives/ellipsis.directive.js

@@ -23,7 +23,7 @@ export class EllipsisDirective {
      * @return {?}
      */
     get maxWidth() {
-        return this.enabled ? this.witdh || '160px' : undefined;
+        return this.enabled ? this.width || '170px' : undefined;
     }
     /**
      * @return {?}
@@ -53,7 +53,7 @@ EllipsisDirective.ctorParameters = () => [
     { type: ElementRef }
 ];
 EllipsisDirective.propDecorators = {
-    witdh: [{ type: Input, args: ['abpEllipsis',] }],
+    width: [{ type: Input, args: ['abpEllipsis',] }],
     title: [{ type: HostBinding, args: ['title',] }, { type: Input }],
     enabled: [{ type: Input, args: ['abpEllipsisEnabled',] }],
     class: [{ type: HostBinding, args: ['class.abp-ellipsis',] }],
@@ -61,7 +61,7 @@ EllipsisDirective.propDecorators = {
 };
 if (false) {
     /** @type {?} */
-    EllipsisDirective.prototype.witdh;
+    EllipsisDirective.prototype.width;
     /** @type {?} */
     EllipsisDirective.prototype.title;
     /** @type {?} */
@@ -77,4 +77,4 @@ if (false) {
      */
     EllipsisDirective.prototype.elRef;
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxsaXBzaXMuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGFicC9uZy5jb3JlLyIsInNvdXJjZXMiOlsibGliL2RpcmVjdGl2ZXMvZWxsaXBzaXMuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQW9CLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUsvRyxNQUFNLE9BQU8saUJBQWlCOzs7OztJQXFCNUIsWUFBb0IsS0FBd0IsRUFBVSxLQUFpQjtRQUFuRCxVQUFLLEdBQUwsS0FBSyxDQUFtQjtRQUFVLFVBQUssR0FBTCxLQUFLLENBQVk7UUFadkUsWUFBTyxHQUFHLElBQUksQ0FBQztJQVkyRCxDQUFDOzs7O0lBVjNFLElBQ0ksS0FBSztRQUNQLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUN0QixDQUFDOzs7O0lBRUQsSUFDSSxRQUFRO1FBQ1YsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxJQUFJLE9BQU8sQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0lBQzFELENBQUM7Ozs7SUFJRCxrQkFBa0I7UUFDaEIsVUFBVTs7O1FBQUMsR0FBRyxFQUFFOztrQkFDUixLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUs7WUFDeEIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLElBQUksQ0FBQyxtQkFBQSxJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsRUFBZSxDQUFDLENBQUMsU0FBUyxDQUFDO1lBRTFFLElBQUksSUFBSSxDQUFDLEtBQUssS0FBSyxLQUFLLEVBQUU7Z0JBQ3hCLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxFQUFFLENBQUM7YUFDNUI7UUFDSCxDQUFDLEdBQUUsQ0FBQyxDQUFDLENBQUM7SUFDUixDQUFDOzs7WUFuQ0YsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxlQUFlO2FBQzFCOzs7O1lBSjBCLGlCQUFpQjtZQUFhLFVBQVU7OztvQkFNaEUsS0FBSyxTQUFDLGFBQWE7b0JBR25CLFdBQVcsU0FBQyxPQUFPLGNBQ25CLEtBQUs7c0JBR0wsS0FBSyxTQUFDLG9CQUFvQjtvQkFHMUIsV0FBVyxTQUFDLG9CQUFvQjt1QkFLaEMsV0FBVyxTQUFDLGlCQUFpQjs7OztJQWY5QixrQ0FDYzs7SUFFZCxrQ0FFYzs7SUFFZCxvQ0FDZTs7Ozs7SUFZSCxrQ0FBZ0M7Ozs7O0lBQUUsa0NBQXlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJDb250ZW50SW5pdCwgQ2hhbmdlRGV0ZWN0b3JSZWYsIERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1thYnBFbGxpcHNpc10nLFxufSlcbmV4cG9ydCBjbGFzcyBFbGxpcHNpc0RpcmVjdGl2ZSBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQge1xuICBASW5wdXQoJ2FicEVsbGlwc2lzJylcbiAgd2l0ZGg6IHN0cmluZztcblxuICBASG9zdEJpbmRpbmcoJ3RpdGxlJylcbiAgQElucHV0KClcbiAgdGl0bGU6IHN0cmluZztcblxuICBASW5wdXQoJ2FicEVsbGlwc2lzRW5hYmxlZCcpXG4gIGVuYWJsZWQgPSB0cnVlO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MuYWJwLWVsbGlwc2lzJylcbiAgZ2V0IGNsYXNzKCkge1xuICAgIHJldHVybiB0aGlzLmVuYWJsZWQ7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ3N0eWxlLm1heC13aWR0aCcpXG4gIGdldCBtYXhXaWR0aCgpIHtcbiAgICByZXR1cm4gdGhpcy5lbmFibGVkID8gdGhpcy53aXRkaCB8fCAnMTYwcHgnIDogdW5kZWZpbmVkO1xuICB9XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZFJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsIHByaXZhdGUgZWxSZWY6IEVsZW1lbnRSZWYpIHt9XG5cbiAgbmdBZnRlckNvbnRlbnRJbml0KCkge1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgY29uc3QgdGl0bGUgPSB0aGlzLnRpdGxlO1xuICAgICAgdGhpcy50aXRsZSA9IHRpdGxlIHx8ICh0aGlzLmVsUmVmLm5hdGl2ZUVsZW1lbnQgYXMgSFRNTEVsZW1lbnQpLmlubmVyVGV4dDtcblxuICAgICAgaWYgKHRoaXMudGl0bGUgIT09IHRpdGxlKSB7XG4gICAgICAgIHRoaXMuY2RSZWYuZGV0ZWN0Q2hhbmdlcygpO1xuICAgICAgfVxuICAgIH0sIDApO1xuICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxsaXBzaXMuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGFicC9uZy5jb3JlLyIsInNvdXJjZXMiOlsibGliL2RpcmVjdGl2ZXMvZWxsaXBzaXMuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQW9CLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUsvRyxNQUFNLE9BQU8saUJBQWlCOzs7OztJQXFCNUIsWUFBb0IsS0FBd0IsRUFBVSxLQUFpQjtRQUFuRCxVQUFLLEdBQUwsS0FBSyxDQUFtQjtRQUFVLFVBQUssR0FBTCxLQUFLLENBQVk7UUFadkUsWUFBTyxHQUFHLElBQUksQ0FBQztJQVkyRCxDQUFDOzs7O0lBVjNFLElBQ0ksS0FBSztRQUNQLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUN0QixDQUFDOzs7O0lBRUQsSUFDSSxRQUFRO1FBQ1YsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxJQUFJLE9BQU8sQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0lBQzFELENBQUM7Ozs7SUFJRCxrQkFBa0I7UUFDaEIsVUFBVTs7O1FBQUMsR0FBRyxFQUFFOztrQkFDUixLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUs7WUFDeEIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLElBQUksQ0FBQyxtQkFBQSxJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsRUFBZSxDQUFDLENBQUMsU0FBUyxDQUFDO1lBRTFFLElBQUksSUFBSSxDQUFDLEtBQUssS0FBSyxLQUFLLEVBQUU7Z0JBQ3hCLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxFQUFFLENBQUM7YUFDNUI7UUFDSCxDQUFDLEdBQUUsQ0FBQyxDQUFDLENBQUM7SUFDUixDQUFDOzs7WUFuQ0YsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxlQUFlO2FBQzFCOzs7O1lBSjBCLGlCQUFpQjtZQUFhLFVBQVU7OztvQkFNaEUsS0FBSyxTQUFDLGFBQWE7b0JBR25CLFdBQVcsU0FBQyxPQUFPLGNBQ25CLEtBQUs7c0JBR0wsS0FBSyxTQUFDLG9CQUFvQjtvQkFHMUIsV0FBVyxTQUFDLG9CQUFvQjt1QkFLaEMsV0FBVyxTQUFDLGlCQUFpQjs7OztJQWY5QixrQ0FDYzs7SUFFZCxrQ0FFYzs7SUFFZCxvQ0FDZTs7Ozs7SUFZSCxrQ0FBZ0M7Ozs7O0lBQUUsa0NBQXlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJDb250ZW50SW5pdCwgQ2hhbmdlRGV0ZWN0b3JSZWYsIERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1thYnBFbGxpcHNpc10nLFxufSlcbmV4cG9ydCBjbGFzcyBFbGxpcHNpc0RpcmVjdGl2ZSBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQge1xuICBASW5wdXQoJ2FicEVsbGlwc2lzJylcbiAgd2lkdGg6IHN0cmluZztcblxuICBASG9zdEJpbmRpbmcoJ3RpdGxlJylcbiAgQElucHV0KClcbiAgdGl0bGU6IHN0cmluZztcblxuICBASW5wdXQoJ2FicEVsbGlwc2lzRW5hYmxlZCcpXG4gIGVuYWJsZWQgPSB0cnVlO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MuYWJwLWVsbGlwc2lzJylcbiAgZ2V0IGNsYXNzKCkge1xuICAgIHJldHVybiB0aGlzLmVuYWJsZWQ7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ3N0eWxlLm1heC13aWR0aCcpXG4gIGdldCBtYXhXaWR0aCgpIHtcbiAgICByZXR1cm4gdGhpcy5lbmFibGVkID8gdGhpcy53aWR0aCB8fCAnMTcwcHgnIDogdW5kZWZpbmVkO1xuICB9XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZFJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsIHByaXZhdGUgZWxSZWY6IEVsZW1lbnRSZWYpIHt9XG5cbiAgbmdBZnRlckNvbnRlbnRJbml0KCkge1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgY29uc3QgdGl0bGUgPSB0aGlzLnRpdGxlO1xuICAgICAgdGhpcy50aXRsZSA9IHRpdGxlIHx8ICh0aGlzLmVsUmVmLm5hdGl2ZUVsZW1lbnQgYXMgSFRNTEVsZW1lbnQpLmlubmVyVGV4dDtcblxuICAgICAgaWYgKHRoaXMudGl0bGUgIT09IHRpdGxlKSB7XG4gICAgICAgIHRoaXMuY2RSZWYuZGV0ZWN0Q2hhbmdlcygpO1xuICAgICAgfVxuICAgIH0sIDApO1xuICB9XG59XG4iXX0=

npm/ng-packs/dist/core/esm2015/lib/states/config.state.js

@@ -1,9 +1,9 @@
-import * as tslib_1 from "tslib";
 var ConfigState_1;
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
+import * as tslib_1 from "tslib";
 import { State, Selector, createSelector, Action, Store } from '@ngxs/store';
 import { GetAppConfiguration, PatchRouteByName } from '../actions/config.actions';
 import { ApplicationConfigurationService } from '../services/application-configuration.service';

npm/ng-packs/dist/core/esm5/lib/directives/ellipsis.directive.js

@@ -24,7 +24,7 @@ var EllipsisDirective = /** @class */ (function () {
          * @return {?}
          */
         function () {
-            return this.enabled ? this.witdh || '160px' : undefined;
+            return this.enabled ? this.width || '170px' : undefined;
         },
         enumerable: true,
         configurable: true
@@ -60,7 +60,7 @@ var EllipsisDirective = /** @class */ (function () {
         { type: ElementRef }
     ]; };
     EllipsisDirective.propDecorators = {
-        witdh: [{ type: Input, args: ['abpEllipsis',] }],
+        width: [{ type: Input, args: ['abpEllipsis',] }],
         title: [{ type: HostBinding, args: ['title',] }, { type: Input }],
         enabled: [{ type: Input, args: ['abpEllipsisEnabled',] }],
         class: [{ type: HostBinding, args: ['class.abp-ellipsis',] }],
@@ -71,7 +71,7 @@ var EllipsisDirective = /** @class */ (function () {
 export { EllipsisDirective };
 if (false) {
     /** @type {?} */
-    EllipsisDirective.prototype.witdh;
+    EllipsisDirective.prototype.width;
     /** @type {?} */
     EllipsisDirective.prototype.title;
     /** @type {?} */
@@ -87,4 +87,4 @@ if (false) {
      */
     EllipsisDirective.prototype.elRef;
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxsaXBzaXMuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGFicC9uZy5jb3JlLyIsInNvdXJjZXMiOlsibGliL2RpcmVjdGl2ZXMvZWxsaXBzaXMuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQW9CLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUvRztJQXdCRSwyQkFBb0IsS0FBd0IsRUFBVSxLQUFpQjtRQUFuRCxVQUFLLEdBQUwsS0FBSyxDQUFtQjtRQUFVLFVBQUssR0FBTCxLQUFLLENBQVk7UUFadkUsWUFBTyxHQUFHLElBQUksQ0FBQztJQVkyRCxDQUFDO0lBVjNFLHNCQUNJLG9DQUFLOzs7O1FBRFQ7WUFFRSxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7UUFDdEIsQ0FBQzs7O09BQUE7SUFFRCxzQkFDSSx1Q0FBUTs7OztRQURaO1lBRUUsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxJQUFJLE9BQU8sQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO1FBQzFELENBQUM7OztPQUFBOzs7O0lBSUQsOENBQWtCOzs7SUFBbEI7UUFBQSxpQkFTQztRQVJDLFVBQVU7OztRQUFDOztnQkFDSCxLQUFLLEdBQUcsS0FBSSxDQUFDLEtBQUs7WUFDeEIsS0FBSSxDQUFDLEtBQUssR0FBRyxLQUFLLElBQUksQ0FBQyxtQkFBQSxLQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsRUFBZSxDQUFDLENBQUMsU0FBUyxDQUFDO1lBRTFFLElBQUksS0FBSSxDQUFDLEtBQUssS0FBSyxLQUFLLEVBQUU7Z0JBQ3hCLEtBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxFQUFFLENBQUM7YUFDNUI7UUFDSCxDQUFDLEdBQUUsQ0FBQyxDQUFDLENBQUM7SUFDUixDQUFDOztnQkFuQ0YsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxlQUFlO2lCQUMxQjs7OztnQkFKMEIsaUJBQWlCO2dCQUFhLFVBQVU7Ozt3QkFNaEUsS0FBSyxTQUFDLGFBQWE7d0JBR25CLFdBQVcsU0FBQyxPQUFPLGNBQ25CLEtBQUs7MEJBR0wsS0FBSyxTQUFDLG9CQUFvQjt3QkFHMUIsV0FBVyxTQUFDLG9CQUFvQjsyQkFLaEMsV0FBVyxTQUFDLGlCQUFpQjs7SUFpQmhDLHdCQUFDO0NBQUEsQUFwQ0QsSUFvQ0M7U0FqQ1ksaUJBQWlCOzs7SUFDNUIsa0NBQ2M7O0lBRWQsa0NBRWM7O0lBRWQsb0NBQ2U7Ozs7O0lBWUgsa0NBQWdDOzs7OztJQUFFLGtDQUF5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyQ29udGVudEluaXQsIENoYW5nZURldGVjdG9yUmVmLCBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIEhvc3RCaW5kaW5nLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbYWJwRWxsaXBzaXNdJyxcbn0pXG5leHBvcnQgY2xhc3MgRWxsaXBzaXNEaXJlY3RpdmUgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0IHtcbiAgQElucHV0KCdhYnBFbGxpcHNpcycpXG4gIHdpdGRoOiBzdHJpbmc7XG5cbiAgQEhvc3RCaW5kaW5nKCd0aXRsZScpXG4gIEBJbnB1dCgpXG4gIHRpdGxlOiBzdHJpbmc7XG5cbiAgQElucHV0KCdhYnBFbGxpcHNpc0VuYWJsZWQnKVxuICBlbmFibGVkID0gdHJ1ZTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmFicC1lbGxpcHNpcycpXG4gIGdldCBjbGFzcygpIHtcbiAgICByZXR1cm4gdGhpcy5lbmFibGVkO1xuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdzdHlsZS5tYXgtd2lkdGgnKVxuICBnZXQgbWF4V2lkdGgoKSB7XG4gICAgcmV0dXJuIHRoaXMuZW5hYmxlZCA/IHRoaXMud2l0ZGggfHwgJzE2MHB4JyA6IHVuZGVmaW5lZDtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2RSZWY6IENoYW5nZURldGVjdG9yUmVmLCBwcml2YXRlIGVsUmVmOiBFbGVtZW50UmVmKSB7fVxuXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpIHtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIGNvbnN0IHRpdGxlID0gdGhpcy50aXRsZTtcbiAgICAgIHRoaXMudGl0bGUgPSB0aXRsZSB8fCAodGhpcy5lbFJlZi5uYXRpdmVFbGVtZW50IGFzIEhUTUxFbGVtZW50KS5pbm5lclRleHQ7XG5cbiAgICAgIGlmICh0aGlzLnRpdGxlICE9PSB0aXRsZSkge1xuICAgICAgICB0aGlzLmNkUmVmLmRldGVjdENoYW5nZXMoKTtcbiAgICAgIH1cbiAgICB9LCAwKTtcbiAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxsaXBzaXMuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGFicC9uZy5jb3JlLyIsInNvdXJjZXMiOlsibGliL2RpcmVjdGl2ZXMvZWxsaXBzaXMuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQW9CLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUvRztJQXdCRSwyQkFBb0IsS0FBd0IsRUFBVSxLQUFpQjtRQUFuRCxVQUFLLEdBQUwsS0FBSyxDQUFtQjtRQUFVLFVBQUssR0FBTCxLQUFLLENBQVk7UUFadkUsWUFBTyxHQUFHLElBQUksQ0FBQztJQVkyRCxDQUFDO0lBVjNFLHNCQUNJLG9DQUFLOzs7O1FBRFQ7WUFFRSxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7UUFDdEIsQ0FBQzs7O09BQUE7SUFFRCxzQkFDSSx1Q0FBUTs7OztRQURaO1lBRUUsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxJQUFJLE9BQU8sQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO1FBQzFELENBQUM7OztPQUFBOzs7O0lBSUQsOENBQWtCOzs7SUFBbEI7UUFBQSxpQkFTQztRQVJDLFVBQVU7OztRQUFDOztnQkFDSCxLQUFLLEdBQUcsS0FBSSxDQUFDLEtBQUs7WUFDeEIsS0FBSSxDQUFDLEtBQUssR0FBRyxLQUFLLElBQUksQ0FBQyxtQkFBQSxLQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsRUFBZSxDQUFDLENBQUMsU0FBUyxDQUFDO1lBRTFFLElBQUksS0FBSSxDQUFDLEtBQUssS0FBSyxLQUFLLEVBQUU7Z0JBQ3hCLEtBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxFQUFFLENBQUM7YUFDNUI7UUFDSCxDQUFDLEdBQUUsQ0FBQyxDQUFDLENBQUM7SUFDUixDQUFDOztnQkFuQ0YsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxlQUFlO2lCQUMxQjs7OztnQkFKMEIsaUJBQWlCO2dCQUFhLFVBQVU7Ozt3QkFNaEUsS0FBSyxTQUFDLGFBQWE7d0JBR25CLFdBQVcsU0FBQyxPQUFPLGNBQ25CLEtBQUs7MEJBR0wsS0FBSyxTQUFDLG9CQUFvQjt3QkFHMUIsV0FBVyxTQUFDLG9CQUFvQjsyQkFLaEMsV0FBVyxTQUFDLGlCQUFpQjs7SUFpQmhDLHdCQUFDO0NBQUEsQUFwQ0QsSUFvQ0M7U0FqQ1ksaUJBQWlCOzs7SUFDNUIsa0NBQ2M7O0lBRWQsa0NBRWM7O0lBRWQsb0NBQ2U7Ozs7O0lBWUgsa0NBQWdDOzs7OztJQUFFLGtDQUF5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyQ29udGVudEluaXQsIENoYW5nZURldGVjdG9yUmVmLCBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIEhvc3RCaW5kaW5nLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbYWJwRWxsaXBzaXNdJyxcbn0pXG5leHBvcnQgY2xhc3MgRWxsaXBzaXNEaXJlY3RpdmUgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0IHtcbiAgQElucHV0KCdhYnBFbGxpcHNpcycpXG4gIHdpZHRoOiBzdHJpbmc7XG5cbiAgQEhvc3RCaW5kaW5nKCd0aXRsZScpXG4gIEBJbnB1dCgpXG4gIHRpdGxlOiBzdHJpbmc7XG5cbiAgQElucHV0KCdhYnBFbGxpcHNpc0VuYWJsZWQnKVxuICBlbmFibGVkID0gdHJ1ZTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmFicC1lbGxpcHNpcycpXG4gIGdldCBjbGFzcygpIHtcbiAgICByZXR1cm4gdGhpcy5lbmFibGVkO1xuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdzdHlsZS5tYXgtd2lkdGgnKVxuICBnZXQgbWF4V2lkdGgoKSB7XG4gICAgcmV0dXJuIHRoaXMuZW5hYmxlZCA/IHRoaXMud2lkdGggfHwgJzE3MHB4JyA6IHVuZGVmaW5lZDtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2RSZWY6IENoYW5nZURldGVjdG9yUmVmLCBwcml2YXRlIGVsUmVmOiBFbGVtZW50UmVmKSB7fVxuXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpIHtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIGNvbnN0IHRpdGxlID0gdGhpcy50aXRsZTtcbiAgICAgIHRoaXMudGl0bGUgPSB0aXRsZSB8fCAodGhpcy5lbFJlZi5uYXRpdmVFbGVtZW50IGFzIEhUTUxFbGVtZW50KS5pbm5lclRleHQ7XG5cbiAgICAgIGlmICh0aGlzLnRpdGxlICE9PSB0aXRsZSkge1xuICAgICAgICB0aGlzLmNkUmVmLmRldGVjdENoYW5nZXMoKTtcbiAgICAgIH1cbiAgICB9LCAwKTtcbiAgfVxufVxuIl19

npm/ng-packs/dist/core/fesm2015/abp-ng.core.js

@@ -28,9 +28,21 @@ class PatchRouteByName {
     }
 }
 PatchRouteByName.type = '[Config] Patch Route By Name';
+if (false) {
+    /** @type {?} */
+    PatchRouteByName.type;
+    /** @type {?} */
+    PatchRouteByName.prototype.name;
+    /** @type {?} */
+    PatchRouteByName.prototype.newValue;
+}
 class GetAppConfiguration {
 }
 GetAppConfiguration.type = '[Config] Get App Configuration';
+if (false) {
+    /** @type {?} */
+    GetAppConfiguration.type;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -45,6 +57,12 @@ class StartLoader {
     }
 }
 StartLoader.type = '[Loader] Start';
+if (false) {
+    /** @type {?} */
+    StartLoader.type;
+    /** @type {?} */
+    StartLoader.prototype.payload;
+}
 class StopLoader {
     /**
      * @param {?} payload
@@ -54,6 +72,12 @@ class StopLoader {
     }
 }
 StopLoader.type = '[Loader] Stop';
+if (false) {
+    /** @type {?} */
+    StopLoader.type;
+    /** @type {?} */
+    StopLoader.prototype.payload;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -62,6 +86,10 @@ StopLoader.type = '[Loader] Stop';
 class GetProfile {
 }
 GetProfile.type = '[Profile] Get';
+if (false) {
+    /** @type {?} */
+    GetProfile.type;
+}
 class UpdateProfile {
     /**
      * @param {?} payload
@@ -71,6 +99,12 @@ class UpdateProfile {
     }
 }
 UpdateProfile.type = '[Profile] Update';
+if (false) {
+    /** @type {?} */
+    UpdateProfile.type;
+    /** @type {?} */
+    UpdateProfile.prototype.payload;
+}
 class ChangePassword {
     /**
      * @param {?} payload
@@ -80,6 +114,12 @@ class ChangePassword {
     }
 }
 ChangePassword.type = '[Profile] Change Password';
+if (false) {
+    /** @type {?} */
+    ChangePassword.type;
+    /** @type {?} */
+    ChangePassword.prototype.payload;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -94,6 +134,12 @@ class RestOccurError {
     }
 }
 RestOccurError.type = '[Rest] Error';
+if (false) {
+    /** @type {?} */
+    RestOccurError.type;
+    /** @type {?} */
+    RestOccurError.prototype.payload;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -108,6 +154,12 @@ class SetLanguage {
     }
 }
 SetLanguage.type = '[Session] Set Language';
+if (false) {
+    /** @type {?} */
+    SetLanguage.type;
+    /** @type {?} */
+    SetLanguage.prototype.payload;
+}
 class SetTenant {
     /**
      * @param {?} payload
@@ -117,6 +169,17 @@ class SetTenant {
     }
 }
 SetTenant.type = '[Session] Set Tenant';
+if (false) {
+    /** @type {?} */
+    SetTenant.type;
+    /** @type {?} */
+    SetTenant.prototype.payload;
+}
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
 
 /**
  * @fileoverview added by tsickle
@@ -175,6 +238,18 @@ RestService.ctorParameters = () => [
     { type: Store }
 ];
 /** @nocollapse */ RestService.ngInjectableDef = ɵɵdefineInjectable({ factory: function RestService_Factory() { return new RestService(ɵɵinject(HttpClient), ɵɵinject(Store)); }, token: RestService, providedIn: "root" });
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    RestService.prototype.http;
+    /**
+     * @type {?}
+     * @private
+     */
+    RestService.prototype.store;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -236,6 +311,13 @@ ProfileService.ctorParameters = () => [
     { type: RestService }
 ];
 /** @nocollapse */ ProfileService.ngInjectableDef = ɵɵdefineInjectable({ factory: function ProfileService_Factory() { return new ProfileService(ɵɵinject(RestService)); }, token: ProfileService, providedIn: "root" });
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    ProfileService.prototype.rest;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -322,6 +404,13 @@ ProfileState = __decorate([
     }),
     __metadata("design:paramtypes", [ProfileService])
 ], ProfileState);
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    ProfileState.prototype.profileService;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -356,6 +445,13 @@ ApplicationConfigurationService.ctorParameters = () => [
     { type: RestService }
 ];
 /** @nocollapse */ ApplicationConfigurationService.ngInjectableDef = ɵɵdefineInjectable({ factory: function ApplicationConfigurationService_Factory() { return new ApplicationConfigurationService(ɵɵinject(RestService)); }, token: ApplicationConfigurationService, providedIn: "root" });
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    ApplicationConfigurationService.prototype.rest;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -806,6 +902,18 @@ ConfigState = ConfigState_1 = __decorate([
     }),
     __metadata("design:paramtypes", [ApplicationConfigurationService, Store])
 ], ConfigState);
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    ConfigState.prototype.appConfigurationService;
+    /**
+     * @type {?}
+     * @private
+     */
+    ConfigState.prototype.store;
+}
 /**
  * @param {?} routes
  * @param {?} name
@@ -844,6 +952,11 @@ function patchRouteDeep(routes, name, newValue, parentUrl = null) {
     return organizeRoutes(routes);
 }
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -921,6 +1034,11 @@ const takeUntilDestroy = (/**
     return source.pipe(takeUntil(componentInstance['__takeUntilDestroy']));
 }));
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -983,6 +1101,22 @@ __decorate([
     Select(ConfigState.getOne('requirements')),
     __metadata("design:type", Observable)
 ], DynamicLayoutComponent.prototype, "requirements$", void 0);
+if (false) {
+    /** @type {?} */
+    DynamicLayoutComponent.prototype.requirements$;
+    /** @type {?} */
+    DynamicLayoutComponent.prototype.layout;
+    /**
+     * @type {?}
+     * @private
+     */
+    DynamicLayoutComponent.prototype.router;
+    /**
+     * @type {?}
+     * @private
+     */
+    DynamicLayoutComponent.prototype.store;
+}
 /**
  * @param {?} segments
  * @param {?} routes
@@ -1038,6 +1172,11 @@ RouterOutletComponent.decorators = [
             }] }
 ];
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -1072,6 +1211,15 @@ AutofocusDirective.ctorParameters = () => [
 AutofocusDirective.propDecorators = {
     delay: [{ type: Input, args: ['autofocus',] }]
 };
+if (false) {
+    /** @type {?} */
+    AutofocusDirective.prototype.delay;
+    /**
+     * @type {?}
+     * @private
+     */
+    AutofocusDirective.prototype.elRef;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -1097,7 +1245,7 @@ class EllipsisDirective {
      * @return {?}
      */
     get maxWidth() {
-        return this.enabled ? this.witdh || '160px' : undefined;
+        return this.enabled ? this.width || '170px' : undefined;
     }
     /**
      * @return {?}
@@ -1127,12 +1275,30 @@ EllipsisDirective.ctorParameters = () => [
     { type: ElementRef }
 ];
 EllipsisDirective.propDecorators = {
-    witdh: [{ type: Input, args: ['abpEllipsis',] }],
+    width: [{ type: Input, args: ['abpEllipsis',] }],
     title: [{ type: HostBinding, args: ['title',] }, { type: Input }],
     enabled: [{ type: Input, args: ['abpEllipsisEnabled',] }],
     class: [{ type: HostBinding, args: ['class.abp-ellipsis',] }],
     maxWidth: [{ type: HostBinding, args: ['style.max-width',] }]
 };
+if (false) {
+    /** @type {?} */
+    EllipsisDirective.prototype.width;
+    /** @type {?} */
+    EllipsisDirective.prototype.title;
+    /** @type {?} */
+    EllipsisDirective.prototype.enabled;
+    /**
+     * @type {?}
+     * @private
+     */
+    EllipsisDirective.prototype.cdRef;
+    /**
+     * @type {?}
+     * @private
+     */
+    EllipsisDirective.prototype.elRef;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -1187,6 +1353,25 @@ PermissionDirective.ctorParameters = () => [
 PermissionDirective.propDecorators = {
     condition: [{ type: Input, args: ['abpPermission',] }]
 };
+if (false) {
+    /** @type {?} */
+    PermissionDirective.prototype.condition;
+    /**
+     * @type {?}
+     * @private
+     */
+    PermissionDirective.prototype.elRef;
+    /**
+     * @type {?}
+     * @private
+     */
+    PermissionDirective.prototype.renderer;
+    /**
+     * @type {?}
+     * @private
+     */
+    PermissionDirective.prototype.store;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -1271,6 +1456,43 @@ VisibilityDirective.ctorParameters = () => [
 VisibilityDirective.propDecorators = {
     focusedElement: [{ type: Input, args: ['abpVisibility',] }]
 };
+if (false) {
+    /** @type {?} */
+    VisibilityDirective.prototype.focusedElement;
+    /** @type {?} */
+    VisibilityDirective.prototype.completed$;
+    /**
+     * @type {?}
+     * @private
+     */
+    VisibilityDirective.prototype.elRef;
+    /**
+     * @type {?}
+     * @private
+     */
+    VisibilityDirective.prototype.renderer;
+}
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+/** @enum {string} */
+const eLayoutType = {
+    account: 'account',
+    application: 'application',
+    empty: 'empty',
+};
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
 
 /**
  * @fileoverview added by tsickle
@@ -1311,6 +1533,18 @@ AuthGuard.ctorParameters = () => [
     { type: Store }
 ];
 /** @nocollapse */ AuthGuard.ngInjectableDef = ɵɵdefineInjectable({ factory: function AuthGuard_Factory() { return new AuthGuard(ɵɵinject(OAuthService), ɵɵinject(Store)); }, token: AuthGuard, providedIn: "root" });
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    AuthGuard.prototype.oauthService;
+    /**
+     * @type {?}
+     * @private
+     */
+    AuthGuard.prototype.store;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -1343,6 +1577,18 @@ PermissionGuard.ctorParameters = () => [
     { type: Store }
 ];
 /** @nocollapse */ PermissionGuard.ngInjectableDef = ɵɵdefineInjectable({ factory: function PermissionGuard_Factory() { return new PermissionGuard(ɵɵinject(Store)); }, token: PermissionGuard, providedIn: "root" });
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    PermissionGuard.prototype.store;
+}
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
 
 /**
  * @fileoverview added by tsickle
@@ -1399,6 +1645,272 @@ ApiInterceptor.ctorParameters = () => [
     { type: OAuthService },
     { type: Store }
 ];
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    ApiInterceptor.prototype.oAuthService;
+    /**
+     * @type {?}
+     * @private
+     */
+    ApiInterceptor.prototype.store;
+}
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+var ApplicationConfiguration;
+(function (ApplicationConfiguration) {
+    /**
+     * @record
+     */
+    function Response() { }
+    ApplicationConfiguration.Response = Response;
+    if (false) {
+        /** @type {?} */
+        Response.prototype.localization;
+        /** @type {?} */
+        Response.prototype.auth;
+        /** @type {?} */
+        Response.prototype.setting;
+        /** @type {?} */
+        Response.prototype.currentUser;
+        /** @type {?} */
+        Response.prototype.features;
+    }
+    /**
+     * @record
+     */
+    function Localization() { }
+    ApplicationConfiguration.Localization = Localization;
+    if (false) {
+        /** @type {?} */
+        Localization.prototype.values;
+        /** @type {?} */
+        Localization.prototype.languages;
+    }
+    /**
+     * @record
+     */
+    function LocalizationValue() { }
+    ApplicationConfiguration.LocalizationValue = LocalizationValue;
+    /**
+     * @record
+     */
+    function Language() { }
+    ApplicationConfiguration.Language = Language;
+    if (false) {
+        /** @type {?} */
+        Language.prototype.cultureName;
+        /** @type {?} */
+        Language.prototype.uiCultureName;
+        /** @type {?} */
+        Language.prototype.displayName;
+        /** @type {?} */
+        Language.prototype.flagIcon;
+    }
+    /**
+     * @record
+     */
+    function Auth() { }
+    ApplicationConfiguration.Auth = Auth;
+    if (false) {
+        /** @type {?} */
+        Auth.prototype.policies;
+        /** @type {?} */
+        Auth.prototype.grantedPolicies;
+    }
+    /**
+     * @record
+     */
+    function Policy() { }
+    ApplicationConfiguration.Policy = Policy;
+    /**
+     * @record
+     */
+    function Setting() { }
+    ApplicationConfiguration.Setting = Setting;
+    if (false) {
+        /** @type {?} */
+        Setting.prototype.values;
+    }
+    /**
+     * @record
+     */
+    function CurrentUser() { }
+    ApplicationConfiguration.CurrentUser = CurrentUser;
+    if (false) {
+        /** @type {?} */
+        CurrentUser.prototype.isAuthenticated;
+        /** @type {?} */
+        CurrentUser.prototype.id;
+        /** @type {?} */
+        CurrentUser.prototype.tenantId;
+        /** @type {?} */
+        CurrentUser.prototype.userName;
+    }
+    /**
+     * @record
+     */
+    function Features() { }
+    ApplicationConfiguration.Features = Features;
+    if (false) {
+        /** @type {?} */
+        Features.prototype.values;
+    }
+})(ApplicationConfiguration || (ApplicationConfiguration = {}));
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+var ABP;
+(function (ABP) {
+    /**
+     * @record
+     */
+    function Root() { }
+    ABP.Root = Root;
+    if (false) {
+        /** @type {?} */
+        Root.prototype.environment;
+        /** @type {?} */
+        Root.prototype.requirements;
+    }
+    /**
+     * @record
+     * @template T
+     */
+    function PagedItemsResponse() { }
+    ABP.PagedItemsResponse = PagedItemsResponse;
+    if (false) {
+        /** @type {?} */
+        PagedItemsResponse.prototype.items;
+    }
+    /**
+     * @record
+     */
+    function PageQueryParams() { }
+    ABP.PageQueryParams = PageQueryParams;
+    if (false) {
+        /** @type {?|undefined} */
+        PageQueryParams.prototype.filter;
+        /** @type {?|undefined} */
+        PageQueryParams.prototype.sorting;
+        /** @type {?|undefined} */
+        PageQueryParams.prototype.skipCount;
+        /** @type {?|undefined} */
+        PageQueryParams.prototype.maxResultCount;
+    }
+    /**
+     * @record
+     */
+    function Route() { }
+    ABP.Route = Route;
+    if (false) {
+        /** @type {?|undefined} */
+        Route.prototype.children;
+        /** @type {?|undefined} */
+        Route.prototype.invisible;
+        /** @type {?|undefined} */
+        Route.prototype.layout;
+        /** @type {?} */
+        Route.prototype.name;
+        /** @type {?|undefined} */
+        Route.prototype.order;
+        /** @type {?|undefined} */
+        Route.prototype.parentName;
+        /** @type {?} */
+        Route.prototype.path;
+        /** @type {?|undefined} */
+        Route.prototype.requiredPolicy;
+        /** @type {?|undefined} */
+        Route.prototype.iconClass;
+    }
+    /**
+     * @record
+     */
+    function FullRoute() { }
+    ABP.FullRoute = FullRoute;
+    if (false) {
+        /** @type {?|undefined} */
+        FullRoute.prototype.url;
+        /** @type {?|undefined} */
+        FullRoute.prototype.wrapper;
+    }
+    /**
+     * @record
+     */
+    function BasicItem() { }
+    ABP.BasicItem = BasicItem;
+    if (false) {
+        /** @type {?} */
+        BasicItem.prototype.id;
+        /** @type {?} */
+        BasicItem.prototype.name;
+    }
+})(ABP || (ABP = {}));
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+var Config;
+(function (Config) {
+    /**
+     * @record
+     */
+    function State() { }
+    Config.State = State;
+    /**
+     * @record
+     */
+    function Environment() { }
+    Config.Environment = Environment;
+    if (false) {
+        /** @type {?} */
+        Environment.prototype.application;
+        /** @type {?} */
+        Environment.prototype.production;
+        /** @type {?} */
+        Environment.prototype.oAuthConfig;
+        /** @type {?} */
+        Environment.prototype.apis;
+    }
+    /**
+     * @record
+     */
+    function Application() { }
+    Config.Application = Application;
+    if (false) {
+        /** @type {?} */
+        Application.prototype.name;
+        /** @type {?|undefined} */
+        Application.prototype.logoUrl;
+    }
+    /**
+     * @record
+     */
+    function Apis() { }
+    Config.Apis = Apis;
+    /**
+     * @record
+     */
+    function Requirements() { }
+    Config.Requirements = Requirements;
+    if (false) {
+        /** @type {?} */
+        Requirements.prototype.layouts;
+    }
+})(Config || (Config = {}));
 
 /**
  * @fileoverview added by tsickle
@@ -1411,14 +1923,107 @@ var Rest;
      */
     function Config() { }
     Rest.Config = Config;
+    if (false) {
+        /** @type {?|undefined} */
+        Config.prototype.throwErr;
+        /** @type {?|undefined} */
+        Config.prototype.observe;
+    }
     /**
      * @record
      * @template T
      */
     function Request() { }
     Rest.Request = Request;
+    if (false) {
+        /** @type {?|undefined} */
+        Request.prototype.body;
+        /** @type {?|undefined} */
+        Request.prototype.headers;
+        /** @type {?} */
+        Request.prototype.method;
+        /** @type {?|undefined} */
+        Request.prototype.params;
+        /** @type {?|undefined} */
+        Request.prototype.reportProgress;
+        /** @type {?|undefined} */
+        Request.prototype.responseType;
+        /** @type {?} */
+        Request.prototype.url;
+        /** @type {?|undefined} */
+        Request.prototype.withCredentials;
+    }
 })(Rest || (Rest = {}));
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+var Session;
+(function (Session) {
+    /**
+     * @record
+     */
+    function State() { }
+    Session.State = State;
+    if (false) {
+        /** @type {?} */
+        State.prototype.language;
+        /** @type {?} */
+        State.prototype.tenant;
+    }
+})(Session || (Session = {}));
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+var Profile;
+(function (Profile) {
+    /**
+     * @record
+     */
+    function State() { }
+    Profile.State = State;
+    if (false) {
+        /** @type {?} */
+        State.prototype.profile;
+    }
+    /**
+     * @record
+     */
+    function Response() { }
+    Profile.Response = Response;
+    if (false) {
+        /** @type {?} */
+        Response.prototype.userName;
+        /** @type {?} */
+        Response.prototype.email;
+        /** @type {?} */
+        Response.prototype.name;
+        /** @type {?} */
+        Response.prototype.surname;
+        /** @type {?} */
+        Response.prototype.phoneNumber;
+    }
+    /**
+     * @record
+     */
+    function ChangePasswordRequest() { }
+    Profile.ChangePasswordRequest = ChangePasswordRequest;
+    if (false) {
+        /** @type {?} */
+        ChangePasswordRequest.prototype.currentPassword;
+        /** @type {?} */
+        ChangePasswordRequest.prototype.newPassword;
+    }
+})(Profile || (Profile = {}));
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -1464,6 +2069,23 @@ ConfigPlugin.ctorParameters = () => [
     { type: undefined, decorators: [{ type: Inject, args: [NGXS_CONFIG_PLUGIN_OPTIONS,] }] },
     { type: Router }
 ];
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    ConfigPlugin.prototype.initialized;
+    /**
+     * @type {?}
+     * @private
+     */
+    ConfigPlugin.prototype.options;
+    /**
+     * @type {?}
+     * @private
+     */
+    ConfigPlugin.prototype.router;
+}
 /**
  * @param {?=} routes
  * @param {?=} wrappers
@@ -1563,6 +2185,11 @@ function setUrls(routes, parentUrl) {
     })))));
 }
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -1612,6 +2239,13 @@ ConfigService.ctorParameters = () => [
     { type: Store }
 ];
 /** @nocollapse */ ConfigService.ngInjectableDef = ɵɵdefineInjectable({ factory: function ConfigService_Factory() { return new ConfigService(ɵɵinject(Store)); }, token: ConfigService, providedIn: "root" });
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    ConfigService.prototype.store;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -1677,6 +2311,10 @@ LazyLoadService.decorators = [
             },] }
 ];
 /** @nocollapse */ LazyLoadService.ngInjectableDef = ɵɵdefineInjectable({ factory: function LazyLoadService_Factory() { return new LazyLoadService(); }, token: LazyLoadService, providedIn: "root" });
+if (false) {
+    /** @type {?} */
+    LazyLoadService.prototype.loadedLibraries;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -1714,6 +2352,18 @@ LocalizationService.ctorParameters = () => [
     { type: Store }
 ];
 /** @nocollapse */ LocalizationService.ngInjectableDef = ɵɵdefineInjectable({ factory: function LocalizationService_Factory() { return new LocalizationService(ɵɵinject(Store)); }, token: LocalizationService, providedIn: "root" });
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    LocalizationService.prototype.store;
+}
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
 
 /**
  * @fileoverview added by tsickle
@@ -1738,6 +2388,11 @@ const ENVIRONMENT = new InjectionToken('ENVIRONMENT');
 /** @type {?} */
 const CONFIG = new InjectionToken('CONFIG');
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -1789,6 +2444,17 @@ LocalizationPipe.decorators = [
 LocalizationPipe.ctorParameters = () => [
     { type: Store }
 ];
+if (false) {
+    /** @type {?} */
+    LocalizationPipe.prototype.initialized;
+    /** @type {?} */
+    LocalizationPipe.prototype.value;
+    /**
+     * @type {?}
+     * @private
+     */
+    LocalizationPipe.prototype.store;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -1834,6 +2500,22 @@ InputEventDebounceDirective.propDecorators = {
     debounce: [{ type: Input }],
     debounceEvent: [{ type: Output, args: ['input.debounce',] }]
 };
+if (false) {
+    /** @type {?} */
+    InputEventDebounceDirective.prototype.debounce;
+    /** @type {?} */
+    InputEventDebounceDirective.prototype.debounceEvent;
+    /**
+     * @type {?}
+     * @private
+     */
+    InputEventDebounceDirective.prototype.renderer;
+    /**
+     * @type {?}
+     * @private
+     */
+    InputEventDebounceDirective.prototype.el;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -1878,6 +2560,20 @@ ClickEventStopPropagationDirective.ctorParameters = () => [
 ClickEventStopPropagationDirective.propDecorators = {
     stopPropEvent: [{ type: Output, args: ['click.stop',] }]
 };
+if (false) {
+    /** @type {?} */
+    ClickEventStopPropagationDirective.prototype.stopPropEvent;
+    /**
+     * @type {?}
+     * @private
+     */
+    ClickEventStopPropagationDirective.prototype.renderer;
+    /**
+     * @type {?}
+     * @private
+     */
+    ClickEventStopPropagationDirective.prototype.el;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -1961,5 +2657,15 @@ CoreModule.decorators = [
             },] }
 ];
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
 export { ApiInterceptor, ApplicationConfigurationService, AuthGuard, AutofocusDirective, CONFIG, ChangePassword, ConfigPlugin, ConfigService, ConfigState, CoreModule, DynamicLayoutComponent, ENVIRONMENT, EllipsisDirective, GetAppConfiguration, GetProfile, LazyLoadService, LocalizationService, NGXS_CONFIG_PLUGIN_OPTIONS, PatchRouteByName, PermissionDirective, PermissionGuard, ProfileService, ProfileState, Rest, RestOccurError, RestService, RouterOutletComponent, SessionState, SetLanguage, SetTenant, StartLoader, StopLoader, UpdateProfile, VisibilityDirective, configFactory, environmentFactory, getInitialData, organizeRoutes, setChildRoute, sortRoutes, takeUntilDestroy, uuid, ProfileState as ɵa, ProfileService as ɵb, ConfigPlugin as ɵba, ApiInterceptor as ɵbb, getInitialData as ɵbc, RestService as ɵc, GetProfile as ɵd, UpdateProfile as ɵe, ChangePassword as ɵf, SessionState as ɵh, SetLanguage as ɵi, SetTenant as ɵj, ConfigState as ɵl, ApplicationConfigurationService as ɵm, PatchRouteByName as ɵn, GetAppConfiguration as ɵo, RouterOutletComponent as ɵp, DynamicLayoutComponent as ɵq, ConfigState as ɵr, AutofocusDirective as ɵs, EllipsisDirective as ɵt, LocalizationPipe as ɵu, PermissionDirective as ɵv, VisibilityDirective as ɵw, InputEventDebounceDirective as ɵx, ClickEventStopPropagationDirective as ɵy, NGXS_CONFIG_PLUGIN_OPTIONS as ɵz };
 //# sourceMappingURL=abp-ng.core.js.map

npm/ng-packs/dist/core/fesm5/abp-ng.core.js

@@ -1,9 +1,9 @@
 import { __rest, __assign, __decorate, __metadata, __spread } from 'tslib';
-import { Injectable, ɵɵdefineInjectable, ɵɵinject, Component, Directive, ElementRef, Input, ChangeDetectorRef, HostBinding, Optional, Renderer2, InjectionToken, Inject, Pipe, Output, EventEmitter, NgModule, APP_INITIALIZER, Injector } from '@angular/core';
-import { Router, NavigationEnd, RouterModule } from '@angular/router';
-import { Store, Action, Selector, State, createSelector, Select, actionMatcher, InitState, UpdateState, setValue, NgxsModule, NGXS_PLUGINS } from '@ngxs/store';
+import { Injectable, ɵɵdefineInjectable, ɵɵinject, Component, Directive, ElementRef, Input, ChangeDetectorRef, HostBinding, Optional, Renderer2, InjectionToken, Inject, Pipe, EventEmitter, Output, APP_INITIALIZER, Injector, NgModule } from '@angular/core';
+import { NavigationEnd, Router, RouterModule } from '@angular/router';
+import { Store, Action, Selector, State, createSelector, Select, actionMatcher, InitState, UpdateState, setValue, NGXS_PLUGINS, NgxsModule } from '@ngxs/store';
 import { NEVER, throwError, of, Subject, Observable, ReplaySubject, fromEvent } from 'rxjs';
-import { HttpClient, HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
+import { HttpClient, HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';
 import { take, catchError, tap, switchMap, takeUntil, finalize, distinctUntilChanged, debounceTime } from 'rxjs/operators';
 import snq from 'snq';
 import { OAuthService } from 'angular-oauth2-oidc';
@@ -25,12 +25,24 @@ var PatchRouteByName = /** @class */ (function () {
     PatchRouteByName.type = '[Config] Patch Route By Name';
     return PatchRouteByName;
 }());
+if (false) {
+    /** @type {?} */
+    PatchRouteByName.type;
+    /** @type {?} */
+    PatchRouteByName.prototype.name;
+    /** @type {?} */
+    PatchRouteByName.prototype.newValue;
+}
 var GetAppConfiguration = /** @class */ (function () {
     function GetAppConfiguration() {
     }
     GetAppConfiguration.type = '[Config] Get App Configuration';
     return GetAppConfiguration;
 }());
+if (false) {
+    /** @type {?} */
+    GetAppConfiguration.type;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -43,6 +55,12 @@ var StartLoader = /** @class */ (function () {
     StartLoader.type = '[Loader] Start';
     return StartLoader;
 }());
+if (false) {
+    /** @type {?} */
+    StartLoader.type;
+    /** @type {?} */
+    StartLoader.prototype.payload;
+}
 var StopLoader = /** @class */ (function () {
     function StopLoader(payload) {
         this.payload = payload;
@@ -50,6 +68,12 @@ var StopLoader = /** @class */ (function () {
     StopLoader.type = '[Loader] Stop';
     return StopLoader;
 }());
+if (false) {
+    /** @type {?} */
+    StopLoader.type;
+    /** @type {?} */
+    StopLoader.prototype.payload;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -61,6 +85,10 @@ var GetProfile = /** @class */ (function () {
     GetProfile.type = '[Profile] Get';
     return GetProfile;
 }());
+if (false) {
+    /** @type {?} */
+    GetProfile.type;
+}
 var UpdateProfile = /** @class */ (function () {
     function UpdateProfile(payload) {
         this.payload = payload;
@@ -68,6 +96,12 @@ var UpdateProfile = /** @class */ (function () {
     UpdateProfile.type = '[Profile] Update';
     return UpdateProfile;
 }());
+if (false) {
+    /** @type {?} */
+    UpdateProfile.type;
+    /** @type {?} */
+    UpdateProfile.prototype.payload;
+}
 var ChangePassword = /** @class */ (function () {
     function ChangePassword(payload) {
         this.payload = payload;
@@ -75,6 +109,12 @@ var ChangePassword = /** @class */ (function () {
     ChangePassword.type = '[Profile] Change Password';
     return ChangePassword;
 }());
+if (false) {
+    /** @type {?} */
+    ChangePassword.type;
+    /** @type {?} */
+    ChangePassword.prototype.payload;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -87,6 +127,12 @@ var RestOccurError = /** @class */ (function () {
     RestOccurError.type = '[Rest] Error';
     return RestOccurError;
 }());
+if (false) {
+    /** @type {?} */
+    RestOccurError.type;
+    /** @type {?} */
+    RestOccurError.prototype.payload;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -99,6 +145,12 @@ var SetLanguage = /** @class */ (function () {
     SetLanguage.type = '[Session] Set Language';
     return SetLanguage;
 }());
+if (false) {
+    /** @type {?} */
+    SetLanguage.type;
+    /** @type {?} */
+    SetLanguage.prototype.payload;
+}
 var SetTenant = /** @class */ (function () {
     function SetTenant(payload) {
         this.payload = payload;
@@ -106,6 +158,17 @@ var SetTenant = /** @class */ (function () {
     SetTenant.type = '[Session] Set Tenant';
     return SetTenant;
 }());
+if (false) {
+    /** @type {?} */
+    SetTenant.type;
+    /** @type {?} */
+    SetTenant.prototype.payload;
+}
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
 
 /**
  * @fileoverview added by tsickle
@@ -174,6 +237,18 @@ var RestService = /** @class */ (function () {
     /** @nocollapse */ RestService.ngInjectableDef = ɵɵdefineInjectable({ factory: function RestService_Factory() { return new RestService(ɵɵinject(HttpClient), ɵɵinject(Store)); }, token: RestService, providedIn: "root" });
     return RestService;
 }());
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    RestService.prototype.http;
+    /**
+     * @type {?}
+     * @private
+     */
+    RestService.prototype.store;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -246,6 +321,13 @@ var ProfileService = /** @class */ (function () {
     /** @nocollapse */ ProfileService.ngInjectableDef = ɵɵdefineInjectable({ factory: function ProfileService_Factory() { return new ProfileService(ɵɵinject(RestService)); }, token: ProfileService, providedIn: "root" });
     return ProfileService;
 }());
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    ProfileService.prototype.rest;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -357,6 +439,13 @@ var ProfileState = /** @class */ (function () {
     ], ProfileState);
     return ProfileState;
 }());
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    ProfileState.prototype.profileService;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -392,6 +481,13 @@ var ApplicationConfigurationService = /** @class */ (function () {
     /** @nocollapse */ ApplicationConfigurationService.ngInjectableDef = ɵɵdefineInjectable({ factory: function ApplicationConfigurationService_Factory() { return new ApplicationConfigurationService(ɵɵinject(RestService)); }, token: ApplicationConfigurationService, providedIn: "root" });
     return ApplicationConfigurationService;
 }());
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    ApplicationConfigurationService.prototype.rest;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -923,6 +1019,18 @@ var ConfigState = /** @class */ (function () {
     ], ConfigState);
     return ConfigState;
 }());
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    ConfigState.prototype.appConfigurationService;
+    /**
+     * @type {?}
+     * @private
+     */
+    ConfigState.prototype.store;
+}
 /**
  * @param {?} routes
  * @param {?} name
@@ -962,6 +1070,11 @@ function patchRouteDeep(routes, name, newValue, parentUrl) {
     return organizeRoutes(routes);
 }
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -1042,6 +1155,11 @@ function (componentInstance, destroyMethodName) {
     });
 });
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -1100,6 +1218,22 @@ var DynamicLayoutComponent = /** @class */ (function () {
     ], DynamicLayoutComponent.prototype, "requirements$", void 0);
     return DynamicLayoutComponent;
 }());
+if (false) {
+    /** @type {?} */
+    DynamicLayoutComponent.prototype.requirements$;
+    /** @type {?} */
+    DynamicLayoutComponent.prototype.layout;
+    /**
+     * @type {?}
+     * @private
+     */
+    DynamicLayoutComponent.prototype.router;
+    /**
+     * @type {?}
+     * @private
+     */
+    DynamicLayoutComponent.prototype.store;
+}
 /**
  * @param {?} segments
  * @param {?} routes
@@ -1156,6 +1290,11 @@ var RouterOutletComponent = /** @class */ (function () {
     return RouterOutletComponent;
 }());
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -1192,6 +1331,15 @@ var AutofocusDirective = /** @class */ (function () {
     };
     return AutofocusDirective;
 }());
+if (false) {
+    /** @type {?} */
+    AutofocusDirective.prototype.delay;
+    /**
+     * @type {?}
+     * @private
+     */
+    AutofocusDirective.prototype.elRef;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -1218,7 +1366,7 @@ var EllipsisDirective = /** @class */ (function () {
          * @return {?}
          */
         function () {
-            return this.enabled ? this.witdh || '160px' : undefined;
+            return this.enabled ? this.width || '170px' : undefined;
         },
         enumerable: true,
         configurable: true
@@ -1254,7 +1402,7 @@ var EllipsisDirective = /** @class */ (function () {
         { type: ElementRef }
     ]; };
     EllipsisDirective.propDecorators = {
-        witdh: [{ type: Input, args: ['abpEllipsis',] }],
+        width: [{ type: Input, args: ['abpEllipsis',] }],
         title: [{ type: HostBinding, args: ['title',] }, { type: Input }],
         enabled: [{ type: Input, args: ['abpEllipsisEnabled',] }],
         class: [{ type: HostBinding, args: ['class.abp-ellipsis',] }],
@@ -1262,6 +1410,24 @@ var EllipsisDirective = /** @class */ (function () {
     };
     return EllipsisDirective;
 }());
+if (false) {
+    /** @type {?} */
+    EllipsisDirective.prototype.width;
+    /** @type {?} */
+    EllipsisDirective.prototype.title;
+    /** @type {?} */
+    EllipsisDirective.prototype.enabled;
+    /**
+     * @type {?}
+     * @private
+     */
+    EllipsisDirective.prototype.cdRef;
+    /**
+     * @type {?}
+     * @private
+     */
+    EllipsisDirective.prototype.elRef;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -1319,6 +1485,25 @@ var PermissionDirective = /** @class */ (function () {
     };
     return PermissionDirective;
 }());
+if (false) {
+    /** @type {?} */
+    PermissionDirective.prototype.condition;
+    /**
+     * @type {?}
+     * @private
+     */
+    PermissionDirective.prototype.elRef;
+    /**
+     * @type {?}
+     * @private
+     */
+    PermissionDirective.prototype.renderer;
+    /**
+     * @type {?}
+     * @private
+     */
+    PermissionDirective.prototype.store;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -1407,6 +1592,43 @@ var VisibilityDirective = /** @class */ (function () {
     };
     return VisibilityDirective;
 }());
+if (false) {
+    /** @type {?} */
+    VisibilityDirective.prototype.focusedElement;
+    /** @type {?} */
+    VisibilityDirective.prototype.completed$;
+    /**
+     * @type {?}
+     * @private
+     */
+    VisibilityDirective.prototype.elRef;
+    /**
+     * @type {?}
+     * @private
+     */
+    VisibilityDirective.prototype.renderer;
+}
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+/** @enum {string} */
+var eLayoutType = {
+    account: 'account',
+    application: 'application',
+    empty: 'empty',
+};
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
 
 /**
  * @fileoverview added by tsickle
@@ -1449,6 +1671,18 @@ var AuthGuard = /** @class */ (function () {
     /** @nocollapse */ AuthGuard.ngInjectableDef = ɵɵdefineInjectable({ factory: function AuthGuard_Factory() { return new AuthGuard(ɵɵinject(OAuthService), ɵɵinject(Store)); }, token: AuthGuard, providedIn: "root" });
     return AuthGuard;
 }());
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    AuthGuard.prototype.oauthService;
+    /**
+     * @type {?}
+     * @private
+     */
+    AuthGuard.prototype.store;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -1484,6 +1718,18 @@ var PermissionGuard = /** @class */ (function () {
     /** @nocollapse */ PermissionGuard.ngInjectableDef = ɵɵdefineInjectable({ factory: function PermissionGuard_Factory() { return new PermissionGuard(ɵɵinject(Store)); }, token: PermissionGuard, providedIn: "root" });
     return PermissionGuard;
 }());
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    PermissionGuard.prototype.store;
+}
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
 
 /**
  * @fileoverview added by tsickle
@@ -1543,6 +1789,272 @@ var ApiInterceptor = /** @class */ (function () {
     ]; };
     return ApiInterceptor;
 }());
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    ApiInterceptor.prototype.oAuthService;
+    /**
+     * @type {?}
+     * @private
+     */
+    ApiInterceptor.prototype.store;
+}
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+var ApplicationConfiguration;
+(function (ApplicationConfiguration) {
+    /**
+     * @record
+     */
+    function Response() { }
+    ApplicationConfiguration.Response = Response;
+    if (false) {
+        /** @type {?} */
+        Response.prototype.localization;
+        /** @type {?} */
+        Response.prototype.auth;
+        /** @type {?} */
+        Response.prototype.setting;
+        /** @type {?} */
+        Response.prototype.currentUser;
+        /** @type {?} */
+        Response.prototype.features;
+    }
+    /**
+     * @record
+     */
+    function Localization() { }
+    ApplicationConfiguration.Localization = Localization;
+    if (false) {
+        /** @type {?} */
+        Localization.prototype.values;
+        /** @type {?} */
+        Localization.prototype.languages;
+    }
+    /**
+     * @record
+     */
+    function LocalizationValue() { }
+    ApplicationConfiguration.LocalizationValue = LocalizationValue;
+    /**
+     * @record
+     */
+    function Language() { }
+    ApplicationConfiguration.Language = Language;
+    if (false) {
+        /** @type {?} */
+        Language.prototype.cultureName;
+        /** @type {?} */
+        Language.prototype.uiCultureName;
+        /** @type {?} */
+        Language.prototype.displayName;
+        /** @type {?} */
+        Language.prototype.flagIcon;
+    }
+    /**
+     * @record
+     */
+    function Auth() { }
+    ApplicationConfiguration.Auth = Auth;
+    if (false) {
+        /** @type {?} */
+        Auth.prototype.policies;
+        /** @type {?} */
+        Auth.prototype.grantedPolicies;
+    }
+    /**
+     * @record
+     */
+    function Policy() { }
+    ApplicationConfiguration.Policy = Policy;
+    /**
+     * @record
+     */
+    function Setting() { }
+    ApplicationConfiguration.Setting = Setting;
+    if (false) {
+        /** @type {?} */
+        Setting.prototype.values;
+    }
+    /**
+     * @record
+     */
+    function CurrentUser() { }
+    ApplicationConfiguration.CurrentUser = CurrentUser;
+    if (false) {
+        /** @type {?} */
+        CurrentUser.prototype.isAuthenticated;
+        /** @type {?} */
+        CurrentUser.prototype.id;
+        /** @type {?} */
+        CurrentUser.prototype.tenantId;
+        /** @type {?} */
+        CurrentUser.prototype.userName;
+    }
+    /**
+     * @record
+     */
+    function Features() { }
+    ApplicationConfiguration.Features = Features;
+    if (false) {
+        /** @type {?} */
+        Features.prototype.values;
+    }
+})(ApplicationConfiguration || (ApplicationConfiguration = {}));
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+var ABP;
+(function (ABP) {
+    /**
+     * @record
+     */
+    function Root() { }
+    ABP.Root = Root;
+    if (false) {
+        /** @type {?} */
+        Root.prototype.environment;
+        /** @type {?} */
+        Root.prototype.requirements;
+    }
+    /**
+     * @record
+     * @template T
+     */
+    function PagedItemsResponse() { }
+    ABP.PagedItemsResponse = PagedItemsResponse;
+    if (false) {
+        /** @type {?} */
+        PagedItemsResponse.prototype.items;
+    }
+    /**
+     * @record
+     */
+    function PageQueryParams() { }
+    ABP.PageQueryParams = PageQueryParams;
+    if (false) {
+        /** @type {?|undefined} */
+        PageQueryParams.prototype.filter;
+        /** @type {?|undefined} */
+        PageQueryParams.prototype.sorting;
+        /** @type {?|undefined} */
+        PageQueryParams.prototype.skipCount;
+        /** @type {?|undefined} */
+        PageQueryParams.prototype.maxResultCount;
+    }
+    /**
+     * @record
+     */
+    function Route() { }
+    ABP.Route = Route;
+    if (false) {
+        /** @type {?|undefined} */
+        Route.prototype.children;
+        /** @type {?|undefined} */
+        Route.prototype.invisible;
+        /** @type {?|undefined} */
+        Route.prototype.layout;
+        /** @type {?} */
+        Route.prototype.name;
+        /** @type {?|undefined} */
+        Route.prototype.order;
+        /** @type {?|undefined} */
+        Route.prototype.parentName;
+        /** @type {?} */
+        Route.prototype.path;
+        /** @type {?|undefined} */
+        Route.prototype.requiredPolicy;
+        /** @type {?|undefined} */
+        Route.prototype.iconClass;
+    }
+    /**
+     * @record
+     */
+    function FullRoute() { }
+    ABP.FullRoute = FullRoute;
+    if (false) {
+        /** @type {?|undefined} */
+        FullRoute.prototype.url;
+        /** @type {?|undefined} */
+        FullRoute.prototype.wrapper;
+    }
+    /**
+     * @record
+     */
+    function BasicItem() { }
+    ABP.BasicItem = BasicItem;
+    if (false) {
+        /** @type {?} */
+        BasicItem.prototype.id;
+        /** @type {?} */
+        BasicItem.prototype.name;
+    }
+})(ABP || (ABP = {}));
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+var Config;
+(function (Config) {
+    /**
+     * @record
+     */
+    function State() { }
+    Config.State = State;
+    /**
+     * @record
+     */
+    function Environment() { }
+    Config.Environment = Environment;
+    if (false) {
+        /** @type {?} */
+        Environment.prototype.application;
+        /** @type {?} */
+        Environment.prototype.production;
+        /** @type {?} */
+        Environment.prototype.oAuthConfig;
+        /** @type {?} */
+        Environment.prototype.apis;
+    }
+    /**
+     * @record
+     */
+    function Application() { }
+    Config.Application = Application;
+    if (false) {
+        /** @type {?} */
+        Application.prototype.name;
+        /** @type {?|undefined} */
+        Application.prototype.logoUrl;
+    }
+    /**
+     * @record
+     */
+    function Apis() { }
+    Config.Apis = Apis;
+    /**
+     * @record
+     */
+    function Requirements() { }
+    Config.Requirements = Requirements;
+    if (false) {
+        /** @type {?} */
+        Requirements.prototype.layouts;
+    }
+})(Config || (Config = {}));
 
 /**
  * @fileoverview added by tsickle
@@ -1555,14 +2067,107 @@ var Rest;
      */
     function Config() { }
     Rest.Config = Config;
+    if (false) {
+        /** @type {?|undefined} */
+        Config.prototype.throwErr;
+        /** @type {?|undefined} */
+        Config.prototype.observe;
+    }
     /**
      * @record
      * @template T
      */
     function Request() { }
     Rest.Request = Request;
+    if (false) {
+        /** @type {?|undefined} */
+        Request.prototype.body;
+        /** @type {?|undefined} */
+        Request.prototype.headers;
+        /** @type {?} */
+        Request.prototype.method;
+        /** @type {?|undefined} */
+        Request.prototype.params;
+        /** @type {?|undefined} */
+        Request.prototype.reportProgress;
+        /** @type {?|undefined} */
+        Request.prototype.responseType;
+        /** @type {?} */
+        Request.prototype.url;
+        /** @type {?|undefined} */
+        Request.prototype.withCredentials;
+    }
 })(Rest || (Rest = {}));
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+var Session;
+(function (Session) {
+    /**
+     * @record
+     */
+    function State() { }
+    Session.State = State;
+    if (false) {
+        /** @type {?} */
+        State.prototype.language;
+        /** @type {?} */
+        State.prototype.tenant;
+    }
+})(Session || (Session = {}));
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+var Profile;
+(function (Profile) {
+    /**
+     * @record
+     */
+    function State() { }
+    Profile.State = State;
+    if (false) {
+        /** @type {?} */
+        State.prototype.profile;
+    }
+    /**
+     * @record
+     */
+    function Response() { }
+    Profile.Response = Response;
+    if (false) {
+        /** @type {?} */
+        Response.prototype.userName;
+        /** @type {?} */
+        Response.prototype.email;
+        /** @type {?} */
+        Response.prototype.name;
+        /** @type {?} */
+        Response.prototype.surname;
+        /** @type {?} */
+        Response.prototype.phoneNumber;
+    }
+    /**
+     * @record
+     */
+    function ChangePasswordRequest() { }
+    Profile.ChangePasswordRequest = ChangePasswordRequest;
+    if (false) {
+        /** @type {?} */
+        ChangePasswordRequest.prototype.currentPassword;
+        /** @type {?} */
+        ChangePasswordRequest.prototype.newPassword;
+    }
+})(Profile || (Profile = {}));
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -1611,6 +2216,23 @@ var ConfigPlugin = /** @class */ (function () {
     ]; };
     return ConfigPlugin;
 }());
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    ConfigPlugin.prototype.initialized;
+    /**
+     * @type {?}
+     * @private
+     */
+    ConfigPlugin.prototype.options;
+    /**
+     * @type {?}
+     * @private
+     */
+    ConfigPlugin.prototype.router;
+}
 /**
  * @param {?=} routes
  * @param {?=} wrappers
@@ -1712,6 +2334,11 @@ function setUrls(routes, parentUrl) {
     }))); }));
 }
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -1774,6 +2401,13 @@ var ConfigService = /** @class */ (function () {
     /** @nocollapse */ ConfigService.ngInjectableDef = ɵɵdefineInjectable({ factory: function ConfigService_Factory() { return new ConfigService(ɵɵinject(Store)); }, token: ConfigService, providedIn: "root" });
     return ConfigService;
 }());
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    ConfigService.prototype.store;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -1852,6 +2486,10 @@ var LazyLoadService = /** @class */ (function () {
     /** @nocollapse */ LazyLoadService.ngInjectableDef = ɵɵdefineInjectable({ factory: function LazyLoadService_Factory() { return new LazyLoadService(); }, token: LazyLoadService, providedIn: "root" });
     return LazyLoadService;
 }());
+if (false) {
+    /** @type {?} */
+    LazyLoadService.prototype.loadedLibraries;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -1905,6 +2543,18 @@ var LocalizationService = /** @class */ (function () {
     /** @nocollapse */ LocalizationService.ngInjectableDef = ɵɵdefineInjectable({ factory: function LocalizationService_Factory() { return new LocalizationService(ɵɵinject(Store)); }, token: LocalizationService, providedIn: "root" });
     return LocalizationService;
 }());
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    LocalizationService.prototype.store;
+}
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
 
 /**
  * @fileoverview added by tsickle
@@ -1929,6 +2579,11 @@ var ENVIRONMENT = new InjectionToken('ENVIRONMENT');
 /** @type {?} */
 var CONFIG = new InjectionToken('CONFIG');
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -1991,6 +2646,17 @@ var LocalizationPipe = /** @class */ (function () {
     ]; };
     return LocalizationPipe;
 }());
+if (false) {
+    /** @type {?} */
+    LocalizationPipe.prototype.initialized;
+    /** @type {?} */
+    LocalizationPipe.prototype.value;
+    /**
+     * @type {?}
+     * @private
+     */
+    LocalizationPipe.prototype.store;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -2037,6 +2703,22 @@ var InputEventDebounceDirective = /** @class */ (function () {
     };
     return InputEventDebounceDirective;
 }());
+if (false) {
+    /** @type {?} */
+    InputEventDebounceDirective.prototype.debounce;
+    /** @type {?} */
+    InputEventDebounceDirective.prototype.debounceEvent;
+    /**
+     * @type {?}
+     * @private
+     */
+    InputEventDebounceDirective.prototype.renderer;
+    /**
+     * @type {?}
+     * @private
+     */
+    InputEventDebounceDirective.prototype.el;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -2082,6 +2764,20 @@ var ClickEventStopPropagationDirective = /** @class */ (function () {
     };
     return ClickEventStopPropagationDirective;
 }());
+if (false) {
+    /** @type {?} */
+    ClickEventStopPropagationDirective.prototype.stopPropEvent;
+    /**
+     * @type {?}
+     * @private
+     */
+    ClickEventStopPropagationDirective.prototype.renderer;
+    /**
+     * @type {?}
+     * @private
+     */
+    ClickEventStopPropagationDirective.prototype.el;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -2173,5 +2869,15 @@ var CoreModule = /** @class */ (function () {
     return CoreModule;
 }());
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
 export { ApiInterceptor, ApplicationConfigurationService, AuthGuard, AutofocusDirective, CONFIG, ChangePassword, ConfigPlugin, ConfigService, ConfigState, CoreModule, DynamicLayoutComponent, ENVIRONMENT, EllipsisDirective, GetAppConfiguration, GetProfile, LazyLoadService, LocalizationService, NGXS_CONFIG_PLUGIN_OPTIONS, PatchRouteByName, PermissionDirective, PermissionGuard, ProfileService, ProfileState, Rest, RestOccurError, RestService, RouterOutletComponent, SessionState, SetLanguage, SetTenant, StartLoader, StopLoader, UpdateProfile, VisibilityDirective, configFactory, environmentFactory, getInitialData, organizeRoutes, setChildRoute, sortRoutes, takeUntilDestroy, uuid, ProfileState as ɵa, ProfileService as ɵb, ConfigPlugin as ɵba, ApiInterceptor as ɵbb, getInitialData as ɵbc, RestService as ɵc, GetProfile as ɵd, UpdateProfile as ɵe, ChangePassword as ɵf, SessionState as ɵh, SetLanguage as ɵi, SetTenant as ɵj, ConfigState as ɵl, ApplicationConfigurationService as ɵm, PatchRouteByName as ɵn, GetAppConfiguration as ɵo, RouterOutletComponent as ɵp, DynamicLayoutComponent as ɵq, ConfigState as ɵr, AutofocusDirective as ɵs, EllipsisDirective as ɵt, LocalizationPipe as ɵu, PermissionDirective as ɵv, VisibilityDirective as ɵw, InputEventDebounceDirective as ɵx, ClickEventStopPropagationDirective as ɵy, NGXS_CONFIG_PLUGIN_OPTIONS as ɵz };
 //# sourceMappingURL=abp-ng.core.js.map

npm/ng-packs/dist/core/lib/directives/ellipsis.directive.d.ts

@@ -2,7 +2,7 @@ import { AfterContentInit, ChangeDetectorRef, ElementRef } from '@angular/core';
 export declare class EllipsisDirective implements AfterContentInit {
     private cdRef;
     private elRef;
-    witdh: string;
+    width: string;
     title: string;
     enabled: boolean;
     readonly class: boolean;

npm/ng-packs/dist/core/lib/plugins/config.plugin.d.ts

@@ -2,7 +2,7 @@ import { InjectionToken } from '@angular/core';
 import { Router } from '@angular/router';
 import { NgxsNextPluginFn, NgxsPlugin } from '@ngxs/store';
 import { ABP } from '../models';
-export declare const NGXS_CONFIG_PLUGIN_OPTIONS: InjectionToken<{}>;
+export declare const NGXS_CONFIG_PLUGIN_OPTIONS: InjectionToken<unknown>;
 export declare class ConfigPlugin implements NgxsPlugin {
     private options;
     private router;

npm/ng-packs/dist/core/lib/tokens/common.token.d.ts

@@ -9,5 +9,5 @@ export declare function environmentFactory(environment: Config.Environment): {
 export declare function configFactory(config: Config.Requirements): {
     layouts: import("@angular/core").Type<any>[];
 };
-export declare const ENVIRONMENT: InjectionToken<{}>;
-export declare const CONFIG: InjectionToken<{}>;
+export declare const ENVIRONMENT: InjectionToken<unknown>;
+export declare const CONFIG: InjectionToken<unknown>;

npm/ng-packs/dist/identity/lib/components/roles/roles.component.d.ts

@@ -18,6 +18,7 @@ export declare class RolesComponent {
     providerKey: string;
     pageQuery: ABP.PageQueryParams;
     loading: boolean;
+    modalBusy: boolean;
     modalContent: TemplateRef<any>;
     constructor(confirmationService: ConfirmationService, fb: FormBuilder, store: Store);
     onSearch(value: any): void;

npm/ng-packs/dist/identity/lib/components/users/users.component.d.ts

@@ -21,6 +21,7 @@ export declare class UsersComponent {
     pageQuery: ABP.PageQueryParams;
     isModalVisible: boolean;
     loading: boolean;
+    modalBusy: boolean;
     trackByFn: TrackByFunction<AbstractControl>;
     readonly roleGroups: FormGroup[];
     constructor(confirmationService: ConfirmationService, fb: FormBuilder, store: Store);

npm/ng-packs/dist/permission-management/bundles/abp-ng.permission-management.umd.js

@@ -18,6 +18,20 @@
     See the Apache Version 2.0 License for specific language governing permissions
     and limitations under the License.
     ***************************************************************************** */
+    /* global Reflect, Promise */
+
+    var extendStatics = function(d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+
+    function __extends(d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    }
 
     var __assign = function() {
         __assign = Object.assign || function __assign(t) {
@@ -30,6 +44,18 @@
         return __assign.apply(this, arguments);
     };
 
+    function __rest(s, e) {
+        var t = {};
+        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+            t[p] = s[p];
+        if (s != null && typeof Object.getOwnPropertySymbols === "function")
+            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                    t[p[i]] = s[p[i]];
+            }
+        return t;
+    }
+
     function __decorate(decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -37,10 +63,66 @@
         return c > 3 && r && Object.defineProperty(target, key, r), r;
     }
 
+    function __param(paramIndex, decorator) {
+        return function (target, key) { decorator(target, key, paramIndex); }
+    }
+
     function __metadata(metadataKey, metadataValue) {
         if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
     }
 
+    function __awaiter(thisArg, _arguments, P, generator) {
+        return new (P || (P = Promise))(function (resolve, reject) {
+            function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+            function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+            function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
+            step((generator = generator.apply(thisArg, _arguments || [])).next());
+        });
+    }
+
+    function __generator(thisArg, body) {
+        var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+        function verb(n) { return function (v) { return step([n, v]); }; }
+        function step(op) {
+            if (f) throw new TypeError("Generator is already executing.");
+            while (_) try {
+                if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+                if (y = 0, t) op = [op[0] & 2, t.value];
+                switch (op[0]) {
+                    case 0: case 1: t = op; break;
+                    case 4: _.label++; return { value: op[1], done: false };
+                    case 5: _.label++; y = op[1]; op = [0]; continue;
+                    case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                    default:
+                        if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                        if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                        if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                        if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                        if (t[2]) _.ops.pop();
+                        _.trys.pop(); continue;
+                }
+                op = body.call(thisArg, _);
+            } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+            if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+        }
+    }
+
+    function __exportStar(m, exports) {
+        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+    }
+
+    function __values(o) {
+        var m = typeof Symbol === "function" && o[Symbol.iterator], i = 0;
+        if (m) return m.call(o);
+        return {
+            next: function () {
+                if (o && i >= o.length) o = void 0;
+                return { value: o && o[i++], done: !o };
+            }
+        };
+    }
+
     function __read(o, n) {
         var m = typeof Symbol === "function" && o[Symbol.iterator];
         if (!m) return o;
@@ -62,6 +144,61 @@
         for (var ar = [], i = 0; i < arguments.length; i++)
             ar = ar.concat(__read(arguments[i]));
         return ar;
+    }
+
+    function __spreadArrays() {
+        for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+        for (var r = Array(s), k = 0, i = 0; i < il; i++)
+            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+                r[k] = a[j];
+        return r;
+    };
+
+    function __await(v) {
+        return this instanceof __await ? (this.v = v, this) : new __await(v);
+    }
+
+    function __asyncGenerator(thisArg, _arguments, generator) {
+        if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
+        var g = generator.apply(thisArg, _arguments || []), i, q = [];
+        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
+        function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
+        function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
+        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
+        function fulfill(value) { resume("next", value); }
+        function reject(value) { resume("throw", value); }
+        function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
+    }
+
+    function __asyncDelegator(o) {
+        var i, p;
+        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
+        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
+    }
+
+    function __asyncValues(o) {
+        if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
+        var m = o[Symbol.asyncIterator], i;
+        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
+        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
+        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
+    }
+
+    function __makeTemplateObject(cooked, raw) {
+        if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+        return cooked;
+    };
+
+    function __importStar(mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
+        result.default = mod;
+        return result;
+    }
+
+    function __importDefault(mod) {
+        return (mod && mod.__esModule) ? mod : { default: mod };
     }
 
     /**
@@ -75,6 +212,12 @@
         GetPermissions.type = '[PermissionManagement] Get Permissions';
         return GetPermissions;
     }());
+    if (false) {
+        /** @type {?} */
+        GetPermissions.type;
+        /** @type {?} */
+        GetPermissions.prototype.payload;
+    }
     var UpdatePermissions = /** @class */ (function () {
         function UpdatePermissions(payload) {
             this.payload = payload;
@@ -82,6 +225,12 @@
         UpdatePermissions.type = '[PermissionManagement] Update Permissions';
         return UpdatePermissions;
     }());
+    if (false) {
+        /** @type {?} */
+        UpdatePermissions.type;
+        /** @type {?} */
+        UpdatePermissions.prototype.payload;
+    }
 
     /**
      * @fileoverview added by tsickle
@@ -139,6 +288,13 @@
         /** @nocollapse */ PermissionManagementService.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function PermissionManagementService_Factory() { return new PermissionManagementService(core.ɵɵinject(ng_core.RestService)); }, token: PermissionManagementService, providedIn: "root" });
         return PermissionManagementService;
     }());
+    if (false) {
+        /**
+         * @type {?}
+         * @private
+         */
+        PermissionManagementService.prototype.rest;
+    }
 
     /**
      * @fileoverview added by tsickle
@@ -242,6 +398,13 @@
         ], PermissionManagementState);
         return PermissionManagementState;
     }());
+    if (false) {
+        /**
+         * @type {?}
+         * @private
+         */
+        PermissionManagementState.prototype.permissionManagementService;
+    }
 
     /**
      * @fileoverview added by tsickle
@@ -255,6 +418,7 @@
             this.permissions = [];
             this.selectThisTab = false;
             this.selectAllTab = false;
+            this.modalBusy = false;
             this.trackByFn = (/**
              * @param {?} _
              * @param {?} item
@@ -344,6 +508,24 @@
              */
             function (per) { return per.name === name; })) || { isGranted: false }).isGranted;
         };
+        /**
+         * @param {?} grantedProviders
+         * @return {?}
+         */
+        PermissionManagementComponent.prototype.isGrantedByRole = /**
+         * @param {?} grantedProviders
+         * @return {?}
+         */
+        function (grantedProviders) {
+            if (grantedProviders.length) {
+                return grantedProviders.findIndex((/**
+                 * @param {?} p
+                 * @return {?}
+                 */
+                function (p) { return p.providerName === 'Role'; })) > -1;
+            }
+            return false;
+        };
         /**
          * @param {?} clickedPermission
          * @param {?} value
@@ -356,7 +538,7 @@
          */
         function (clickedPermission, value) {
             var _this = this;
-            if (clickedPermission.isGranted && clickedPermission.grantedProviders.length > 0)
+            if (clickedPermission.isGranted && this.isGrantedByRole(clickedPermission.grantedProviders))
                 return;
             setTimeout((/**
              * @return {?}
@@ -461,7 +643,7 @@
                  * @return {?}
                  */
                 function (permission) {
-                    if (permission.isGranted && permission.grantedProviders.length > 0)
+                    if (permission.isGranted && _this.isGrantedByRole(permission.grantedProviders))
                         return;
                     /** @type {?} */
                     var index = _this.permissions.findIndex((/**
@@ -511,6 +693,7 @@
          */
         function () {
             var _this = this;
+            this.modalBusy = true;
             /** @type {?} */
             var unchangedPermissions = getPermissions(this.store.selectSnapshot(PermissionManagementState.getPermissionGroups));
             /** @type {?} */
@@ -545,10 +728,12 @@
                  * @return {?}
                  */
                 function () {
+                    _this.modalBusy = false;
                     _this.visible = false;
                 }));
             }
             else {
+                this.modalBusy = false;
                 this.visible = false;
             }
         };
@@ -608,7 +793,7 @@
         PermissionManagementComponent.decorators = [
             { type: core.Component, args: [{
                         selector: 'abp-permission-management',
-                        template: "<abp-modal [(visible)]=\"visible\" (init)=\"initModal()\">\n  <ng-container *ngIf=\"{ entityName: entityName$ | async } as data\">\n    <ng-template #abpHeader>\n      <h4>{{ 'AbpPermissionManagement::Permissions' | abpLocalization }} - {{ data.entityName }}</h4>\n    </ng-template>\n    <ng-template #abpBody>\n      <div class=\"custom-checkbox custom-control mb-2\">\n        <input\n          type=\"checkbox\"\n          id=\"select-all-in-all-tabs\"\n          name=\"select-all-in-all-tabs\"\n          class=\"custom-control-input\"\n          [(ngModel)]=\"selectAllTab\"\n          (click)=\"onClickSelectAll()\"\n        />\n        <label class=\"custom-control-label\" for=\"select-all-in-all-tabs\">{{\n          'AbpPermissionManagement::SelectAllInAllTabs' | abpLocalization\n        }}</label>\n      </div>\n\n      <hr class=\"mt-2 mb-2\" />\n      <div class=\"row\">\n        <div class=\"col-4\">\n          <ul class=\"nav nav-pills flex-column\">\n            <perfect-scrollbar class=\"ps-show-always\" style=\"max-height: 70vh;\">\n              <li *ngFor=\"let group of groups$ | async; trackBy: trackByFn\" class=\"nav-item\">\n                <a\n                  class=\"nav-link pointer\"\n                  [class.active]=\"selectedGroup.name === group.name\"\n                  (click)=\"onChangeGroup(group)\"\n                  >{{ group?.displayName }}</a\n                >\n              </li>\n            </perfect-scrollbar>\n          </ul>\n        </div>\n        <div class=\"col-8\">\n          <h4>{{ selectedGroup.displayName }}</h4>\n          <hr class=\"mt-2 mb-3\" />\n          <div class=\"pl-1 pt-1\">\n            <div class=\"custom-checkbox custom-control mb-2\">\n              <input\n                type=\"checkbox\"\n                id=\"select-all-in-this-tabs\"\n                name=\"select-all-in-this-tabs\"\n                class=\"custom-control-input\"\n                [(ngModel)]=\"selectThisTab\"\n                (click)=\"onClickSelectThisTab()\"\n              />\n              <label class=\"custom-control-label\" for=\"select-all-in-this-tabs\">{{\n                'AbpPermissionManagement::SelectAllInThisTab' | abpLocalization\n              }}</label>\n            </div>\n            <hr class=\"mb-3\" />\n            <perfect-scrollbar class=\"ps-show-always\" style=\"max-height: 60vh;\">\n              <div\n                *ngFor=\"let permission of selectedGroupPermissions$ | async; let i = index; trackBy: trackByFn\"\n                [style.margin-left]=\"permission.margin + 'px'\"\n                class=\"custom-checkbox custom-control mb-2\"\n              >\n                <input\n                  #permissionCheckbox\n                  type=\"checkbox\"\n                  [checked]=\"getChecked(permission.name)\"\n                  [value]=\"getChecked(permission.name)\"\n                  [attr.id]=\"permission.name\"\n                  class=\"custom-control-input\"\n                  [disabled]=\"permission.isGranted && permission.grantedProviders.length > 0\"\n                />\n                <label\n                  class=\"custom-control-label\"\n                  [attr.for]=\"permission.name\"\n                  (click)=\"onClickCheckbox(permission, permissionCheckbox.value)\"\n                  >{{ permission.displayName }}\n                  <span *ngFor=\"let provider of permission.grantedProviders\" class=\"badge badge-light\"\n                    >{{ provider.providerName }}: {{ provider.providerKey }}</span\n                  ></label\n                >\n              </div>\n            </perfect-scrollbar>\n          </div>\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #abpFooter>\n      <button type=\"button\" class=\"btn btn-secondary\" #abpClose>\n        {{ 'AbpIdentity::Cancel' | abpLocalization }}\n      </button>\n      <abp-button\n        [requestType]=\"['PUT']\"\n        requestURLContainSearchValue=\"permissions\"\n        iconClass=\"fa fa-check\"\n        (click)=\"onSubmit()\"\n        >{{ 'AbpIdentity::Save' | abpLocalization }}</abp-button\n      >\n    </ng-template>\n  </ng-container>\n</abp-modal>\n"
+                        template: "<abp-modal [(visible)]=\"visible\" (init)=\"initModal()\" [busy]=\"modalBusy\">\n  <ng-container *ngIf=\"{ entityName: entityName$ | async } as data\">\n    <ng-template #abpHeader>\n      <h4>{{ 'AbpPermissionManagement::Permissions' | abpLocalization }} - {{ data.entityName }}</h4>\n    </ng-template>\n    <ng-template #abpBody>\n      <div class=\"custom-checkbox custom-control mb-2\">\n        <input\n          type=\"checkbox\"\n          id=\"select-all-in-all-tabs\"\n          name=\"select-all-in-all-tabs\"\n          class=\"custom-control-input\"\n          [(ngModel)]=\"selectAllTab\"\n          (click)=\"onClickSelectAll()\"\n        />\n        <label class=\"custom-control-label\" for=\"select-all-in-all-tabs\">{{\n          'AbpPermissionManagement::SelectAllInAllTabs' | abpLocalization\n        }}</label>\n      </div>\n\n      <hr class=\"mt-2 mb-2\" />\n      <div class=\"row\">\n        <div class=\"col-4\">\n          <ul class=\"nav nav-pills flex-column\">\n            <perfect-scrollbar class=\"ps-show-always\" style=\"max-height: 70vh;\">\n              <li *ngFor=\"let group of groups$ | async; trackBy: trackByFn\" class=\"nav-item\">\n                <a\n                  class=\"nav-link pointer\"\n                  [class.active]=\"selectedGroup?.name === group?.name\"\n                  (click)=\"onChangeGroup(group)\"\n                  >{{ group?.displayName }}</a\n                >\n              </li>\n            </perfect-scrollbar>\n          </ul>\n        </div>\n        <div class=\"col-8\">\n          <h4>{{ selectedGroup.displayName }}</h4>\n          <hr class=\"mt-2 mb-3\" />\n          <div class=\"pl-1 pt-1\">\n            <div class=\"custom-checkbox custom-control mb-2\">\n              <input\n                type=\"checkbox\"\n                id=\"select-all-in-this-tabs\"\n                name=\"select-all-in-this-tabs\"\n                class=\"custom-control-input\"\n                [(ngModel)]=\"selectThisTab\"\n                (click)=\"onClickSelectThisTab()\"\n              />\n              <label class=\"custom-control-label\" for=\"select-all-in-this-tabs\">{{\n                'AbpPermissionManagement::SelectAllInThisTab' | abpLocalization\n              }}</label>\n            </div>\n            <hr class=\"mb-3\" />\n            <perfect-scrollbar class=\"ps-show-always\" style=\"max-height: 60vh;\">\n              <div\n                *ngFor=\"let permission of selectedGroupPermissions$ | async; let i = index; trackBy: trackByFn\"\n                [style.margin-left]=\"permission.margin + 'px'\"\n                class=\"custom-checkbox custom-control mb-2\"\n              >\n                <input\n                  #permissionCheckbox\n                  type=\"checkbox\"\n                  [checked]=\"getChecked(permission.name)\"\n                  [value]=\"getChecked(permission.name)\"\n                  [attr.id]=\"permission.name\"\n                  class=\"custom-control-input\"\n                  [disabled]=\"isGrantedByRole(permission.grantedProviders)\"\n                />\n                <label\n                  class=\"custom-control-label\"\n                  [attr.for]=\"permission.name\"\n                  (click)=\"onClickCheckbox(permission, permissionCheckbox.value)\"\n                  >{{ permission.displayName }}\n                  <span *ngFor=\"let provider of permission.grantedProviders\" class=\"badge badge-light\"\n                    >{{ provider.providerName }}: {{ provider.providerKey }}</span\n                  ></label\n                >\n              </div>\n            </perfect-scrollbar>\n          </div>\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #abpFooter>\n      <button type=\"button\" class=\"btn btn-secondary\" #abpClose>\n        {{ 'AbpIdentity::Cancel' | abpLocalization }}\n      </button>\n      <abp-button iconClass=\"fa fa-check\" (click)=\"onSubmit()\">{{ 'AbpIdentity::Save' | abpLocalization }}</abp-button>\n    </ng-template>\n  </ng-container>\n</abp-modal>\n"
                     }] }
         ];
         /** @nocollapse */
@@ -632,6 +817,45 @@
         ], PermissionManagementComponent.prototype, "entityName$", void 0);
         return PermissionManagementComponent;
     }());
+    if (false) {
+        /** @type {?} */
+        PermissionManagementComponent.prototype.providerName;
+        /** @type {?} */
+        PermissionManagementComponent.prototype.providerKey;
+        /**
+         * @type {?}
+         * @protected
+         */
+        PermissionManagementComponent.prototype._visible;
+        /** @type {?} */
+        PermissionManagementComponent.prototype.visibleChange;
+        /** @type {?} */
+        PermissionManagementComponent.prototype.groups$;
+        /** @type {?} */
+        PermissionManagementComponent.prototype.entityName$;
+        /** @type {?} */
+        PermissionManagementComponent.prototype.selectedGroup;
+        /** @type {?} */
+        PermissionManagementComponent.prototype.permissions;
+        /** @type {?} */
+        PermissionManagementComponent.prototype.selectThisTab;
+        /** @type {?} */
+        PermissionManagementComponent.prototype.selectAllTab;
+        /** @type {?} */
+        PermissionManagementComponent.prototype.modalBusy;
+        /** @type {?} */
+        PermissionManagementComponent.prototype.trackByFn;
+        /**
+         * @type {?}
+         * @private
+         */
+        PermissionManagementComponent.prototype.store;
+        /**
+         * @type {?}
+         * @private
+         */
+        PermissionManagementComponent.prototype.renderer;
+    }
     /**
      * @param {?} permissions
      * @param {?} permission
@@ -681,6 +905,16 @@
         return PermissionManagementModule;
     }());
 
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+
     /**
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -692,36 +926,80 @@
          */
         function State() { }
         PermissionManagement.State = State;
+        if (false) {
+            /** @type {?} */
+            State.prototype.permissionRes;
+        }
         /**
          * @record
          */
         function Response() { }
         PermissionManagement.Response = Response;
+        if (false) {
+            /** @type {?} */
+            Response.prototype.entityDisplayName;
+            /** @type {?} */
+            Response.prototype.groups;
+        }
         /**
          * @record
          */
         function Group() { }
         PermissionManagement.Group = Group;
+        if (false) {
+            /** @type {?} */
+            Group.prototype.name;
+            /** @type {?} */
+            Group.prototype.displayName;
+            /** @type {?} */
+            Group.prototype.permissions;
+        }
         /**
          * @record
          */
         function MinimumPermission() { }
         PermissionManagement.MinimumPermission = MinimumPermission;
+        if (false) {
+            /** @type {?} */
+            MinimumPermission.prototype.name;
+            /** @type {?} */
+            MinimumPermission.prototype.isGranted;
+        }
         /**
          * @record
          */
         function Permission() { }
         PermissionManagement.Permission = Permission;
+        if (false) {
+            /** @type {?} */
+            Permission.prototype.displayName;
+            /** @type {?} */
+            Permission.prototype.parentName;
+            /** @type {?} */
+            Permission.prototype.allowedProviders;
+            /** @type {?} */
+            Permission.prototype.grantedProviders;
+        }
         /**
          * @record
          */
         function GrantedProvider() { }
         PermissionManagement.GrantedProvider = GrantedProvider;
+        if (false) {
+            /** @type {?} */
+            GrantedProvider.prototype.providerName;
+            /** @type {?} */
+            GrantedProvider.prototype.providerKey;
+        }
         /**
          * @record
          */
         function UpdateRequest() { }
         PermissionManagement.UpdateRequest = UpdateRequest;
+        if (false) {
+            /** @type {?} */
+            UpdateRequest.prototype.permissions;
+        }
     })(PermissionManagement || (PermissionManagement = {}));
 
     exports.GetPermissions = GetPermissions;

npm/ng-packs/dist/permission-management/fesm2015/abp-ng.permission-management.js

@@ -20,6 +20,12 @@ class GetPermissions {
     }
 }
 GetPermissions.type = '[PermissionManagement] Get Permissions';
+if (false) {
+    /** @type {?} */
+    GetPermissions.type;
+    /** @type {?} */
+    GetPermissions.prototype.payload;
+}
 class UpdatePermissions {
     /**
      * @param {?} payload
@@ -29,6 +35,12 @@ class UpdatePermissions {
     }
 }
 UpdatePermissions.type = '[PermissionManagement] Update Permissions';
+if (false) {
+    /** @type {?} */
+    UpdatePermissions.type;
+    /** @type {?} */
+    UpdatePermissions.prototype.payload;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -79,6 +91,13 @@ PermissionManagementService.ctorParameters = () => [
     { type: RestService }
 ];
 /** @nocollapse */ PermissionManagementService.ngInjectableDef = ɵɵdefineInjectable({ factory: function PermissionManagementService_Factory() { return new PermissionManagementService(ɵɵinject(RestService)); }, token: PermissionManagementService, providedIn: "root" });
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    PermissionManagementService.prototype.rest;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -159,6 +178,13 @@ PermissionManagementState = __decorate([
     }),
     __metadata("design:paramtypes", [PermissionManagementService])
 ], PermissionManagementState);
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    PermissionManagementState.prototype.permissionManagementService;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -176,6 +202,7 @@ class PermissionManagementComponent {
         this.permissions = [];
         this.selectThisTab = false;
         this.selectAllTab = false;
+        this.modalBusy = false;
         this.trackByFn = (/**
          * @param {?} _
          * @param {?} item
@@ -243,13 +270,27 @@ class PermissionManagementComponent {
          */
         per => per.name === name)) || { isGranted: false }).isGranted;
     }
+    /**
+     * @param {?} grantedProviders
+     * @return {?}
+     */
+    isGrantedByRole(grantedProviders) {
+        if (grantedProviders.length) {
+            return grantedProviders.findIndex((/**
+             * @param {?} p
+             * @return {?}
+             */
+            p => p.providerName === 'Role')) > -1;
+        }
+        return false;
+    }
     /**
      * @param {?} clickedPermission
      * @param {?} value
      * @return {?}
      */
     onClickCheckbox(clickedPermission, value) {
-        if (clickedPermission.isGranted && clickedPermission.grantedProviders.length > 0)
+        if (clickedPermission.isGranted && this.isGrantedByRole(clickedPermission.grantedProviders))
             return;
         setTimeout((/**
          * @return {?}
@@ -343,7 +384,7 @@ class PermissionManagementComponent {
              * @return {?}
              */
             permission => {
-                if (permission.isGranted && permission.grantedProviders.length > 0)
+                if (permission.isGranted && this.isGrantedByRole(permission.grantedProviders))
                     return;
                 /** @type {?} */
                 const index = this.permissions.findIndex((/**
@@ -383,6 +424,7 @@ class PermissionManagementComponent {
      * @return {?}
      */
     onSubmit() {
+        this.modalBusy = true;
         /** @type {?} */
         const unchangedPermissions = getPermissions(this.store.selectSnapshot(PermissionManagementState.getPermissionGroups));
         /** @type {?} */
@@ -412,10 +454,12 @@ class PermissionManagementComponent {
              * @return {?}
              */
             () => {
+                this.modalBusy = false;
                 this.visible = false;
             }));
         }
         else {
+            this.modalBusy = false;
             this.visible = false;
         }
     }
@@ -464,7 +508,7 @@ class PermissionManagementComponent {
 PermissionManagementComponent.decorators = [
     { type: Component, args: [{
                 selector: 'abp-permission-management',
-                template: "<abp-modal [(visible)]=\"visible\" (init)=\"initModal()\">\n  <ng-container *ngIf=\"{ entityName: entityName$ | async } as data\">\n    <ng-template #abpHeader>\n      <h4>{{ 'AbpPermissionManagement::Permissions' | abpLocalization }} - {{ data.entityName }}</h4>\n    </ng-template>\n    <ng-template #abpBody>\n      <div class=\"custom-checkbox custom-control mb-2\">\n        <input\n          type=\"checkbox\"\n          id=\"select-all-in-all-tabs\"\n          name=\"select-all-in-all-tabs\"\n          class=\"custom-control-input\"\n          [(ngModel)]=\"selectAllTab\"\n          (click)=\"onClickSelectAll()\"\n        />\n        <label class=\"custom-control-label\" for=\"select-all-in-all-tabs\">{{\n          'AbpPermissionManagement::SelectAllInAllTabs' | abpLocalization\n        }}</label>\n      </div>\n\n      <hr class=\"mt-2 mb-2\" />\n      <div class=\"row\">\n        <div class=\"col-4\">\n          <ul class=\"nav nav-pills flex-column\">\n            <perfect-scrollbar class=\"ps-show-always\" style=\"max-height: 70vh;\">\n              <li *ngFor=\"let group of groups$ | async; trackBy: trackByFn\" class=\"nav-item\">\n                <a\n                  class=\"nav-link pointer\"\n                  [class.active]=\"selectedGroup.name === group.name\"\n                  (click)=\"onChangeGroup(group)\"\n                  >{{ group?.displayName }}</a\n                >\n              </li>\n            </perfect-scrollbar>\n          </ul>\n        </div>\n        <div class=\"col-8\">\n          <h4>{{ selectedGroup.displayName }}</h4>\n          <hr class=\"mt-2 mb-3\" />\n          <div class=\"pl-1 pt-1\">\n            <div class=\"custom-checkbox custom-control mb-2\">\n              <input\n                type=\"checkbox\"\n                id=\"select-all-in-this-tabs\"\n                name=\"select-all-in-this-tabs\"\n                class=\"custom-control-input\"\n                [(ngModel)]=\"selectThisTab\"\n                (click)=\"onClickSelectThisTab()\"\n              />\n              <label class=\"custom-control-label\" for=\"select-all-in-this-tabs\">{{\n                'AbpPermissionManagement::SelectAllInThisTab' | abpLocalization\n              }}</label>\n            </div>\n            <hr class=\"mb-3\" />\n            <perfect-scrollbar class=\"ps-show-always\" style=\"max-height: 60vh;\">\n              <div\n                *ngFor=\"let permission of selectedGroupPermissions$ | async; let i = index; trackBy: trackByFn\"\n                [style.margin-left]=\"permission.margin + 'px'\"\n                class=\"custom-checkbox custom-control mb-2\"\n              >\n                <input\n                  #permissionCheckbox\n                  type=\"checkbox\"\n                  [checked]=\"getChecked(permission.name)\"\n                  [value]=\"getChecked(permission.name)\"\n                  [attr.id]=\"permission.name\"\n                  class=\"custom-control-input\"\n                  [disabled]=\"permission.isGranted && permission.grantedProviders.length > 0\"\n                />\n                <label\n                  class=\"custom-control-label\"\n                  [attr.for]=\"permission.name\"\n                  (click)=\"onClickCheckbox(permission, permissionCheckbox.value)\"\n                  >{{ permission.displayName }}\n                  <span *ngFor=\"let provider of permission.grantedProviders\" class=\"badge badge-light\"\n                    >{{ provider.providerName }}: {{ provider.providerKey }}</span\n                  ></label\n                >\n              </div>\n            </perfect-scrollbar>\n          </div>\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #abpFooter>\n      <button type=\"button\" class=\"btn btn-secondary\" #abpClose>\n        {{ 'AbpIdentity::Cancel' | abpLocalization }}\n      </button>\n      <abp-button\n        [requestType]=\"['PUT']\"\n        requestURLContainSearchValue=\"permissions\"\n        iconClass=\"fa fa-check\"\n        (click)=\"onSubmit()\"\n        >{{ 'AbpIdentity::Save' | abpLocalization }}</abp-button\n      >\n    </ng-template>\n  </ng-container>\n</abp-modal>\n"
+                template: "<abp-modal [(visible)]=\"visible\" (init)=\"initModal()\" [busy]=\"modalBusy\">\n  <ng-container *ngIf=\"{ entityName: entityName$ | async } as data\">\n    <ng-template #abpHeader>\n      <h4>{{ 'AbpPermissionManagement::Permissions' | abpLocalization }} - {{ data.entityName }}</h4>\n    </ng-template>\n    <ng-template #abpBody>\n      <div class=\"custom-checkbox custom-control mb-2\">\n        <input\n          type=\"checkbox\"\n          id=\"select-all-in-all-tabs\"\n          name=\"select-all-in-all-tabs\"\n          class=\"custom-control-input\"\n          [(ngModel)]=\"selectAllTab\"\n          (click)=\"onClickSelectAll()\"\n        />\n        <label class=\"custom-control-label\" for=\"select-all-in-all-tabs\">{{\n          'AbpPermissionManagement::SelectAllInAllTabs' | abpLocalization\n        }}</label>\n      </div>\n\n      <hr class=\"mt-2 mb-2\" />\n      <div class=\"row\">\n        <div class=\"col-4\">\n          <ul class=\"nav nav-pills flex-column\">\n            <perfect-scrollbar class=\"ps-show-always\" style=\"max-height: 70vh;\">\n              <li *ngFor=\"let group of groups$ | async; trackBy: trackByFn\" class=\"nav-item\">\n                <a\n                  class=\"nav-link pointer\"\n                  [class.active]=\"selectedGroup?.name === group?.name\"\n                  (click)=\"onChangeGroup(group)\"\n                  >{{ group?.displayName }}</a\n                >\n              </li>\n            </perfect-scrollbar>\n          </ul>\n        </div>\n        <div class=\"col-8\">\n          <h4>{{ selectedGroup.displayName }}</h4>\n          <hr class=\"mt-2 mb-3\" />\n          <div class=\"pl-1 pt-1\">\n            <div class=\"custom-checkbox custom-control mb-2\">\n              <input\n                type=\"checkbox\"\n                id=\"select-all-in-this-tabs\"\n                name=\"select-all-in-this-tabs\"\n                class=\"custom-control-input\"\n                [(ngModel)]=\"selectThisTab\"\n                (click)=\"onClickSelectThisTab()\"\n              />\n              <label class=\"custom-control-label\" for=\"select-all-in-this-tabs\">{{\n                'AbpPermissionManagement::SelectAllInThisTab' | abpLocalization\n              }}</label>\n            </div>\n            <hr class=\"mb-3\" />\n            <perfect-scrollbar class=\"ps-show-always\" style=\"max-height: 60vh;\">\n              <div\n                *ngFor=\"let permission of selectedGroupPermissions$ | async; let i = index; trackBy: trackByFn\"\n                [style.margin-left]=\"permission.margin + 'px'\"\n                class=\"custom-checkbox custom-control mb-2\"\n              >\n                <input\n                  #permissionCheckbox\n                  type=\"checkbox\"\n                  [checked]=\"getChecked(permission.name)\"\n                  [value]=\"getChecked(permission.name)\"\n                  [attr.id]=\"permission.name\"\n                  class=\"custom-control-input\"\n                  [disabled]=\"isGrantedByRole(permission.grantedProviders)\"\n                />\n                <label\n                  class=\"custom-control-label\"\n                  [attr.for]=\"permission.name\"\n                  (click)=\"onClickCheckbox(permission, permissionCheckbox.value)\"\n                  >{{ permission.displayName }}\n                  <span *ngFor=\"let provider of permission.grantedProviders\" class=\"badge badge-light\"\n                    >{{ provider.providerName }}: {{ provider.providerKey }}</span\n                  ></label\n                >\n              </div>\n            </perfect-scrollbar>\n          </div>\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #abpFooter>\n      <button type=\"button\" class=\"btn btn-secondary\" #abpClose>\n        {{ 'AbpIdentity::Cancel' | abpLocalization }}\n      </button>\n      <abp-button iconClass=\"fa fa-check\" (click)=\"onSubmit()\">{{ 'AbpIdentity::Save' | abpLocalization }}</abp-button>\n    </ng-template>\n  </ng-container>\n</abp-modal>\n"
             }] }
 ];
 /** @nocollapse */
@@ -486,6 +530,45 @@ __decorate([
     Select(PermissionManagementState.getEntitiyDisplayName),
     __metadata("design:type", Observable)
 ], PermissionManagementComponent.prototype, "entityName$", void 0);
+if (false) {
+    /** @type {?} */
+    PermissionManagementComponent.prototype.providerName;
+    /** @type {?} */
+    PermissionManagementComponent.prototype.providerKey;
+    /**
+     * @type {?}
+     * @protected
+     */
+    PermissionManagementComponent.prototype._visible;
+    /** @type {?} */
+    PermissionManagementComponent.prototype.visibleChange;
+    /** @type {?} */
+    PermissionManagementComponent.prototype.groups$;
+    /** @type {?} */
+    PermissionManagementComponent.prototype.entityName$;
+    /** @type {?} */
+    PermissionManagementComponent.prototype.selectedGroup;
+    /** @type {?} */
+    PermissionManagementComponent.prototype.permissions;
+    /** @type {?} */
+    PermissionManagementComponent.prototype.selectThisTab;
+    /** @type {?} */
+    PermissionManagementComponent.prototype.selectAllTab;
+    /** @type {?} */
+    PermissionManagementComponent.prototype.modalBusy;
+    /** @type {?} */
+    PermissionManagementComponent.prototype.trackByFn;
+    /**
+     * @type {?}
+     * @private
+     */
+    PermissionManagementComponent.prototype.store;
+    /**
+     * @type {?}
+     * @private
+     */
+    PermissionManagementComponent.prototype.renderer;
+}
 /**
  * @param {?} permissions
  * @param {?} permission
@@ -532,6 +615,16 @@ PermissionManagementModule.decorators = [
             },] }
 ];
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -543,37 +636,106 @@ var PermissionManagement;
      */
     function State() { }
     PermissionManagement.State = State;
+    if (false) {
+        /** @type {?} */
+        State.prototype.permissionRes;
+    }
     /**
      * @record
      */
     function Response() { }
     PermissionManagement.Response = Response;
+    if (false) {
+        /** @type {?} */
+        Response.prototype.entityDisplayName;
+        /** @type {?} */
+        Response.prototype.groups;
+    }
     /**
      * @record
      */
     function Group() { }
     PermissionManagement.Group = Group;
+    if (false) {
+        /** @type {?} */
+        Group.prototype.name;
+        /** @type {?} */
+        Group.prototype.displayName;
+        /** @type {?} */
+        Group.prototype.permissions;
+    }
     /**
      * @record
      */
     function MinimumPermission() { }
     PermissionManagement.MinimumPermission = MinimumPermission;
+    if (false) {
+        /** @type {?} */
+        MinimumPermission.prototype.name;
+        /** @type {?} */
+        MinimumPermission.prototype.isGranted;
+    }
     /**
      * @record
      */
     function Permission() { }
     PermissionManagement.Permission = Permission;
+    if (false) {
+        /** @type {?} */
+        Permission.prototype.displayName;
+        /** @type {?} */
+        Permission.prototype.parentName;
+        /** @type {?} */
+        Permission.prototype.allowedProviders;
+        /** @type {?} */
+        Permission.prototype.grantedProviders;
+    }
     /**
      * @record
      */
     function GrantedProvider() { }
     PermissionManagement.GrantedProvider = GrantedProvider;
+    if (false) {
+        /** @type {?} */
+        GrantedProvider.prototype.providerName;
+        /** @type {?} */
+        GrantedProvider.prototype.providerKey;
+    }
     /**
      * @record
      */
     function UpdateRequest() { }
     PermissionManagement.UpdateRequest = UpdateRequest;
+    if (false) {
+        /** @type {?} */
+        UpdateRequest.prototype.permissions;
+    }
 })(PermissionManagement || (PermissionManagement = {}));
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
 export { GetPermissions, PermissionManagementComponent, PermissionManagementModule, PermissionManagementService, PermissionManagementState, UpdatePermissions, PermissionManagementComponent as ɵa, PermissionManagementState as ɵb, PermissionManagementService as ɵc, GetPermissions as ɵd, UpdatePermissions as ɵe };
 //# sourceMappingURL=abp-ng.permission-management.js.map

npm/ng-packs/dist/permission-management/fesm5/abp-ng.permission-management.js

@@ -1,6 +1,6 @@
 import { RestService, CoreModule } from '@abp/ng.core';
 import { ThemeSharedModule } from '@abp/ng.theme.shared';
-import { Injectable, ɵɵdefineInjectable, ɵɵinject, Component, Renderer2, Input, Output, EventEmitter, NgModule } from '@angular/core';
+import { Injectable, ɵɵdefineInjectable, ɵɵinject, EventEmitter, Component, Renderer2, Input, Output, NgModule } from '@angular/core';
 import { Action, Selector, State, Store, Select, NgxsModule } from '@ngxs/store';
 import { __decorate, __metadata, __assign, __spread } from 'tslib';
 import { Observable } from 'rxjs';
@@ -18,6 +18,12 @@ var GetPermissions = /** @class */ (function () {
     GetPermissions.type = '[PermissionManagement] Get Permissions';
     return GetPermissions;
 }());
+if (false) {
+    /** @type {?} */
+    GetPermissions.type;
+    /** @type {?} */
+    GetPermissions.prototype.payload;
+}
 var UpdatePermissions = /** @class */ (function () {
     function UpdatePermissions(payload) {
         this.payload = payload;
@@ -25,6 +31,12 @@ var UpdatePermissions = /** @class */ (function () {
     UpdatePermissions.type = '[PermissionManagement] Update Permissions';
     return UpdatePermissions;
 }());
+if (false) {
+    /** @type {?} */
+    UpdatePermissions.type;
+    /** @type {?} */
+    UpdatePermissions.prototype.payload;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -82,6 +94,13 @@ var PermissionManagementService = /** @class */ (function () {
     /** @nocollapse */ PermissionManagementService.ngInjectableDef = ɵɵdefineInjectable({ factory: function PermissionManagementService_Factory() { return new PermissionManagementService(ɵɵinject(RestService)); }, token: PermissionManagementService, providedIn: "root" });
     return PermissionManagementService;
 }());
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    PermissionManagementService.prototype.rest;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -185,6 +204,13 @@ var PermissionManagementState = /** @class */ (function () {
     ], PermissionManagementState);
     return PermissionManagementState;
 }());
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    PermissionManagementState.prototype.permissionManagementService;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -198,6 +224,7 @@ var PermissionManagementComponent = /** @class */ (function () {
         this.permissions = [];
         this.selectThisTab = false;
         this.selectAllTab = false;
+        this.modalBusy = false;
         this.trackByFn = (/**
          * @param {?} _
          * @param {?} item
@@ -287,6 +314,24 @@ var PermissionManagementComponent = /** @class */ (function () {
          */
         function (per) { return per.name === name; })) || { isGranted: false }).isGranted;
     };
+    /**
+     * @param {?} grantedProviders
+     * @return {?}
+     */
+    PermissionManagementComponent.prototype.isGrantedByRole = /**
+     * @param {?} grantedProviders
+     * @return {?}
+     */
+    function (grantedProviders) {
+        if (grantedProviders.length) {
+            return grantedProviders.findIndex((/**
+             * @param {?} p
+             * @return {?}
+             */
+            function (p) { return p.providerName === 'Role'; })) > -1;
+        }
+        return false;
+    };
     /**
      * @param {?} clickedPermission
      * @param {?} value
@@ -299,7 +344,7 @@ var PermissionManagementComponent = /** @class */ (function () {
      */
     function (clickedPermission, value) {
         var _this = this;
-        if (clickedPermission.isGranted && clickedPermission.grantedProviders.length > 0)
+        if (clickedPermission.isGranted && this.isGrantedByRole(clickedPermission.grantedProviders))
             return;
         setTimeout((/**
          * @return {?}
@@ -404,7 +449,7 @@ var PermissionManagementComponent = /** @class */ (function () {
              * @return {?}
              */
             function (permission) {
-                if (permission.isGranted && permission.grantedProviders.length > 0)
+                if (permission.isGranted && _this.isGrantedByRole(permission.grantedProviders))
                     return;
                 /** @type {?} */
                 var index = _this.permissions.findIndex((/**
@@ -454,6 +499,7 @@ var PermissionManagementComponent = /** @class */ (function () {
      */
     function () {
         var _this = this;
+        this.modalBusy = true;
         /** @type {?} */
         var unchangedPermissions = getPermissions(this.store.selectSnapshot(PermissionManagementState.getPermissionGroups));
         /** @type {?} */
@@ -488,10 +534,12 @@ var PermissionManagementComponent = /** @class */ (function () {
              * @return {?}
              */
             function () {
+                _this.modalBusy = false;
                 _this.visible = false;
             }));
         }
         else {
+            this.modalBusy = false;
             this.visible = false;
         }
     };
@@ -551,7 +599,7 @@ var PermissionManagementComponent = /** @class */ (function () {
     PermissionManagementComponent.decorators = [
         { type: Component, args: [{
                     selector: 'abp-permission-management',
-                    template: "<abp-modal [(visible)]=\"visible\" (init)=\"initModal()\">\n  <ng-container *ngIf=\"{ entityName: entityName$ | async } as data\">\n    <ng-template #abpHeader>\n      <h4>{{ 'AbpPermissionManagement::Permissions' | abpLocalization }} - {{ data.entityName }}</h4>\n    </ng-template>\n    <ng-template #abpBody>\n      <div class=\"custom-checkbox custom-control mb-2\">\n        <input\n          type=\"checkbox\"\n          id=\"select-all-in-all-tabs\"\n          name=\"select-all-in-all-tabs\"\n          class=\"custom-control-input\"\n          [(ngModel)]=\"selectAllTab\"\n          (click)=\"onClickSelectAll()\"\n        />\n        <label class=\"custom-control-label\" for=\"select-all-in-all-tabs\">{{\n          'AbpPermissionManagement::SelectAllInAllTabs' | abpLocalization\n        }}</label>\n      </div>\n\n      <hr class=\"mt-2 mb-2\" />\n      <div class=\"row\">\n        <div class=\"col-4\">\n          <ul class=\"nav nav-pills flex-column\">\n            <perfect-scrollbar class=\"ps-show-always\" style=\"max-height: 70vh;\">\n              <li *ngFor=\"let group of groups$ | async; trackBy: trackByFn\" class=\"nav-item\">\n                <a\n                  class=\"nav-link pointer\"\n                  [class.active]=\"selectedGroup.name === group.name\"\n                  (click)=\"onChangeGroup(group)\"\n                  >{{ group?.displayName }}</a\n                >\n              </li>\n            </perfect-scrollbar>\n          </ul>\n        </div>\n        <div class=\"col-8\">\n          <h4>{{ selectedGroup.displayName }}</h4>\n          <hr class=\"mt-2 mb-3\" />\n          <div class=\"pl-1 pt-1\">\n            <div class=\"custom-checkbox custom-control mb-2\">\n              <input\n                type=\"checkbox\"\n                id=\"select-all-in-this-tabs\"\n                name=\"select-all-in-this-tabs\"\n                class=\"custom-control-input\"\n                [(ngModel)]=\"selectThisTab\"\n                (click)=\"onClickSelectThisTab()\"\n              />\n              <label class=\"custom-control-label\" for=\"select-all-in-this-tabs\">{{\n                'AbpPermissionManagement::SelectAllInThisTab' | abpLocalization\n              }}</label>\n            </div>\n            <hr class=\"mb-3\" />\n            <perfect-scrollbar class=\"ps-show-always\" style=\"max-height: 60vh;\">\n              <div\n                *ngFor=\"let permission of selectedGroupPermissions$ | async; let i = index; trackBy: trackByFn\"\n                [style.margin-left]=\"permission.margin + 'px'\"\n                class=\"custom-checkbox custom-control mb-2\"\n              >\n                <input\n                  #permissionCheckbox\n                  type=\"checkbox\"\n                  [checked]=\"getChecked(permission.name)\"\n                  [value]=\"getChecked(permission.name)\"\n                  [attr.id]=\"permission.name\"\n                  class=\"custom-control-input\"\n                  [disabled]=\"permission.isGranted && permission.grantedProviders.length > 0\"\n                />\n                <label\n                  class=\"custom-control-label\"\n                  [attr.for]=\"permission.name\"\n                  (click)=\"onClickCheckbox(permission, permissionCheckbox.value)\"\n                  >{{ permission.displayName }}\n                  <span *ngFor=\"let provider of permission.grantedProviders\" class=\"badge badge-light\"\n                    >{{ provider.providerName }}: {{ provider.providerKey }}</span\n                  ></label\n                >\n              </div>\n            </perfect-scrollbar>\n          </div>\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #abpFooter>\n      <button type=\"button\" class=\"btn btn-secondary\" #abpClose>\n        {{ 'AbpIdentity::Cancel' | abpLocalization }}\n      </button>\n      <abp-button\n        [requestType]=\"['PUT']\"\n        requestURLContainSearchValue=\"permissions\"\n        iconClass=\"fa fa-check\"\n        (click)=\"onSubmit()\"\n        >{{ 'AbpIdentity::Save' | abpLocalization }}</abp-button\n      >\n    </ng-template>\n  </ng-container>\n</abp-modal>\n"
+                    template: "<abp-modal [(visible)]=\"visible\" (init)=\"initModal()\" [busy]=\"modalBusy\">\n  <ng-container *ngIf=\"{ entityName: entityName$ | async } as data\">\n    <ng-template #abpHeader>\n      <h4>{{ 'AbpPermissionManagement::Permissions' | abpLocalization }} - {{ data.entityName }}</h4>\n    </ng-template>\n    <ng-template #abpBody>\n      <div class=\"custom-checkbox custom-control mb-2\">\n        <input\n          type=\"checkbox\"\n          id=\"select-all-in-all-tabs\"\n          name=\"select-all-in-all-tabs\"\n          class=\"custom-control-input\"\n          [(ngModel)]=\"selectAllTab\"\n          (click)=\"onClickSelectAll()\"\n        />\n        <label class=\"custom-control-label\" for=\"select-all-in-all-tabs\">{{\n          'AbpPermissionManagement::SelectAllInAllTabs' | abpLocalization\n        }}</label>\n      </div>\n\n      <hr class=\"mt-2 mb-2\" />\n      <div class=\"row\">\n        <div class=\"col-4\">\n          <ul class=\"nav nav-pills flex-column\">\n            <perfect-scrollbar class=\"ps-show-always\" style=\"max-height: 70vh;\">\n              <li *ngFor=\"let group of groups$ | async; trackBy: trackByFn\" class=\"nav-item\">\n                <a\n                  class=\"nav-link pointer\"\n                  [class.active]=\"selectedGroup?.name === group?.name\"\n                  (click)=\"onChangeGroup(group)\"\n                  >{{ group?.displayName }}</a\n                >\n              </li>\n            </perfect-scrollbar>\n          </ul>\n        </div>\n        <div class=\"col-8\">\n          <h4>{{ selectedGroup.displayName }}</h4>\n          <hr class=\"mt-2 mb-3\" />\n          <div class=\"pl-1 pt-1\">\n            <div class=\"custom-checkbox custom-control mb-2\">\n              <input\n                type=\"checkbox\"\n                id=\"select-all-in-this-tabs\"\n                name=\"select-all-in-this-tabs\"\n                class=\"custom-control-input\"\n                [(ngModel)]=\"selectThisTab\"\n                (click)=\"onClickSelectThisTab()\"\n              />\n              <label class=\"custom-control-label\" for=\"select-all-in-this-tabs\">{{\n                'AbpPermissionManagement::SelectAllInThisTab' | abpLocalization\n              }}</label>\n            </div>\n            <hr class=\"mb-3\" />\n            <perfect-scrollbar class=\"ps-show-always\" style=\"max-height: 60vh;\">\n              <div\n                *ngFor=\"let permission of selectedGroupPermissions$ | async; let i = index; trackBy: trackByFn\"\n                [style.margin-left]=\"permission.margin + 'px'\"\n                class=\"custom-checkbox custom-control mb-2\"\n              >\n                <input\n                  #permissionCheckbox\n                  type=\"checkbox\"\n                  [checked]=\"getChecked(permission.name)\"\n                  [value]=\"getChecked(permission.name)\"\n                  [attr.id]=\"permission.name\"\n                  class=\"custom-control-input\"\n                  [disabled]=\"isGrantedByRole(permission.grantedProviders)\"\n                />\n                <label\n                  class=\"custom-control-label\"\n                  [attr.for]=\"permission.name\"\n                  (click)=\"onClickCheckbox(permission, permissionCheckbox.value)\"\n                  >{{ permission.displayName }}\n                  <span *ngFor=\"let provider of permission.grantedProviders\" class=\"badge badge-light\"\n                    >{{ provider.providerName }}: {{ provider.providerKey }}</span\n                  ></label\n                >\n              </div>\n            </perfect-scrollbar>\n          </div>\n        </div>\n      </div>\n    </ng-template>\n    <ng-template #abpFooter>\n      <button type=\"button\" class=\"btn btn-secondary\" #abpClose>\n        {{ 'AbpIdentity::Cancel' | abpLocalization }}\n      </button>\n      <abp-button iconClass=\"fa fa-check\" (click)=\"onSubmit()\">{{ 'AbpIdentity::Save' | abpLocalization }}</abp-button>\n    </ng-template>\n  </ng-container>\n</abp-modal>\n"
                 }] }
     ];
     /** @nocollapse */
@@ -575,6 +623,45 @@ var PermissionManagementComponent = /** @class */ (function () {
     ], PermissionManagementComponent.prototype, "entityName$", void 0);
     return PermissionManagementComponent;
 }());
+if (false) {
+    /** @type {?} */
+    PermissionManagementComponent.prototype.providerName;
+    /** @type {?} */
+    PermissionManagementComponent.prototype.providerKey;
+    /**
+     * @type {?}
+     * @protected
+     */
+    PermissionManagementComponent.prototype._visible;
+    /** @type {?} */
+    PermissionManagementComponent.prototype.visibleChange;
+    /** @type {?} */
+    PermissionManagementComponent.prototype.groups$;
+    /** @type {?} */
+    PermissionManagementComponent.prototype.entityName$;
+    /** @type {?} */
+    PermissionManagementComponent.prototype.selectedGroup;
+    /** @type {?} */
+    PermissionManagementComponent.prototype.permissions;
+    /** @type {?} */
+    PermissionManagementComponent.prototype.selectThisTab;
+    /** @type {?} */
+    PermissionManagementComponent.prototype.selectAllTab;
+    /** @type {?} */
+    PermissionManagementComponent.prototype.modalBusy;
+    /** @type {?} */
+    PermissionManagementComponent.prototype.trackByFn;
+    /**
+     * @type {?}
+     * @private
+     */
+    PermissionManagementComponent.prototype.store;
+    /**
+     * @type {?}
+     * @private
+     */
+    PermissionManagementComponent.prototype.renderer;
+}
 /**
  * @param {?} permissions
  * @param {?} permission
@@ -624,6 +711,16 @@ var PermissionManagementModule = /** @class */ (function () {
     return PermissionManagementModule;
 }());
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -635,37 +732,106 @@ var PermissionManagement;
      */
     function State() { }
     PermissionManagement.State = State;
+    if (false) {
+        /** @type {?} */
+        State.prototype.permissionRes;
+    }
     /**
      * @record
      */
     function Response() { }
     PermissionManagement.Response = Response;
+    if (false) {
+        /** @type {?} */
+        Response.prototype.entityDisplayName;
+        /** @type {?} */
+        Response.prototype.groups;
+    }
     /**
      * @record
      */
     function Group() { }
     PermissionManagement.Group = Group;
+    if (false) {
+        /** @type {?} */
+        Group.prototype.name;
+        /** @type {?} */
+        Group.prototype.displayName;
+        /** @type {?} */
+        Group.prototype.permissions;
+    }
     /**
      * @record
      */
     function MinimumPermission() { }
     PermissionManagement.MinimumPermission = MinimumPermission;
+    if (false) {
+        /** @type {?} */
+        MinimumPermission.prototype.name;
+        /** @type {?} */
+        MinimumPermission.prototype.isGranted;
+    }
     /**
      * @record
      */
     function Permission() { }
     PermissionManagement.Permission = Permission;
+    if (false) {
+        /** @type {?} */
+        Permission.prototype.displayName;
+        /** @type {?} */
+        Permission.prototype.parentName;
+        /** @type {?} */
+        Permission.prototype.allowedProviders;
+        /** @type {?} */
+        Permission.prototype.grantedProviders;
+    }
     /**
      * @record
      */
     function GrantedProvider() { }
     PermissionManagement.GrantedProvider = GrantedProvider;
+    if (false) {
+        /** @type {?} */
+        GrantedProvider.prototype.providerName;
+        /** @type {?} */
+        GrantedProvider.prototype.providerKey;
+    }
     /**
      * @record
      */
     function UpdateRequest() { }
     PermissionManagement.UpdateRequest = UpdateRequest;
+    if (false) {
+        /** @type {?} */
+        UpdateRequest.prototype.permissions;
+    }
 })(PermissionManagement || (PermissionManagement = {}));
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
 export { GetPermissions, PermissionManagementComponent, PermissionManagementModule, PermissionManagementService, PermissionManagementState, UpdatePermissions, PermissionManagementComponent as ɵa, PermissionManagementState as ɵb, PermissionManagementService as ɵc, GetPermissions as ɵd, UpdatePermissions as ɵe };
 //# sourceMappingURL=abp-ng.permission-management.js.map

npm/ng-packs/dist/permission-management/lib/components/permission-management.component.d.ts

@@ -19,11 +19,13 @@ export declare class PermissionManagementComponent implements OnInit, OnChanges
     permissions: PermissionManagement.Permission[];
     selectThisTab: boolean;
     selectAllTab: boolean;
+    modalBusy: boolean;
     trackByFn: TrackByFunction<PermissionManagement.Group>;
     readonly selectedGroupPermissions$: Observable<PermissionWithMargin[]>;
     constructor(store: Store, renderer: Renderer2);
     ngOnInit(): void;
     getChecked(name: string): boolean;
+    isGrantedByRole(grantedProviders: PermissionManagement.GrantedProvider[]): boolean;
     onClickCheckbox(clickedPermission: PermissionManagement.Permission, value: any): void;
     setTabCheckboxState(): void;
     setGrantCheckboxState(): void;

npm/ng-packs/dist/tenant-management/lib/components/tenants/tenants.component.d.ts

@@ -26,6 +26,7 @@ export declare class TenantsComponent {
     _useSharedDatabase: boolean;
     pageQuery: ABP.PageQueryParams;
     loading: boolean;
+    modalBusy: boolean;
     readonly useSharedDatabase: boolean;
     readonly connectionString: string;
     tenantModalTemplate: TemplateRef<any>;

npm/ng-packs/dist/theme-basic/bundles/abp-ng.theme.basic.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@abp/ng.core'), require('@angular/core'), require('@ng-bootstrap/ng-bootstrap'), require('@abp/ng.theme.shared'), require('@angular/forms'), require('@ngx-validate/core'), require('@ngxs/store'), require('snq'), require('@ngxs/router-plugin'), require('angular-oauth2-oidc'), require('just-compare'), require('rxjs'), require('rxjs/operators'), require('primeng/toast')) :
-    typeof define === 'function' && define.amd ? define('@abp/ng.theme.basic', ['exports', '@abp/ng.core', '@angular/core', '@ng-bootstrap/ng-bootstrap', '@abp/ng.theme.shared', '@angular/forms', '@ngx-validate/core', '@ngxs/store', 'snq', '@ngxs/router-plugin', 'angular-oauth2-oidc', 'just-compare', 'rxjs', 'rxjs/operators', 'primeng/toast'], factory) :
-    (global = global || self, factory((global.abp = global.abp || {}, global.abp.ng = global.abp.ng || {}, global.abp.ng.theme = global.abp.ng.theme || {}, global.abp.ng.theme.basic = {}), global.ng_core, global.ng.core, global.ngBootstrap, global.ng_theme_shared, global.ng.forms, global.core$1, global.store, global.snq, global.routerPlugin, global.angularOauth2Oidc, global.compare, global.rxjs, global.rxjs.operators, global.toast));
-}(this, function (exports, ng_core, core, ngBootstrap, ng_theme_shared, forms, core$1, store, snq, routerPlugin, angularOauth2Oidc, compare, rxjs, operators, toast) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@abp/ng.core'), require('@angular/core'), require('@ng-bootstrap/ng-bootstrap'), require('@abp/ng.theme.shared'), require('@angular/forms'), require('@ngx-validate/core'), require('@ngxs/store'), require('snq'), require('rxjs/operators'), require('@ngxs/router-plugin'), require('angular-oauth2-oidc'), require('just-compare'), require('rxjs'), require('primeng/toast')) :
+    typeof define === 'function' && define.amd ? define('@abp/ng.theme.basic', ['exports', '@abp/ng.core', '@angular/core', '@ng-bootstrap/ng-bootstrap', '@abp/ng.theme.shared', '@angular/forms', '@ngx-validate/core', '@ngxs/store', 'snq', 'rxjs/operators', '@ngxs/router-plugin', 'angular-oauth2-oidc', 'just-compare', 'rxjs', 'primeng/toast'], factory) :
+    (global = global || self, factory((global.abp = global.abp || {}, global.abp.ng = global.abp.ng || {}, global.abp.ng.theme = global.abp.ng.theme || {}, global.abp.ng.theme.basic = {}), global.ng_core, global.ng.core, global.ngBootstrap, global.ng_theme_shared, global.ng.forms, global.core$1, global.store, global.snq, global.rxjs.operators, global.routerPlugin, global.angularOauth2Oidc, global.compare, global.rxjs, global.toast));
+}(this, function (exports, ng_core, core, ngBootstrap, ng_theme_shared, forms, core$1, store, snq, operators, routerPlugin, angularOauth2Oidc, compare, rxjs, toast) { 'use strict';
 
     snq = snq && snq.hasOwnProperty('default') ? snq['default'] : snq;
     compare = compare && compare.hasOwnProperty('default') ? compare['default'] : compare;
@@ -21,6 +21,20 @@
     See the Apache Version 2.0 License for specific language governing permissions
     and limitations under the License.
     ***************************************************************************** */
+    /* global Reflect, Promise */
+
+    var extendStatics = function(d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+
+    function __extends(d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    }
 
     var __assign = function() {
         __assign = Object.assign || function __assign(t) {
@@ -33,6 +47,18 @@
         return __assign.apply(this, arguments);
     };
 
+    function __rest(s, e) {
+        var t = {};
+        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+            t[p] = s[p];
+        if (s != null && typeof Object.getOwnPropertySymbols === "function")
+            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                    t[p[i]] = s[p[i]];
+            }
+        return t;
+    }
+
     function __decorate(decorators, target, key, desc) {
         var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
         if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -40,10 +66,66 @@
         return c > 3 && r && Object.defineProperty(target, key, r), r;
     }
 
+    function __param(paramIndex, decorator) {
+        return function (target, key) { decorator(target, key, paramIndex); }
+    }
+
     function __metadata(metadataKey, metadataValue) {
         if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
     }
 
+    function __awaiter(thisArg, _arguments, P, generator) {
+        return new (P || (P = Promise))(function (resolve, reject) {
+            function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+            function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+            function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
+            step((generator = generator.apply(thisArg, _arguments || [])).next());
+        });
+    }
+
+    function __generator(thisArg, body) {
+        var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+        function verb(n) { return function (v) { return step([n, v]); }; }
+        function step(op) {
+            if (f) throw new TypeError("Generator is already executing.");
+            while (_) try {
+                if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+                if (y = 0, t) op = [op[0] & 2, t.value];
+                switch (op[0]) {
+                    case 0: case 1: t = op; break;
+                    case 4: _.label++; return { value: op[1], done: false };
+                    case 5: _.label++; y = op[1]; op = [0]; continue;
+                    case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                    default:
+                        if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                        if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                        if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                        if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                        if (t[2]) _.ops.pop();
+                        _.trys.pop(); continue;
+                }
+                op = body.call(thisArg, _);
+            } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+            if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+        }
+    }
+
+    function __exportStar(m, exports) {
+        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+    }
+
+    function __values(o) {
+        var m = typeof Symbol === "function" && o[Symbol.iterator], i = 0;
+        if (m) return m.call(o);
+        return {
+            next: function () {
+                if (o && i >= o.length) o = void 0;
+                return { value: o && o[i++], done: !o };
+            }
+        };
+    }
+
     function __read(o, n) {
         var m = typeof Symbol === "function" && o[Symbol.iterator];
         if (!m) return o;
@@ -65,6 +147,61 @@
         for (var ar = [], i = 0; i < arguments.length; i++)
             ar = ar.concat(__read(arguments[i]));
         return ar;
+    }
+
+    function __spreadArrays() {
+        for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+        for (var r = Array(s), k = 0, i = 0; i < il; i++)
+            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+                r[k] = a[j];
+        return r;
+    };
+
+    function __await(v) {
+        return this instanceof __await ? (this.v = v, this) : new __await(v);
+    }
+
+    function __asyncGenerator(thisArg, _arguments, generator) {
+        if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
+        var g = generator.apply(thisArg, _arguments || []), i, q = [];
+        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
+        function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
+        function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
+        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
+        function fulfill(value) { resume("next", value); }
+        function reject(value) { resume("throw", value); }
+        function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
+    }
+
+    function __asyncDelegator(o) {
+        var i, p;
+        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
+        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
+    }
+
+    function __asyncValues(o) {
+        if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
+        var m = o[Symbol.asyncIterator], i;
+        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
+        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
+        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
+    }
+
+    function __makeTemplateObject(cooked, raw) {
+        if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+        return cooked;
+    };
+
+    function __importStar(mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
+        result.default = mod;
+        return result;
+    }
+
+    function __importDefault(mod) {
+        return (mod && mod.__esModule) ? mod : { default: mod };
     }
 
     /**
@@ -78,6 +215,7 @@
             this.store = store;
             this.toasterService = toasterService;
             this.visibleChange = new core.EventEmitter();
+            this.modalBusy = false;
         }
         Object.defineProperty(ChangePasswordComponent.prototype, "visible", {
             get: /**
@@ -122,11 +260,18 @@
             var _this = this;
             if (this.form.invalid)
                 return;
+            this.modalBusy = true;
             this.store
                 .dispatch(new ng_core.ChangePassword({
                 currentPassword: this.form.get('password').value,
                 newPassword: this.form.get('newPassword').value,
             }))
+                .pipe(operators.finalize((/**
+             * @return {?}
+             */
+            function () {
+                _this.modalBusy = false;
+            })))
                 .subscribe({
                 next: (/**
                  * @return {?}
@@ -180,7 +325,7 @@
         ChangePasswordComponent.decorators = [
             { type: core.Component, args: [{
                         selector: 'abp-change-password',
-                        template: "<abp-modal [(visible)]=\"visible\">\n  <ng-template #abpHeader>\n    <h4>{{ 'AbpIdentity::ChangePassword' | abpLocalization }}</h4>\n  </ng-template>\n  <ng-template #abpBody>\n    <form [formGroup]=\"form\" novalidate>\n      <div class=\"form-group\">\n        <label for=\"current-password\">{{ 'AbpIdentity::DisplayName:CurrentPassword' | abpLocalization }}</label\n        ><span> * </span\n        ><input type=\"password\" id=\"current-password\" class=\"form-control\" formControlName=\"password\" autofocus />\n      </div>\n      <div class=\"form-group\">\n        <label for=\"new-password\">{{ 'AbpIdentity::DisplayName:NewPassword' | abpLocalization }}</label\n        ><span> * </span><input type=\"password\" id=\"new-password\" class=\"form-control\" formControlName=\"newPassword\" />\n      </div>\n      <div class=\"form-group\" [class.is-invalid]=\"form.errors?.passwordMismatch\">\n        <label for=\"confirm-new-password\">{{ 'AbpIdentity::DisplayName:NewPasswordConfirm' | abpLocalization }}</label\n        ><span> * </span\n        ><input type=\"password\" id=\"confirm-new-password\" class=\"form-control\" formControlName=\"repeatNewPassword\" />\n        <div *ngIf=\"form.errors?.passwordMismatch\" class=\"invalid-feedback\">\n          {{ 'AbpIdentity::Identity.PasswordConfirmationFailed' | abpLocalization }}\n        </div>\n      </div>\n    </form>\n  </ng-template>\n  <ng-template #abpFooter>\n    <button type=\"button\" class=\"btn btn-secondary\" #abpClose>\n      {{ 'AbpIdentity::Cancel' | abpLocalization }}\n    </button>\n    <abp-button\n      [requestType]=\"['POST']\"\n      requestURLContainSearchValue=\"change-password\"\n      iconClass=\"fa fa-check\"\n      (click)=\"onSubmit()\"\n      >{{ 'AbpIdentity::Save' | abpLocalization }}</abp-button\n    >\n  </ng-template>\n</abp-modal>\n"
+                        template: "<abp-modal [(visible)]=\"visible\" [busy]=\"modalBusy\">\n  <ng-template #abpHeader>\n    <h4>{{ 'AbpIdentity::ChangePassword' | abpLocalization }}</h4>\n  </ng-template>\n  <ng-template #abpBody>\n    <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n      <div class=\"form-group\">\n        <label for=\"current-password\">{{ 'AbpIdentity::DisplayName:CurrentPassword' | abpLocalization }}</label\n        ><span> * </span\n        ><input type=\"password\" id=\"current-password\" class=\"form-control\" formControlName=\"password\" autofocus />\n      </div>\n      <div class=\"form-group\">\n        <label for=\"new-password\">{{ 'AbpIdentity::DisplayName:NewPassword' | abpLocalization }}</label\n        ><span> * </span><input type=\"password\" id=\"new-password\" class=\"form-control\" formControlName=\"newPassword\" />\n      </div>\n      <div class=\"form-group\" [class.is-invalid]=\"form.errors?.passwordMismatch\">\n        <label for=\"confirm-new-password\">{{ 'AbpIdentity::DisplayName:NewPasswordConfirm' | abpLocalization }}</label\n        ><span> * </span\n        ><input type=\"password\" id=\"confirm-new-password\" class=\"form-control\" formControlName=\"repeatNewPassword\" />\n        <div *ngIf=\"form.errors?.passwordMismatch\" class=\"invalid-feedback\">\n          {{ 'AbpIdentity::Identity.PasswordConfirmationFailed' | abpLocalization }}\n        </div>\n      </div>\n    </form>\n  </ng-template>\n  <ng-template #abpFooter>\n    <button type=\"button\" class=\"btn btn-secondary\" #abpClose>\n      {{ 'AbpIdentity::Cancel' | abpLocalization }}\n    </button>\n    <abp-button iconClass=\"fa fa-check\" (click)=\"onSubmit()\">{{ 'AbpIdentity::Save' | abpLocalization }}</abp-button>\n  </ng-template>\n</abp-modal>\n"
                     }] }
         ];
         /** @nocollapse */
@@ -196,6 +341,36 @@
         };
         return ChangePasswordComponent;
     }());
+    if (false) {
+        /**
+         * @type {?}
+         * @protected
+         */
+        ChangePasswordComponent.prototype._visible;
+        /** @type {?} */
+        ChangePasswordComponent.prototype.visibleChange;
+        /** @type {?} */
+        ChangePasswordComponent.prototype.modalContent;
+        /** @type {?} */
+        ChangePasswordComponent.prototype.form;
+        /** @type {?} */
+        ChangePasswordComponent.prototype.modalBusy;
+        /**
+         * @type {?}
+         * @private
+         */
+        ChangePasswordComponent.prototype.fb;
+        /**
+         * @type {?}
+         * @private
+         */
+        ChangePasswordComponent.prototype.store;
+        /**
+         * @type {?}
+         * @private
+         */
+        ChangePasswordComponent.prototype.toasterService;
+    }
 
     /**
      * @fileoverview added by tsickle
@@ -215,6 +390,12 @@
         ];
         return AccountLayoutComponent;
     }());
+    if (false) {
+        /** @type {?} */
+        AccountLayoutComponent.type;
+        /** @type {?} */
+        AccountLayoutComponent.prototype.isCollapsed;
+    }
 
     /**
      * @fileoverview added by tsickle
@@ -227,6 +408,12 @@
         AddNavigationElement.type = '[Layout] Add Navigation Element';
         return AddNavigationElement;
     }());
+    if (false) {
+        /** @type {?} */
+        AddNavigationElement.type;
+        /** @type {?} */
+        AddNavigationElement.prototype.payload;
+    }
     var RemoveNavigationElementByName = /** @class */ (function () {
         function RemoveNavigationElementByName(name) {
             this.name = name;
@@ -234,6 +421,17 @@
         RemoveNavigationElementByName.type = '[Layout] Remove Navigation ElementByName';
         return RemoveNavigationElementByName;
     }());
+    if (false) {
+        /** @type {?} */
+        RemoveNavigationElementByName.type;
+        /** @type {?} */
+        RemoveNavigationElementByName.prototype.name;
+    }
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
 
     /**
      * @fileoverview added by tsickle
@@ -361,6 +559,11 @@
         return LayoutState;
     }());
 
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+
     /**
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -579,7 +782,7 @@
         ApplicationLayoutComponent.decorators = [
             { type: core.Component, args: [{
                         selector: 'abp-layout-application',
-                        template: "<abp-layout>\n  <ul class=\"navbar-nav mr-auto\">\n    <ng-container\n      *ngFor=\"let route of visibleRoutes$ | async; trackBy: trackByFn\"\n      [ngTemplateOutlet]=\"route?.children?.length ? dropdownLink : defaultLink\"\n      [ngTemplateOutletContext]=\"{ $implicit: route }\"\n    >\n    </ng-container>\n\n    <ng-template #defaultLink let-route>\n      <li class=\"nav-item\" [abpPermission]=\"route.requiredPolicy\">\n        <a class=\"nav-link\" [routerLink]=\"[route.url]\">{{ route.name | abpLocalization }}</a>\n      </li>\n    </ng-template>\n\n    <ng-template #dropdownLink let-route>\n      <li\n        #navbarRootDropdown\n        ngbDropdown\n        [abpPermission]=\"route.requiredPolicy\"\n        [abpVisibility]=\"routeContainer\"\n        class=\"nav-item dropdown pointer\"\n        display=\"static\"\n      >\n        <a ngbDropdownToggle class=\"nav-link dropdown-toggle pointer\" data-toggle=\"dropdown\">\n          {{ route.name | abpLocalization }}\n        </a>\n        <div #routeContainer ngbDropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n          <ng-template\n            #forTemplate\n            ngFor\n            [ngForOf]=\"route.children\"\n            [ngForTrackBy]=\"trackByFn\"\n            [ngForTemplate]=\"childWrapper\"\n          ></ng-template>\n        </div>\n      </li>\n    </ng-template>\n\n    <ng-template #childWrapper let-child>\n      <ng-template\n        [ngTemplateOutlet]=\"child?.children?.length ? dropdownChild : defaultChild\"\n        [ngTemplateOutletContext]=\"{ $implicit: child }\"\n      ></ng-template>\n    </ng-template>\n\n    <ng-template #defaultChild let-child>\n      <div class=\"dropdown-submenu\" [abpPermission]=\"child.requiredPolicy\">\n        <a class=\"dropdown-item py-2 px-2\" [routerLink]=\"[child.url]\">\n          <i *ngIf=\"child.iconClass\" [ngClass]=\"child.iconClass\"></i>\n          {{ child.name | abpLocalization }}</a\n        >\n      </div>\n    </ng-template>\n\n    <ng-template #dropdownChild let-child>\n      <div\n        [abpVisibility]=\"childrenContainer\"\n        class=\"dropdown-submenu pointer\"\n        ngbDropdown\n        [display]=\"isDropdownChildDynamic ? 'dynamic' : 'static'\"\n        placement=\"right-top\"\n        [abpPermission]=\"child.requiredPolicy\"\n      >\n        <div ngbDropdownToggle [class.dropdown-toggle]=\"false\" class=\"pointer\">\n          <a\n            abpEllipsis=\"200px\"\n            [abpEllipsisEnabled]=\"isDropdownChildDynamic\"\n            role=\"button\"\n            class=\"btn d-block text-left py-2 px-2 dropdown-toggle\"\n          >\n            <i *ngIf=\"child.iconClass\" [ngClass]=\"child.iconClass\"></i>\n            {{ child.name | abpLocalization }}\n          </a>\n        </div>\n        <div #childrenContainer ngbDropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n          <ng-template\n            ngFor\n            [ngForOf]=\"child.children\"\n            [ngForTrackBy]=\"trackByFn\"\n            [ngForTemplate]=\"childWrapper\"\n          ></ng-template>\n        </div>\n      </div>\n    </ng-template>\n  </ul>\n\n  <ul class=\"navbar-nav ml-auto\">\n    <ng-container\n      *ngFor=\"let element of rightPartElements; trackBy: trackElementByFn\"\n      [ngTemplateOutlet]=\"element\"\n    ></ng-container>\n  </ul>\n</abp-layout>\n\n<ng-template #language>\n  <li class=\"nav-item dropdown pointer\" ngbDropdown>\n    <a ngbDropdownToggle class=\"nav-link dropdown-toggle text-white pointer\" data-toggle=\"dropdown\">\n      {{ defaultLanguage$ | async }}\n    </a>\n    <div ngbDropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n      <a\n        *ngFor=\"let lang of dropdownLanguages$ | async\"\n        class=\"dropdown-item\"\n        (click)=\"onChangeLang(lang.cultureName)\"\n        >{{ lang?.displayName }}</a\n      >\n    </div>\n  </li>\n</ng-template>\n\n<ng-template #currentUser>\n  <li *ngIf=\"(currentUser$ | async)?.isAuthenticated\" class=\"nav-item dropdown pointer\" ngbDropdown>\n    <a ngbDropdownToggle class=\"nav-link dropdown-toggle text-white pointer\" data-toggle=\"dropdown\">\n      {{ (currentUser$ | async)?.userName }}\n    </a>\n    <div ngbDropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n      <a class=\"dropdown-item pointer\" (click)=\"isOpenChangePassword = true\">{{\n        'AbpUi::ChangePassword' | abpLocalization\n      }}</a>\n      <a class=\"dropdown-item pointer\" (click)=\"isOpenProfile = true\">{{ 'AbpUi::PersonalInfo' | abpLocalization }}</a>\n      <a class=\"dropdown-item pointer\" (click)=\"logout()\">{{ 'AbpUi::Logout' | abpLocalization }}</a>\n    </div>\n  </li>\n\n  <abp-change-password [(visible)]=\"isOpenChangePassword\"></abp-change-password>\n\n  <abp-profile [(visible)]=\"isOpenProfile\"></abp-profile>\n</ng-template>\n"
+                        template: "<abp-layout>\n  <ul class=\"navbar-nav mr-auto\">\n    <ng-container\n      *ngFor=\"let route of visibleRoutes$ | async; trackBy: trackByFn\"\n      [ngTemplateOutlet]=\"route?.children?.length ? dropdownLink : defaultLink\"\n      [ngTemplateOutletContext]=\"{ $implicit: route }\"\n    >\n    </ng-container>\n\n    <ng-template #defaultLink let-route>\n      <li class=\"nav-item\" [abpPermission]=\"route.requiredPolicy\">\n        <a class=\"nav-link\" [routerLink]=\"[route.url]\">{{ route.name | abpLocalization }}</a>\n      </li>\n    </ng-template>\n\n    <ng-template #dropdownLink let-route>\n      <li\n        #navbarRootDropdown\n        ngbDropdown\n        [abpPermission]=\"route.requiredPolicy\"\n        [abpVisibility]=\"routeContainer\"\n        class=\"nav-item dropdown pointer\"\n        display=\"static\"\n      >\n        <a ngbDropdownToggle class=\"nav-link dropdown-toggle pointer\" data-toggle=\"dropdown\">\n          {{ route.name | abpLocalization }}\n        </a>\n        <div #routeContainer ngbDropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n          <ng-template\n            #forTemplate\n            ngFor\n            [ngForOf]=\"route.children\"\n            [ngForTrackBy]=\"trackByFn\"\n            [ngForTemplate]=\"childWrapper\"\n          ></ng-template>\n        </div>\n      </li>\n    </ng-template>\n\n    <ng-template #childWrapper let-child>\n      <ng-template\n        [ngTemplateOutlet]=\"child?.children?.length ? dropdownChild : defaultChild\"\n        [ngTemplateOutletContext]=\"{ $implicit: child }\"\n      ></ng-template>\n    </ng-template>\n\n    <ng-template #defaultChild let-child>\n      <div class=\"dropdown-submenu\" [abpPermission]=\"child.requiredPolicy\">\n        <a class=\"dropdown-item py-2 px-2\" [routerLink]=\"[child.url]\">\n          <i *ngIf=\"child.iconClass\" [ngClass]=\"child.iconClass\"></i>\n          {{ child.name | abpLocalization }}</a\n        >\n      </div>\n    </ng-template>\n\n    <ng-template #dropdownChild let-child>\n      <div\n        [abpVisibility]=\"childrenContainer\"\n        class=\"dropdown-submenu pointer\"\n        ngbDropdown\n        [display]=\"isDropdownChildDynamic ? 'dynamic' : 'static'\"\n        placement=\"right-top\"\n        [abpPermission]=\"child.requiredPolicy\"\n      >\n        <div ngbDropdownToggle [class.dropdown-toggle]=\"false\" class=\"pointer\">\n          <a\n            abpEllipsis=\"210px\"\n            [abpEllipsisEnabled]=\"isDropdownChildDynamic\"\n            role=\"button\"\n            class=\"btn d-block text-left py-2 px-2 dropdown-toggle\"\n          >\n            <i *ngIf=\"child.iconClass\" [ngClass]=\"child.iconClass\"></i>\n            {{ child.name | abpLocalization }}\n          </a>\n        </div>\n        <div #childrenContainer ngbDropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n          <ng-template\n            ngFor\n            [ngForOf]=\"child.children\"\n            [ngForTrackBy]=\"trackByFn\"\n            [ngForTemplate]=\"childWrapper\"\n          ></ng-template>\n        </div>\n      </div>\n    </ng-template>\n  </ul>\n\n  <ul class=\"navbar-nav ml-auto\">\n    <ng-container\n      *ngFor=\"let element of rightPartElements; trackBy: trackElementByFn\"\n      [ngTemplateOutlet]=\"element\"\n    ></ng-container>\n  </ul>\n</abp-layout>\n\n<ng-template #language>\n  <li class=\"nav-item dropdown pointer\" ngbDropdown>\n    <a ngbDropdownToggle class=\"nav-link dropdown-toggle text-white pointer\" data-toggle=\"dropdown\">\n      {{ defaultLanguage$ | async }}\n    </a>\n    <div ngbDropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n      <a\n        *ngFor=\"let lang of dropdownLanguages$ | async\"\n        class=\"dropdown-item\"\n        (click)=\"onChangeLang(lang.cultureName)\"\n        >{{ lang?.displayName }}</a\n      >\n    </div>\n  </li>\n</ng-template>\n\n<ng-template #currentUser>\n  <li *ngIf=\"(currentUser$ | async)?.isAuthenticated\" class=\"nav-item dropdown pointer\" ngbDropdown>\n    <a ngbDropdownToggle class=\"nav-link dropdown-toggle text-white pointer\" data-toggle=\"dropdown\">\n      {{ (currentUser$ | async)?.userName }}\n    </a>\n    <div ngbDropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n      <a class=\"dropdown-item pointer\" (click)=\"isOpenChangePassword = true\">{{\n        'AbpUi::ChangePassword' | abpLocalization\n      }}</a>\n      <a class=\"dropdown-item pointer\" (click)=\"isOpenProfile = true\">{{ 'AbpUi::PersonalInfo' | abpLocalization }}</a>\n      <a class=\"dropdown-item pointer\" (click)=\"logout()\">{{ 'AbpUi::Logout' | abpLocalization }}</a>\n    </div>\n  </li>\n\n  <abp-change-password [(visible)]=\"isOpenChangePassword\"></abp-change-password>\n\n  <abp-profile [(visible)]=\"isOpenProfile\"></abp-profile>\n</ng-template>\n"
                     }] }
         ];
         /** @nocollapse */
@@ -610,6 +813,46 @@
         ], ApplicationLayoutComponent.prototype, "navElements$", void 0);
         return ApplicationLayoutComponent;
     }());
+    if (false) {
+        /** @type {?} */
+        ApplicationLayoutComponent.type;
+        /** @type {?} */
+        ApplicationLayoutComponent.prototype.routes$;
+        /** @type {?} */
+        ApplicationLayoutComponent.prototype.currentUser$;
+        /** @type {?} */
+        ApplicationLayoutComponent.prototype.languages$;
+        /** @type {?} */
+        ApplicationLayoutComponent.prototype.navElements$;
+        /** @type {?} */
+        ApplicationLayoutComponent.prototype.currentUserRef;
+        /** @type {?} */
+        ApplicationLayoutComponent.prototype.languageRef;
+        /** @type {?} */
+        ApplicationLayoutComponent.prototype.navbarRootDropdowns;
+        /** @type {?} */
+        ApplicationLayoutComponent.prototype.isOpenChangePassword;
+        /** @type {?} */
+        ApplicationLayoutComponent.prototype.isOpenProfile;
+        /** @type {?} */
+        ApplicationLayoutComponent.prototype.isDropdownChildDynamic;
+        /** @type {?} */
+        ApplicationLayoutComponent.prototype.rightPartElements;
+        /** @type {?} */
+        ApplicationLayoutComponent.prototype.trackByFn;
+        /** @type {?} */
+        ApplicationLayoutComponent.prototype.trackElementByFn;
+        /**
+         * @type {?}
+         * @private
+         */
+        ApplicationLayoutComponent.prototype.store;
+        /**
+         * @type {?}
+         * @private
+         */
+        ApplicationLayoutComponent.prototype.oauthService;
+    }
     /**
      * @param {?} routes
      * @return {?}
@@ -647,6 +890,10 @@
         ];
         return EmptyLayoutComponent;
     }());
+    if (false) {
+        /** @type {?} */
+        EmptyLayoutComponent.type;
+    }
 
     /**
      * @fileoverview added by tsickle
@@ -655,7 +902,7 @@
     var LayoutComponent = /** @class */ (function () {
         function LayoutComponent(store) {
             this.store = store;
-            this.isCollapsed = false;
+            this.isCollapsed = true;
         }
         Object.defineProperty(LayoutComponent.prototype, "appInfo", {
             get: /**
@@ -680,6 +927,15 @@
         ]; };
         return LayoutComponent;
     }());
+    if (false) {
+        /** @type {?} */
+        LayoutComponent.prototype.isCollapsed;
+        /**
+         * @type {?}
+         * @private
+         */
+        LayoutComponent.prototype.store;
+    }
 
     /**
      * @fileoverview added by tsickle
@@ -691,6 +947,7 @@
             this.fb = fb;
             this.store = store;
             this.visibleChange = new core.EventEmitter();
+            this.modalBusy = false;
         }
         Object.defineProperty(ProfileComponent.prototype, "visible", {
             get: /**
@@ -746,10 +1003,12 @@
             var _this = this;
             if (this.form.invalid)
                 return;
+            this.modalBusy = true;
             this.store.dispatch(new ng_core.UpdateProfile(this.form.value)).subscribe((/**
              * @return {?}
              */
             function () {
+                _this.modalBusy = false;
                 _this.visible = false;
                 _this.form.reset();
             }));
@@ -786,7 +1045,7 @@
         ProfileComponent.decorators = [
             { type: core.Component, args: [{
                         selector: 'abp-profile',
-                        template: "<abp-modal [(visible)]=\"visible\">\n  <ng-template #abpHeader>\n    <h4>{{ 'AbpIdentity::PersonalInfo' | abpLocalization }}</h4>\n  </ng-template>\n  <ng-template #abpBody>\n    <form *ngIf=\"form\" [formGroup]=\"form\" novalidate>\n      <div class=\"form-group\">\n        <label for=\"username\">{{ 'AbpIdentity::DisplayName:UserName' | abpLocalization }}</label\n        ><span> * </span><input type=\"text\" id=\"username\" class=\"form-control\" formControlName=\"userName\" autofocus />\n      </div>\n      <div class=\"row\">\n        <div class=\"col col-md-6\">\n          <div class=\"form-group\">\n            <label for=\"name\">{{ 'AbpIdentity::DisplayName:Name' | abpLocalization }}</label\n            ><input type=\"text\" id=\"name\" class=\"form-control\" formControlName=\"name\" />\n          </div>\n        </div>\n        <div class=\"col col-md-6\">\n          <div class=\"form-group\">\n            <label for=\"surname\">{{ 'AbpIdentity::DisplayName:Surname' | abpLocalization }}</label\n            ><input type=\"text\" id=\"surname\" class=\"form-control\" formControlName=\"surname\" />\n          </div>\n        </div>\n      </div>\n      <div class=\"form-group\">\n        <label for=\"email-address\">{{ 'AbpIdentity::DisplayName:Email' | abpLocalization }}</label\n        ><span> * </span><input type=\"text\" id=\"email-address\" class=\"form-control\" formControlName=\"email\" />\n      </div>\n      <div class=\"form-group\">\n        <label for=\"phone-number\">{{ 'AbpIdentity::DisplayName:PhoneNumber' | abpLocalization }}</label\n        ><input type=\"text\" id=\"phone-number\" class=\"form-control\" formControlName=\"phoneNumber\" />\n      </div>\n    </form>\n  </ng-template>\n  <ng-template #abpFooter>\n    <button #abpClose type=\"button\" class=\"btn btn-secondary\">\n      {{ 'AbpIdentity::Cancel' | abpLocalization }}\n    </button>\n    <abp-button\n      [requestType]=\"['PUT']\"\n      requestURLContainSearchValue=\"my-profile\"\n      iconClass=\"fa fa-check\"\n      (click)=\"onSubmit()\"\n      >{{ 'AbpIdentity::Save' | abpLocalization }}</abp-button\n    >\n  </ng-template>\n</abp-modal>\n"
+                        template: "<abp-modal [(visible)]=\"visible\" [busy]=\"modalBusy\">\n  <ng-template #abpHeader>\n    <h4>{{ 'AbpIdentity::PersonalInfo' | abpLocalization }}</h4>\n  </ng-template>\n  <ng-template #abpBody>\n    <form novalidate *ngIf=\"form\" [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n      <div class=\"form-group\">\n        <label for=\"username\">{{ 'AbpIdentity::DisplayName:UserName' | abpLocalization }}</label\n        ><span> * </span><input type=\"text\" id=\"username\" class=\"form-control\" formControlName=\"userName\" autofocus />\n      </div>\n      <div class=\"row\">\n        <div class=\"col col-md-6\">\n          <div class=\"form-group\">\n            <label for=\"name\">{{ 'AbpIdentity::DisplayName:Name' | abpLocalization }}</label\n            ><input type=\"text\" id=\"name\" class=\"form-control\" formControlName=\"name\" />\n          </div>\n        </div>\n        <div class=\"col col-md-6\">\n          <div class=\"form-group\">\n            <label for=\"surname\">{{ 'AbpIdentity::DisplayName:Surname' | abpLocalization }}</label\n            ><input type=\"text\" id=\"surname\" class=\"form-control\" formControlName=\"surname\" />\n          </div>\n        </div>\n      </div>\n      <div class=\"form-group\">\n        <label for=\"email-address\">{{ 'AbpIdentity::DisplayName:Email' | abpLocalization }}</label\n        ><span> * </span><input type=\"text\" id=\"email-address\" class=\"form-control\" formControlName=\"email\" />\n      </div>\n      <div class=\"form-group\">\n        <label for=\"phone-number\">{{ 'AbpIdentity::DisplayName:PhoneNumber' | abpLocalization }}</label\n        ><input type=\"text\" id=\"phone-number\" class=\"form-control\" formControlName=\"phoneNumber\" />\n      </div>\n    </form>\n  </ng-template>\n  <ng-template #abpFooter>\n    <button #abpClose type=\"button\" class=\"btn btn-secondary\">\n      {{ 'AbpIdentity::Cancel' | abpLocalization }}\n    </button>\n    <abp-button iconClass=\"fa fa-check\" (click)=\"onSubmit()\">{{ 'AbpIdentity::Save' | abpLocalization }}</abp-button>\n  </ng-template>\n</abp-modal>\n"
                     }] }
         ];
         /** @nocollapse */
@@ -804,6 +1063,31 @@
         ], ProfileComponent.prototype, "profile$", void 0);
         return ProfileComponent;
     }());
+    if (false) {
+        /**
+         * @type {?}
+         * @protected
+         */
+        ProfileComponent.prototype._visible;
+        /** @type {?} */
+        ProfileComponent.prototype.visibleChange;
+        /** @type {?} */
+        ProfileComponent.prototype.profile$;
+        /** @type {?} */
+        ProfileComponent.prototype.form;
+        /** @type {?} */
+        ProfileComponent.prototype.modalBusy;
+        /**
+         * @type {?}
+         * @private
+         */
+        ProfileComponent.prototype.fb;
+        /**
+         * @type {?}
+         * @private
+         */
+        ProfileComponent.prototype.store;
+    }
 
     /**
      * @fileoverview added by tsickle
@@ -833,6 +1117,11 @@
         return ThemeBasicModule;
     }());
 
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+
     /**
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -844,11 +1133,23 @@
          */
         function State() { }
         Layout.State = State;
+        if (false) {
+            /** @type {?} */
+            State.prototype.navigationElements;
+        }
         /**
          * @record
          */
         function NavigationElement() { }
         Layout.NavigationElement = NavigationElement;
+        if (false) {
+            /** @type {?} */
+            NavigationElement.prototype.name;
+            /** @type {?} */
+            NavigationElement.prototype.element;
+            /** @type {?|undefined} */
+            NavigationElement.prototype.order;
+        }
     })(Layout || (Layout = {}));
 
     exports.AccountLayoutComponent = AccountLayoutComponent;

npm/ng-packs/dist/theme-basic/esm2015/lib/components/application-layout/application-layout.component.js

@@ -191,7 +191,7 @@ ApplicationLayoutComponent.type = "application" /* application */;
 ApplicationLayoutComponent.decorators = [
     { type: Component, args: [{
                 selector: 'abp-layout-application',
-                template: "<abp-layout>\n  <ul class=\"navbar-nav mr-auto\">\n    <ng-container\n      *ngFor=\"let route of visibleRoutes$ | async; trackBy: trackByFn\"\n      [ngTemplateOutlet]=\"route?.children?.length ? dropdownLink : defaultLink\"\n      [ngTemplateOutletContext]=\"{ $implicit: route }\"\n    >\n    </ng-container>\n\n    <ng-template #defaultLink let-route>\n      <li class=\"nav-item\" [abpPermission]=\"route.requiredPolicy\">\n        <a class=\"nav-link\" [routerLink]=\"[route.url]\">{{ route.name | abpLocalization }}</a>\n      </li>\n    </ng-template>\n\n    <ng-template #dropdownLink let-route>\n      <li\n        #navbarRootDropdown\n        ngbDropdown\n        [abpPermission]=\"route.requiredPolicy\"\n        [abpVisibility]=\"routeContainer\"\n        class=\"nav-item dropdown pointer\"\n        display=\"static\"\n      >\n        <a ngbDropdownToggle class=\"nav-link dropdown-toggle pointer\" data-toggle=\"dropdown\">\n          {{ route.name | abpLocalization }}\n        </a>\n        <div #routeContainer ngbDropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n          <ng-template\n            #forTemplate\n            ngFor\n            [ngForOf]=\"route.children\"\n            [ngForTrackBy]=\"trackByFn\"\n            [ngForTemplate]=\"childWrapper\"\n          ></ng-template>\n        </div>\n      </li>\n    </ng-template>\n\n    <ng-template #childWrapper let-child>\n      <ng-template\n        [ngTemplateOutlet]=\"child?.children?.length ? dropdownChild : defaultChild\"\n        [ngTemplateOutletContext]=\"{ $implicit: child }\"\n      ></ng-template>\n    </ng-template>\n\n    <ng-template #defaultChild let-child>\n      <div class=\"dropdown-submenu\" [abpPermission]=\"child.requiredPolicy\">\n        <a class=\"dropdown-item py-2 px-2\" [routerLink]=\"[child.url]\">\n          <i *ngIf=\"child.iconClass\" [ngClass]=\"child.iconClass\"></i>\n          {{ child.name | abpLocalization }}</a\n        >\n      </div>\n    </ng-template>\n\n    <ng-template #dropdownChild let-child>\n      <div\n        [abpVisibility]=\"childrenContainer\"\n        class=\"dropdown-submenu pointer\"\n        ngbDropdown\n        [display]=\"isDropdownChildDynamic ? 'dynamic' : 'static'\"\n        placement=\"right-top\"\n        [abpPermission]=\"child.requiredPolicy\"\n      >\n        <div ngbDropdownToggle [class.dropdown-toggle]=\"false\" class=\"pointer\">\n          <a\n            abpEllipsis=\"200px\"\n            [abpEllipsisEnabled]=\"isDropdownChildDynamic\"\n            role=\"button\"\n            class=\"btn d-block text-left py-2 px-2 dropdown-toggle\"\n          >\n            <i *ngIf=\"child.iconClass\" [ngClass]=\"child.iconClass\"></i>\n            {{ child.name | abpLocalization }}\n          </a>\n        </div>\n        <div #childrenContainer ngbDropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n          <ng-template\n            ngFor\n            [ngForOf]=\"child.children\"\n            [ngForTrackBy]=\"trackByFn\"\n            [ngForTemplate]=\"childWrapper\"\n          ></ng-template>\n        </div>\n      </div>\n    </ng-template>\n  </ul>\n\n  <ul class=\"navbar-nav ml-auto\">\n    <ng-container\n      *ngFor=\"let element of rightPartElements; trackBy: trackElementByFn\"\n      [ngTemplateOutlet]=\"element\"\n    ></ng-container>\n  </ul>\n</abp-layout>\n\n<ng-template #language>\n  <li class=\"nav-item dropdown pointer\" ngbDropdown>\n    <a ngbDropdownToggle class=\"nav-link dropdown-toggle text-white pointer\" data-toggle=\"dropdown\">\n      {{ defaultLanguage$ | async }}\n    </a>\n    <div ngbDropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n      <a\n        *ngFor=\"let lang of dropdownLanguages$ | async\"\n        class=\"dropdown-item\"\n        (click)=\"onChangeLang(lang.cultureName)\"\n        >{{ lang?.displayName }}</a\n      >\n    </div>\n  </li>\n</ng-template>\n\n<ng-template #currentUser>\n  <li *ngIf=\"(currentUser$ | async)?.isAuthenticated\" class=\"nav-item dropdown pointer\" ngbDropdown>\n    <a ngbDropdownToggle class=\"nav-link dropdown-toggle text-white pointer\" data-toggle=\"dropdown\">\n      {{ (currentUser$ | async)?.userName }}\n    </a>\n    <div ngbDropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n      <a class=\"dropdown-item pointer\" (click)=\"isOpenChangePassword = true\">{{\n        'AbpUi::ChangePassword' | abpLocalization\n      }}</a>\n      <a class=\"dropdown-item pointer\" (click)=\"isOpenProfile = true\">{{ 'AbpUi::PersonalInfo' | abpLocalization }}</a>\n      <a class=\"dropdown-item pointer\" (click)=\"logout()\">{{ 'AbpUi::Logout' | abpLocalization }}</a>\n    </div>\n  </li>\n\n  <abp-change-password [(visible)]=\"isOpenChangePassword\"></abp-change-password>\n\n  <abp-profile [(visible)]=\"isOpenProfile\"></abp-profile>\n</ng-template>\n"
+                template: "<abp-layout>\n  <ul class=\"navbar-nav mr-auto\">\n    <ng-container\n      *ngFor=\"let route of visibleRoutes$ | async; trackBy: trackByFn\"\n      [ngTemplateOutlet]=\"route?.children?.length ? dropdownLink : defaultLink\"\n      [ngTemplateOutletContext]=\"{ $implicit: route }\"\n    >\n    </ng-container>\n\n    <ng-template #defaultLink let-route>\n      <li class=\"nav-item\" [abpPermission]=\"route.requiredPolicy\">\n        <a class=\"nav-link\" [routerLink]=\"[route.url]\">{{ route.name | abpLocalization }}</a>\n      </li>\n    </ng-template>\n\n    <ng-template #dropdownLink let-route>\n      <li\n        #navbarRootDropdown\n        ngbDropdown\n        [abpPermission]=\"route.requiredPolicy\"\n        [abpVisibility]=\"routeContainer\"\n        class=\"nav-item dropdown pointer\"\n        display=\"static\"\n      >\n        <a ngbDropdownToggle class=\"nav-link dropdown-toggle pointer\" data-toggle=\"dropdown\">\n          {{ route.name | abpLocalization }}\n        </a>\n        <div #routeContainer ngbDropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n          <ng-template\n            #forTemplate\n            ngFor\n            [ngForOf]=\"route.children\"\n            [ngForTrackBy]=\"trackByFn\"\n            [ngForTemplate]=\"childWrapper\"\n          ></ng-template>\n        </div>\n      </li>\n    </ng-template>\n\n    <ng-template #childWrapper let-child>\n      <ng-template\n        [ngTemplateOutlet]=\"child?.children?.length ? dropdownChild : defaultChild\"\n        [ngTemplateOutletContext]=\"{ $implicit: child }\"\n      ></ng-template>\n    </ng-template>\n\n    <ng-template #defaultChild let-child>\n      <div class=\"dropdown-submenu\" [abpPermission]=\"child.requiredPolicy\">\n        <a class=\"dropdown-item py-2 px-2\" [routerLink]=\"[child.url]\">\n          <i *ngIf=\"child.iconClass\" [ngClass]=\"child.iconClass\"></i>\n          {{ child.name | abpLocalization }}</a\n        >\n      </div>\n    </ng-template>\n\n    <ng-template #dropdownChild let-child>\n      <div\n        [abpVisibility]=\"childrenContainer\"\n        class=\"dropdown-submenu pointer\"\n        ngbDropdown\n        [display]=\"isDropdownChildDynamic ? 'dynamic' : 'static'\"\n        placement=\"right-top\"\n        [abpPermission]=\"child.requiredPolicy\"\n      >\n        <div ngbDropdownToggle [class.dropdown-toggle]=\"false\" class=\"pointer\">\n          <a\n            abpEllipsis=\"210px\"\n            [abpEllipsisEnabled]=\"isDropdownChildDynamic\"\n            role=\"button\"\n            class=\"btn d-block text-left py-2 px-2 dropdown-toggle\"\n          >\n            <i *ngIf=\"child.iconClass\" [ngClass]=\"child.iconClass\"></i>\n            {{ child.name | abpLocalization }}\n          </a>\n        </div>\n        <div #childrenContainer ngbDropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n          <ng-template\n            ngFor\n            [ngForOf]=\"child.children\"\n            [ngForTrackBy]=\"trackByFn\"\n            [ngForTemplate]=\"childWrapper\"\n          ></ng-template>\n        </div>\n      </div>\n    </ng-template>\n  </ul>\n\n  <ul class=\"navbar-nav ml-auto\">\n    <ng-container\n      *ngFor=\"let element of rightPartElements; trackBy: trackElementByFn\"\n      [ngTemplateOutlet]=\"element\"\n    ></ng-container>\n  </ul>\n</abp-layout>\n\n<ng-template #language>\n  <li class=\"nav-item dropdown pointer\" ngbDropdown>\n    <a ngbDropdownToggle class=\"nav-link dropdown-toggle text-white pointer\" data-toggle=\"dropdown\">\n      {{ defaultLanguage$ | async }}\n    </a>\n    <div ngbDropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n      <a\n        *ngFor=\"let lang of dropdownLanguages$ | async\"\n        class=\"dropdown-item\"\n        (click)=\"onChangeLang(lang.cultureName)\"\n        >{{ lang?.displayName }}</a\n      >\n    </div>\n  </li>\n</ng-template>\n\n<ng-template #currentUser>\n  <li *ngIf=\"(currentUser$ | async)?.isAuthenticated\" class=\"nav-item dropdown pointer\" ngbDropdown>\n    <a ngbDropdownToggle class=\"nav-link dropdown-toggle text-white pointer\" data-toggle=\"dropdown\">\n      {{ (currentUser$ | async)?.userName }}\n    </a>\n    <div ngbDropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n      <a class=\"dropdown-item pointer\" (click)=\"isOpenChangePassword = true\">{{\n        'AbpUi::ChangePassword' | abpLocalization\n      }}</a>\n      <a class=\"dropdown-item pointer\" (click)=\"isOpenProfile = true\">{{ 'AbpUi::PersonalInfo' | abpLocalization }}</a>\n      <a class=\"dropdown-item pointer\" (click)=\"logout()\">{{ 'AbpUi::Logout' | abpLocalization }}</a>\n    </div>\n  </li>\n\n  <abp-change-password [(visible)]=\"isOpenChangePassword\"></abp-change-password>\n\n  <abp-profile [(visible)]=\"isOpenProfile\"></abp-profile>\n</ng-template>\n"
             }] }
 ];
 /** @nocollapse */

npm/ng-packs/dist/theme-basic/esm2015/lib/components/layout/layout.component.js

@@ -12,7 +12,7 @@ export class LayoutComponent {
      */
     constructor(store) {
         this.store = store;
-        this.isCollapsed = false;
+        this.isCollapsed = true;
     }
     /**
      * @return {?}
@@ -41,4 +41,4 @@ if (false) {
      */
     LayoutComponent.prototype.store;
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BhYnAvbmcudGhlbWUuYmFzaWMvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9sYXlvdXQvbGF5b3V0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFVLFdBQVcsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUNuRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDdkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBT3BDLE1BQU0sT0FBTyxlQUFlOzs7O0lBTzFCLFlBQW9CLEtBQVk7UUFBWixVQUFLLEdBQUwsS0FBSyxDQUFPO1FBTmhDLGdCQUFXLEdBQVksS0FBSyxDQUFDO0lBTU0sQ0FBQzs7OztJQUpwQyxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsY0FBYyxDQUFDLFdBQVcsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO0lBQ25FLENBQUM7OztZQVZGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsYUFBYTtnQkFDdkIsZzhCQUFzQztnQkFDdEMsVUFBVSxFQUFFLENBQUMsZUFBZSxDQUFDO2FBQzlCOzs7O1lBTlEsS0FBSzs7OztJQVFaLHNDQUE2Qjs7Ozs7SUFNakIsZ0NBQW9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29uZmlnLCBDb25maWdTdGF0ZSB9IGZyb20gJ0BhYnAvbmcuY29yZSc7XG5pbXBvcnQgeyBzbGlkZUZyb21Cb3R0b20gfSBmcm9tICdAYWJwL25nLnRoZW1lLnNoYXJlZCc7XG5pbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN0b3JlIH0gZnJvbSAnQG5neHMvc3RvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICcgYWJwLWxheW91dCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9sYXlvdXQuY29tcG9uZW50Lmh0bWwnLFxuICBhbmltYXRpb25zOiBbc2xpZGVGcm9tQm90dG9tXSxcbn0pXG5leHBvcnQgY2xhc3MgTGF5b3V0Q29tcG9uZW50IHtcbiAgaXNDb2xsYXBzZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBnZXQgYXBwSW5mbygpOiBDb25maWcuQXBwbGljYXRpb24ge1xuICAgIHJldHVybiB0aGlzLnN0b3JlLnNlbGVjdFNuYXBzaG90KENvbmZpZ1N0YXRlLmdldEFwcGxpY2F0aW9uSW5mbyk7XG4gIH1cblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHN0b3JlOiBTdG9yZSkge31cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BhYnAvbmcudGhlbWUuYmFzaWMvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9sYXlvdXQvbGF5b3V0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFVLFdBQVcsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUNuRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDdkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBT3BDLE1BQU0sT0FBTyxlQUFlOzs7O0lBTzFCLFlBQW9CLEtBQVk7UUFBWixVQUFLLEdBQUwsS0FBSyxDQUFPO1FBTmhDLGdCQUFXLEdBQVksSUFBSSxDQUFDO0lBTU8sQ0FBQzs7OztJQUpwQyxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsY0FBYyxDQUFDLFdBQVcsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO0lBQ25FLENBQUM7OztZQVZGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsYUFBYTtnQkFDdkIsZzhCQUFzQztnQkFDdEMsVUFBVSxFQUFFLENBQUMsZUFBZSxDQUFDO2FBQzlCOzs7O1lBTlEsS0FBSzs7OztJQVFaLHNDQUE0Qjs7Ozs7SUFNaEIsZ0NBQW9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29uZmlnLCBDb25maWdTdGF0ZSB9IGZyb20gJ0BhYnAvbmcuY29yZSc7XG5pbXBvcnQgeyBzbGlkZUZyb21Cb3R0b20gfSBmcm9tICdAYWJwL25nLnRoZW1lLnNoYXJlZCc7XG5pbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN0b3JlIH0gZnJvbSAnQG5neHMvc3RvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICcgYWJwLWxheW91dCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9sYXlvdXQuY29tcG9uZW50Lmh0bWwnLFxuICBhbmltYXRpb25zOiBbc2xpZGVGcm9tQm90dG9tXSxcbn0pXG5leHBvcnQgY2xhc3MgTGF5b3V0Q29tcG9uZW50IHtcbiAgaXNDb2xsYXBzZWQ6IGJvb2xlYW4gPSB0cnVlO1xuXG4gIGdldCBhcHBJbmZvKCk6IENvbmZpZy5BcHBsaWNhdGlvbiB7XG4gICAgcmV0dXJuIHRoaXMuc3RvcmUuc2VsZWN0U25hcHNob3QoQ29uZmlnU3RhdGUuZ2V0QXBwbGljYXRpb25JbmZvKTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgc3RvcmU6IFN0b3JlKSB7fVxufVxuIl19

npm/ng-packs/dist/theme-basic/esm5/lib/components/application-layout/application-layout.component.js

@@ -229,7 +229,7 @@ var ApplicationLayoutComponent = /** @class */ (function () {
     ApplicationLayoutComponent.decorators = [
         { type: Component, args: [{
                     selector: 'abp-layout-application',
-                    template: "<abp-layout>\n  <ul class=\"navbar-nav mr-auto\">\n    <ng-container\n      *ngFor=\"let route of visibleRoutes$ | async; trackBy: trackByFn\"\n      [ngTemplateOutlet]=\"route?.children?.length ? dropdownLink : defaultLink\"\n      [ngTemplateOutletContext]=\"{ $implicit: route }\"\n    >\n    </ng-container>\n\n    <ng-template #defaultLink let-route>\n      <li class=\"nav-item\" [abpPermission]=\"route.requiredPolicy\">\n        <a class=\"nav-link\" [routerLink]=\"[route.url]\">{{ route.name | abpLocalization }}</a>\n      </li>\n    </ng-template>\n\n    <ng-template #dropdownLink let-route>\n      <li\n        #navbarRootDropdown\n        ngbDropdown\n        [abpPermission]=\"route.requiredPolicy\"\n        [abpVisibility]=\"routeContainer\"\n        class=\"nav-item dropdown pointer\"\n        display=\"static\"\n      >\n        <a ngbDropdownToggle class=\"nav-link dropdown-toggle pointer\" data-toggle=\"dropdown\">\n          {{ route.name | abpLocalization }}\n        </a>\n        <div #routeContainer ngbDropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n          <ng-template\n            #forTemplate\n            ngFor\n            [ngForOf]=\"route.children\"\n            [ngForTrackBy]=\"trackByFn\"\n            [ngForTemplate]=\"childWrapper\"\n          ></ng-template>\n        </div>\n      </li>\n    </ng-template>\n\n    <ng-template #childWrapper let-child>\n      <ng-template\n        [ngTemplateOutlet]=\"child?.children?.length ? dropdownChild : defaultChild\"\n        [ngTemplateOutletContext]=\"{ $implicit: child }\"\n      ></ng-template>\n    </ng-template>\n\n    <ng-template #defaultChild let-child>\n      <div class=\"dropdown-submenu\" [abpPermission]=\"child.requiredPolicy\">\n        <a class=\"dropdown-item py-2 px-2\" [routerLink]=\"[child.url]\">\n          <i *ngIf=\"child.iconClass\" [ngClass]=\"child.iconClass\"></i>\n          {{ child.name | abpLocalization }}</a\n        >\n      </div>\n    </ng-template>\n\n    <ng-template #dropdownChild let-child>\n      <div\n        [abpVisibility]=\"childrenContainer\"\n        class=\"dropdown-submenu pointer\"\n        ngbDropdown\n        [display]=\"isDropdownChildDynamic ? 'dynamic' : 'static'\"\n        placement=\"right-top\"\n        [abpPermission]=\"child.requiredPolicy\"\n      >\n        <div ngbDropdownToggle [class.dropdown-toggle]=\"false\" class=\"pointer\">\n          <a\n            abpEllipsis=\"200px\"\n            [abpEllipsisEnabled]=\"isDropdownChildDynamic\"\n            role=\"button\"\n            class=\"btn d-block text-left py-2 px-2 dropdown-toggle\"\n          >\n            <i *ngIf=\"child.iconClass\" [ngClass]=\"child.iconClass\"></i>\n            {{ child.name | abpLocalization }}\n          </a>\n        </div>\n        <div #childrenContainer ngbDropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n          <ng-template\n            ngFor\n            [ngForOf]=\"child.children\"\n            [ngForTrackBy]=\"trackByFn\"\n            [ngForTemplate]=\"childWrapper\"\n          ></ng-template>\n        </div>\n      </div>\n    </ng-template>\n  </ul>\n\n  <ul class=\"navbar-nav ml-auto\">\n    <ng-container\n      *ngFor=\"let element of rightPartElements; trackBy: trackElementByFn\"\n      [ngTemplateOutlet]=\"element\"\n    ></ng-container>\n  </ul>\n</abp-layout>\n\n<ng-template #language>\n  <li class=\"nav-item dropdown pointer\" ngbDropdown>\n    <a ngbDropdownToggle class=\"nav-link dropdown-toggle text-white pointer\" data-toggle=\"dropdown\">\n      {{ defaultLanguage$ | async }}\n    </a>\n    <div ngbDropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n      <a\n        *ngFor=\"let lang of dropdownLanguages$ | async\"\n        class=\"dropdown-item\"\n        (click)=\"onChangeLang(lang.cultureName)\"\n        >{{ lang?.displayName }}</a\n      >\n    </div>\n  </li>\n</ng-template>\n\n<ng-template #currentUser>\n  <li *ngIf=\"(currentUser$ | async)?.isAuthenticated\" class=\"nav-item dropdown pointer\" ngbDropdown>\n    <a ngbDropdownToggle class=\"nav-link dropdown-toggle text-white pointer\" data-toggle=\"dropdown\">\n      {{ (currentUser$ | async)?.userName }}\n    </a>\n    <div ngbDropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n      <a class=\"dropdown-item pointer\" (click)=\"isOpenChangePassword = true\">{{\n        'AbpUi::ChangePassword' | abpLocalization\n      }}</a>\n      <a class=\"dropdown-item pointer\" (click)=\"isOpenProfile = true\">{{ 'AbpUi::PersonalInfo' | abpLocalization }}</a>\n      <a class=\"dropdown-item pointer\" (click)=\"logout()\">{{ 'AbpUi::Logout' | abpLocalization }}</a>\n    </div>\n  </li>\n\n  <abp-change-password [(visible)]=\"isOpenChangePassword\"></abp-change-password>\n\n  <abp-profile [(visible)]=\"isOpenProfile\"></abp-profile>\n</ng-template>\n"
+                    template: "<abp-layout>\n  <ul class=\"navbar-nav mr-auto\">\n    <ng-container\n      *ngFor=\"let route of visibleRoutes$ | async; trackBy: trackByFn\"\n      [ngTemplateOutlet]=\"route?.children?.length ? dropdownLink : defaultLink\"\n      [ngTemplateOutletContext]=\"{ $implicit: route }\"\n    >\n    </ng-container>\n\n    <ng-template #defaultLink let-route>\n      <li class=\"nav-item\" [abpPermission]=\"route.requiredPolicy\">\n        <a class=\"nav-link\" [routerLink]=\"[route.url]\">{{ route.name | abpLocalization }}</a>\n      </li>\n    </ng-template>\n\n    <ng-template #dropdownLink let-route>\n      <li\n        #navbarRootDropdown\n        ngbDropdown\n        [abpPermission]=\"route.requiredPolicy\"\n        [abpVisibility]=\"routeContainer\"\n        class=\"nav-item dropdown pointer\"\n        display=\"static\"\n      >\n        <a ngbDropdownToggle class=\"nav-link dropdown-toggle pointer\" data-toggle=\"dropdown\">\n          {{ route.name | abpLocalization }}\n        </a>\n        <div #routeContainer ngbDropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n          <ng-template\n            #forTemplate\n            ngFor\n            [ngForOf]=\"route.children\"\n            [ngForTrackBy]=\"trackByFn\"\n            [ngForTemplate]=\"childWrapper\"\n          ></ng-template>\n        </div>\n      </li>\n    </ng-template>\n\n    <ng-template #childWrapper let-child>\n      <ng-template\n        [ngTemplateOutlet]=\"child?.children?.length ? dropdownChild : defaultChild\"\n        [ngTemplateOutletContext]=\"{ $implicit: child }\"\n      ></ng-template>\n    </ng-template>\n\n    <ng-template #defaultChild let-child>\n      <div class=\"dropdown-submenu\" [abpPermission]=\"child.requiredPolicy\">\n        <a class=\"dropdown-item py-2 px-2\" [routerLink]=\"[child.url]\">\n          <i *ngIf=\"child.iconClass\" [ngClass]=\"child.iconClass\"></i>\n          {{ child.name | abpLocalization }}</a\n        >\n      </div>\n    </ng-template>\n\n    <ng-template #dropdownChild let-child>\n      <div\n        [abpVisibility]=\"childrenContainer\"\n        class=\"dropdown-submenu pointer\"\n        ngbDropdown\n        [display]=\"isDropdownChildDynamic ? 'dynamic' : 'static'\"\n        placement=\"right-top\"\n        [abpPermission]=\"child.requiredPolicy\"\n      >\n        <div ngbDropdownToggle [class.dropdown-toggle]=\"false\" class=\"pointer\">\n          <a\n            abpEllipsis=\"210px\"\n            [abpEllipsisEnabled]=\"isDropdownChildDynamic\"\n            role=\"button\"\n            class=\"btn d-block text-left py-2 px-2 dropdown-toggle\"\n          >\n            <i *ngIf=\"child.iconClass\" [ngClass]=\"child.iconClass\"></i>\n            {{ child.name | abpLocalization }}\n          </a>\n        </div>\n        <div #childrenContainer ngbDropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n          <ng-template\n            ngFor\n            [ngForOf]=\"child.children\"\n            [ngForTrackBy]=\"trackByFn\"\n            [ngForTemplate]=\"childWrapper\"\n          ></ng-template>\n        </div>\n      </div>\n    </ng-template>\n  </ul>\n\n  <ul class=\"navbar-nav ml-auto\">\n    <ng-container\n      *ngFor=\"let element of rightPartElements; trackBy: trackElementByFn\"\n      [ngTemplateOutlet]=\"element\"\n    ></ng-container>\n  </ul>\n</abp-layout>\n\n<ng-template #language>\n  <li class=\"nav-item dropdown pointer\" ngbDropdown>\n    <a ngbDropdownToggle class=\"nav-link dropdown-toggle text-white pointer\" data-toggle=\"dropdown\">\n      {{ defaultLanguage$ | async }}\n    </a>\n    <div ngbDropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n      <a\n        *ngFor=\"let lang of dropdownLanguages$ | async\"\n        class=\"dropdown-item\"\n        (click)=\"onChangeLang(lang.cultureName)\"\n        >{{ lang?.displayName }}</a\n      >\n    </div>\n  </li>\n</ng-template>\n\n<ng-template #currentUser>\n  <li *ngIf=\"(currentUser$ | async)?.isAuthenticated\" class=\"nav-item dropdown pointer\" ngbDropdown>\n    <a ngbDropdownToggle class=\"nav-link dropdown-toggle text-white pointer\" data-toggle=\"dropdown\">\n      {{ (currentUser$ | async)?.userName }}\n    </a>\n    <div ngbDropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n      <a class=\"dropdown-item pointer\" (click)=\"isOpenChangePassword = true\">{{\n        'AbpUi::ChangePassword' | abpLocalization\n      }}</a>\n      <a class=\"dropdown-item pointer\" (click)=\"isOpenProfile = true\">{{ 'AbpUi::PersonalInfo' | abpLocalization }}</a>\n      <a class=\"dropdown-item pointer\" (click)=\"logout()\">{{ 'AbpUi::Logout' | abpLocalization }}</a>\n    </div>\n  </li>\n\n  <abp-change-password [(visible)]=\"isOpenChangePassword\"></abp-change-password>\n\n  <abp-profile [(visible)]=\"isOpenProfile\"></abp-profile>\n</ng-template>\n"
                 }] }
     ];
     /** @nocollapse */

npm/ng-packs/dist/theme-basic/esm5/lib/components/layout/layout.component.js

@@ -9,7 +9,7 @@ import { Store } from '@ngxs/store';
 var LayoutComponent = /** @class */ (function () {
     function LayoutComponent(store) {
         this.store = store;
-        this.isCollapsed = false;
+        this.isCollapsed = true;
     }
     Object.defineProperty(LayoutComponent.prototype, "appInfo", {
         get: /**
@@ -44,4 +44,4 @@ if (false) {
      */
     LayoutComponent.prototype.store;
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BhYnAvbmcudGhlbWUuYmFzaWMvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9sYXlvdXQvbGF5b3V0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFVLFdBQVcsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUNuRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDdkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRXBDO0lBWUUseUJBQW9CLEtBQVk7UUFBWixVQUFLLEdBQUwsS0FBSyxDQUFPO1FBTmhDLGdCQUFXLEdBQVksS0FBSyxDQUFDO0lBTU0sQ0FBQztJQUpwQyxzQkFBSSxvQ0FBTzs7OztRQUFYO1lBQ0UsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLGNBQWMsQ0FBQyxXQUFXLENBQUMsa0JBQWtCLENBQUMsQ0FBQztRQUNuRSxDQUFDOzs7T0FBQTs7Z0JBVkYsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxhQUFhO29CQUN2QixnOEJBQXNDO29CQUN0QyxVQUFVLEVBQUUsQ0FBQyxlQUFlLENBQUM7aUJBQzlCOzs7O2dCQU5RLEtBQUs7O0lBZWQsc0JBQUM7Q0FBQSxBQWJELElBYUM7U0FSWSxlQUFlOzs7SUFDMUIsc0NBQTZCOzs7OztJQU1qQixnQ0FBb0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb25maWcsIENvbmZpZ1N0YXRlIH0gZnJvbSAnQGFicC9uZy5jb3JlJztcbmltcG9ydCB7IHNsaWRlRnJvbUJvdHRvbSB9IGZyb20gJ0BhYnAvbmcudGhlbWUuc2hhcmVkJztcbmltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3RvcmUgfSBmcm9tICdAbmd4cy9zdG9yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJyBhYnAtbGF5b3V0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xheW91dC5jb21wb25lbnQuaHRtbCcsXG4gIGFuaW1hdGlvbnM6IFtzbGlkZUZyb21Cb3R0b21dLFxufSlcbmV4cG9ydCBjbGFzcyBMYXlvdXRDb21wb25lbnQge1xuICBpc0NvbGxhcHNlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIGdldCBhcHBJbmZvKCk6IENvbmZpZy5BcHBsaWNhdGlvbiB7XG4gICAgcmV0dXJuIHRoaXMuc3RvcmUuc2VsZWN0U25hcHNob3QoQ29uZmlnU3RhdGUuZ2V0QXBwbGljYXRpb25JbmZvKTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgc3RvcmU6IFN0b3JlKSB7fVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BhYnAvbmcudGhlbWUuYmFzaWMvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9sYXlvdXQvbGF5b3V0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFVLFdBQVcsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUNuRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDdkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRXBDO0lBWUUseUJBQW9CLEtBQVk7UUFBWixVQUFLLEdBQUwsS0FBSyxDQUFPO1FBTmhDLGdCQUFXLEdBQVksSUFBSSxDQUFDO0lBTU8sQ0FBQztJQUpwQyxzQkFBSSxvQ0FBTzs7OztRQUFYO1lBQ0UsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLGNBQWMsQ0FBQyxXQUFXLENBQUMsa0JBQWtCLENBQUMsQ0FBQztRQUNuRSxDQUFDOzs7T0FBQTs7Z0JBVkYsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxhQUFhO29CQUN2QixnOEJBQXNDO29CQUN0QyxVQUFVLEVBQUUsQ0FBQyxlQUFlLENBQUM7aUJBQzlCOzs7O2dCQU5RLEtBQUs7O0lBZWQsc0JBQUM7Q0FBQSxBQWJELElBYUM7U0FSWSxlQUFlOzs7SUFDMUIsc0NBQTRCOzs7OztJQU1oQixnQ0FBb0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb25maWcsIENvbmZpZ1N0YXRlIH0gZnJvbSAnQGFicC9uZy5jb3JlJztcbmltcG9ydCB7IHNsaWRlRnJvbUJvdHRvbSB9IGZyb20gJ0BhYnAvbmcudGhlbWUuc2hhcmVkJztcbmltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3RvcmUgfSBmcm9tICdAbmd4cy9zdG9yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJyBhYnAtbGF5b3V0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xheW91dC5jb21wb25lbnQuaHRtbCcsXG4gIGFuaW1hdGlvbnM6IFtzbGlkZUZyb21Cb3R0b21dLFxufSlcbmV4cG9ydCBjbGFzcyBMYXlvdXRDb21wb25lbnQge1xuICBpc0NvbGxhcHNlZDogYm9vbGVhbiA9IHRydWU7XG5cbiAgZ2V0IGFwcEluZm8oKTogQ29uZmlnLkFwcGxpY2F0aW9uIHtcbiAgICByZXR1cm4gdGhpcy5zdG9yZS5zZWxlY3RTbmFwc2hvdChDb25maWdTdGF0ZS5nZXRBcHBsaWNhdGlvbkluZm8pO1xuICB9XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBzdG9yZTogU3RvcmUpIHt9XG59XG4iXX0=

npm/ng-packs/dist/theme-basic/fesm2015/abp-ng.theme.basic.js

@@ -2,16 +2,16 @@ import { ChangePassword, SessionState, takeUntilDestroy, SetLanguage, GetAppConf
 import { EventEmitter, Component, Input, Output, ViewChild, TemplateRef, ViewChildren, NgModule } from '@angular/core';
 import { NgbDropdown, NgbCollapseModule, NgbDropdownModule } from '@ng-bootstrap/ng-bootstrap';
 import { ToasterService, slideFromBottom, ThemeSharedModule } from '@abp/ng.theme.shared';
-import { FormBuilder, Validators } from '@angular/forms';
+import { Validators, FormBuilder } from '@angular/forms';
 import { comparePasswords, NgxValidateCoreModule } from '@ngx-validate/core';
 import { Store, Action, Selector, State, Select, NgxsModule } from '@ngxs/store';
 import snq from 'snq';
+import { finalize, map, filter, debounceTime, withLatestFrom, take } from 'rxjs/operators';
 import { __decorate, __metadata } from 'tslib';
 import { Navigate, RouterState } from '@ngxs/router-plugin';
 import { OAuthService } from 'angular-oauth2-oidc';
 import compare from 'just-compare';
 import { fromEvent, Observable } from 'rxjs';
-import { map, filter, debounceTime, withLatestFrom, take } from 'rxjs/operators';
 import { ToastModule } from 'primeng/toast';
 
 /**
@@ -30,6 +30,7 @@ class ChangePasswordComponent {
         this.store = store;
         this.toasterService = toasterService;
         this.visibleChange = new EventEmitter();
+        this.modalBusy = false;
     }
     /**
      * @return {?}
@@ -63,11 +64,18 @@ class ChangePasswordComponent {
     onSubmit() {
         if (this.form.invalid)
             return;
+        this.modalBusy = true;
         this.store
             .dispatch(new ChangePassword({
             currentPassword: this.form.get('password').value,
             newPassword: this.form.get('newPassword').value,
         }))
+            .pipe(finalize((/**
+         * @return {?}
+         */
+        () => {
+            this.modalBusy = false;
+        })))
             .subscribe({
             next: (/**
              * @return {?}
@@ -114,7 +122,7 @@ class ChangePasswordComponent {
 ChangePasswordComponent.decorators = [
     { type: Component, args: [{
                 selector: 'abp-change-password',
-                template: "<abp-modal [(visible)]=\"visible\">\n  <ng-template #abpHeader>\n    <h4>{{ 'AbpIdentity::ChangePassword' | abpLocalization }}</h4>\n  </ng-template>\n  <ng-template #abpBody>\n    <form [formGroup]=\"form\" novalidate>\n      <div class=\"form-group\">\n        <label for=\"current-password\">{{ 'AbpIdentity::DisplayName:CurrentPassword' | abpLocalization }}</label\n        ><span> * </span\n        ><input type=\"password\" id=\"current-password\" class=\"form-control\" formControlName=\"password\" autofocus />\n      </div>\n      <div class=\"form-group\">\n        <label for=\"new-password\">{{ 'AbpIdentity::DisplayName:NewPassword' | abpLocalization }}</label\n        ><span> * </span><input type=\"password\" id=\"new-password\" class=\"form-control\" formControlName=\"newPassword\" />\n      </div>\n      <div class=\"form-group\" [class.is-invalid]=\"form.errors?.passwordMismatch\">\n        <label for=\"confirm-new-password\">{{ 'AbpIdentity::DisplayName:NewPasswordConfirm' | abpLocalization }}</label\n        ><span> * </span\n        ><input type=\"password\" id=\"confirm-new-password\" class=\"form-control\" formControlName=\"repeatNewPassword\" />\n        <div *ngIf=\"form.errors?.passwordMismatch\" class=\"invalid-feedback\">\n          {{ 'AbpIdentity::Identity.PasswordConfirmationFailed' | abpLocalization }}\n        </div>\n      </div>\n    </form>\n  </ng-template>\n  <ng-template #abpFooter>\n    <button type=\"button\" class=\"btn btn-secondary\" #abpClose>\n      {{ 'AbpIdentity::Cancel' | abpLocalization }}\n    </button>\n    <abp-button\n      [requestType]=\"['POST']\"\n      requestURLContainSearchValue=\"change-password\"\n      iconClass=\"fa fa-check\"\n      (click)=\"onSubmit()\"\n      >{{ 'AbpIdentity::Save' | abpLocalization }}</abp-button\n    >\n  </ng-template>\n</abp-modal>\n"
+                template: "<abp-modal [(visible)]=\"visible\" [busy]=\"modalBusy\">\n  <ng-template #abpHeader>\n    <h4>{{ 'AbpIdentity::ChangePassword' | abpLocalization }}</h4>\n  </ng-template>\n  <ng-template #abpBody>\n    <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n      <div class=\"form-group\">\n        <label for=\"current-password\">{{ 'AbpIdentity::DisplayName:CurrentPassword' | abpLocalization }}</label\n        ><span> * </span\n        ><input type=\"password\" id=\"current-password\" class=\"form-control\" formControlName=\"password\" autofocus />\n      </div>\n      <div class=\"form-group\">\n        <label for=\"new-password\">{{ 'AbpIdentity::DisplayName:NewPassword' | abpLocalization }}</label\n        ><span> * </span><input type=\"password\" id=\"new-password\" class=\"form-control\" formControlName=\"newPassword\" />\n      </div>\n      <div class=\"form-group\" [class.is-invalid]=\"form.errors?.passwordMismatch\">\n        <label for=\"confirm-new-password\">{{ 'AbpIdentity::DisplayName:NewPasswordConfirm' | abpLocalization }}</label\n        ><span> * </span\n        ><input type=\"password\" id=\"confirm-new-password\" class=\"form-control\" formControlName=\"repeatNewPassword\" />\n        <div *ngIf=\"form.errors?.passwordMismatch\" class=\"invalid-feedback\">\n          {{ 'AbpIdentity::Identity.PasswordConfirmationFailed' | abpLocalization }}\n        </div>\n      </div>\n    </form>\n  </ng-template>\n  <ng-template #abpFooter>\n    <button type=\"button\" class=\"btn btn-secondary\" #abpClose>\n      {{ 'AbpIdentity::Cancel' | abpLocalization }}\n    </button>\n    <abp-button iconClass=\"fa fa-check\" (click)=\"onSubmit()\">{{ 'AbpIdentity::Save' | abpLocalization }}</abp-button>\n  </ng-template>\n</abp-modal>\n"
             }] }
 ];
 /** @nocollapse */
@@ -128,6 +136,36 @@ ChangePasswordComponent.propDecorators = {
     visibleChange: [{ type: Output }],
     modalContent: [{ type: ViewChild, args: ['modalContent', { static: false },] }]
 };
+if (false) {
+    /**
+     * @type {?}
+     * @protected
+     */
+    ChangePasswordComponent.prototype._visible;
+    /** @type {?} */
+    ChangePasswordComponent.prototype.visibleChange;
+    /** @type {?} */
+    ChangePasswordComponent.prototype.modalContent;
+    /** @type {?} */
+    ChangePasswordComponent.prototype.form;
+    /** @type {?} */
+    ChangePasswordComponent.prototype.modalBusy;
+    /**
+     * @type {?}
+     * @private
+     */
+    ChangePasswordComponent.prototype.fb;
+    /**
+     * @type {?}
+     * @private
+     */
+    ChangePasswordComponent.prototype.store;
+    /**
+     * @type {?}
+     * @private
+     */
+    ChangePasswordComponent.prototype.toasterService;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -146,6 +184,12 @@ AccountLayoutComponent.decorators = [
                 template: "<abp-layout>\n  <ul class=\"navbar-nav mr-auto\">\n    <li class=\"nav-item\">\n      <a class=\"nav-link\" href=\"/\">\n        {{ '::Menu:Home' | abpLocalization }}\n      </a>\n    </li>\n  </ul>\n\n  <span id=\"main-navbar-tools\">\n    <span>\n      <div class=\"dropdown d-inline\" ngbDropdown>\n        <a class=\"btn btn-link dropdown-toggle\" role=\"button\" data-toggle=\"dropdown\" ngbDropdownToggle>\n          English\n        </a>\n\n        <div class=\"dropdown-menu\" ngbDropdownMenu>\n          <a class=\"dropdown-item\">\u010Ce\u0161tina</a>\n          <a class=\"dropdown-item\">Portugu\u00EAs</a>\n          <a class=\"dropdown-item\">T\u00FCrk\u00E7e</a>\n          <a class=\"dropdown-item\">\u7B80\u4F53\u4E2D\u6587</a>\n        </div>\n      </div>\n    </span>\n  </span>\n</abp-layout>\n"
             }] }
 ];
+if (false) {
+    /** @type {?} */
+    AccountLayoutComponent.type;
+    /** @type {?} */
+    AccountLayoutComponent.prototype.isCollapsed;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -160,6 +204,12 @@ class AddNavigationElement {
     }
 }
 AddNavigationElement.type = '[Layout] Add Navigation Element';
+if (false) {
+    /** @type {?} */
+    AddNavigationElement.type;
+    /** @type {?} */
+    AddNavigationElement.prototype.payload;
+}
 class RemoveNavigationElementByName {
     /**
      * @param {?} name
@@ -169,6 +219,17 @@ class RemoveNavigationElementByName {
     }
 }
 RemoveNavigationElementByName.type = '[Layout] Remove Navigation ElementByName';
+if (false) {
+    /** @type {?} */
+    RemoveNavigationElementByName.type;
+    /** @type {?} */
+    RemoveNavigationElementByName.prototype.name;
+}
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
 
 /**
  * @fileoverview added by tsickle
@@ -270,6 +331,11 @@ LayoutState = __decorate([
     })
 ], LayoutState);
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -450,7 +516,7 @@ ApplicationLayoutComponent.type = "application" /* application */;
 ApplicationLayoutComponent.decorators = [
     { type: Component, args: [{
                 selector: 'abp-layout-application',
-                template: "<abp-layout>\n  <ul class=\"navbar-nav mr-auto\">\n    <ng-container\n      *ngFor=\"let route of visibleRoutes$ | async; trackBy: trackByFn\"\n      [ngTemplateOutlet]=\"route?.children?.length ? dropdownLink : defaultLink\"\n      [ngTemplateOutletContext]=\"{ $implicit: route }\"\n    >\n    </ng-container>\n\n    <ng-template #defaultLink let-route>\n      <li class=\"nav-item\" [abpPermission]=\"route.requiredPolicy\">\n        <a class=\"nav-link\" [routerLink]=\"[route.url]\">{{ route.name | abpLocalization }}</a>\n      </li>\n    </ng-template>\n\n    <ng-template #dropdownLink let-route>\n      <li\n        #navbarRootDropdown\n        ngbDropdown\n        [abpPermission]=\"route.requiredPolicy\"\n        [abpVisibility]=\"routeContainer\"\n        class=\"nav-item dropdown pointer\"\n        display=\"static\"\n      >\n        <a ngbDropdownToggle class=\"nav-link dropdown-toggle pointer\" data-toggle=\"dropdown\">\n          {{ route.name | abpLocalization }}\n        </a>\n        <div #routeContainer ngbDropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n          <ng-template\n            #forTemplate\n            ngFor\n            [ngForOf]=\"route.children\"\n            [ngForTrackBy]=\"trackByFn\"\n            [ngForTemplate]=\"childWrapper\"\n          ></ng-template>\n        </div>\n      </li>\n    </ng-template>\n\n    <ng-template #childWrapper let-child>\n      <ng-template\n        [ngTemplateOutlet]=\"child?.children?.length ? dropdownChild : defaultChild\"\n        [ngTemplateOutletContext]=\"{ $implicit: child }\"\n      ></ng-template>\n    </ng-template>\n\n    <ng-template #defaultChild let-child>\n      <div class=\"dropdown-submenu\" [abpPermission]=\"child.requiredPolicy\">\n        <a class=\"dropdown-item py-2 px-2\" [routerLink]=\"[child.url]\">\n          <i *ngIf=\"child.iconClass\" [ngClass]=\"child.iconClass\"></i>\n          {{ child.name | abpLocalization }}</a\n        >\n      </div>\n    </ng-template>\n\n    <ng-template #dropdownChild let-child>\n      <div\n        [abpVisibility]=\"childrenContainer\"\n        class=\"dropdown-submenu pointer\"\n        ngbDropdown\n        [display]=\"isDropdownChildDynamic ? 'dynamic' : 'static'\"\n        placement=\"right-top\"\n        [abpPermission]=\"child.requiredPolicy\"\n      >\n        <div ngbDropdownToggle [class.dropdown-toggle]=\"false\" class=\"pointer\">\n          <a\n            abpEllipsis=\"200px\"\n            [abpEllipsisEnabled]=\"isDropdownChildDynamic\"\n            role=\"button\"\n            class=\"btn d-block text-left py-2 px-2 dropdown-toggle\"\n          >\n            <i *ngIf=\"child.iconClass\" [ngClass]=\"child.iconClass\"></i>\n            {{ child.name | abpLocalization }}\n          </a>\n        </div>\n        <div #childrenContainer ngbDropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n          <ng-template\n            ngFor\n            [ngForOf]=\"child.children\"\n            [ngForTrackBy]=\"trackByFn\"\n            [ngForTemplate]=\"childWrapper\"\n          ></ng-template>\n        </div>\n      </div>\n    </ng-template>\n  </ul>\n\n  <ul class=\"navbar-nav ml-auto\">\n    <ng-container\n      *ngFor=\"let element of rightPartElements; trackBy: trackElementByFn\"\n      [ngTemplateOutlet]=\"element\"\n    ></ng-container>\n  </ul>\n</abp-layout>\n\n<ng-template #language>\n  <li class=\"nav-item dropdown pointer\" ngbDropdown>\n    <a ngbDropdownToggle class=\"nav-link dropdown-toggle text-white pointer\" data-toggle=\"dropdown\">\n      {{ defaultLanguage$ | async }}\n    </a>\n    <div ngbDropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n      <a\n        *ngFor=\"let lang of dropdownLanguages$ | async\"\n        class=\"dropdown-item\"\n        (click)=\"onChangeLang(lang.cultureName)\"\n        >{{ lang?.displayName }}</a\n      >\n    </div>\n  </li>\n</ng-template>\n\n<ng-template #currentUser>\n  <li *ngIf=\"(currentUser$ | async)?.isAuthenticated\" class=\"nav-item dropdown pointer\" ngbDropdown>\n    <a ngbDropdownToggle class=\"nav-link dropdown-toggle text-white pointer\" data-toggle=\"dropdown\">\n      {{ (currentUser$ | async)?.userName }}\n    </a>\n    <div ngbDropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n      <a class=\"dropdown-item pointer\" (click)=\"isOpenChangePassword = true\">{{\n        'AbpUi::ChangePassword' | abpLocalization\n      }}</a>\n      <a class=\"dropdown-item pointer\" (click)=\"isOpenProfile = true\">{{ 'AbpUi::PersonalInfo' | abpLocalization }}</a>\n      <a class=\"dropdown-item pointer\" (click)=\"logout()\">{{ 'AbpUi::Logout' | abpLocalization }}</a>\n    </div>\n  </li>\n\n  <abp-change-password [(visible)]=\"isOpenChangePassword\"></abp-change-password>\n\n  <abp-profile [(visible)]=\"isOpenProfile\"></abp-profile>\n</ng-template>\n"
+                template: "<abp-layout>\n  <ul class=\"navbar-nav mr-auto\">\n    <ng-container\n      *ngFor=\"let route of visibleRoutes$ | async; trackBy: trackByFn\"\n      [ngTemplateOutlet]=\"route?.children?.length ? dropdownLink : defaultLink\"\n      [ngTemplateOutletContext]=\"{ $implicit: route }\"\n    >\n    </ng-container>\n\n    <ng-template #defaultLink let-route>\n      <li class=\"nav-item\" [abpPermission]=\"route.requiredPolicy\">\n        <a class=\"nav-link\" [routerLink]=\"[route.url]\">{{ route.name | abpLocalization }}</a>\n      </li>\n    </ng-template>\n\n    <ng-template #dropdownLink let-route>\n      <li\n        #navbarRootDropdown\n        ngbDropdown\n        [abpPermission]=\"route.requiredPolicy\"\n        [abpVisibility]=\"routeContainer\"\n        class=\"nav-item dropdown pointer\"\n        display=\"static\"\n      >\n        <a ngbDropdownToggle class=\"nav-link dropdown-toggle pointer\" data-toggle=\"dropdown\">\n          {{ route.name | abpLocalization }}\n        </a>\n        <div #routeContainer ngbDropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n          <ng-template\n            #forTemplate\n            ngFor\n            [ngForOf]=\"route.children\"\n            [ngForTrackBy]=\"trackByFn\"\n            [ngForTemplate]=\"childWrapper\"\n          ></ng-template>\n        </div>\n      </li>\n    </ng-template>\n\n    <ng-template #childWrapper let-child>\n      <ng-template\n        [ngTemplateOutlet]=\"child?.children?.length ? dropdownChild : defaultChild\"\n        [ngTemplateOutletContext]=\"{ $implicit: child }\"\n      ></ng-template>\n    </ng-template>\n\n    <ng-template #defaultChild let-child>\n      <div class=\"dropdown-submenu\" [abpPermission]=\"child.requiredPolicy\">\n        <a class=\"dropdown-item py-2 px-2\" [routerLink]=\"[child.url]\">\n          <i *ngIf=\"child.iconClass\" [ngClass]=\"child.iconClass\"></i>\n          {{ child.name | abpLocalization }}</a\n        >\n      </div>\n    </ng-template>\n\n    <ng-template #dropdownChild let-child>\n      <div\n        [abpVisibility]=\"childrenContainer\"\n        class=\"dropdown-submenu pointer\"\n        ngbDropdown\n        [display]=\"isDropdownChildDynamic ? 'dynamic' : 'static'\"\n        placement=\"right-top\"\n        [abpPermission]=\"child.requiredPolicy\"\n      >\n        <div ngbDropdownToggle [class.dropdown-toggle]=\"false\" class=\"pointer\">\n          <a\n            abpEllipsis=\"210px\"\n            [abpEllipsisEnabled]=\"isDropdownChildDynamic\"\n            role=\"button\"\n            class=\"btn d-block text-left py-2 px-2 dropdown-toggle\"\n          >\n            <i *ngIf=\"child.iconClass\" [ngClass]=\"child.iconClass\"></i>\n            {{ child.name | abpLocalization }}\n          </a>\n        </div>\n        <div #childrenContainer ngbDropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n          <ng-template\n            ngFor\n            [ngForOf]=\"child.children\"\n            [ngForTrackBy]=\"trackByFn\"\n            [ngForTemplate]=\"childWrapper\"\n          ></ng-template>\n        </div>\n      </div>\n    </ng-template>\n  </ul>\n\n  <ul class=\"navbar-nav ml-auto\">\n    <ng-container\n      *ngFor=\"let element of rightPartElements; trackBy: trackElementByFn\"\n      [ngTemplateOutlet]=\"element\"\n    ></ng-container>\n  </ul>\n</abp-layout>\n\n<ng-template #language>\n  <li class=\"nav-item dropdown pointer\" ngbDropdown>\n    <a ngbDropdownToggle class=\"nav-link dropdown-toggle text-white pointer\" data-toggle=\"dropdown\">\n      {{ defaultLanguage$ | async }}\n    </a>\n    <div ngbDropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n      <a\n        *ngFor=\"let lang of dropdownLanguages$ | async\"\n        class=\"dropdown-item\"\n        (click)=\"onChangeLang(lang.cultureName)\"\n        >{{ lang?.displayName }}</a\n      >\n    </div>\n  </li>\n</ng-template>\n\n<ng-template #currentUser>\n  <li *ngIf=\"(currentUser$ | async)?.isAuthenticated\" class=\"nav-item dropdown pointer\" ngbDropdown>\n    <a ngbDropdownToggle class=\"nav-link dropdown-toggle text-white pointer\" data-toggle=\"dropdown\">\n      {{ (currentUser$ | async)?.userName }}\n    </a>\n    <div ngbDropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n      <a class=\"dropdown-item pointer\" (click)=\"isOpenChangePassword = true\">{{\n        'AbpUi::ChangePassword' | abpLocalization\n      }}</a>\n      <a class=\"dropdown-item pointer\" (click)=\"isOpenProfile = true\">{{ 'AbpUi::PersonalInfo' | abpLocalization }}</a>\n      <a class=\"dropdown-item pointer\" (click)=\"logout()\">{{ 'AbpUi::Logout' | abpLocalization }}</a>\n    </div>\n  </li>\n\n  <abp-change-password [(visible)]=\"isOpenChangePassword\"></abp-change-password>\n\n  <abp-profile [(visible)]=\"isOpenProfile\"></abp-profile>\n</ng-template>\n"
             }] }
 ];
 /** @nocollapse */
@@ -479,6 +545,46 @@ __decorate([
     Select(LayoutState.getNavigationElements),
     __metadata("design:type", Observable)
 ], ApplicationLayoutComponent.prototype, "navElements$", void 0);
+if (false) {
+    /** @type {?} */
+    ApplicationLayoutComponent.type;
+    /** @type {?} */
+    ApplicationLayoutComponent.prototype.routes$;
+    /** @type {?} */
+    ApplicationLayoutComponent.prototype.currentUser$;
+    /** @type {?} */
+    ApplicationLayoutComponent.prototype.languages$;
+    /** @type {?} */
+    ApplicationLayoutComponent.prototype.navElements$;
+    /** @type {?} */
+    ApplicationLayoutComponent.prototype.currentUserRef;
+    /** @type {?} */
+    ApplicationLayoutComponent.prototype.languageRef;
+    /** @type {?} */
+    ApplicationLayoutComponent.prototype.navbarRootDropdowns;
+    /** @type {?} */
+    ApplicationLayoutComponent.prototype.isOpenChangePassword;
+    /** @type {?} */
+    ApplicationLayoutComponent.prototype.isOpenProfile;
+    /** @type {?} */
+    ApplicationLayoutComponent.prototype.isDropdownChildDynamic;
+    /** @type {?} */
+    ApplicationLayoutComponent.prototype.rightPartElements;
+    /** @type {?} */
+    ApplicationLayoutComponent.prototype.trackByFn;
+    /** @type {?} */
+    ApplicationLayoutComponent.prototype.trackElementByFn;
+    /**
+     * @type {?}
+     * @private
+     */
+    ApplicationLayoutComponent.prototype.store;
+    /**
+     * @type {?}
+     * @private
+     */
+    ApplicationLayoutComponent.prototype.oauthService;
+}
 /**
  * @param {?} routes
  * @return {?}
@@ -516,6 +622,10 @@ EmptyLayoutComponent.decorators = [
   `
             }] }
 ];
+if (false) {
+    /** @type {?} */
+    EmptyLayoutComponent.type;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -527,7 +637,7 @@ class LayoutComponent {
      */
     constructor(store) {
         this.store = store;
-        this.isCollapsed = false;
+        this.isCollapsed = true;
     }
     /**
      * @return {?}
@@ -547,6 +657,15 @@ LayoutComponent.decorators = [
 LayoutComponent.ctorParameters = () => [
     { type: Store }
 ];
+if (false) {
+    /** @type {?} */
+    LayoutComponent.prototype.isCollapsed;
+    /**
+     * @type {?}
+     * @private
+     */
+    LayoutComponent.prototype.store;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -562,6 +681,7 @@ class ProfileComponent {
         this.fb = fb;
         this.store = store;
         this.visibleChange = new EventEmitter();
+        this.modalBusy = false;
     }
     /**
      * @return {?}
@@ -604,10 +724,12 @@ class ProfileComponent {
     onSubmit() {
         if (this.form.invalid)
             return;
+        this.modalBusy = true;
         this.store.dispatch(new UpdateProfile(this.form.value)).subscribe((/**
          * @return {?}
          */
         () => {
+            this.modalBusy = false;
             this.visible = false;
             this.form.reset();
         }));
@@ -637,7 +759,7 @@ class ProfileComponent {
 ProfileComponent.decorators = [
     { type: Component, args: [{
                 selector: 'abp-profile',
-                template: "<abp-modal [(visible)]=\"visible\">\n  <ng-template #abpHeader>\n    <h4>{{ 'AbpIdentity::PersonalInfo' | abpLocalization }}</h4>\n  </ng-template>\n  <ng-template #abpBody>\n    <form *ngIf=\"form\" [formGroup]=\"form\" novalidate>\n      <div class=\"form-group\">\n        <label for=\"username\">{{ 'AbpIdentity::DisplayName:UserName' | abpLocalization }}</label\n        ><span> * </span><input type=\"text\" id=\"username\" class=\"form-control\" formControlName=\"userName\" autofocus />\n      </div>\n      <div class=\"row\">\n        <div class=\"col col-md-6\">\n          <div class=\"form-group\">\n            <label for=\"name\">{{ 'AbpIdentity::DisplayName:Name' | abpLocalization }}</label\n            ><input type=\"text\" id=\"name\" class=\"form-control\" formControlName=\"name\" />\n          </div>\n        </div>\n        <div class=\"col col-md-6\">\n          <div class=\"form-group\">\n            <label for=\"surname\">{{ 'AbpIdentity::DisplayName:Surname' | abpLocalization }}</label\n            ><input type=\"text\" id=\"surname\" class=\"form-control\" formControlName=\"surname\" />\n          </div>\n        </div>\n      </div>\n      <div class=\"form-group\">\n        <label for=\"email-address\">{{ 'AbpIdentity::DisplayName:Email' | abpLocalization }}</label\n        ><span> * </span><input type=\"text\" id=\"email-address\" class=\"form-control\" formControlName=\"email\" />\n      </div>\n      <div class=\"form-group\">\n        <label for=\"phone-number\">{{ 'AbpIdentity::DisplayName:PhoneNumber' | abpLocalization }}</label\n        ><input type=\"text\" id=\"phone-number\" class=\"form-control\" formControlName=\"phoneNumber\" />\n      </div>\n    </form>\n  </ng-template>\n  <ng-template #abpFooter>\n    <button #abpClose type=\"button\" class=\"btn btn-secondary\">\n      {{ 'AbpIdentity::Cancel' | abpLocalization }}\n    </button>\n    <abp-button\n      [requestType]=\"['PUT']\"\n      requestURLContainSearchValue=\"my-profile\"\n      iconClass=\"fa fa-check\"\n      (click)=\"onSubmit()\"\n      >{{ 'AbpIdentity::Save' | abpLocalization }}</abp-button\n    >\n  </ng-template>\n</abp-modal>\n"
+                template: "<abp-modal [(visible)]=\"visible\" [busy]=\"modalBusy\">\n  <ng-template #abpHeader>\n    <h4>{{ 'AbpIdentity::PersonalInfo' | abpLocalization }}</h4>\n  </ng-template>\n  <ng-template #abpBody>\n    <form novalidate *ngIf=\"form\" [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n      <div class=\"form-group\">\n        <label for=\"username\">{{ 'AbpIdentity::DisplayName:UserName' | abpLocalization }}</label\n        ><span> * </span><input type=\"text\" id=\"username\" class=\"form-control\" formControlName=\"userName\" autofocus />\n      </div>\n      <div class=\"row\">\n        <div class=\"col col-md-6\">\n          <div class=\"form-group\">\n            <label for=\"name\">{{ 'AbpIdentity::DisplayName:Name' | abpLocalization }}</label\n            ><input type=\"text\" id=\"name\" class=\"form-control\" formControlName=\"name\" />\n          </div>\n        </div>\n        <div class=\"col col-md-6\">\n          <div class=\"form-group\">\n            <label for=\"surname\">{{ 'AbpIdentity::DisplayName:Surname' | abpLocalization }}</label\n            ><input type=\"text\" id=\"surname\" class=\"form-control\" formControlName=\"surname\" />\n          </div>\n        </div>\n      </div>\n      <div class=\"form-group\">\n        <label for=\"email-address\">{{ 'AbpIdentity::DisplayName:Email' | abpLocalization }}</label\n        ><span> * </span><input type=\"text\" id=\"email-address\" class=\"form-control\" formControlName=\"email\" />\n      </div>\n      <div class=\"form-group\">\n        <label for=\"phone-number\">{{ 'AbpIdentity::DisplayName:PhoneNumber' | abpLocalization }}</label\n        ><input type=\"text\" id=\"phone-number\" class=\"form-control\" formControlName=\"phoneNumber\" />\n      </div>\n    </form>\n  </ng-template>\n  <ng-template #abpFooter>\n    <button #abpClose type=\"button\" class=\"btn btn-secondary\">\n      {{ 'AbpIdentity::Cancel' | abpLocalization }}\n    </button>\n    <abp-button iconClass=\"fa fa-check\" (click)=\"onSubmit()\">{{ 'AbpIdentity::Save' | abpLocalization }}</abp-button>\n  </ng-template>\n</abp-modal>\n"
             }] }
 ];
 /** @nocollapse */
@@ -653,6 +775,31 @@ __decorate([
     Select(ProfileState.getProfile),
     __metadata("design:type", Observable)
 ], ProfileComponent.prototype, "profile$", void 0);
+if (false) {
+    /**
+     * @type {?}
+     * @protected
+     */
+    ProfileComponent.prototype._visible;
+    /** @type {?} */
+    ProfileComponent.prototype.visibleChange;
+    /** @type {?} */
+    ProfileComponent.prototype.profile$;
+    /** @type {?} */
+    ProfileComponent.prototype.form;
+    /** @type {?} */
+    ProfileComponent.prototype.modalBusy;
+    /**
+     * @type {?}
+     * @private
+     */
+    ProfileComponent.prototype.fb;
+    /**
+     * @type {?}
+     * @private
+     */
+    ProfileComponent.prototype.store;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -679,6 +826,11 @@ ThemeBasicModule.decorators = [
             },] }
 ];
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -690,12 +842,39 @@ var Layout;
      */
     function State() { }
     Layout.State = State;
+    if (false) {
+        /** @type {?} */
+        State.prototype.navigationElements;
+    }
     /**
      * @record
      */
     function NavigationElement() { }
     Layout.NavigationElement = NavigationElement;
+    if (false) {
+        /** @type {?} */
+        NavigationElement.prototype.name;
+        /** @type {?} */
+        NavigationElement.prototype.element;
+        /** @type {?|undefined} */
+        NavigationElement.prototype.order;
+    }
 })(Layout || (Layout = {}));
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
 export { AccountLayoutComponent, AddNavigationElement, ApplicationLayoutComponent, EmptyLayoutComponent, LAYOUTS, LayoutState, RemoveNavigationElementByName, ThemeBasicModule, ApplicationLayoutComponent as ɵa, LayoutState as ɵb, AccountLayoutComponent as ɵc, EmptyLayoutComponent as ɵd, LayoutComponent as ɵe, ChangePasswordComponent as ɵf, ProfileComponent as ɵg, LayoutState as ɵh, AddNavigationElement as ɵi, RemoveNavigationElementByName as ɵj };
 //# sourceMappingURL=abp-ng.theme.basic.js.map

npm/ng-packs/dist/theme-basic/fesm5/abp-ng.theme.basic.js

@@ -1,17 +1,17 @@
 import { __spread, __assign, __decorate, __metadata, __read } from 'tslib';
 import { ChangePassword, SessionState, takeUntilDestroy, SetLanguage, GetAppConfiguration, ConfigState, GetProfile, UpdateProfile, ProfileState, CoreModule } from '@abp/ng.core';
-import { Component, Input, Output, ViewChild, EventEmitter, TemplateRef, ViewChildren, NgModule } from '@angular/core';
+import { EventEmitter, Component, Input, Output, ViewChild, TemplateRef, ViewChildren, NgModule } from '@angular/core';
 import { NgbDropdown, NgbCollapseModule, NgbDropdownModule } from '@ng-bootstrap/ng-bootstrap';
 import { ToasterService, slideFromBottom, ThemeSharedModule } from '@abp/ng.theme.shared';
 import { Validators, FormBuilder } from '@angular/forms';
 import { comparePasswords, NgxValidateCoreModule } from '@ngx-validate/core';
 import { Store, Action, Selector, State, Select, NgxsModule } from '@ngxs/store';
 import snq from 'snq';
+import { finalize, map, filter, debounceTime, withLatestFrom, take } from 'rxjs/operators';
 import { Navigate, RouterState } from '@ngxs/router-plugin';
 import { OAuthService } from 'angular-oauth2-oidc';
 import compare from 'just-compare';
 import { fromEvent, Observable } from 'rxjs';
-import { map, filter, debounceTime, withLatestFrom, take } from 'rxjs/operators';
 import { ToastModule } from 'primeng/toast';
 
 /**
@@ -25,6 +25,7 @@ var ChangePasswordComponent = /** @class */ (function () {
         this.store = store;
         this.toasterService = toasterService;
         this.visibleChange = new EventEmitter();
+        this.modalBusy = false;
     }
     Object.defineProperty(ChangePasswordComponent.prototype, "visible", {
         get: /**
@@ -69,11 +70,18 @@ var ChangePasswordComponent = /** @class */ (function () {
         var _this = this;
         if (this.form.invalid)
             return;
+        this.modalBusy = true;
         this.store
             .dispatch(new ChangePassword({
             currentPassword: this.form.get('password').value,
             newPassword: this.form.get('newPassword').value,
         }))
+            .pipe(finalize((/**
+         * @return {?}
+         */
+        function () {
+            _this.modalBusy = false;
+        })))
             .subscribe({
             next: (/**
              * @return {?}
@@ -127,7 +135,7 @@ var ChangePasswordComponent = /** @class */ (function () {
     ChangePasswordComponent.decorators = [
         { type: Component, args: [{
                     selector: 'abp-change-password',
-                    template: "<abp-modal [(visible)]=\"visible\">\n  <ng-template #abpHeader>\n    <h4>{{ 'AbpIdentity::ChangePassword' | abpLocalization }}</h4>\n  </ng-template>\n  <ng-template #abpBody>\n    <form [formGroup]=\"form\" novalidate>\n      <div class=\"form-group\">\n        <label for=\"current-password\">{{ 'AbpIdentity::DisplayName:CurrentPassword' | abpLocalization }}</label\n        ><span> * </span\n        ><input type=\"password\" id=\"current-password\" class=\"form-control\" formControlName=\"password\" autofocus />\n      </div>\n      <div class=\"form-group\">\n        <label for=\"new-password\">{{ 'AbpIdentity::DisplayName:NewPassword' | abpLocalization }}</label\n        ><span> * </span><input type=\"password\" id=\"new-password\" class=\"form-control\" formControlName=\"newPassword\" />\n      </div>\n      <div class=\"form-group\" [class.is-invalid]=\"form.errors?.passwordMismatch\">\n        <label for=\"confirm-new-password\">{{ 'AbpIdentity::DisplayName:NewPasswordConfirm' | abpLocalization }}</label\n        ><span> * </span\n        ><input type=\"password\" id=\"confirm-new-password\" class=\"form-control\" formControlName=\"repeatNewPassword\" />\n        <div *ngIf=\"form.errors?.passwordMismatch\" class=\"invalid-feedback\">\n          {{ 'AbpIdentity::Identity.PasswordConfirmationFailed' | abpLocalization }}\n        </div>\n      </div>\n    </form>\n  </ng-template>\n  <ng-template #abpFooter>\n    <button type=\"button\" class=\"btn btn-secondary\" #abpClose>\n      {{ 'AbpIdentity::Cancel' | abpLocalization }}\n    </button>\n    <abp-button\n      [requestType]=\"['POST']\"\n      requestURLContainSearchValue=\"change-password\"\n      iconClass=\"fa fa-check\"\n      (click)=\"onSubmit()\"\n      >{{ 'AbpIdentity::Save' | abpLocalization }}</abp-button\n    >\n  </ng-template>\n</abp-modal>\n"
+                    template: "<abp-modal [(visible)]=\"visible\" [busy]=\"modalBusy\">\n  <ng-template #abpHeader>\n    <h4>{{ 'AbpIdentity::ChangePassword' | abpLocalization }}</h4>\n  </ng-template>\n  <ng-template #abpBody>\n    <form [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n      <div class=\"form-group\">\n        <label for=\"current-password\">{{ 'AbpIdentity::DisplayName:CurrentPassword' | abpLocalization }}</label\n        ><span> * </span\n        ><input type=\"password\" id=\"current-password\" class=\"form-control\" formControlName=\"password\" autofocus />\n      </div>\n      <div class=\"form-group\">\n        <label for=\"new-password\">{{ 'AbpIdentity::DisplayName:NewPassword' | abpLocalization }}</label\n        ><span> * </span><input type=\"password\" id=\"new-password\" class=\"form-control\" formControlName=\"newPassword\" />\n      </div>\n      <div class=\"form-group\" [class.is-invalid]=\"form.errors?.passwordMismatch\">\n        <label for=\"confirm-new-password\">{{ 'AbpIdentity::DisplayName:NewPasswordConfirm' | abpLocalization }}</label\n        ><span> * </span\n        ><input type=\"password\" id=\"confirm-new-password\" class=\"form-control\" formControlName=\"repeatNewPassword\" />\n        <div *ngIf=\"form.errors?.passwordMismatch\" class=\"invalid-feedback\">\n          {{ 'AbpIdentity::Identity.PasswordConfirmationFailed' | abpLocalization }}\n        </div>\n      </div>\n    </form>\n  </ng-template>\n  <ng-template #abpFooter>\n    <button type=\"button\" class=\"btn btn-secondary\" #abpClose>\n      {{ 'AbpIdentity::Cancel' | abpLocalization }}\n    </button>\n    <abp-button iconClass=\"fa fa-check\" (click)=\"onSubmit()\">{{ 'AbpIdentity::Save' | abpLocalization }}</abp-button>\n  </ng-template>\n</abp-modal>\n"
                 }] }
     ];
     /** @nocollapse */
@@ -143,6 +151,36 @@ var ChangePasswordComponent = /** @class */ (function () {
     };
     return ChangePasswordComponent;
 }());
+if (false) {
+    /**
+     * @type {?}
+     * @protected
+     */
+    ChangePasswordComponent.prototype._visible;
+    /** @type {?} */
+    ChangePasswordComponent.prototype.visibleChange;
+    /** @type {?} */
+    ChangePasswordComponent.prototype.modalContent;
+    /** @type {?} */
+    ChangePasswordComponent.prototype.form;
+    /** @type {?} */
+    ChangePasswordComponent.prototype.modalBusy;
+    /**
+     * @type {?}
+     * @private
+     */
+    ChangePasswordComponent.prototype.fb;
+    /**
+     * @type {?}
+     * @private
+     */
+    ChangePasswordComponent.prototype.store;
+    /**
+     * @type {?}
+     * @private
+     */
+    ChangePasswordComponent.prototype.toasterService;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -162,6 +200,12 @@ var AccountLayoutComponent = /** @class */ (function () {
     ];
     return AccountLayoutComponent;
 }());
+if (false) {
+    /** @type {?} */
+    AccountLayoutComponent.type;
+    /** @type {?} */
+    AccountLayoutComponent.prototype.isCollapsed;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -174,6 +218,12 @@ var AddNavigationElement = /** @class */ (function () {
     AddNavigationElement.type = '[Layout] Add Navigation Element';
     return AddNavigationElement;
 }());
+if (false) {
+    /** @type {?} */
+    AddNavigationElement.type;
+    /** @type {?} */
+    AddNavigationElement.prototype.payload;
+}
 var RemoveNavigationElementByName = /** @class */ (function () {
     function RemoveNavigationElementByName(name) {
         this.name = name;
@@ -181,6 +231,17 @@ var RemoveNavigationElementByName = /** @class */ (function () {
     RemoveNavigationElementByName.type = '[Layout] Remove Navigation ElementByName';
     return RemoveNavigationElementByName;
 }());
+if (false) {
+    /** @type {?} */
+    RemoveNavigationElementByName.type;
+    /** @type {?} */
+    RemoveNavigationElementByName.prototype.name;
+}
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
 
 /**
  * @fileoverview added by tsickle
@@ -308,6 +369,11 @@ var LayoutState = /** @class */ (function () {
     return LayoutState;
 }());
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -526,7 +592,7 @@ var ApplicationLayoutComponent = /** @class */ (function () {
     ApplicationLayoutComponent.decorators = [
         { type: Component, args: [{
                     selector: 'abp-layout-application',
-                    template: "<abp-layout>\n  <ul class=\"navbar-nav mr-auto\">\n    <ng-container\n      *ngFor=\"let route of visibleRoutes$ | async; trackBy: trackByFn\"\n      [ngTemplateOutlet]=\"route?.children?.length ? dropdownLink : defaultLink\"\n      [ngTemplateOutletContext]=\"{ $implicit: route }\"\n    >\n    </ng-container>\n\n    <ng-template #defaultLink let-route>\n      <li class=\"nav-item\" [abpPermission]=\"route.requiredPolicy\">\n        <a class=\"nav-link\" [routerLink]=\"[route.url]\">{{ route.name | abpLocalization }}</a>\n      </li>\n    </ng-template>\n\n    <ng-template #dropdownLink let-route>\n      <li\n        #navbarRootDropdown\n        ngbDropdown\n        [abpPermission]=\"route.requiredPolicy\"\n        [abpVisibility]=\"routeContainer\"\n        class=\"nav-item dropdown pointer\"\n        display=\"static\"\n      >\n        <a ngbDropdownToggle class=\"nav-link dropdown-toggle pointer\" data-toggle=\"dropdown\">\n          {{ route.name | abpLocalization }}\n        </a>\n        <div #routeContainer ngbDropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n          <ng-template\n            #forTemplate\n            ngFor\n            [ngForOf]=\"route.children\"\n            [ngForTrackBy]=\"trackByFn\"\n            [ngForTemplate]=\"childWrapper\"\n          ></ng-template>\n        </div>\n      </li>\n    </ng-template>\n\n    <ng-template #childWrapper let-child>\n      <ng-template\n        [ngTemplateOutlet]=\"child?.children?.length ? dropdownChild : defaultChild\"\n        [ngTemplateOutletContext]=\"{ $implicit: child }\"\n      ></ng-template>\n    </ng-template>\n\n    <ng-template #defaultChild let-child>\n      <div class=\"dropdown-submenu\" [abpPermission]=\"child.requiredPolicy\">\n        <a class=\"dropdown-item py-2 px-2\" [routerLink]=\"[child.url]\">\n          <i *ngIf=\"child.iconClass\" [ngClass]=\"child.iconClass\"></i>\n          {{ child.name | abpLocalization }}</a\n        >\n      </div>\n    </ng-template>\n\n    <ng-template #dropdownChild let-child>\n      <div\n        [abpVisibility]=\"childrenContainer\"\n        class=\"dropdown-submenu pointer\"\n        ngbDropdown\n        [display]=\"isDropdownChildDynamic ? 'dynamic' : 'static'\"\n        placement=\"right-top\"\n        [abpPermission]=\"child.requiredPolicy\"\n      >\n        <div ngbDropdownToggle [class.dropdown-toggle]=\"false\" class=\"pointer\">\n          <a\n            abpEllipsis=\"200px\"\n            [abpEllipsisEnabled]=\"isDropdownChildDynamic\"\n            role=\"button\"\n            class=\"btn d-block text-left py-2 px-2 dropdown-toggle\"\n          >\n            <i *ngIf=\"child.iconClass\" [ngClass]=\"child.iconClass\"></i>\n            {{ child.name | abpLocalization }}\n          </a>\n        </div>\n        <div #childrenContainer ngbDropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n          <ng-template\n            ngFor\n            [ngForOf]=\"child.children\"\n            [ngForTrackBy]=\"trackByFn\"\n            [ngForTemplate]=\"childWrapper\"\n          ></ng-template>\n        </div>\n      </div>\n    </ng-template>\n  </ul>\n\n  <ul class=\"navbar-nav ml-auto\">\n    <ng-container\n      *ngFor=\"let element of rightPartElements; trackBy: trackElementByFn\"\n      [ngTemplateOutlet]=\"element\"\n    ></ng-container>\n  </ul>\n</abp-layout>\n\n<ng-template #language>\n  <li class=\"nav-item dropdown pointer\" ngbDropdown>\n    <a ngbDropdownToggle class=\"nav-link dropdown-toggle text-white pointer\" data-toggle=\"dropdown\">\n      {{ defaultLanguage$ | async }}\n    </a>\n    <div ngbDropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n      <a\n        *ngFor=\"let lang of dropdownLanguages$ | async\"\n        class=\"dropdown-item\"\n        (click)=\"onChangeLang(lang.cultureName)\"\n        >{{ lang?.displayName }}</a\n      >\n    </div>\n  </li>\n</ng-template>\n\n<ng-template #currentUser>\n  <li *ngIf=\"(currentUser$ | async)?.isAuthenticated\" class=\"nav-item dropdown pointer\" ngbDropdown>\n    <a ngbDropdownToggle class=\"nav-link dropdown-toggle text-white pointer\" data-toggle=\"dropdown\">\n      {{ (currentUser$ | async)?.userName }}\n    </a>\n    <div ngbDropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n      <a class=\"dropdown-item pointer\" (click)=\"isOpenChangePassword = true\">{{\n        'AbpUi::ChangePassword' | abpLocalization\n      }}</a>\n      <a class=\"dropdown-item pointer\" (click)=\"isOpenProfile = true\">{{ 'AbpUi::PersonalInfo' | abpLocalization }}</a>\n      <a class=\"dropdown-item pointer\" (click)=\"logout()\">{{ 'AbpUi::Logout' | abpLocalization }}</a>\n    </div>\n  </li>\n\n  <abp-change-password [(visible)]=\"isOpenChangePassword\"></abp-change-password>\n\n  <abp-profile [(visible)]=\"isOpenProfile\"></abp-profile>\n</ng-template>\n"
+                    template: "<abp-layout>\n  <ul class=\"navbar-nav mr-auto\">\n    <ng-container\n      *ngFor=\"let route of visibleRoutes$ | async; trackBy: trackByFn\"\n      [ngTemplateOutlet]=\"route?.children?.length ? dropdownLink : defaultLink\"\n      [ngTemplateOutletContext]=\"{ $implicit: route }\"\n    >\n    </ng-container>\n\n    <ng-template #defaultLink let-route>\n      <li class=\"nav-item\" [abpPermission]=\"route.requiredPolicy\">\n        <a class=\"nav-link\" [routerLink]=\"[route.url]\">{{ route.name | abpLocalization }}</a>\n      </li>\n    </ng-template>\n\n    <ng-template #dropdownLink let-route>\n      <li\n        #navbarRootDropdown\n        ngbDropdown\n        [abpPermission]=\"route.requiredPolicy\"\n        [abpVisibility]=\"routeContainer\"\n        class=\"nav-item dropdown pointer\"\n        display=\"static\"\n      >\n        <a ngbDropdownToggle class=\"nav-link dropdown-toggle pointer\" data-toggle=\"dropdown\">\n          {{ route.name | abpLocalization }}\n        </a>\n        <div #routeContainer ngbDropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n          <ng-template\n            #forTemplate\n            ngFor\n            [ngForOf]=\"route.children\"\n            [ngForTrackBy]=\"trackByFn\"\n            [ngForTemplate]=\"childWrapper\"\n          ></ng-template>\n        </div>\n      </li>\n    </ng-template>\n\n    <ng-template #childWrapper let-child>\n      <ng-template\n        [ngTemplateOutlet]=\"child?.children?.length ? dropdownChild : defaultChild\"\n        [ngTemplateOutletContext]=\"{ $implicit: child }\"\n      ></ng-template>\n    </ng-template>\n\n    <ng-template #defaultChild let-child>\n      <div class=\"dropdown-submenu\" [abpPermission]=\"child.requiredPolicy\">\n        <a class=\"dropdown-item py-2 px-2\" [routerLink]=\"[child.url]\">\n          <i *ngIf=\"child.iconClass\" [ngClass]=\"child.iconClass\"></i>\n          {{ child.name | abpLocalization }}</a\n        >\n      </div>\n    </ng-template>\n\n    <ng-template #dropdownChild let-child>\n      <div\n        [abpVisibility]=\"childrenContainer\"\n        class=\"dropdown-submenu pointer\"\n        ngbDropdown\n        [display]=\"isDropdownChildDynamic ? 'dynamic' : 'static'\"\n        placement=\"right-top\"\n        [abpPermission]=\"child.requiredPolicy\"\n      >\n        <div ngbDropdownToggle [class.dropdown-toggle]=\"false\" class=\"pointer\">\n          <a\n            abpEllipsis=\"210px\"\n            [abpEllipsisEnabled]=\"isDropdownChildDynamic\"\n            role=\"button\"\n            class=\"btn d-block text-left py-2 px-2 dropdown-toggle\"\n          >\n            <i *ngIf=\"child.iconClass\" [ngClass]=\"child.iconClass\"></i>\n            {{ child.name | abpLocalization }}\n          </a>\n        </div>\n        <div #childrenContainer ngbDropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n          <ng-template\n            ngFor\n            [ngForOf]=\"child.children\"\n            [ngForTrackBy]=\"trackByFn\"\n            [ngForTemplate]=\"childWrapper\"\n          ></ng-template>\n        </div>\n      </div>\n    </ng-template>\n  </ul>\n\n  <ul class=\"navbar-nav ml-auto\">\n    <ng-container\n      *ngFor=\"let element of rightPartElements; trackBy: trackElementByFn\"\n      [ngTemplateOutlet]=\"element\"\n    ></ng-container>\n  </ul>\n</abp-layout>\n\n<ng-template #language>\n  <li class=\"nav-item dropdown pointer\" ngbDropdown>\n    <a ngbDropdownToggle class=\"nav-link dropdown-toggle text-white pointer\" data-toggle=\"dropdown\">\n      {{ defaultLanguage$ | async }}\n    </a>\n    <div ngbDropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n      <a\n        *ngFor=\"let lang of dropdownLanguages$ | async\"\n        class=\"dropdown-item\"\n        (click)=\"onChangeLang(lang.cultureName)\"\n        >{{ lang?.displayName }}</a\n      >\n    </div>\n  </li>\n</ng-template>\n\n<ng-template #currentUser>\n  <li *ngIf=\"(currentUser$ | async)?.isAuthenticated\" class=\"nav-item dropdown pointer\" ngbDropdown>\n    <a ngbDropdownToggle class=\"nav-link dropdown-toggle text-white pointer\" data-toggle=\"dropdown\">\n      {{ (currentUser$ | async)?.userName }}\n    </a>\n    <div ngbDropdownMenu class=\"dropdown-menu dropdown-menu-right\">\n      <a class=\"dropdown-item pointer\" (click)=\"isOpenChangePassword = true\">{{\n        'AbpUi::ChangePassword' | abpLocalization\n      }}</a>\n      <a class=\"dropdown-item pointer\" (click)=\"isOpenProfile = true\">{{ 'AbpUi::PersonalInfo' | abpLocalization }}</a>\n      <a class=\"dropdown-item pointer\" (click)=\"logout()\">{{ 'AbpUi::Logout' | abpLocalization }}</a>\n    </div>\n  </li>\n\n  <abp-change-password [(visible)]=\"isOpenChangePassword\"></abp-change-password>\n\n  <abp-profile [(visible)]=\"isOpenProfile\"></abp-profile>\n</ng-template>\n"
                 }] }
     ];
     /** @nocollapse */
@@ -557,6 +623,46 @@ var ApplicationLayoutComponent = /** @class */ (function () {
     ], ApplicationLayoutComponent.prototype, "navElements$", void 0);
     return ApplicationLayoutComponent;
 }());
+if (false) {
+    /** @type {?} */
+    ApplicationLayoutComponent.type;
+    /** @type {?} */
+    ApplicationLayoutComponent.prototype.routes$;
+    /** @type {?} */
+    ApplicationLayoutComponent.prototype.currentUser$;
+    /** @type {?} */
+    ApplicationLayoutComponent.prototype.languages$;
+    /** @type {?} */
+    ApplicationLayoutComponent.prototype.navElements$;
+    /** @type {?} */
+    ApplicationLayoutComponent.prototype.currentUserRef;
+    /** @type {?} */
+    ApplicationLayoutComponent.prototype.languageRef;
+    /** @type {?} */
+    ApplicationLayoutComponent.prototype.navbarRootDropdowns;
+    /** @type {?} */
+    ApplicationLayoutComponent.prototype.isOpenChangePassword;
+    /** @type {?} */
+    ApplicationLayoutComponent.prototype.isOpenProfile;
+    /** @type {?} */
+    ApplicationLayoutComponent.prototype.isDropdownChildDynamic;
+    /** @type {?} */
+    ApplicationLayoutComponent.prototype.rightPartElements;
+    /** @type {?} */
+    ApplicationLayoutComponent.prototype.trackByFn;
+    /** @type {?} */
+    ApplicationLayoutComponent.prototype.trackElementByFn;
+    /**
+     * @type {?}
+     * @private
+     */
+    ApplicationLayoutComponent.prototype.store;
+    /**
+     * @type {?}
+     * @private
+     */
+    ApplicationLayoutComponent.prototype.oauthService;
+}
 /**
  * @param {?} routes
  * @return {?}
@@ -594,6 +700,10 @@ var EmptyLayoutComponent = /** @class */ (function () {
     ];
     return EmptyLayoutComponent;
 }());
+if (false) {
+    /** @type {?} */
+    EmptyLayoutComponent.type;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -602,7 +712,7 @@ var EmptyLayoutComponent = /** @class */ (function () {
 var LayoutComponent = /** @class */ (function () {
     function LayoutComponent(store) {
         this.store = store;
-        this.isCollapsed = false;
+        this.isCollapsed = true;
     }
     Object.defineProperty(LayoutComponent.prototype, "appInfo", {
         get: /**
@@ -627,6 +737,15 @@ var LayoutComponent = /** @class */ (function () {
     ]; };
     return LayoutComponent;
 }());
+if (false) {
+    /** @type {?} */
+    LayoutComponent.prototype.isCollapsed;
+    /**
+     * @type {?}
+     * @private
+     */
+    LayoutComponent.prototype.store;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -638,6 +757,7 @@ var ProfileComponent = /** @class */ (function () {
         this.fb = fb;
         this.store = store;
         this.visibleChange = new EventEmitter();
+        this.modalBusy = false;
     }
     Object.defineProperty(ProfileComponent.prototype, "visible", {
         get: /**
@@ -693,10 +813,12 @@ var ProfileComponent = /** @class */ (function () {
         var _this = this;
         if (this.form.invalid)
             return;
+        this.modalBusy = true;
         this.store.dispatch(new UpdateProfile(this.form.value)).subscribe((/**
          * @return {?}
          */
         function () {
+            _this.modalBusy = false;
             _this.visible = false;
             _this.form.reset();
         }));
@@ -733,7 +855,7 @@ var ProfileComponent = /** @class */ (function () {
     ProfileComponent.decorators = [
         { type: Component, args: [{
                     selector: 'abp-profile',
-                    template: "<abp-modal [(visible)]=\"visible\">\n  <ng-template #abpHeader>\n    <h4>{{ 'AbpIdentity::PersonalInfo' | abpLocalization }}</h4>\n  </ng-template>\n  <ng-template #abpBody>\n    <form *ngIf=\"form\" [formGroup]=\"form\" novalidate>\n      <div class=\"form-group\">\n        <label for=\"username\">{{ 'AbpIdentity::DisplayName:UserName' | abpLocalization }}</label\n        ><span> * </span><input type=\"text\" id=\"username\" class=\"form-control\" formControlName=\"userName\" autofocus />\n      </div>\n      <div class=\"row\">\n        <div class=\"col col-md-6\">\n          <div class=\"form-group\">\n            <label for=\"name\">{{ 'AbpIdentity::DisplayName:Name' | abpLocalization }}</label\n            ><input type=\"text\" id=\"name\" class=\"form-control\" formControlName=\"name\" />\n          </div>\n        </div>\n        <div class=\"col col-md-6\">\n          <div class=\"form-group\">\n            <label for=\"surname\">{{ 'AbpIdentity::DisplayName:Surname' | abpLocalization }}</label\n            ><input type=\"text\" id=\"surname\" class=\"form-control\" formControlName=\"surname\" />\n          </div>\n        </div>\n      </div>\n      <div class=\"form-group\">\n        <label for=\"email-address\">{{ 'AbpIdentity::DisplayName:Email' | abpLocalization }}</label\n        ><span> * </span><input type=\"text\" id=\"email-address\" class=\"form-control\" formControlName=\"email\" />\n      </div>\n      <div class=\"form-group\">\n        <label for=\"phone-number\">{{ 'AbpIdentity::DisplayName:PhoneNumber' | abpLocalization }}</label\n        ><input type=\"text\" id=\"phone-number\" class=\"form-control\" formControlName=\"phoneNumber\" />\n      </div>\n    </form>\n  </ng-template>\n  <ng-template #abpFooter>\n    <button #abpClose type=\"button\" class=\"btn btn-secondary\">\n      {{ 'AbpIdentity::Cancel' | abpLocalization }}\n    </button>\n    <abp-button\n      [requestType]=\"['PUT']\"\n      requestURLContainSearchValue=\"my-profile\"\n      iconClass=\"fa fa-check\"\n      (click)=\"onSubmit()\"\n      >{{ 'AbpIdentity::Save' | abpLocalization }}</abp-button\n    >\n  </ng-template>\n</abp-modal>\n"
+                    template: "<abp-modal [(visible)]=\"visible\" [busy]=\"modalBusy\">\n  <ng-template #abpHeader>\n    <h4>{{ 'AbpIdentity::PersonalInfo' | abpLocalization }}</h4>\n  </ng-template>\n  <ng-template #abpBody>\n    <form novalidate *ngIf=\"form\" [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n      <div class=\"form-group\">\n        <label for=\"username\">{{ 'AbpIdentity::DisplayName:UserName' | abpLocalization }}</label\n        ><span> * </span><input type=\"text\" id=\"username\" class=\"form-control\" formControlName=\"userName\" autofocus />\n      </div>\n      <div class=\"row\">\n        <div class=\"col col-md-6\">\n          <div class=\"form-group\">\n            <label for=\"name\">{{ 'AbpIdentity::DisplayName:Name' | abpLocalization }}</label\n            ><input type=\"text\" id=\"name\" class=\"form-control\" formControlName=\"name\" />\n          </div>\n        </div>\n        <div class=\"col col-md-6\">\n          <div class=\"form-group\">\n            <label for=\"surname\">{{ 'AbpIdentity::DisplayName:Surname' | abpLocalization }}</label\n            ><input type=\"text\" id=\"surname\" class=\"form-control\" formControlName=\"surname\" />\n          </div>\n        </div>\n      </div>\n      <div class=\"form-group\">\n        <label for=\"email-address\">{{ 'AbpIdentity::DisplayName:Email' | abpLocalization }}</label\n        ><span> * </span><input type=\"text\" id=\"email-address\" class=\"form-control\" formControlName=\"email\" />\n      </div>\n      <div class=\"form-group\">\n        <label for=\"phone-number\">{{ 'AbpIdentity::DisplayName:PhoneNumber' | abpLocalization }}</label\n        ><input type=\"text\" id=\"phone-number\" class=\"form-control\" formControlName=\"phoneNumber\" />\n      </div>\n    </form>\n  </ng-template>\n  <ng-template #abpFooter>\n    <button #abpClose type=\"button\" class=\"btn btn-secondary\">\n      {{ 'AbpIdentity::Cancel' | abpLocalization }}\n    </button>\n    <abp-button iconClass=\"fa fa-check\" (click)=\"onSubmit()\">{{ 'AbpIdentity::Save' | abpLocalization }}</abp-button>\n  </ng-template>\n</abp-modal>\n"
                 }] }
     ];
     /** @nocollapse */
@@ -751,6 +873,31 @@ var ProfileComponent = /** @class */ (function () {
     ], ProfileComponent.prototype, "profile$", void 0);
     return ProfileComponent;
 }());
+if (false) {
+    /**
+     * @type {?}
+     * @protected
+     */
+    ProfileComponent.prototype._visible;
+    /** @type {?} */
+    ProfileComponent.prototype.visibleChange;
+    /** @type {?} */
+    ProfileComponent.prototype.profile$;
+    /** @type {?} */
+    ProfileComponent.prototype.form;
+    /** @type {?} */
+    ProfileComponent.prototype.modalBusy;
+    /**
+     * @type {?}
+     * @private
+     */
+    ProfileComponent.prototype.fb;
+    /**
+     * @type {?}
+     * @private
+     */
+    ProfileComponent.prototype.store;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -780,6 +927,11 @@ var ThemeBasicModule = /** @class */ (function () {
     return ThemeBasicModule;
 }());
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -791,12 +943,39 @@ var Layout;
      */
     function State() { }
     Layout.State = State;
+    if (false) {
+        /** @type {?} */
+        State.prototype.navigationElements;
+    }
     /**
      * @record
      */
     function NavigationElement() { }
     Layout.NavigationElement = NavigationElement;
+    if (false) {
+        /** @type {?} */
+        NavigationElement.prototype.name;
+        /** @type {?} */
+        NavigationElement.prototype.element;
+        /** @type {?|undefined} */
+        NavigationElement.prototype.order;
+    }
 })(Layout || (Layout = {}));
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
 export { AccountLayoutComponent, AddNavigationElement, ApplicationLayoutComponent, EmptyLayoutComponent, LAYOUTS, LayoutState, RemoveNavigationElementByName, ThemeBasicModule, ApplicationLayoutComponent as ɵa, LayoutState as ɵb, AccountLayoutComponent as ɵc, EmptyLayoutComponent as ɵd, LayoutComponent as ɵe, ChangePasswordComponent as ɵf, ProfileComponent as ɵg, LayoutState as ɵh, AddNavigationElement as ɵi, RemoveNavigationElementByName as ɵj };
 //# sourceMappingURL=abp-ng.theme.basic.js.map

npm/ng-packs/dist/theme-basic/lib/components/change-password/change-password.component.d.ts

@@ -11,6 +11,7 @@ export declare class ChangePasswordComponent implements OnInit, OnChanges {
     visibleChange: EventEmitter<boolean>;
     modalContent: TemplateRef<any>;
     form: FormGroup;
+    modalBusy: boolean;
     constructor(fb: FormBuilder, store: Store, toasterService: ToasterService);
     ngOnInit(): void;
     onSubmit(): void;

npm/ng-packs/dist/theme-basic/lib/components/profile/profile.component.d.ts

@@ -11,6 +11,7 @@ export declare class ProfileComponent implements OnChanges {
     visibleChange: EventEmitter<boolean>;
     profile$: Observable<Profile.Response>;
     form: FormGroup;
+    modalBusy: boolean;
     constructor(fb: FormBuilder, store: Store);
     buildForm(): void;
     onSubmit(): void;

npm/ng-packs/dist/theme-shared/bundles/abp-ng.theme.shared.umd.js

@@ -46,6 +46,85 @@
         return __assign.apply(this, arguments);
     };
 
+    function __rest(s, e) {
+        var t = {};
+        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+            t[p] = s[p];
+        if (s != null && typeof Object.getOwnPropertySymbols === "function")
+            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                    t[p[i]] = s[p[i]];
+            }
+        return t;
+    }
+
+    function __decorate(decorators, target, key, desc) {
+        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+        if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+        else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+    }
+
+    function __param(paramIndex, decorator) {
+        return function (target, key) { decorator(target, key, paramIndex); }
+    }
+
+    function __metadata(metadataKey, metadataValue) {
+        if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
+    }
+
+    function __awaiter(thisArg, _arguments, P, generator) {
+        return new (P || (P = Promise))(function (resolve, reject) {
+            function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+            function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+            function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
+            step((generator = generator.apply(thisArg, _arguments || [])).next());
+        });
+    }
+
+    function __generator(thisArg, body) {
+        var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+        function verb(n) { return function (v) { return step([n, v]); }; }
+        function step(op) {
+            if (f) throw new TypeError("Generator is already executing.");
+            while (_) try {
+                if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+                if (y = 0, t) op = [op[0] & 2, t.value];
+                switch (op[0]) {
+                    case 0: case 1: t = op; break;
+                    case 4: _.label++; return { value: op[1], done: false };
+                    case 5: _.label++; y = op[1]; op = [0]; continue;
+                    case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                    default:
+                        if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                        if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                        if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                        if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                        if (t[2]) _.ops.pop();
+                        _.trys.pop(); continue;
+                }
+                op = body.call(thisArg, _);
+            } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+            if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+        }
+    }
+
+    function __exportStar(m, exports) {
+        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+    }
+
+    function __values(o) {
+        var m = typeof Symbol === "function" && o[Symbol.iterator], i = 0;
+        if (m) return m.call(o);
+        return {
+            next: function () {
+                if (o && i >= o.length) o = void 0;
+                return { value: o && o[i++], done: !o };
+            }
+        };
+    }
+
     function __read(o, n) {
         var m = typeof Symbol === "function" && o[Symbol.iterator];
         if (!m) return o;
@@ -67,6 +146,61 @@
         for (var ar = [], i = 0; i < arguments.length; i++)
             ar = ar.concat(__read(arguments[i]));
         return ar;
+    }
+
+    function __spreadArrays() {
+        for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+        for (var r = Array(s), k = 0, i = 0; i < il; i++)
+            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+                r[k] = a[j];
+        return r;
+    };
+
+    function __await(v) {
+        return this instanceof __await ? (this.v = v, this) : new __await(v);
+    }
+
+    function __asyncGenerator(thisArg, _arguments, generator) {
+        if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
+        var g = generator.apply(thisArg, _arguments || []), i, q = [];
+        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
+        function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
+        function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
+        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
+        function fulfill(value) { resume("next", value); }
+        function reject(value) { resume("throw", value); }
+        function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
+    }
+
+    function __asyncDelegator(o) {
+        var i, p;
+        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
+        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
+    }
+
+    function __asyncValues(o) {
+        if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
+        var m = o[Symbol.asyncIterator], i;
+        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
+        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
+        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
+    }
+
+    function __makeTemplateObject(cooked, raw) {
+        if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+        return cooked;
+    };
+
+    function __importStar(mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
+        result.default = mod;
+        return result;
+    }
+
+    function __importDefault(mod) {
+        return (mod && mod.__esModule) ? mod : { default: mod };
     }
 
     /**
@@ -182,6 +316,19 @@
         };
         return AbstractToaster;
     }());
+    if (false) {
+        /** @type {?} */
+        AbstractToaster.prototype.status$;
+        /** @type {?} */
+        AbstractToaster.prototype.key;
+        /** @type {?} */
+        AbstractToaster.prototype.sticky;
+        /**
+         * @type {?}
+         * @protected
+         */
+        AbstractToaster.prototype.messageService;
+    }
 
     /**
      * @fileoverview added by tsickle
@@ -201,6 +348,12 @@
         /** @nocollapse */ ConfirmationService.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function ConfirmationService_Factory() { return new ConfirmationService(core.ɵɵinject(messageservice.MessageService)); }, token: ConfirmationService, providedIn: "root" });
         return ConfirmationService;
     }(AbstractToaster));
+    if (false) {
+        /** @type {?} */
+        ConfirmationService.prototype.key;
+        /** @type {?} */
+        ConfirmationService.prototype.sticky;
+    }
 
     /**
      * @fileoverview added by tsickle
@@ -236,6 +389,19 @@
         ]; };
         return ConfirmationComponent;
     }());
+    if (false) {
+        /** @type {?} */
+        ConfirmationComponent.prototype.confirm;
+        /** @type {?} */
+        ConfirmationComponent.prototype.reject;
+        /** @type {?} */
+        ConfirmationComponent.prototype.dismiss;
+        /**
+         * @type {?}
+         * @private
+         */
+        ConfirmationComponent.prototype.confirmationService;
+    }
 
     /**
      * @fileoverview added by tsickle
@@ -264,6 +430,18 @@
         ];
         return ErrorComponent;
     }());
+    if (false) {
+        /** @type {?} */
+        ErrorComponent.prototype.title;
+        /** @type {?} */
+        ErrorComponent.prototype.details;
+        /** @type {?} */
+        ErrorComponent.prototype.renderer;
+        /** @type {?} */
+        ErrorComponent.prototype.elementRef;
+        /** @type {?} */
+        ErrorComponent.prototype.host;
+    }
 
     /**
      * @fileoverview added by tsickle
@@ -386,14 +564,37 @@
         };
         return LoaderBarComponent;
     }());
+    if (false) {
+        /** @type {?} */
+        LoaderBarComponent.prototype.containerClass;
+        /** @type {?} */
+        LoaderBarComponent.prototype.progressClass;
+        /** @type {?} */
+        LoaderBarComponent.prototype.isLoading;
+        /** @type {?} */
+        LoaderBarComponent.prototype.filter;
+        /** @type {?} */
+        LoaderBarComponent.prototype.progressLevel;
+        /** @type {?} */
+        LoaderBarComponent.prototype.interval;
+        /**
+         * @type {?}
+         * @private
+         */
+        LoaderBarComponent.prototype.actions;
+        /**
+         * @type {?}
+         * @private
+         */
+        LoaderBarComponent.prototype.router;
+    }
 
     /**
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var ButtonComponent = /** @class */ (function () {
-        function ButtonComponent(actions) {
-            this.actions = actions;
+        function ButtonComponent() {
             this.buttonClass = 'btn btn-primary';
             this.buttonType = 'button';
             this.loading = false;
@@ -409,75 +610,33 @@
             enumerable: true,
             configurable: true
         });
-        /**
-         * @return {?}
-         */
-        ButtonComponent.prototype.ngOnInit = /**
-         * @return {?}
-         */
-        function () {
-            var _this = this;
-            if (this.requestType || this.requestURLContainSearchValue) {
-                this.actions
-                    .pipe(store.ofActionSuccessful(ng_core.StartLoader, ng_core.StopLoader), operators.filter((/**
-                 * @param {?} event
-                 * @return {?}
-                 */
-                function (event) {
-                    /** @type {?} */
-                    var condition = true;
-                    if (_this.requestType) {
-                        if (!Array.isArray(_this.requestType))
-                            _this.requestType = [_this.requestType];
-                        condition =
-                            condition &&
-                                _this.requestType.findIndex((/**
-                                 * @param {?} type
-                                 * @return {?}
-                                 */
-                                function (type) { return type.toLowerCase() === event.payload.method.toLowerCase(); })) > -1;
-                    }
-                    if (condition && _this.requestURLContainSearchValue) {
-                        condition =
-                            condition &&
-                                event.payload.url.toLowerCase().indexOf(_this.requestURLContainSearchValue.toLowerCase()) > -1;
-                    }
-                    return condition;
-                })))
-                    .subscribe((/**
-                 * @return {?}
-                 */
-                function () {
-                    setTimeout((/**
-                     * @return {?}
-                     */
-                    function () {
-                        _this.loading = !_this.loading;
-                    }), 0);
-                }));
-            }
-        };
         ButtonComponent.decorators = [
             { type: core.Component, args: [{
                         selector: 'abp-button',
                         template: "\n    <button [attr.type]=\"buttonType\" [ngClass]=\"buttonClass\" [disabled]=\"loading || disabled\">\n      <i [ngClass]=\"icon\" class=\"mr-1\"></i><ng-content></ng-content>\n    </button>\n  "
                     }] }
         ];
-        /** @nocollapse */
-        ButtonComponent.ctorParameters = function () { return [
-            { type: store.Actions }
-        ]; };
         ButtonComponent.propDecorators = {
             buttonClass: [{ type: core.Input }],
             buttonType: [{ type: core.Input }],
             iconClass: [{ type: core.Input }],
             loading: [{ type: core.Input }],
-            disabled: [{ type: core.Input }],
-            requestType: [{ type: core.Input }],
-            requestURLContainSearchValue: [{ type: core.Input }]
+            disabled: [{ type: core.Input }]
         };
         return ButtonComponent;
     }());
+    if (false) {
+        /** @type {?} */
+        ButtonComponent.prototype.buttonClass;
+        /** @type {?} */
+        ButtonComponent.prototype.buttonType;
+        /** @type {?} */
+        ButtonComponent.prototype.iconClass;
+        /** @type {?} */
+        ButtonComponent.prototype.loading;
+        /** @type {?} */
+        ButtonComponent.prototype.disabled;
+    }
 
     /**
      * @fileoverview added by tsickle
@@ -707,6 +866,58 @@
         };
         return ModalComponent;
     }());
+    if (false) {
+        /** @type {?} */
+        ModalComponent.prototype.centered;
+        /** @type {?} */
+        ModalComponent.prototype.modalClass;
+        /** @type {?} */
+        ModalComponent.prototype.size;
+        /** @type {?} */
+        ModalComponent.prototype.height;
+        /** @type {?} */
+        ModalComponent.prototype.minHeight;
+        /** @type {?} */
+        ModalComponent.prototype.visibleChange;
+        /** @type {?} */
+        ModalComponent.prototype.init;
+        /** @type {?} */
+        ModalComponent.prototype.abpHeader;
+        /** @type {?} */
+        ModalComponent.prototype.abpBody;
+        /** @type {?} */
+        ModalComponent.prototype.abpFooter;
+        /** @type {?} */
+        ModalComponent.prototype.abpClose;
+        /** @type {?} */
+        ModalComponent.prototype.abpSubmit;
+        /** @type {?} */
+        ModalComponent.prototype.modalContent;
+        /** @type {?} */
+        ModalComponent.prototype.abpButtons;
+        /** @type {?} */
+        ModalComponent.prototype._visible;
+        /** @type {?} */
+        ModalComponent.prototype._busy;
+        /** @type {?} */
+        ModalComponent.prototype.showModal;
+        /** @type {?} */
+        ModalComponent.prototype.isOpenConfirmation;
+        /** @type {?} */
+        ModalComponent.prototype.closable;
+        /** @type {?} */
+        ModalComponent.prototype.destroy$;
+        /**
+         * @type {?}
+         * @private
+         */
+        ModalComponent.prototype.renderer;
+        /**
+         * @type {?}
+         * @private
+         */
+        ModalComponent.prototype.confirmationService;
+    }
     /**
      * @param {?} nodes
      * @return {?}
@@ -751,7 +962,7 @@
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
-    var styles = "\n.is-invalid .form-control {\n  border-color: #dc3545;\n  border-style: solid !important;\n}\n\n.is-invalid .invalid-feedback,\n.is-invalid + * .invalid-feedback {\n  display: block;\n}\n\n.data-tables-filter {\n  text-align: right;\n}\n\n.pointer {\n  cursor: pointer;\n}\n\n.navbar .dropdown-submenu a::after {\n  transform: rotate(-90deg);\n  position: absolute;\n  right: 16px;\n  top: 18px;\n}\n\n.navbar .dropdown-menu {\n  min-width: 200px;\n}\n\n.modal {\n background-color: rgba(0, 0, 0, .6);\n}\n\n.abp-ellipsis {\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* <animations */\n\n.fade-in-top {\n  animation: fadeInTop 0.2s ease-in-out;\n}\n\n.fade-out-top {\n  animation: fadeOutTop 0.2s ease-in-out;\n}\n\n\n@keyframes fadeInTop {\n  from {\n    transform: translateY(-5px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(5px);\n    opacity: 1;\n  }\n}\n\n@keyframes fadeOutTop {\n  to {\n    transform: translateY(-5px);\n    opacity: 0;\n  }\n}\n\n/* </animations */\n\n";
+    var styles = "\n.is-invalid .form-control {\n  border-color: #dc3545;\n  border-style: solid !important;\n}\n\n.is-invalid .invalid-feedback,\n.is-invalid + * .invalid-feedback {\n  display: block;\n}\n\n.data-tables-filter {\n  text-align: right;\n}\n\n.pointer {\n  cursor: pointer;\n}\n\n.navbar .dropdown-submenu a::after {\n  transform: rotate(-90deg);\n  position: absolute;\n  right: 16px;\n  top: 18px;\n}\n\n.navbar .dropdown-menu {\n  min-width: 215px;\n}\n\n.modal {\n background-color: rgba(0, 0, 0, .6);\n}\n\n.abp-ellipsis {\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* <animations */\n\n.fade-in-top {\n  animation: fadeInTop 0.2s ease-in-out;\n}\n\n.fade-out-top {\n  animation: fadeOutTop 0.2s ease-in-out;\n}\n\n\n@keyframes fadeInTop {\n  from {\n    transform: translateY(-5px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(5px);\n    opacity: 1;\n  }\n}\n\n@keyframes fadeOutTop {\n  to {\n    transform: translateY(-5px);\n    opacity: 0;\n  }\n}\n\n/* </animations */\n\n";
 
     /**
      * @fileoverview added by tsickle
@@ -933,6 +1144,43 @@
         /** @nocollapse */ ErrorHandler.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function ErrorHandler_Factory() { return new ErrorHandler(core.ɵɵinject(store.Actions), core.ɵɵinject(store.Store), core.ɵɵinject(ConfirmationService), core.ɵɵinject(core.ApplicationRef), core.ɵɵinject(core.ComponentFactoryResolver), core.ɵɵinject(core.RendererFactory2), core.ɵɵinject(core.INJECTOR)); }, token: ErrorHandler, providedIn: "root" });
         return ErrorHandler;
     }());
+    if (false) {
+        /**
+         * @type {?}
+         * @private
+         */
+        ErrorHandler.prototype.actions;
+        /**
+         * @type {?}
+         * @private
+         */
+        ErrorHandler.prototype.store;
+        /**
+         * @type {?}
+         * @private
+         */
+        ErrorHandler.prototype.confirmationService;
+        /**
+         * @type {?}
+         * @private
+         */
+        ErrorHandler.prototype.appRef;
+        /**
+         * @type {?}
+         * @private
+         */
+        ErrorHandler.prototype.cfRes;
+        /**
+         * @type {?}
+         * @private
+         */
+        ErrorHandler.prototype.rendererFactory;
+        /**
+         * @type {?}
+         * @private
+         */
+        ErrorHandler.prototype.injector;
+    }
 
     /**
      * @fileoverview added by tsickle
@@ -1067,6 +1315,16 @@
         animations.transition(':enter', [animations.animate('0.2s ease-out', animations.style({ opacity: '1', 'margin-top': '0px' }))]),
     ]);
 
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+
     /**
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -1078,6 +1336,16 @@
          */
         function Options() { }
         Confirmation.Options = Options;
+        if (false) {
+            /** @type {?|undefined} */
+            Options.prototype.hideCancelBtn;
+            /** @type {?|undefined} */
+            Options.prototype.hideYesBtn;
+            /** @type {?|undefined} */
+            Options.prototype.cancelCopy;
+            /** @type {?|undefined} */
+            Options.prototype.yesCopy;
+        }
     })(Confirmation || (Confirmation = {}));
 
     /**
@@ -1091,8 +1359,29 @@
          */
         function Options() { }
         Toaster.Options = Options;
+        if (false) {
+            /** @type {?|undefined} */
+            Options.prototype.id;
+            /** @type {?|undefined} */
+            Options.prototype.closable;
+            /** @type {?|undefined} */
+            Options.prototype.life;
+            /** @type {?|undefined} */
+            Options.prototype.sticky;
+            /** @type {?|undefined} */
+            Options.prototype.data;
+            /** @type {?|undefined} */
+            Options.prototype.messageLocalizationParams;
+            /** @type {?|undefined} */
+            Options.prototype.titleLocalizationParams;
+        }
     })(exports.Toaster || (exports.Toaster = {}));
 
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+
     /**
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc

npm/ng-packs/dist/theme-shared/esm2015/lib/contants/styles.js

@@ -29,7 +29,7 @@ export default `
 }
 
 .navbar .dropdown-menu {
-  min-width: 200px;
+  min-width: 215px;
 }
 
 .modal {
@@ -76,4 +76,4 @@ export default `
 /* </animations */
 
 `;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGFicC9uZy50aGVtZS5zaGFyZWQvIiwic291cmNlcyI6WyJsaWIvY29udGFudHMvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxlQUFlOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0NBeUVkLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZGVmYXVsdCBgXG4uaXMtaW52YWxpZCAuZm9ybS1jb250cm9sIHtcbiAgYm9yZGVyLWNvbG9yOiAjZGMzNTQ1O1xuICBib3JkZXItc3R5bGU6IHNvbGlkICFpbXBvcnRhbnQ7XG59XG5cbi5pcy1pbnZhbGlkIC5pbnZhbGlkLWZlZWRiYWNrLFxuLmlzLWludmFsaWQgKyAqIC5pbnZhbGlkLWZlZWRiYWNrIHtcbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbi5kYXRhLXRhYmxlcy1maWx0ZXIge1xuICB0ZXh0LWFsaWduOiByaWdodDtcbn1cblxuLnBvaW50ZXIge1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5uYXZiYXIgLmRyb3Bkb3duLXN1Ym1lbnUgYTo6YWZ0ZXIge1xuICB0cmFuc2Zvcm06IHJvdGF0ZSgtOTBkZWcpO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAxNnB4O1xuICB0b3A6IDE4cHg7XG59XG5cbi5uYXZiYXIgLmRyb3Bkb3duLW1lbnUge1xuICBtaW4td2lkdGg6IDIwMHB4O1xufVxuXG4ubW9kYWwge1xuIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgLjYpO1xufVxuXG4uYWJwLWVsbGlwc2lzIHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbn1cblxuLyogPGFuaW1hdGlvbnMgKi9cblxuLmZhZGUtaW4tdG9wIHtcbiAgYW5pbWF0aW9uOiBmYWRlSW5Ub3AgMC4ycyBlYXNlLWluLW91dDtcbn1cblxuLmZhZGUtb3V0LXRvcCB7XG4gIGFuaW1hdGlvbjogZmFkZU91dFRvcCAwLjJzIGVhc2UtaW4tb3V0O1xufVxuXG5cbkBrZXlmcmFtZXMgZmFkZUluVG9wIHtcbiAgZnJvbSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01cHgpO1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cblxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDVweCk7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIGZhZGVPdXRUb3Age1xuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01cHgpO1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cbn1cblxuLyogPC9hbmltYXRpb25zICovXG5cbmA7XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGFicC9uZy50aGVtZS5zaGFyZWQvIiwic291cmNlcyI6WyJsaWIvY29udGFudHMvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxlQUFlOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0NBeUVkLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZGVmYXVsdCBgXG4uaXMtaW52YWxpZCAuZm9ybS1jb250cm9sIHtcbiAgYm9yZGVyLWNvbG9yOiAjZGMzNTQ1O1xuICBib3JkZXItc3R5bGU6IHNvbGlkICFpbXBvcnRhbnQ7XG59XG5cbi5pcy1pbnZhbGlkIC5pbnZhbGlkLWZlZWRiYWNrLFxuLmlzLWludmFsaWQgKyAqIC5pbnZhbGlkLWZlZWRiYWNrIHtcbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbi5kYXRhLXRhYmxlcy1maWx0ZXIge1xuICB0ZXh0LWFsaWduOiByaWdodDtcbn1cblxuLnBvaW50ZXIge1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5uYXZiYXIgLmRyb3Bkb3duLXN1Ym1lbnUgYTo6YWZ0ZXIge1xuICB0cmFuc2Zvcm06IHJvdGF0ZSgtOTBkZWcpO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAxNnB4O1xuICB0b3A6IDE4cHg7XG59XG5cbi5uYXZiYXIgLmRyb3Bkb3duLW1lbnUge1xuICBtaW4td2lkdGg6IDIxNXB4O1xufVxuXG4ubW9kYWwge1xuIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgLjYpO1xufVxuXG4uYWJwLWVsbGlwc2lzIHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbn1cblxuLyogPGFuaW1hdGlvbnMgKi9cblxuLmZhZGUtaW4tdG9wIHtcbiAgYW5pbWF0aW9uOiBmYWRlSW5Ub3AgMC4ycyBlYXNlLWluLW91dDtcbn1cblxuLmZhZGUtb3V0LXRvcCB7XG4gIGFuaW1hdGlvbjogZmFkZU91dFRvcCAwLjJzIGVhc2UtaW4tb3V0O1xufVxuXG5cbkBrZXlmcmFtZXMgZmFkZUluVG9wIHtcbiAgZnJvbSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01cHgpO1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cblxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDVweCk7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIGZhZGVPdXRUb3Age1xuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01cHgpO1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cbn1cblxuLyogPC9hbmltYXRpb25zICovXG5cbmA7XG4iXX0=

npm/ng-packs/dist/theme-shared/esm5/lib/contants/styles.js

@@ -2,5 +2,5 @@
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
-export default "\n.is-invalid .form-control {\n  border-color: #dc3545;\n  border-style: solid !important;\n}\n\n.is-invalid .invalid-feedback,\n.is-invalid + * .invalid-feedback {\n  display: block;\n}\n\n.data-tables-filter {\n  text-align: right;\n}\n\n.pointer {\n  cursor: pointer;\n}\n\n.navbar .dropdown-submenu a::after {\n  transform: rotate(-90deg);\n  position: absolute;\n  right: 16px;\n  top: 18px;\n}\n\n.navbar .dropdown-menu {\n  min-width: 200px;\n}\n\n.modal {\n background-color: rgba(0, 0, 0, .6);\n}\n\n.abp-ellipsis {\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* <animations */\n\n.fade-in-top {\n  animation: fadeInTop 0.2s ease-in-out;\n}\n\n.fade-out-top {\n  animation: fadeOutTop 0.2s ease-in-out;\n}\n\n\n@keyframes fadeInTop {\n  from {\n    transform: translateY(-5px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(5px);\n    opacity: 1;\n  }\n}\n\n@keyframes fadeOutTop {\n  to {\n    transform: translateY(-5px);\n    opacity: 0;\n  }\n}\n\n/* </animations */\n\n";
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGFicC9uZy50aGVtZS5zaGFyZWQvIiwic291cmNlcyI6WyJsaWIvY29udGFudHMvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxlQUFlLG1pQ0F5RWQsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBkZWZhdWx0IGBcbi5pcy1pbnZhbGlkIC5mb3JtLWNvbnRyb2wge1xuICBib3JkZXItY29sb3I6ICNkYzM1NDU7XG4gIGJvcmRlci1zdHlsZTogc29saWQgIWltcG9ydGFudDtcbn1cblxuLmlzLWludmFsaWQgLmludmFsaWQtZmVlZGJhY2ssXG4uaXMtaW52YWxpZCArICogLmludmFsaWQtZmVlZGJhY2sge1xuICBkaXNwbGF5OiBibG9jaztcbn1cblxuLmRhdGEtdGFibGVzLWZpbHRlciB7XG4gIHRleHQtYWxpZ246IHJpZ2h0O1xufVxuXG4ucG9pbnRlciB7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLm5hdmJhciAuZHJvcGRvd24tc3VibWVudSBhOjphZnRlciB7XG4gIHRyYW5zZm9ybTogcm90YXRlKC05MGRlZyk7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDE2cHg7XG4gIHRvcDogMThweDtcbn1cblxuLm5hdmJhciAuZHJvcGRvd24tbWVudSB7XG4gIG1pbi13aWR0aDogMjAwcHg7XG59XG5cbi5tb2RhbCB7XG4gYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAuNik7XG59XG5cbi5hYnAtZWxsaXBzaXMge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xufVxuXG4vKiA8YW5pbWF0aW9ucyAqL1xuXG4uZmFkZS1pbi10b3Age1xuICBhbmltYXRpb246IGZhZGVJblRvcCAwLjJzIGVhc2UtaW4tb3V0O1xufVxuXG4uZmFkZS1vdXQtdG9wIHtcbiAgYW5pbWF0aW9uOiBmYWRlT3V0VG9wIDAuMnMgZWFzZS1pbi1vdXQ7XG59XG5cblxuQGtleWZyYW1lcyBmYWRlSW5Ub3Age1xuICBmcm9tIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTVweCk7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoNXB4KTtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgZmFkZU91dFRvcCB7XG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTVweCk7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxufVxuXG4vKiA8L2FuaW1hdGlvbnMgKi9cblxuYDtcbiJdfQ==
+export default "\n.is-invalid .form-control {\n  border-color: #dc3545;\n  border-style: solid !important;\n}\n\n.is-invalid .invalid-feedback,\n.is-invalid + * .invalid-feedback {\n  display: block;\n}\n\n.data-tables-filter {\n  text-align: right;\n}\n\n.pointer {\n  cursor: pointer;\n}\n\n.navbar .dropdown-submenu a::after {\n  transform: rotate(-90deg);\n  position: absolute;\n  right: 16px;\n  top: 18px;\n}\n\n.navbar .dropdown-menu {\n  min-width: 215px;\n}\n\n.modal {\n background-color: rgba(0, 0, 0, .6);\n}\n\n.abp-ellipsis {\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* <animations */\n\n.fade-in-top {\n  animation: fadeInTop 0.2s ease-in-out;\n}\n\n.fade-out-top {\n  animation: fadeOutTop 0.2s ease-in-out;\n}\n\n\n@keyframes fadeInTop {\n  from {\n    transform: translateY(-5px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(5px);\n    opacity: 1;\n  }\n}\n\n@keyframes fadeOutTop {\n  to {\n    transform: translateY(-5px);\n    opacity: 0;\n  }\n}\n\n/* </animations */\n\n";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGFicC9uZy50aGVtZS5zaGFyZWQvIiwic291cmNlcyI6WyJsaWIvY29udGFudHMvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxlQUFlLG1pQ0F5RWQsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBkZWZhdWx0IGBcbi5pcy1pbnZhbGlkIC5mb3JtLWNvbnRyb2wge1xuICBib3JkZXItY29sb3I6ICNkYzM1NDU7XG4gIGJvcmRlci1zdHlsZTogc29saWQgIWltcG9ydGFudDtcbn1cblxuLmlzLWludmFsaWQgLmludmFsaWQtZmVlZGJhY2ssXG4uaXMtaW52YWxpZCArICogLmludmFsaWQtZmVlZGJhY2sge1xuICBkaXNwbGF5OiBibG9jaztcbn1cblxuLmRhdGEtdGFibGVzLWZpbHRlciB7XG4gIHRleHQtYWxpZ246IHJpZ2h0O1xufVxuXG4ucG9pbnRlciB7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLm5hdmJhciAuZHJvcGRvd24tc3VibWVudSBhOjphZnRlciB7XG4gIHRyYW5zZm9ybTogcm90YXRlKC05MGRlZyk7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDE2cHg7XG4gIHRvcDogMThweDtcbn1cblxuLm5hdmJhciAuZHJvcGRvd24tbWVudSB7XG4gIG1pbi13aWR0aDogMjE1cHg7XG59XG5cbi5tb2RhbCB7XG4gYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAuNik7XG59XG5cbi5hYnAtZWxsaXBzaXMge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xufVxuXG4vKiA8YW5pbWF0aW9ucyAqL1xuXG4uZmFkZS1pbi10b3Age1xuICBhbmltYXRpb246IGZhZGVJblRvcCAwLjJzIGVhc2UtaW4tb3V0O1xufVxuXG4uZmFkZS1vdXQtdG9wIHtcbiAgYW5pbWF0aW9uOiBmYWRlT3V0VG9wIDAuMnMgZWFzZS1pbi1vdXQ7XG59XG5cblxuQGtleWZyYW1lcyBmYWRlSW5Ub3Age1xuICBmcm9tIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTVweCk7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoNXB4KTtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgZmFkZU91dFRvcCB7XG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTVweCk7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxufVxuXG4vKiA8L2FuaW1hdGlvbnMgKi9cblxuYDtcbiJdfQ==

npm/ng-packs/dist/theme-shared/fesm2015/abp-ng.theme.shared.js

@@ -1,4 +1,4 @@
-import { StartLoader, StopLoader, RestOccurError, CoreModule, LazyLoadService } from '@abp/ng.core';
+import { StartLoader, StopLoader, RestOccurError, LazyLoadService, CoreModule } from '@abp/ng.core';
 import { Injectable, ɵɵdefineInjectable, ɵɵinject, Component, Input, EventEmitter, Renderer2, Output, ContentChild, ElementRef, ViewChild, ViewChildren, ApplicationRef, ComponentFactoryResolver, RendererFactory2, Injector, INJECTOR, ChangeDetectionStrategy, ViewEncapsulation, APP_INITIALIZER, NgModule } from '@angular/core';
 import { NgbModalModule } from '@ng-bootstrap/ng-bootstrap';
 import { takeUntilDestroy, ValidationErrorComponent as ValidationErrorComponent$1, NgxValidateCoreModule } from '@ngx-validate/core';
@@ -88,6 +88,19 @@ class AbstractToaster {
         this.status$.complete();
     }
 }
+if (false) {
+    /** @type {?} */
+    AbstractToaster.prototype.status$;
+    /** @type {?} */
+    AbstractToaster.prototype.key;
+    /** @type {?} */
+    AbstractToaster.prototype.sticky;
+    /**
+     * @type {?}
+     * @protected
+     */
+    AbstractToaster.prototype.messageService;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -104,6 +117,12 @@ ConfirmationService.decorators = [
     { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
 /** @nocollapse */ ConfirmationService.ngInjectableDef = ɵɵdefineInjectable({ factory: function ConfirmationService_Factory() { return new ConfirmationService(ɵɵinject(MessageService)); }, token: ConfirmationService, providedIn: "root" });
+if (false) {
+    /** @type {?} */
+    ConfirmationService.prototype.key;
+    /** @type {?} */
+    ConfirmationService.prototype.sticky;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -166,6 +185,19 @@ ConfirmationComponent.decorators = [
 ConfirmationComponent.ctorParameters = () => [
     { type: ConfirmationService }
 ];
+if (false) {
+    /** @type {?} */
+    ConfirmationComponent.prototype.confirm;
+    /** @type {?} */
+    ConfirmationComponent.prototype.reject;
+    /** @type {?} */
+    ConfirmationComponent.prototype.dismiss;
+    /**
+     * @type {?}
+     * @private
+     */
+    ConfirmationComponent.prototype.confirmationService;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -213,6 +245,18 @@ ErrorComponent.decorators = [
                 styles: [".error{position:fixed;top:0;background-color:#fff;width:100vw;height:100vh;z-index:999999}.centered{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}"]
             }] }
 ];
+if (false) {
+    /** @type {?} */
+    ErrorComponent.prototype.title;
+    /** @type {?} */
+    ErrorComponent.prototype.details;
+    /** @type {?} */
+    ErrorComponent.prototype.renderer;
+    /** @type {?} */
+    ErrorComponent.prototype.elementRef;
+    /** @type {?} */
+    ErrorComponent.prototype.host;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -330,17 +374,37 @@ LoaderBarComponent.propDecorators = {
     isLoading: [{ type: Input }],
     filter: [{ type: Input }]
 };
+if (false) {
+    /** @type {?} */
+    LoaderBarComponent.prototype.containerClass;
+    /** @type {?} */
+    LoaderBarComponent.prototype.progressClass;
+    /** @type {?} */
+    LoaderBarComponent.prototype.isLoading;
+    /** @type {?} */
+    LoaderBarComponent.prototype.filter;
+    /** @type {?} */
+    LoaderBarComponent.prototype.progressLevel;
+    /** @type {?} */
+    LoaderBarComponent.prototype.interval;
+    /**
+     * @type {?}
+     * @private
+     */
+    LoaderBarComponent.prototype.actions;
+    /**
+     * @type {?}
+     * @private
+     */
+    LoaderBarComponent.prototype.router;
+}
 
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class ButtonComponent {
-    /**
-     * @param {?} actions
-     */
-    constructor(actions) {
-        this.actions = actions;
+    constructor() {
         this.buttonClass = 'btn btn-primary';
         this.buttonType = 'button';
         this.loading = false;
@@ -352,50 +416,6 @@ class ButtonComponent {
     get icon() {
         return `${this.loading ? 'fa fa-spin fa-spinner' : this.iconClass || 'd-none'}`;
     }
-    /**
-     * @return {?}
-     */
-    ngOnInit() {
-        if (this.requestType || this.requestURLContainSearchValue) {
-            this.actions
-                .pipe(ofActionSuccessful(StartLoader, StopLoader), filter((/**
-             * @param {?} event
-             * @return {?}
-             */
-            (event) => {
-                /** @type {?} */
-                let condition = true;
-                if (this.requestType) {
-                    if (!Array.isArray(this.requestType))
-                        this.requestType = [this.requestType];
-                    condition =
-                        condition &&
-                            this.requestType.findIndex((/**
-                             * @param {?} type
-                             * @return {?}
-                             */
-                            type => type.toLowerCase() === event.payload.method.toLowerCase())) > -1;
-                }
-                if (condition && this.requestURLContainSearchValue) {
-                    condition =
-                        condition &&
-                            event.payload.url.toLowerCase().indexOf(this.requestURLContainSearchValue.toLowerCase()) > -1;
-                }
-                return condition;
-            })))
-                .subscribe((/**
-             * @return {?}
-             */
-            () => {
-                setTimeout((/**
-                 * @return {?}
-                 */
-                () => {
-                    this.loading = !this.loading;
-                }), 0);
-            }));
-        }
-    }
 }
 ButtonComponent.decorators = [
     { type: Component, args: [{
@@ -407,19 +427,25 @@ ButtonComponent.decorators = [
   `
             }] }
 ];
-/** @nocollapse */
-ButtonComponent.ctorParameters = () => [
-    { type: Actions }
-];
 ButtonComponent.propDecorators = {
     buttonClass: [{ type: Input }],
     buttonType: [{ type: Input }],
     iconClass: [{ type: Input }],
     loading: [{ type: Input }],
-    disabled: [{ type: Input }],
-    requestType: [{ type: Input }],
-    requestURLContainSearchValue: [{ type: Input }]
+    disabled: [{ type: Input }]
 };
+if (false) {
+    /** @type {?} */
+    ButtonComponent.prototype.buttonClass;
+    /** @type {?} */
+    ButtonComponent.prototype.buttonType;
+    /** @type {?} */
+    ButtonComponent.prototype.iconClass;
+    /** @type {?} */
+    ButtonComponent.prototype.loading;
+    /** @type {?} */
+    ButtonComponent.prototype.disabled;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -627,6 +653,58 @@ ModalComponent.propDecorators = {
     modalContent: [{ type: ViewChild, args: ['abpModalContent', { static: false },] }],
     abpButtons: [{ type: ViewChildren, args: ['abp-button',] }]
 };
+if (false) {
+    /** @type {?} */
+    ModalComponent.prototype.centered;
+    /** @type {?} */
+    ModalComponent.prototype.modalClass;
+    /** @type {?} */
+    ModalComponent.prototype.size;
+    /** @type {?} */
+    ModalComponent.prototype.height;
+    /** @type {?} */
+    ModalComponent.prototype.minHeight;
+    /** @type {?} */
+    ModalComponent.prototype.visibleChange;
+    /** @type {?} */
+    ModalComponent.prototype.init;
+    /** @type {?} */
+    ModalComponent.prototype.abpHeader;
+    /** @type {?} */
+    ModalComponent.prototype.abpBody;
+    /** @type {?} */
+    ModalComponent.prototype.abpFooter;
+    /** @type {?} */
+    ModalComponent.prototype.abpClose;
+    /** @type {?} */
+    ModalComponent.prototype.abpSubmit;
+    /** @type {?} */
+    ModalComponent.prototype.modalContent;
+    /** @type {?} */
+    ModalComponent.prototype.abpButtons;
+    /** @type {?} */
+    ModalComponent.prototype._visible;
+    /** @type {?} */
+    ModalComponent.prototype._busy;
+    /** @type {?} */
+    ModalComponent.prototype.showModal;
+    /** @type {?} */
+    ModalComponent.prototype.isOpenConfirmation;
+    /** @type {?} */
+    ModalComponent.prototype.closable;
+    /** @type {?} */
+    ModalComponent.prototype.destroy$;
+    /**
+     * @type {?}
+     * @private
+     */
+    ModalComponent.prototype.renderer;
+    /**
+     * @type {?}
+     * @private
+     */
+    ModalComponent.prototype.confirmationService;
+}
 /**
  * @param {?} nodes
  * @return {?}
@@ -713,7 +791,7 @@ var styles = `
 }
 
 .navbar .dropdown-menu {
-  min-width: 200px;
+  min-width: 215px;
 }
 
 .modal {
@@ -931,6 +1009,43 @@ ErrorHandler.ctorParameters = () => [
     { type: Injector }
 ];
 /** @nocollapse */ ErrorHandler.ngInjectableDef = ɵɵdefineInjectable({ factory: function ErrorHandler_Factory() { return new ErrorHandler(ɵɵinject(Actions), ɵɵinject(Store), ɵɵinject(ConfirmationService), ɵɵinject(ApplicationRef), ɵɵinject(ComponentFactoryResolver), ɵɵinject(RendererFactory2), ɵɵinject(INJECTOR)); }, token: ErrorHandler, providedIn: "root" });
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    ErrorHandler.prototype.actions;
+    /**
+     * @type {?}
+     * @private
+     */
+    ErrorHandler.prototype.store;
+    /**
+     * @type {?}
+     * @private
+     */
+    ErrorHandler.prototype.confirmationService;
+    /**
+     * @type {?}
+     * @private
+     */
+    ErrorHandler.prototype.appRef;
+    /**
+     * @type {?}
+     * @private
+     */
+    ErrorHandler.prototype.cfRes;
+    /**
+     * @type {?}
+     * @private
+     */
+    ErrorHandler.prototype.rendererFactory;
+    /**
+     * @type {?}
+     * @private
+     */
+    ErrorHandler.prototype.injector;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -1054,6 +1169,16 @@ const slideFromBottom = trigger('routeAnimations', [
     transition(':enter', [animate('0.2s ease-out', style({ opacity: '1', 'margin-top': '0px' }))]),
 ]);
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -1065,6 +1190,16 @@ var Confirmation;
      */
     function Options() { }
     Confirmation.Options = Options;
+    if (false) {
+        /** @type {?|undefined} */
+        Options.prototype.hideCancelBtn;
+        /** @type {?|undefined} */
+        Options.prototype.hideYesBtn;
+        /** @type {?|undefined} */
+        Options.prototype.cancelCopy;
+        /** @type {?|undefined} */
+        Options.prototype.yesCopy;
+    }
 })(Confirmation || (Confirmation = {}));
 
 /**
@@ -1078,8 +1213,29 @@ var Toaster;
      */
     function Options() { }
     Toaster.Options = Options;
+    if (false) {
+        /** @type {?|undefined} */
+        Options.prototype.id;
+        /** @type {?|undefined} */
+        Options.prototype.closable;
+        /** @type {?|undefined} */
+        Options.prototype.life;
+        /** @type {?|undefined} */
+        Options.prototype.sticky;
+        /** @type {?|undefined} */
+        Options.prototype.data;
+        /** @type {?|undefined} */
+        Options.prototype.messageLocalizationParams;
+        /** @type {?|undefined} */
+        Options.prototype.titleLocalizationParams;
+    }
 })(Toaster || (Toaster = {}));
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -1102,5 +1258,20 @@ ToasterService.decorators = [
 ];
 /** @nocollapse */ ToasterService.ngInjectableDef = ɵɵdefineInjectable({ factory: function ToasterService_Factory() { return new ToasterService(ɵɵinject(MessageService)); }, token: ToasterService, providedIn: "root" });
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
 export { ButtonComponent, ConfirmationComponent, ConfirmationService, LoaderBarComponent, ModalComponent, ThemeSharedModule, ToastComponent, Toaster, ToasterService, appendScript, slideFromBottom, ValidationErrorComponent as ɵa, ButtonComponent as ɵb, ConfirmationComponent as ɵc, ConfirmationService as ɵd, AbstractToaster as ɵe, ToastComponent as ɵf, ModalComponent as ɵg, ErrorComponent as ɵh, LoaderBarComponent as ɵi, ErrorHandler as ɵj };
 //# sourceMappingURL=abp-ng.theme.shared.js.map

npm/ng-packs/dist/theme-shared/fesm5/abp-ng.theme.shared.js

@@ -1,5 +1,5 @@
-import { StartLoader, StopLoader, RestOccurError, CoreModule, LazyLoadService } from '@abp/ng.core';
-import { Injectable, ɵɵdefineInjectable, ɵɵinject, Component, Input, Renderer2, Output, ContentChild, ElementRef, ViewChild, ViewChildren, EventEmitter, ApplicationRef, ComponentFactoryResolver, RendererFactory2, Injector, INJECTOR, ChangeDetectionStrategy, ViewEncapsulation, NgModule, APP_INITIALIZER } from '@angular/core';
+import { StartLoader, StopLoader, RestOccurError, LazyLoadService, CoreModule } from '@abp/ng.core';
+import { Injectable, ɵɵdefineInjectable, ɵɵinject, Component, Input, EventEmitter, Renderer2, Output, ContentChild, ElementRef, ViewChild, ViewChildren, ApplicationRef, ComponentFactoryResolver, RendererFactory2, Injector, INJECTOR, ChangeDetectionStrategy, ViewEncapsulation, APP_INITIALIZER, NgModule } from '@angular/core';
 import { NgbModalModule } from '@ng-bootstrap/ng-bootstrap';
 import { takeUntilDestroy, ValidationErrorComponent as ValidationErrorComponent$1, NgxValidateCoreModule } from '@ngx-validate/core';
 import { MessageService } from 'primeng/components/common/messageservice';
@@ -7,8 +7,8 @@ import { ToastModule } from 'primeng/toast';
 import { Subject, timer, fromEvent, forkJoin } from 'rxjs';
 import { filter, take, takeUntil, debounceTime } from 'rxjs/operators';
 import { __assign, __extends, __spread } from 'tslib';
-import { Router, NavigationStart, NavigationEnd } from '@angular/router';
-import { Actions, ofActionSuccessful, Store } from '@ngxs/store';
+import { NavigationStart, NavigationEnd, Router } from '@angular/router';
+import { ofActionSuccessful, Actions, Store } from '@ngxs/store';
 import { Navigate, RouterState } from '@ngxs/router-plugin';
 import snq from 'snq';
 import { trigger, state, style, transition, animate } from '@angular/animations';
@@ -126,6 +126,19 @@ AbstractToaster = /** @class */ (function () {
     };
     return AbstractToaster;
 }());
+if (false) {
+    /** @type {?} */
+    AbstractToaster.prototype.status$;
+    /** @type {?} */
+    AbstractToaster.prototype.key;
+    /** @type {?} */
+    AbstractToaster.prototype.sticky;
+    /**
+     * @type {?}
+     * @protected
+     */
+    AbstractToaster.prototype.messageService;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -145,6 +158,12 @@ var ConfirmationService = /** @class */ (function (_super) {
     /** @nocollapse */ ConfirmationService.ngInjectableDef = ɵɵdefineInjectable({ factory: function ConfirmationService_Factory() { return new ConfirmationService(ɵɵinject(MessageService)); }, token: ConfirmationService, providedIn: "root" });
     return ConfirmationService;
 }(AbstractToaster));
+if (false) {
+    /** @type {?} */
+    ConfirmationService.prototype.key;
+    /** @type {?} */
+    ConfirmationService.prototype.sticky;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -180,6 +199,19 @@ var ConfirmationComponent = /** @class */ (function () {
     ]; };
     return ConfirmationComponent;
 }());
+if (false) {
+    /** @type {?} */
+    ConfirmationComponent.prototype.confirm;
+    /** @type {?} */
+    ConfirmationComponent.prototype.reject;
+    /** @type {?} */
+    ConfirmationComponent.prototype.dismiss;
+    /**
+     * @type {?}
+     * @private
+     */
+    ConfirmationComponent.prototype.confirmationService;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -208,6 +240,18 @@ var ErrorComponent = /** @class */ (function () {
     ];
     return ErrorComponent;
 }());
+if (false) {
+    /** @type {?} */
+    ErrorComponent.prototype.title;
+    /** @type {?} */
+    ErrorComponent.prototype.details;
+    /** @type {?} */
+    ErrorComponent.prototype.renderer;
+    /** @type {?} */
+    ErrorComponent.prototype.elementRef;
+    /** @type {?} */
+    ErrorComponent.prototype.host;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -330,14 +374,37 @@ var LoaderBarComponent = /** @class */ (function () {
     };
     return LoaderBarComponent;
 }());
+if (false) {
+    /** @type {?} */
+    LoaderBarComponent.prototype.containerClass;
+    /** @type {?} */
+    LoaderBarComponent.prototype.progressClass;
+    /** @type {?} */
+    LoaderBarComponent.prototype.isLoading;
+    /** @type {?} */
+    LoaderBarComponent.prototype.filter;
+    /** @type {?} */
+    LoaderBarComponent.prototype.progressLevel;
+    /** @type {?} */
+    LoaderBarComponent.prototype.interval;
+    /**
+     * @type {?}
+     * @private
+     */
+    LoaderBarComponent.prototype.actions;
+    /**
+     * @type {?}
+     * @private
+     */
+    LoaderBarComponent.prototype.router;
+}
 
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var ButtonComponent = /** @class */ (function () {
-    function ButtonComponent(actions) {
-        this.actions = actions;
+    function ButtonComponent() {
         this.buttonClass = 'btn btn-primary';
         this.buttonType = 'button';
         this.loading = false;
@@ -353,75 +420,33 @@ var ButtonComponent = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
-    /**
-     * @return {?}
-     */
-    ButtonComponent.prototype.ngOnInit = /**
-     * @return {?}
-     */
-    function () {
-        var _this = this;
-        if (this.requestType || this.requestURLContainSearchValue) {
-            this.actions
-                .pipe(ofActionSuccessful(StartLoader, StopLoader), filter((/**
-             * @param {?} event
-             * @return {?}
-             */
-            function (event) {
-                /** @type {?} */
-                var condition = true;
-                if (_this.requestType) {
-                    if (!Array.isArray(_this.requestType))
-                        _this.requestType = [_this.requestType];
-                    condition =
-                        condition &&
-                            _this.requestType.findIndex((/**
-                             * @param {?} type
-                             * @return {?}
-                             */
-                            function (type) { return type.toLowerCase() === event.payload.method.toLowerCase(); })) > -1;
-                }
-                if (condition && _this.requestURLContainSearchValue) {
-                    condition =
-                        condition &&
-                            event.payload.url.toLowerCase().indexOf(_this.requestURLContainSearchValue.toLowerCase()) > -1;
-                }
-                return condition;
-            })))
-                .subscribe((/**
-             * @return {?}
-             */
-            function () {
-                setTimeout((/**
-                 * @return {?}
-                 */
-                function () {
-                    _this.loading = !_this.loading;
-                }), 0);
-            }));
-        }
-    };
     ButtonComponent.decorators = [
         { type: Component, args: [{
                     selector: 'abp-button',
                     template: "\n    <button [attr.type]=\"buttonType\" [ngClass]=\"buttonClass\" [disabled]=\"loading || disabled\">\n      <i [ngClass]=\"icon\" class=\"mr-1\"></i><ng-content></ng-content>\n    </button>\n  "
                 }] }
     ];
-    /** @nocollapse */
-    ButtonComponent.ctorParameters = function () { return [
-        { type: Actions }
-    ]; };
     ButtonComponent.propDecorators = {
         buttonClass: [{ type: Input }],
         buttonType: [{ type: Input }],
         iconClass: [{ type: Input }],
         loading: [{ type: Input }],
-        disabled: [{ type: Input }],
-        requestType: [{ type: Input }],
-        requestURLContainSearchValue: [{ type: Input }]
+        disabled: [{ type: Input }]
     };
     return ButtonComponent;
 }());
+if (false) {
+    /** @type {?} */
+    ButtonComponent.prototype.buttonClass;
+    /** @type {?} */
+    ButtonComponent.prototype.buttonType;
+    /** @type {?} */
+    ButtonComponent.prototype.iconClass;
+    /** @type {?} */
+    ButtonComponent.prototype.loading;
+    /** @type {?} */
+    ButtonComponent.prototype.disabled;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -651,6 +676,58 @@ var ModalComponent = /** @class */ (function () {
     };
     return ModalComponent;
 }());
+if (false) {
+    /** @type {?} */
+    ModalComponent.prototype.centered;
+    /** @type {?} */
+    ModalComponent.prototype.modalClass;
+    /** @type {?} */
+    ModalComponent.prototype.size;
+    /** @type {?} */
+    ModalComponent.prototype.height;
+    /** @type {?} */
+    ModalComponent.prototype.minHeight;
+    /** @type {?} */
+    ModalComponent.prototype.visibleChange;
+    /** @type {?} */
+    ModalComponent.prototype.init;
+    /** @type {?} */
+    ModalComponent.prototype.abpHeader;
+    /** @type {?} */
+    ModalComponent.prototype.abpBody;
+    /** @type {?} */
+    ModalComponent.prototype.abpFooter;
+    /** @type {?} */
+    ModalComponent.prototype.abpClose;
+    /** @type {?} */
+    ModalComponent.prototype.abpSubmit;
+    /** @type {?} */
+    ModalComponent.prototype.modalContent;
+    /** @type {?} */
+    ModalComponent.prototype.abpButtons;
+    /** @type {?} */
+    ModalComponent.prototype._visible;
+    /** @type {?} */
+    ModalComponent.prototype._busy;
+    /** @type {?} */
+    ModalComponent.prototype.showModal;
+    /** @type {?} */
+    ModalComponent.prototype.isOpenConfirmation;
+    /** @type {?} */
+    ModalComponent.prototype.closable;
+    /** @type {?} */
+    ModalComponent.prototype.destroy$;
+    /**
+     * @type {?}
+     * @private
+     */
+    ModalComponent.prototype.renderer;
+    /**
+     * @type {?}
+     * @private
+     */
+    ModalComponent.prototype.confirmationService;
+}
 /**
  * @param {?} nodes
  * @return {?}
@@ -695,7 +772,7 @@ var ToastComponent = /** @class */ (function () {
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
-var styles = "\n.is-invalid .form-control {\n  border-color: #dc3545;\n  border-style: solid !important;\n}\n\n.is-invalid .invalid-feedback,\n.is-invalid + * .invalid-feedback {\n  display: block;\n}\n\n.data-tables-filter {\n  text-align: right;\n}\n\n.pointer {\n  cursor: pointer;\n}\n\n.navbar .dropdown-submenu a::after {\n  transform: rotate(-90deg);\n  position: absolute;\n  right: 16px;\n  top: 18px;\n}\n\n.navbar .dropdown-menu {\n  min-width: 200px;\n}\n\n.modal {\n background-color: rgba(0, 0, 0, .6);\n}\n\n.abp-ellipsis {\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* <animations */\n\n.fade-in-top {\n  animation: fadeInTop 0.2s ease-in-out;\n}\n\n.fade-out-top {\n  animation: fadeOutTop 0.2s ease-in-out;\n}\n\n\n@keyframes fadeInTop {\n  from {\n    transform: translateY(-5px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(5px);\n    opacity: 1;\n  }\n}\n\n@keyframes fadeOutTop {\n  to {\n    transform: translateY(-5px);\n    opacity: 0;\n  }\n}\n\n/* </animations */\n\n";
+var styles = "\n.is-invalid .form-control {\n  border-color: #dc3545;\n  border-style: solid !important;\n}\n\n.is-invalid .invalid-feedback,\n.is-invalid + * .invalid-feedback {\n  display: block;\n}\n\n.data-tables-filter {\n  text-align: right;\n}\n\n.pointer {\n  cursor: pointer;\n}\n\n.navbar .dropdown-submenu a::after {\n  transform: rotate(-90deg);\n  position: absolute;\n  right: 16px;\n  top: 18px;\n}\n\n.navbar .dropdown-menu {\n  min-width: 215px;\n}\n\n.modal {\n background-color: rgba(0, 0, 0, .6);\n}\n\n.abp-ellipsis {\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* <animations */\n\n.fade-in-top {\n  animation: fadeInTop 0.2s ease-in-out;\n}\n\n.fade-out-top {\n  animation: fadeOutTop 0.2s ease-in-out;\n}\n\n\n@keyframes fadeInTop {\n  from {\n    transform: translateY(-5px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(5px);\n    opacity: 1;\n  }\n}\n\n@keyframes fadeOutTop {\n  to {\n    transform: translateY(-5px);\n    opacity: 0;\n  }\n}\n\n/* </animations */\n\n";
 
 /**
  * @fileoverview added by tsickle
@@ -877,6 +954,43 @@ var ErrorHandler = /** @class */ (function () {
     /** @nocollapse */ ErrorHandler.ngInjectableDef = ɵɵdefineInjectable({ factory: function ErrorHandler_Factory() { return new ErrorHandler(ɵɵinject(Actions), ɵɵinject(Store), ɵɵinject(ConfirmationService), ɵɵinject(ApplicationRef), ɵɵinject(ComponentFactoryResolver), ɵɵinject(RendererFactory2), ɵɵinject(INJECTOR)); }, token: ErrorHandler, providedIn: "root" });
     return ErrorHandler;
 }());
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    ErrorHandler.prototype.actions;
+    /**
+     * @type {?}
+     * @private
+     */
+    ErrorHandler.prototype.store;
+    /**
+     * @type {?}
+     * @private
+     */
+    ErrorHandler.prototype.confirmationService;
+    /**
+     * @type {?}
+     * @private
+     */
+    ErrorHandler.prototype.appRef;
+    /**
+     * @type {?}
+     * @private
+     */
+    ErrorHandler.prototype.cfRes;
+    /**
+     * @type {?}
+     * @private
+     */
+    ErrorHandler.prototype.rendererFactory;
+    /**
+     * @type {?}
+     * @private
+     */
+    ErrorHandler.prototype.injector;
+}
 
 /**
  * @fileoverview added by tsickle
@@ -1011,6 +1125,16 @@ var slideFromBottom = trigger('routeAnimations', [
     transition(':enter', [animate('0.2s ease-out', style({ opacity: '1', 'margin-top': '0px' }))]),
 ]);
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -1022,6 +1146,16 @@ var Confirmation;
      */
     function Options() { }
     Confirmation.Options = Options;
+    if (false) {
+        /** @type {?|undefined} */
+        Options.prototype.hideCancelBtn;
+        /** @type {?|undefined} */
+        Options.prototype.hideYesBtn;
+        /** @type {?|undefined} */
+        Options.prototype.cancelCopy;
+        /** @type {?|undefined} */
+        Options.prototype.yesCopy;
+    }
 })(Confirmation || (Confirmation = {}));
 
 /**
@@ -1035,8 +1169,29 @@ var Toaster;
      */
     function Options() { }
     Toaster.Options = Options;
+    if (false) {
+        /** @type {?|undefined} */
+        Options.prototype.id;
+        /** @type {?|undefined} */
+        Options.prototype.closable;
+        /** @type {?|undefined} */
+        Options.prototype.life;
+        /** @type {?|undefined} */
+        Options.prototype.sticky;
+        /** @type {?|undefined} */
+        Options.prototype.data;
+        /** @type {?|undefined} */
+        Options.prototype.messageLocalizationParams;
+        /** @type {?|undefined} */
+        Options.prototype.titleLocalizationParams;
+    }
 })(Toaster || (Toaster = {}));
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -1069,5 +1224,20 @@ var ToasterService = /** @class */ (function (_super) {
     return ToasterService;
 }(AbstractToaster));
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+
 export { ButtonComponent, ConfirmationComponent, ConfirmationService, LoaderBarComponent, ModalComponent, ThemeSharedModule, ToastComponent, Toaster, ToasterService, appendScript, slideFromBottom, ValidationErrorComponent as ɵa, ButtonComponent as ɵb, ConfirmationComponent as ɵc, ConfirmationService as ɵd, AbstractToaster as ɵe, ToastComponent as ɵf, ModalComponent as ɵg, ErrorComponent as ɵh, LoaderBarComponent as ɵi, ErrorHandler as ɵj };
 //# sourceMappingURL=abp-ng.theme.shared.js.map

npm/ng-packs/dist/theme-shared/lib/components/button/button.component.d.ts

@@ -1,15 +1,8 @@
-import { OnInit } from '@angular/core';
-import { Actions } from '@ngxs/store';
-export declare class ButtonComponent implements OnInit {
-    private actions;
+export declare class ButtonComponent {
     buttonClass: string;
     buttonType: string;
     iconClass: string;
     loading: boolean;
     disabled: boolean;
-    requestType: string | string[];
-    requestURLContainSearchValue: string;
     readonly icon: string;
-    constructor(actions: Actions);
-    ngOnInit(): void;
 }

npm/ng-packs/dist/theme-shared/lib/contants/styles.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "\n.is-invalid .form-control {\n  border-color: #dc3545;\n  border-style: solid !important;\n}\n\n.is-invalid .invalid-feedback,\n.is-invalid + * .invalid-feedback {\n  display: block;\n}\n\n.data-tables-filter {\n  text-align: right;\n}\n\n.pointer {\n  cursor: pointer;\n}\n\n.navbar .dropdown-submenu a::after {\n  transform: rotate(-90deg);\n  position: absolute;\n  right: 16px;\n  top: 18px;\n}\n\n.navbar .dropdown-menu {\n  min-width: 200px;\n}\n\n.modal {\n background-color: rgba(0, 0, 0, .6);\n}\n\n.abp-ellipsis {\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* <animations */\n\n.fade-in-top {\n  animation: fadeInTop 0.2s ease-in-out;\n}\n\n.fade-out-top {\n  animation: fadeOutTop 0.2s ease-in-out;\n}\n\n\n@keyframes fadeInTop {\n  from {\n    transform: translateY(-5px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(5px);\n    opacity: 1;\n  }\n}\n\n@keyframes fadeOutTop {\n  to {\n    transform: translateY(-5px);\n    opacity: 0;\n  }\n}\n\n/* </animations */\n\n";
+declare const _default: "\n.is-invalid .form-control {\n  border-color: #dc3545;\n  border-style: solid !important;\n}\n\n.is-invalid .invalid-feedback,\n.is-invalid + * .invalid-feedback {\n  display: block;\n}\n\n.data-tables-filter {\n  text-align: right;\n}\n\n.pointer {\n  cursor: pointer;\n}\n\n.navbar .dropdown-submenu a::after {\n  transform: rotate(-90deg);\n  position: absolute;\n  right: 16px;\n  top: 18px;\n}\n\n.navbar .dropdown-menu {\n  min-width: 215px;\n}\n\n.modal {\n background-color: rgba(0, 0, 0, .6);\n}\n\n.abp-ellipsis {\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* <animations */\n\n.fade-in-top {\n  animation: fadeInTop 0.2s ease-in-out;\n}\n\n.fade-out-top {\n  animation: fadeOutTop 0.2s ease-in-out;\n}\n\n\n@keyframes fadeInTop {\n  from {\n    transform: translateY(-5px);\n    opacity: 0;\n  }\n\n  to {\n    transform: translateY(5px);\n    opacity: 1;\n  }\n}\n\n@keyframes fadeOutTop {\n  to {\n    transform: translateY(-5px);\n    opacity: 0;\n  }\n}\n\n/* </animations */\n\n";
 export default _default;