@abp/ng.identity 4.4.1 → 5.0.0-beta.1-1

package/fesm2015/abp-ng.identity.js

@@ -1,318 +1,33 @@
-import { __decorate } from 'tslib';
 import * as i1 from '@abp/ng.core';
-import { RestService, ListService, LocalizationService, ConfigStateService, DynamicLayoutComponent, AuthGuard, PermissionGuard, ReplaceableRouteContainerComponent, LazyModuleFactory, CoreModule } from '@abp/ng.core';
-import { Confirmation, ConfirmationService, getPasswordValidators, ThemeSharedModule } from '@abp/ng.theme.shared';
+import { ListService, LocalizationService, ConfigStateService, DynamicLayoutComponent, AuthGuard, PermissionGuard, ReplaceableRouteContainerComponent, LazyModuleFactory, CoreModule } from '@abp/ng.core';
+import * as i3 from '@abp/ng.identity/proxy';
+import * as i2 from '@abp/ng.theme.shared';
+import { Confirmation, getPasswordValidators, ThemeSharedModule } from '@abp/ng.theme.shared';
+import * as i4 from '@abp/ng.theme.shared/extensions';
 import { FormPropData, generateFormFromProps, EXTENSIONS_IDENTIFIER, EntityAction, EntityProp, FormProp, ToolbarAction, ExtensionsService, getObjectExtensionEntitiesFromStore, mapEntitiesToContributors, mergeWithDefaultActions, mergeWithDefaultProps, UiExtensionsModule } from '@abp/ng.theme.shared/extensions';
 import * as i0 from '@angular/core';
-import { Injectable, Component, Injector, ViewChild, InjectionToken, NgModule } from '@angular/core';
-import * as i1$1 from '@ngxs/store';
-import { Action, Selector, State, Store, Select, NgxsModule } from '@ngxs/store';
-import { tap, pluck, finalize, switchMap, take, map, mapTo } from 'rxjs/operators';
-import { FormBuilder, Validators } from '@angular/forms';
-import snq from 'snq';
-import { of } from 'rxjs';
+import { Component, ViewChild, InjectionToken, Injectable, NgModule } from '@angular/core';
+import { finalize, tap, switchMap, map, mapTo } from 'rxjs/operators';
+import * as i5 from '@abp/ng.permission-management';
 import { PermissionManagementModule } from '@abp/ng.permission-management';
-import { NgbNavModule, NgbDropdownModule } from '@ng-bootstrap/ng-bootstrap';
+import * as i4$1 from '@angular/forms';
+import { Validators } from '@angular/forms';
+import * as i9 from '@ngx-validate/core';
 import { NgxValidateCoreModule } from '@ngx-validate/core';
+import * as i6 from '@ng-bootstrap/ng-bootstrap';
+import { NgbNavModule, NgbDropdownModule } from '@ng-bootstrap/ng-bootstrap';
+import * as i8 from '@angular/common';
+import { of } from 'rxjs';
+import * as i1$1 from '@angular/router';
 import { RouterModule } from '@angular/router';
 
-class GetRoles {
-    constructor(payload) {
-        this.payload = payload;
-    }
-}
-GetRoles.type = '[Identity] Get Roles';
-class GetRoleById {
-    constructor(payload) {
-        this.payload = payload;
-    }
-}
-GetRoleById.type = '[Identity] Get Role By Id';
-class DeleteRole {
-    constructor(payload) {
-        this.payload = payload;
-    }
-}
-DeleteRole.type = '[Identity] Delete Role';
-class CreateRole {
-    constructor(payload) {
-        this.payload = payload;
-    }
-}
-CreateRole.type = '[Identity] Create Role';
-class UpdateRole {
-    constructor(payload) {
-        this.payload = payload;
-    }
-}
-UpdateRole.type = '[Identity] Update Role';
-class GetUsers {
-    constructor(payload) {
-        this.payload = payload;
-    }
-}
-GetUsers.type = '[Identity] Get Users';
-class GetUserById {
-    constructor(payload) {
-        this.payload = payload;
-    }
-}
-GetUserById.type = '[Identity] Get User By Id';
-class DeleteUser {
-    constructor(payload) {
-        this.payload = payload;
-    }
-}
-DeleteUser.type = '[Identity] Delete User';
-class CreateUser {
-    constructor(payload) {
-        this.payload = payload;
-    }
-}
-CreateUser.type = '[Identity] Create User';
-class UpdateUser {
-    constructor(payload) {
-        this.payload = payload;
-    }
-}
-UpdateUser.type = '[Identity] Update User';
-class GetUserRoles {
-    constructor(payload) {
-        this.payload = payload;
-    }
-}
-GetUserRoles.type = '[Identity] Get User Roles';
-
-class IdentityRoleService {
-    constructor(restService) {
-        this.restService = restService;
-        this.apiName = 'AbpIdentity';
-        this.create = (input) => this.restService.request({
-            method: 'POST',
-            url: '/api/identity/roles',
-            body: input,
-        }, { apiName: this.apiName });
-        this.delete = (id) => this.restService.request({
-            method: 'DELETE',
-            url: `/api/identity/roles/${id}`,
-        }, { apiName: this.apiName });
-        this.get = (id) => this.restService.request({
-            method: 'GET',
-            url: `/api/identity/roles/${id}`,
-        }, { apiName: this.apiName });
-        this.getAllList = () => this.restService.request({
-            method: 'GET',
-            url: '/api/identity/roles/all',
-        }, { apiName: this.apiName });
-        this.getList = (input) => this.restService.request({
-            method: 'GET',
-            url: '/api/identity/roles',
-            params: { sorting: input.sorting, skipCount: input.skipCount, maxResultCount: input.maxResultCount },
-        }, { apiName: this.apiName });
-        this.update = (id, input) => this.restService.request({
-            method: 'PUT',
-            url: `/api/identity/roles/${id}`,
-            body: input,
-        }, { apiName: this.apiName });
-    }
-}
-IdentityRoleService.ɵprov = i0.ɵɵdefineInjectable({ factory: function IdentityRoleService_Factory() { return new IdentityRoleService(i0.ɵɵinject(i1.RestService)); }, token: IdentityRoleService, providedIn: "root" });
-IdentityRoleService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root',
-            },] }
-];
-IdentityRoleService.ctorParameters = () => [
-    { type: RestService }
-];
-
-class IdentityUserService {
-    constructor(restService) {
-        this.restService = restService;
-        this.apiName = 'AbpIdentity';
-        this.create = (input) => this.restService.request({
-            method: 'POST',
-            url: '/api/identity/users',
-            body: input,
-        }, { apiName: this.apiName });
-        this.delete = (id) => this.restService.request({
-            method: 'DELETE',
-            url: `/api/identity/users/${id}`,
-        }, { apiName: this.apiName });
-        this.findByEmail = (email) => this.restService.request({
-            method: 'GET',
-            url: `/api/identity/users/by-email/${email}`,
-        }, { apiName: this.apiName });
-        this.findByUsername = (username) => this.restService.request({
-            method: 'GET',
-            url: '/api/identity/users/by-username/{userName}',
-        }, { apiName: this.apiName });
-        this.get = (id) => this.restService.request({
-            method: 'GET',
-            url: `/api/identity/users/${id}`,
-        }, { apiName: this.apiName });
-        this.getAssignableRoles = () => this.restService.request({
-            method: 'GET',
-            url: '/api/identity/users/assignable-roles',
-        }, { apiName: this.apiName });
-        this.getList = (input) => this.restService.request({
-            method: 'GET',
-            url: '/api/identity/users',
-            params: { filter: input.filter, sorting: input.sorting, skipCount: input.skipCount, maxResultCount: input.maxResultCount },
-        }, { apiName: this.apiName });
-        this.getRoles = (id) => this.restService.request({
-            method: 'GET',
-            url: `/api/identity/users/${id}/roles`,
-        }, { apiName: this.apiName });
-        this.update = (id, input) => this.restService.request({
-            method: 'PUT',
-            url: `/api/identity/users/${id}`,
-            body: input,
-        }, { apiName: this.apiName });
-        this.updateRoles = (id, input) => this.restService.request({
-            method: 'PUT',
-            url: `/api/identity/users/${id}/roles`,
-            body: input,
-        }, { apiName: this.apiName });
-    }
-}
-IdentityUserService.ɵprov = i0.ɵɵdefineInjectable({ factory: function IdentityUserService_Factory() { return new IdentityUserService(i0.ɵɵinject(i1.RestService)); }, token: IdentityUserService, providedIn: "root" });
-IdentityUserService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root',
-            },] }
-];
-IdentityUserService.ctorParameters = () => [
-    { type: RestService }
-];
-
-let IdentityState = class IdentityState {
-    constructor(identityUserService, identityRoleService) {
-        this.identityUserService = identityUserService;
-        this.identityRoleService = identityRoleService;
-    }
-    static getRoles({ roles }) {
-        return roles.items || [];
-    }
-    static getRolesTotalCount({ roles }) {
-        return roles.totalCount || 0;
-    }
-    static getUsers({ users }) {
-        return users.items || [];
-    }
-    static getUsersTotalCount({ users }) {
-        return users.totalCount || 0;
-    }
-    getRoles({ patchState }, { payload }) {
-        return this.identityRoleService.getList(payload).pipe(tap(roles => patchState({
-            roles,
-        })));
-    }
-    getRole({ patchState }, { payload }) {
-        return this.identityRoleService.get(payload).pipe(tap(selectedRole => patchState({
-            selectedRole,
-        })));
-    }
-    deleteRole(_, { payload }) {
-        return this.identityRoleService.delete(payload);
-    }
-    addRole(_, { payload }) {
-        return this.identityRoleService.create(payload);
-    }
-    updateRole({ getState }, { payload }) {
-        return this.identityRoleService.update(payload.id, Object.assign(Object.assign({}, getState().selectedRole), payload));
-    }
-    getUsers({ patchState }, { payload }) {
-        return this.identityUserService.getList(payload).pipe(tap(users => patchState({
-            users,
-        })));
-    }
-    getUser({ patchState }, { payload }) {
-        return this.identityUserService.get(payload).pipe(tap(selectedUser => patchState({
-            selectedUser,
-        })));
-    }
-    deleteUser(_, { payload }) {
-        return this.identityUserService.delete(payload);
-    }
-    addUser(_, { payload }) {
-        return this.identityUserService.create(payload);
-    }
-    updateUser({ getState }, { payload }) {
-        return this.identityUserService.update(payload.id, Object.assign(Object.assign({}, getState().selectedUser), payload));
-    }
-    getUserRoles({ patchState }, { payload }) {
-        return this.identityUserService.getRoles(payload).pipe(pluck('items'), tap(selectedUserRoles => patchState({
-            selectedUserRoles,
-        })));
-    }
-};
-IdentityState.decorators = [
-    { type: Injectable }
-];
-IdentityState.ctorParameters = () => [
-    { type: IdentityUserService },
-    { type: IdentityRoleService }
-];
-__decorate([
-    Action(GetRoles)
-], IdentityState.prototype, "getRoles", null);
-__decorate([
-    Action(GetRoleById)
-], IdentityState.prototype, "getRole", null);
-__decorate([
-    Action(DeleteRole)
-], IdentityState.prototype, "deleteRole", null);
-__decorate([
-    Action(CreateRole)
-], IdentityState.prototype, "addRole", null);
-__decorate([
-    Action(UpdateRole)
-], IdentityState.prototype, "updateRole", null);
-__decorate([
-    Action(GetUsers)
-], IdentityState.prototype, "getUsers", null);
-__decorate([
-    Action(GetUserById)
-], IdentityState.prototype, "getUser", null);
-__decorate([
-    Action(DeleteUser)
-], IdentityState.prototype, "deleteUser", null);
-__decorate([
-    Action(CreateUser)
-], IdentityState.prototype, "addUser", null);
-__decorate([
-    Action(UpdateUser)
-], IdentityState.prototype, "updateUser", null);
-__decorate([
-    Action(GetUserRoles)
-], IdentityState.prototype, "getUserRoles", null);
-__decorate([
-    Selector()
-], IdentityState, "getRoles", null);
-__decorate([
-    Selector()
-], IdentityState, "getRolesTotalCount", null);
-__decorate([
-    Selector()
-], IdentityState, "getUsers", null);
-__decorate([
-    Selector()
-], IdentityState, "getUsersTotalCount", null);
-IdentityState = __decorate([
-    State({
-        name: 'IdentityState',
-        defaults: { roles: {}, selectedRole: {}, users: {}, selectedUser: {} },
-    })
-], IdentityState);
-
-const ɵ0$9 = "Identity.RolesComponent" /* Roles */;
 class RolesComponent {
-    constructor(list, confirmationService, store, injector) {
+    constructor(list, confirmationService, injector, service) {
         this.list = list;
         this.confirmationService = confirmationService;
-        this.store = store;
         this.injector = injector;
+        this.service = service;
+        this.data = { items: [], totalCount: 0 };
         this.visiblePermissions = false;
         this.modalBusy = false;
         this.permissionManagementKey = "PermissionManagement.PermissionManagementComponent" /* PermissionManagement */;
@@ -336,11 +51,8 @@ class RolesComponent {
         this.openModal();
     }
     edit(id) {
-        this.store
-            .dispatch(new GetRoleById(id))
-            .pipe(pluck('IdentityState', 'selectedRole'))
-            .subscribe(selectedRole => {
-            this.selected = selectedRole;
+        this.service.get(id).subscribe(res => {
+            this.selected = res;
             this.openModal();
         });
     }
@@ -348,10 +60,10 @@ class RolesComponent {
         if (!this.form.valid)
             return;
         this.modalBusy = true;
-        this.store
-            .dispatch(this.selected.id
-            ? new UpdateRole(Object.assign(Object.assign(Object.assign({}, this.selected), this.form.value), { id: this.selected.id }))
-            : new CreateRole(this.form.value))
+        const { id } = this.selected;
+        (id
+            ? this.service.update(id, Object.assign(Object.assign({}, this.selected), this.form.value))
+            : this.service.create(this.form.value))
             .pipe(finalize(() => (this.modalBusy = false)))
             .subscribe(() => {
             this.isModalVisible = false;
@@ -365,12 +77,12 @@ class RolesComponent {
         })
             .subscribe((status) => {
             if (status === Confirmation.Status.confirm) {
-                this.store.dispatch(new DeleteRole(id)).subscribe(() => this.list.get());
+                this.service.delete(id).subscribe(() => this.list.get());
             }
         });
     }
     hookToQuery() {
-        this.list.hookToQuery(query => this.store.dispatch(new GetRoles(query))).subscribe();
+        this.list.hookToQuery(query => this.service.getList(query)).subscribe(res => (this.data = res));
     }
     openPermissionsModal(providerKey) {
         this.providerKey = providerKey;
@@ -384,41 +96,37 @@ class RolesComponent {
         this.list.sortOrder = dir;
     }
 }
-RolesComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'abp-roles',
-                template: "<div id=\"identity-roles-wrapper\" class=\"card\">\n  <div class=\"card-header\">\n    <div class=\"row\">\n      <div class=\"col col-md-6\">\n        <h5 class=\"card-title\">{{ 'AbpIdentity::Roles' | abpLocalization }}</h5>\n      </div>\n      <div class=\"text-right col col-md-6\">\n        <abp-page-toolbar [record]=\"data$ | async\"></abp-page-toolbar>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"card-body\">\n    <abp-extensible-table\n      [data]=\"data$ | async\"\n      [recordsTotal]=\"totalCount$ | async\"\n      [list]=\"list\"\n    ></abp-extensible-table>\n  </div>\n</div>\n\n<abp-modal size=\"md\" [(visible)]=\"isModalVisible\" [busy]=\"modalBusy\">\n  <ng-template #abpHeader>\n    <h3>{{ (selected?.id ? 'AbpIdentity::Edit' : 'AbpIdentity::NewRole') | abpLocalization }}</h3>\n  </ng-template>\n\n  <ng-template #abpBody>\n    <form [formGroup]=\"form\" (ngSubmit)=\"save()\" validateOnSubmit>\n      <abp-extensible-form [selectedRecord]=\"selected\"></abp-extensible-form>\n    </form>\n  </ng-template>\n\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\" [disabled]=\"form?.invalid\" (click)=\"save()\">{{\n      'AbpIdentity::Save' | abpLocalization\n    }}</abp-button>\n  </ng-template>\n</abp-modal>\n\n<abp-permission-management\n  #abpPermissionManagement=\"abpPermissionManagement\"\n  *abpReplaceableTemplate=\"\n    {\n      inputs: {\n        providerName: { value: 'R' },\n        providerKey: { value: providerKey },\n        visible: { value: visiblePermissions, twoWay: true },\n        hideBadges: { value: true }\n      },\n      outputs: { visibleChange: onVisiblePermissionChange },\n      componentKey: permissionManagementKey\n    };\n    let init = initTemplate\n  \"\n  (abpInit)=\"init(abpPermissionManagement)\"\n>\n</abp-permission-management>\n",
-                providers: [
-                    ListService,
-                    {
-                        provide: EXTENSIONS_IDENTIFIER,
-                        useValue: ɵ0$9,
-                    },
-                ]
-            },] }
-];
-RolesComponent.ctorParameters = () => [
-    { type: ListService },
-    { type: ConfirmationService },
-    { type: Store },
-    { type: Injector }
-];
-__decorate([
-    Select(IdentityState.getRoles)
-], RolesComponent.prototype, "data$", void 0);
-__decorate([
-    Select(IdentityState.getRolesTotalCount)
-], RolesComponent.prototype, "totalCount$", void 0);
+RolesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: RolesComponent, deps: [{ token: i1.ListService }, { token: i2.ConfirmationService }, { token: i0.Injector }, { token: i3.IdentityRoleService }], target: i0.ɵɵFactoryTarget.Component });
+RolesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.6", type: RolesComponent, selector: "abp-roles", providers: [
+        ListService,
+        {
+            provide: EXTENSIONS_IDENTIFIER,
+            useValue: "Identity.RolesComponent" /* Roles */,
+        },
+    ], ngImport: i0, template: "<div id=\"identity-roles-wrapper\" class=\"card\">\n  <div class=\"card-header\">\n    <div class=\"row\">\n      <div class=\"col col-md-6\">\n        <h5 class=\"card-title\">{{ 'AbpIdentity::Roles' | abpLocalization }}</h5>\n      </div>\n      <div class=\"text-right col col-md-6\">\n        <abp-page-toolbar [record]=\"data.items\"></abp-page-toolbar>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"card-body\">\n    <abp-extensible-table\n      [data]=\"data.items\"\n      [recordsTotal]=\"data.totalCount\"\n      [list]=\"list\"\n    ></abp-extensible-table>\n  </div>\n</div>\n\n<abp-modal [(visible)]=\"isModalVisible\" [busy]=\"modalBusy\">\n  <ng-template #abpHeader>\n    <h3>{{ (selected?.id ? 'AbpIdentity::Edit' : 'AbpIdentity::NewRole') | abpLocalization }}</h3>\n  </ng-template>\n\n  <ng-template #abpBody>\n    <form [formGroup]=\"form\" (ngSubmit)=\"save()\" validateOnSubmit>\n      <abp-extensible-form [selectedRecord]=\"selected\"></abp-extensible-form>\n    </form>\n  </ng-template>\n\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\" [disabled]=\"form?.invalid\" (click)=\"save()\">{{\n      'AbpIdentity::Save' | abpLocalization\n    }}</abp-button>\n  </ng-template>\n</abp-modal>\n\n<abp-permission-management\n  #abpPermissionManagement=\"abpPermissionManagement\"\n  *abpReplaceableTemplate=\"\n    {\n      inputs: {\n        providerName: { value: 'R' },\n        providerKey: { value: providerKey },\n        visible: { value: visiblePermissions, twoWay: true },\n        hideBadges: { value: true }\n      },\n      outputs: { visibleChange: onVisiblePermissionChange },\n      componentKey: permissionManagementKey\n    };\n    let init = initTemplate\n  \"\n  (abpInit)=\"init(abpPermissionManagement)\"\n>\n</abp-permission-management>\n", components: [{ type: i4.PageToolbarComponent, selector: "abp-page-toolbar", exportAs: ["abpPageToolbar"] }, { type: i4.ExtensibleTableComponent, selector: "abp-extensible-table", inputs: ["actionsText", "data", "list", "recordsTotal", "actionsColumnWidth", "actionsTemplate"], exportAs: ["abpExtensibleTable"] }, { type: i2.ModalComponent, selector: "abp-modal", inputs: ["visible", "busy", "options", "suppressUnsavedChangesWarning"], outputs: ["visibleChange", "init", "appear", "disappear"] }, { type: i4.ExtensibleFormComponent, selector: "abp-extensible-form", inputs: ["selectedRecord"], exportAs: ["abpExtensibleForm"] }, { type: i2.ButtonComponent, selector: "abp-button", inputs: ["buttonId", "buttonClass", "buttonType", "iconClass", "loading", "disabled", "attributes"], outputs: ["click", "focus", "blur", "abpClick", "abpFocus", "abpBlur"] }, { type: i5.PermissionManagementComponent, selector: "abp-permission-management", inputs: ["providerName", "providerKey", "hideBadges", "visible"], outputs: ["visibleChange"], exportAs: ["abpPermissionManagement"] }], directives: [{ type: i4$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i4$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1.FormSubmitDirective, selector: "form[ngSubmit][formGroup]", inputs: ["debounce", "notValidateOnSubmit"], outputs: ["ngSubmit"] }, { type: i4$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", inputs: ["blueprints", "errorTemplate", "invalidClasses", "mapErrorsFn", "skipValidation", "targetSelector", "validateOnSubmit"] }, { type: i2.ModalCloseDirective, selector: "[abpClose]" }, { type: i1.ReplaceableTemplateDirective, selector: "[abpReplaceableTemplate]", inputs: ["abpReplaceableTemplate"] }, { type: i1.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }], pipes: { "abpLocalization": i1.LocalizationPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: RolesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'abp-roles',
+                    templateUrl: './roles.component.html',
+                    providers: [
+                        ListService,
+                        {
+                            provide: EXTENSIONS_IDENTIFIER,
+                            useValue: "Identity.RolesComponent" /* Roles */,
+                        },
+                    ],
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ListService }, { type: i2.ConfirmationService }, { type: i0.Injector }, { type: i3.IdentityRoleService }]; } });
 
-const ɵ0$8 = "Identity.UsersComponent" /* Users */;
 class UsersComponent {
-    constructor(list, confirmationService, userService, fb, store, injector) {
+    constructor(list, confirmationService, service, fb, injector) {
         this.list = list;
         this.confirmationService = confirmationService;
-        this.userService = userService;
+        this.service = service;
         this.fb = fb;
-        this.store = store;
         this.injector = injector;
+        this.data = { items: [], totalCount: 0 };
         this.visiblePermissions = false;
         this.modalBusy = false;
         this.permissionManagementKey = "PermissionManagement.PermissionManagementComponent" /* PermissionManagement */;
@@ -428,7 +136,8 @@ class UsersComponent {
         };
     }
     get roleGroups() {
-        return snq(() => this.form.get('roleNames').controls, []);
+        var _a;
+        return ((_a = this.form.get('roleNames')) === null || _a === void 0 ? void 0 : _a.controls) || [];
     }
     ngOnInit() {
         this.hookToQuery();
@@ -436,15 +145,18 @@ class UsersComponent {
     buildForm() {
         const data = new FormPropData(this.injector, this.selected);
         this.form = generateFormFromProps(data);
-        this.userService.getAssignableRoles().subscribe(({ items }) => {
+        this.service.getAssignableRoles().subscribe(({ items }) => {
             this.roles = items;
-            this.form.addControl('roleNames', this.fb.array(this.roles.map(role => this.fb.group({
-                [role.name]: [
-                    this.selected.id
-                        ? !!snq(() => this.selectedUserRoles.find(userRole => userRole.id === role.id))
-                        : role.isDefault,
-                ],
-            }))));
+            this.form.addControl('roleNames', this.fb.array(this.roles.map(role => {
+                var _a;
+                return this.fb.group({
+                    [role.name]: [
+                        this.selected.id
+                            ? !!((_a = this.selectedUserRoles) === null || _a === void 0 ? void 0 : _a.find(userRole => userRole.id === role.id))
+                            : role.isDefault,
+                    ],
+                });
+            })));
         });
     }
     openModal() {
@@ -457,12 +169,11 @@ class UsersComponent {
         this.openModal();
     }
     edit(id) {
-        this.store
-            .dispatch(new GetUserById(id))
-            .pipe(switchMap(() => this.store.dispatch(new GetUserRoles(id))), pluck('IdentityState'), take(1))
-            .subscribe((state) => {
-            this.selected = state.selectedUser;
-            this.selectedUserRoles = state.selectedUserRoles || [];
+        this.service
+            .get(id)
+            .pipe(tap(user => (this.selected = user)), switchMap(() => this.service.getRoles(id)))
+            .subscribe(userRole => {
+            this.selectedUserRoles = userRole.items || [];
             this.openModal();
         });
     }
@@ -470,12 +181,13 @@ class UsersComponent {
         if (!this.form.valid || this.modalBusy)
             return;
         this.modalBusy = true;
-        const { roleNames } = this.form.value;
-        const mappedRoleNames = snq(() => roleNames.filter(role => !!role[Object.keys(role)[0]]).map(role => Object.keys(role)[0]), []);
-        this.store
-            .dispatch(this.selected.id
-            ? new UpdateUser(Object.assign(Object.assign(Object.assign({}, this.selected), this.form.value), { id: this.selected.id, roleNames: mappedRoleNames }))
-            : new CreateUser(Object.assign(Object.assign({}, this.form.value), { roleNames: mappedRoleNames })))
+        const { roleNames = [] } = this.form.value;
+        const mappedRoleNames = roleNames.filter(role => !!role[Object.keys(role)[0]]).map(role => Object.keys(role)[0]) ||
+            [];
+        const { id } = this.selected;
+        (id
+            ? this.service.update(id, Object.assign(Object.assign(Object.assign({}, this.selected), this.form.value), { roleNames: mappedRoleNames }))
+            : this.service.create(Object.assign(Object.assign({}, this.form.value), { roleNames: mappedRoleNames })))
             .pipe(finalize(() => (this.modalBusy = false)))
             .subscribe(() => {
             this.isModalVisible = false;
@@ -489,7 +201,7 @@ class UsersComponent {
         })
             .subscribe((status) => {
             if (status === Confirmation.Status.confirm) {
-                this.store.dispatch(new DeleteUser(id)).subscribe(() => this.list.get());
+                this.service.delete(id).subscribe(() => this.list.get());
             }
         });
     }
@@ -499,7 +211,7 @@ class UsersComponent {
         this.list.sortOrder = dir;
     }
     hookToQuery() {
-        this.list.hookToQuery(query => this.store.dispatch(new GetUsers(query))).subscribe();
+        this.list.hookToQuery(query => this.service.getList(query)).subscribe(res => (this.data = res));
     }
     openPermissionsModal(providerKey) {
         this.providerKey = providerKey;
@@ -508,97 +220,89 @@ class UsersComponent {
         }, 0);
     }
 }
-UsersComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'abp-users',
-                template: "<div id=\"identity-roles-wrapper\" class=\"card\">\n  <div class=\"card-header\">\n    <div class=\"row\">\n      <div class=\"col col-md-6\">\n        <h5 class=\"card-title\">{{ 'AbpIdentity::Users' | abpLocalization }}</h5>\n      </div>\n      <div class=\"text-right col col-md-6\">\n        <abp-page-toolbar [record]=\"data$ | async\"></abp-page-toolbar>\n      </div>\n    </div>\n  </div>\n  <div class=\"card-body\">\n    <div id=\"data-tables-table-filter\" class=\"data-tables-filter\">\n      <div class=\"input-group\">\n        <input\n          type=\"search\"\n          class=\"form-control\"\n          [placeholder]=\"'AbpUi::PagerSearch' | abpLocalization\"\n          [(ngModel)]=\"list.filter\"\n        />\n      </div>\n    </div>\n\n    <abp-extensible-table\n      [data]=\"data$ | async\"\n      [recordsTotal]=\"totalCount$ | async\"\n      [list]=\"list\"\n    ></abp-extensible-table>\n  </div>\n</div>\n\n<abp-modal size=\"md\" [(visible)]=\"isModalVisible\" [busy]=\"modalBusy\">\n  <ng-template #abpHeader>\n    <h3>{{ (selected?.id ? 'AbpIdentity::Edit' : 'AbpIdentity::NewUser') | abpLocalization }}</h3>\n  </ng-template>\n\n  <ng-template #abpBody>\n    <ng-template #loaderRef\n      ><div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\"></i></div\n    ></ng-template>\n\n    <form *ngIf=\"form; else loaderRef\" [formGroup]=\"form\" (ngSubmit)=\"save()\">\n      <ul ngbNav #nav=\"ngbNav\" class=\"nav-tabs\">\n        <li ngbNavItem>\n          <a ngbNavLink>{{ 'AbpIdentity::UserInformations' | abpLocalization }}</a>\n          <ng-template ngbNavContent>\n            <abp-extensible-form [selectedRecord]=\"selected\"></abp-extensible-form>\n          </ng-template>\n        </li>\n\n        <li ngbNavItem>\n          <a ngbNavLink>{{ 'AbpIdentity::Roles' | abpLocalization }}</a>\n          <ng-template ngbNavContent>\n            <div\n              *ngFor=\"let roleGroup of roleGroups; let i = index; trackBy: trackByFn\"\n              class=\"custom-checkbox custom-control mb-2\"\n            >\n              <input\n                type=\"checkbox\"\n                class=\"custom-control-input\"\n                [attr.id]=\"'roles-' + i\"\n                [formControl]=\"roleGroup.controls[roles[i].name]\"\n              />\n              <label class=\"custom-control-label\" [attr.for]=\"'roles-' + i\">{{\n                roles[i].name\n              }}</label>\n            </div>\n          </ng-template>\n        </li>\n      </ul>\n\n      <div class=\"mt-2 fade-in-top\" [ngbNavOutlet]=\"nav\"></div>\n    </form>\n  </ng-template>\n\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\" [disabled]=\"form?.invalid\" (click)=\"save()\">{{\n      'AbpIdentity::Save' | abpLocalization\n    }}</abp-button>\n  </ng-template>\n</abp-modal>\n\n<abp-permission-management\n  #abpPermissionManagement=\"abpPermissionManagement\"\n  *abpReplaceableTemplate=\"\n    {\n      inputs: {\n        providerName: { value: 'U' },\n        providerKey: { value: providerKey },\n        visible: { value: visiblePermissions, twoWay: true }\n      },\n      outputs: { visibleChange: onVisiblePermissionChange },\n      componentKey: permissionManagementKey\n    };\n    let init = initTemplate\n  \"\n  (abpInit)=\"init(abpPermissionManagement)\"\n>\n</abp-permission-management>\n",
-                providers: [
-                    ListService,
-                    {
-                        provide: EXTENSIONS_IDENTIFIER,
-                        useValue: ɵ0$8,
-                    },
-                ]
-            },] }
-];
-UsersComponent.ctorParameters = () => [
-    { type: ListService },
-    { type: ConfirmationService },
-    { type: IdentityUserService },
-    { type: FormBuilder },
-    { type: Store },
-    { type: Injector }
-];
-UsersComponent.propDecorators = {
-    modalContent: [{ type: ViewChild, args: ['modalContent', { static: false },] }]
-};
-__decorate([
-    Select(IdentityState.getUsers)
-], UsersComponent.prototype, "data$", void 0);
-__decorate([
-    Select(IdentityState.getUsersTotalCount)
-], UsersComponent.prototype, "totalCount$", void 0);
+UsersComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: UsersComponent, deps: [{ token: i1.ListService }, { token: i2.ConfirmationService }, { token: i3.IdentityUserService }, { token: i4$1.FormBuilder }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+UsersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.6", type: UsersComponent, selector: "abp-users", providers: [
+        ListService,
+        {
+            provide: EXTENSIONS_IDENTIFIER,
+            useValue: "Identity.UsersComponent" /* Users */,
+        },
+    ], viewQueries: [{ propertyName: "modalContent", first: true, predicate: ["modalContent"], descendants: true }], ngImport: i0, template: "<div id=\"identity-roles-wrapper\" class=\"card\">\n  <div class=\"card-header\">\n    <div class=\"row\">\n      <div class=\"col col-md-6\">\n        <h5 class=\"card-title\">{{ 'AbpIdentity::Users' | abpLocalization }}</h5>\n      </div>\n      <div class=\"text-right col col-md-6\">\n        <abp-page-toolbar [record]=\"data.items\"></abp-page-toolbar>\n      </div>\n    </div>\n  </div>\n  <div class=\"card-body\">\n    <div id=\"data-tables-table-filter\" class=\"data-tables-filter\">\n      <div class=\"input-group\">\n        <input\n          type=\"search\"\n          class=\"form-control\"\n          [placeholder]=\"'AbpUi::PagerSearch' | abpLocalization\"\n          [(ngModel)]=\"list.filter\"\n        />\n      </div>\n    </div>\n\n    <abp-extensible-table\n      [data]=\"data.items\"\n      [recordsTotal]=\"data.totalCount\"\n      [list]=\"list\"\n    ></abp-extensible-table>\n  </div>\n</div>\n\n<abp-modal [(visible)]=\"isModalVisible\" [busy]=\"modalBusy\">\n  <ng-template #abpHeader>\n    <h3>{{ (selected?.id ? 'AbpIdentity::Edit' : 'AbpIdentity::NewUser') | abpLocalization }}</h3>\n  </ng-template>\n\n  <ng-template #abpBody>\n    <ng-template #loaderRef\n      ><div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\"></i></div\n    ></ng-template>\n\n    <form *ngIf=\"form; else loaderRef\" [formGroup]=\"form\" (ngSubmit)=\"save()\">\n      <ul ngbNav #nav=\"ngbNav\" class=\"nav-tabs\">\n        <li ngbNavItem>\n          <a ngbNavLink>{{ 'AbpIdentity::UserInformations' | abpLocalization }}</a>\n          <ng-template ngbNavContent>\n            <abp-extensible-form [selectedRecord]=\"selected\"></abp-extensible-form>\n          </ng-template>\n        </li>\n\n        <li ngbNavItem>\n          <a ngbNavLink>{{ 'AbpIdentity::Roles' | abpLocalization }}</a>\n          <ng-template ngbNavContent>\n            <div\n              *ngFor=\"let roleGroup of roleGroups; let i = index; trackBy: trackByFn\"\n              class=\"custom-checkbox custom-control mb-2\"\n            >\n              <input\n                type=\"checkbox\"\n                class=\"custom-control-input\"\n                [attr.id]=\"'roles-' + i\"\n                [formControl]=\"roleGroup.controls[roles[i].name]\"\n              />\n              <label class=\"custom-control-label\" [attr.for]=\"'roles-' + i\">{{\n                roles[i].name\n              }}</label>\n            </div>\n          </ng-template>\n        </li>\n      </ul>\n\n      <div class=\"mt-2 fade-in-top\" [ngbNavOutlet]=\"nav\"></div>\n    </form>\n  </ng-template>\n\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\" [disabled]=\"form?.invalid\" (click)=\"save()\">{{\n      'AbpIdentity::Save' | abpLocalization\n    }}</abp-button>\n  </ng-template>\n</abp-modal>\n\n<abp-permission-management\n  #abpPermissionManagement=\"abpPermissionManagement\"\n  *abpReplaceableTemplate=\"\n    {\n      inputs: {\n        providerName: { value: 'U' },\n        providerKey: { value: providerKey },\n        visible: { value: visiblePermissions, twoWay: true }\n      },\n      outputs: { visibleChange: onVisiblePermissionChange },\n      componentKey: permissionManagementKey\n    };\n    let init = initTemplate\n  \"\n  (abpInit)=\"init(abpPermissionManagement)\"\n>\n</abp-permission-management>\n", components: [{ type: i4.PageToolbarComponent, selector: "abp-page-toolbar", exportAs: ["abpPageToolbar"] }, { type: i4.ExtensibleTableComponent, selector: "abp-extensible-table", inputs: ["actionsText", "data", "list", "recordsTotal", "actionsColumnWidth", "actionsTemplate"], exportAs: ["abpExtensibleTable"] }, { type: i2.ModalComponent, selector: "abp-modal", inputs: ["visible", "busy", "options", "suppressUnsavedChangesWarning"], outputs: ["visibleChange", "init", "appear", "disappear"] }, { type: i4.ExtensibleFormComponent, selector: "abp-extensible-form", inputs: ["selectedRecord"], exportAs: ["abpExtensibleForm"] }, { type: i6.NgbNavOutlet, selector: "[ngbNavOutlet]", inputs: ["paneRole", "ngbNavOutlet"] }, { type: i2.ButtonComponent, selector: "abp-button", inputs: ["buttonId", "buttonClass", "buttonType", "iconClass", "loading", "disabled", "attributes"], outputs: ["click", "focus", "blur", "abpClick", "abpFocus", "abpBlur"] }, { type: i5.PermissionManagementComponent, selector: "abp-permission-management", inputs: ["providerName", "providerKey", "hideBadges", "visible"], outputs: ["visibleChange"], exportAs: ["abpPermissionManagement"] }], directives: [{ type: i4$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i4$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1.FormSubmitDirective, selector: "form[ngSubmit][formGroup]", inputs: ["debounce", "notValidateOnSubmit"], outputs: ["ngSubmit"] }, { type: i4$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i9.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", inputs: ["blueprints", "errorTemplate", "invalidClasses", "mapErrorsFn", "skipValidation", "targetSelector", "validateOnSubmit"] }, { type: i6.NgbNav, selector: "[ngbNav]", inputs: ["destroyOnHide", "orientation", "roles", "keyboard", "activeId"], outputs: ["activeIdChange", "navChange"], exportAs: ["ngbNav"] }, { type: i6.NgbNavItem, selector: "[ngbNavItem]", inputs: ["disabled", "domId", "destroyOnHide", "ngbNavItem"], exportAs: ["ngbNavItem"] }, { type: i6.NgbNavLink, selector: "a[ngbNavLink]" }, { type: i6.NgbNavContent, selector: "ng-template[ngbNavContent]" }, { type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i4$1.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i9.ValidationDirective, selector: "[formControl],[formControlName]", inputs: ["blueprints", "errorTemplate", "invalidClasses", "mapErrorsFn", "skipValidation", "targetSelector", "validateOnSubmit"] }, { type: i2.ModalCloseDirective, selector: "[abpClose]" }, { type: i1.ReplaceableTemplateDirective, selector: "[abpReplaceableTemplate]", inputs: ["abpReplaceableTemplate"] }, { type: i1.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }], pipes: { "abpLocalization": i1.LocalizationPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: UsersComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'abp-users',
+                    templateUrl: './users.component.html',
+                    providers: [
+                        ListService,
+                        {
+                            provide: EXTENSIONS_IDENTIFIER,
+                            useValue: "Identity.UsersComponent" /* Users */,
+                        },
+                    ],
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ListService }, { type: i2.ConfirmationService }, { type: i3.IdentityUserService }, { type: i4$1.FormBuilder }, { type: i0.Injector }]; }, propDecorators: { modalContent: [{
+                type: ViewChild,
+                args: ['modalContent', { static: false }]
+            }] } });
 
-const ɵ0$7 = data => {
-    const component = data.getInjected(RolesComponent);
-    component.edit(data.record.id);
-}, ɵ1$4 = data => {
-    const component = data.getInjected(RolesComponent);
-    component.openPermissionsModal(data.record.name);
-}, ɵ2$2 = data => {
-    const component = data.getInjected(RolesComponent);
-    component.delete(data.record.id, data.record.name);
-}, ɵ3$1 = data => !data.record.isStatic;
 const DEFAULT_ROLES_ENTITY_ACTIONS = EntityAction.createMany([
     {
         text: 'AbpIdentity::Edit',
-        action: ɵ0$7,
+        action: data => {
+            const component = data.getInjected(RolesComponent);
+            component.edit(data.record.id);
+        },
         permission: 'AbpIdentity.Roles.Update',
     },
     {
         text: 'AbpIdentity::Permissions',
-        action: ɵ1$4,
+        action: data => {
+            const component = data.getInjected(RolesComponent);
+            component.openPermissionsModal(data.record.name);
+        },
         permission: 'AbpIdentity.Roles.ManagePermissions',
     },
     {
         text: 'AbpIdentity::Delete',
-        action: ɵ2$2,
+        action: data => {
+            const component = data.getInjected(RolesComponent);
+            component.delete(data.record.id, data.record.name);
+        },
         permission: 'AbpIdentity.Roles.Delete',
-        visible: ɵ3$1,
+        visible: data => !data.record.isStatic,
     },
 ]);
 
-const ɵ0$6 = data => {
-    const l10n = data.getInjected(LocalizationService);
-    const t = l10n.instant.bind(l10n);
-    const { isDefault, isPublic, name } = data.record;
-    return of(name +
-        (isDefault
-            ? `<span class="badge badge-pill badge-success ml-1">${t('AbpIdentity::DisplayName:IsDefault')}</span>`
-            : '') +
-        (isPublic
-            ? `<span class="badge badge-pill badge-info ml-1">${t('AbpIdentity::DisplayName:IsPublic')}</span>`
-            : ''));
-};
 const DEFAULT_ROLES_ENTITY_PROPS = EntityProp.createMany([
     {
         type: "string" /* String */,
         name: 'name',
         displayName: 'AbpIdentity::RoleName',
         sortable: true,
-        valueResolver: ɵ0$6,
+        valueResolver: data => {
+            const l10n = data.getInjected(LocalizationService);
+            const t = l10n.instant.bind(l10n);
+            const { isDefault, isPublic, name } = data.record;
+            return of(name +
+                (isDefault
+                    ? `<span class="badge badge-pill badge-success ml-1">${t('AbpIdentity::DisplayName:IsDefault')}</span>`
+                    : '') +
+                (isPublic
+                    ? `<span class="badge badge-pill badge-info ml-1">${t('AbpIdentity::DisplayName:IsPublic')}</span>`
+                    : ''));
+        },
     },
 ]);
 
-const ɵ0$5 = (data) => data.record && data.record.isStatic, ɵ1$3 = () => [Validators.required];
 const DEFAULT_ROLES_CREATE_FORM_PROPS = FormProp.createMany([
     {
         type: "string" /* String */,
         name: 'name',
         displayName: 'AbpIdentity::RoleName',
         id: 'role-name',
-        disabled: ɵ0$5,
-        validators: ɵ1$3,
+        disabled: (data) => data.record && data.record.isStatic,
+        validators: () => [Validators.required],
     },
     {
         type: "boolean" /* Boolean */,
@@ -617,43 +321,41 @@ const DEFAULT_ROLES_CREATE_FORM_PROPS = FormProp.createMany([
 ]);
 const DEFAULT_ROLES_EDIT_FORM_PROPS = DEFAULT_ROLES_CREATE_FORM_PROPS;
 
-const ɵ0$4 = data => {
-    const component = data.getInjected(RolesComponent);
-    component.add();
-};
 const DEFAULT_ROLES_TOOLBAR_ACTIONS = ToolbarAction.createMany([
     {
         text: 'AbpIdentity::NewRole',
-        action: ɵ0$4,
+        action: data => {
+            const component = data.getInjected(RolesComponent);
+            component.add();
+        },
         permission: 'AbpIdentity.Roles.Create',
         icon: 'fa fa-plus',
     },
 ]);
 
-const ɵ0$3 = data => {
-    const component = data.getInjected(UsersComponent);
-    component.edit(data.record.id);
-}, ɵ1$2 = data => {
-    const component = data.getInjected(UsersComponent);
-    component.openPermissionsModal(data.record.id);
-}, ɵ2$1 = data => {
-    const component = data.getInjected(UsersComponent);
-    component.delete(data.record.id, data.record.name || data.record.userName);
-};
 const DEFAULT_USERS_ENTITY_ACTIONS = EntityAction.createMany([
     {
         text: 'AbpIdentity::Edit',
-        action: ɵ0$3,
+        action: data => {
+            const component = data.getInjected(UsersComponent);
+            component.edit(data.record.id);
+        },
         permission: 'AbpIdentity.Users.Update',
     },
     {
         text: 'AbpIdentity::Permissions',
-        action: ɵ1$2,
+        action: data => {
+            const component = data.getInjected(UsersComponent);
+            component.openPermissionsModal(data.record.id);
+        },
         permission: 'AbpIdentity.Users.ManagePermissions',
     },
     {
         text: 'AbpIdentity::Delete',
-        action: ɵ2$1,
+        action: data => {
+            const component = data.getInjected(UsersComponent);
+            component.delete(data.record.id, data.record.name || data.record.userName);
+        },
         permission: 'AbpIdentity.Users.Delete',
     },
 ]);
@@ -682,14 +384,13 @@ const DEFAULT_USERS_ENTITY_PROPS = EntityProp.createMany([
     },
 ]);
 
-const ɵ0$2 = () => [Validators.required, Validators.maxLength(256)], ɵ1$1 = data => [Validators.required, ...getPasswordValidators({ get: data.getInjected })], ɵ2 = () => [Validators.maxLength(64)], ɵ3 = () => [Validators.maxLength(64)], ɵ4 = () => [Validators.required, Validators.maxLength(256), Validators.email], ɵ5 = () => [Validators.maxLength(16)];
 const DEFAULT_USERS_CREATE_FORM_PROPS = FormProp.createMany([
     {
         type: "string" /* String */,
         name: 'userName',
         displayName: 'AbpIdentity::UserName',
         id: 'user-name',
-        validators: ɵ0$2,
+        validators: () => [Validators.required, Validators.maxLength(256)],
     },
     {
         type: "password" /* Password */,
@@ -697,35 +398,35 @@ const DEFAULT_USERS_CREATE_FORM_PROPS = FormProp.createMany([
         displayName: 'AbpIdentity::Password',
         id: 'password',
         autocomplete: 'new-password',
-        validators: ɵ1$1,
+        validators: data => [Validators.required, ...getPasswordValidators({ get: data.getInjected })],
     },
     {
         type: "string" /* String */,
         name: 'name',
         displayName: 'AbpIdentity::DisplayName:Name',
         id: 'name',
-        validators: ɵ2,
+        validators: () => [Validators.maxLength(64)],
     },
     {
         type: "string" /* String */,
         name: 'surname',
         displayName: 'AbpIdentity::DisplayName:Surname',
         id: 'surname',
-        validators: ɵ3,
+        validators: () => [Validators.maxLength(64)],
     },
     {
         type: "email" /* Email */,
         name: 'email',
         displayName: 'AbpIdentity::EmailAddress',
         id: 'email',
-        validators: ɵ4,
+        validators: () => [Validators.required, Validators.maxLength(256), Validators.email],
     },
     {
         type: "string" /* String */,
         name: 'phoneNumber',
         displayName: 'AbpIdentity::PhoneNumber',
         id: 'phone-number',
-        validators: ɵ5,
+        validators: () => [Validators.maxLength(16)],
     },
     {
         type: "boolean" /* Boolean */,
@@ -735,17 +436,15 @@ const DEFAULT_USERS_CREATE_FORM_PROPS = FormProp.createMany([
         defaultValue: true,
     },
 ]);
-const ɵ6 = prop => prop.name !== 'password';
-const DEFAULT_USERS_EDIT_FORM_PROPS = DEFAULT_USERS_CREATE_FORM_PROPS.filter(ɵ6);
+const DEFAULT_USERS_EDIT_FORM_PROPS = DEFAULT_USERS_CREATE_FORM_PROPS.filter(prop => prop.name !== 'password');
 
-const ɵ0$1 = data => {
-    const component = data.getInjected(UsersComponent);
-    component.add();
-};
 const DEFAULT_USERS_TOOLBAR_ACTIONS = ToolbarAction.createMany([
     {
         text: 'AbpIdentity::NewUser',
-        action: ɵ0$1,
+        action: data => {
+            const component = data.getInjected(UsersComponent);
+            component.add();
+        },
         permission: 'AbpIdentity.Users.Create',
         icon: 'fa fa-plus',
     },
@@ -801,26 +500,12 @@ class IdentityExtensionsGuard {
         }), mapTo(true));
     }
 }
-IdentityExtensionsGuard.decorators = [
-    { type: Injectable }
-];
-IdentityExtensionsGuard.ctorParameters = () => [
-    { type: Injector }
-];
+IdentityExtensionsGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: IdentityExtensionsGuard, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+IdentityExtensionsGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: IdentityExtensionsGuard });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: IdentityExtensionsGuard, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
 
-const ɵ0 = {
-    requiredPolicy: 'AbpIdentity.Roles',
-    replaceableComponent: {
-        key: "Identity.RolesComponent" /* Roles */,
-        defaultComponent: RolesComponent,
-    },
-}, ɵ1 = {
-    requiredPolicy: 'AbpIdentity.Users',
-    replaceableComponent: {
-        key: "Identity.UsersComponent" /* Users */,
-        defaultComponent: UsersComponent,
-    },
-};
 const routes = [
     { path: '', redirectTo: 'roles', pathMatch: 'full' },
     {
@@ -831,24 +516,40 @@ const routes = [
             {
                 path: 'roles',
                 component: ReplaceableRouteContainerComponent,
-                data: ɵ0,
+                data: {
+                    requiredPolicy: 'AbpIdentity.Roles',
+                    replaceableComponent: {
+                        key: "Identity.RolesComponent" /* Roles */,
+                        defaultComponent: RolesComponent,
+                    },
+                },
             },
             {
                 path: 'users',
                 component: ReplaceableRouteContainerComponent,
-                data: ɵ1,
+                data: {
+                    requiredPolicy: 'AbpIdentity.Users',
+                    replaceableComponent: {
+                        key: "Identity.UsersComponent" /* Users */,
+                        defaultComponent: UsersComponent,
+                    },
+                },
             },
         ],
     },
 ];
 class IdentityRoutingModule {
 }
-IdentityRoutingModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [RouterModule.forChild(routes)],
-                exports: [RouterModule],
-            },] }
-];
+IdentityRoutingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: IdentityRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+IdentityRoutingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: IdentityRoutingModule, imports: [i1$1.RouterModule], exports: [RouterModule] });
+IdentityRoutingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: IdentityRoutingModule, imports: [[RouterModule.forChild(routes)], RouterModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: IdentityRoutingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [RouterModule.forChild(routes)],
+                    exports: [RouterModule],
+                }]
+        }] });
 
 class IdentityModule {
     static forChild(options = {}) {
@@ -883,151 +584,46 @@ class IdentityModule {
         return new LazyModuleFactory(IdentityModule.forChild(options));
     }
 }
-IdentityModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [RolesComponent, UsersComponent],
-                exports: [RolesComponent, UsersComponent],
-                imports: [
-                    NgxsModule.forFeature([IdentityState]),
-                    CoreModule,
-                    IdentityRoutingModule,
-                    NgbNavModule,
-                    ThemeSharedModule,
-                    UiExtensionsModule,
-                    NgbDropdownModule,
-                    PermissionManagementModule,
-                    NgxValidateCoreModule,
-                ],
-            },] }
-];
-
-class IdentityUserLookupService {
-    constructor(restService) {
-        this.restService = restService;
-        this.apiName = 'AbpIdentity';
-        this.findById = (id) => this.restService.request({
-            method: 'GET',
-            url: `/api/identity/users/lookup/${id}`,
-        }, { apiName: this.apiName });
-        this.findByUserName = (userName) => this.restService.request({
-            method: 'GET',
-            url: `/api/identity/users/lookup/by-username/${userName}`,
-        }, { apiName: this.apiName });
-        this.getCount = (input) => this.restService.request({
-            method: 'GET',
-            url: '/api/identity/users/lookup/count',
-            params: { filter: input.filter },
-        }, { apiName: this.apiName });
-        this.search = (input) => this.restService.request({
-            method: 'GET',
-            url: '/api/identity/users/lookup/search',
-            params: { filter: input.filter, sorting: input.sorting, skipCount: input.skipCount, maxResultCount: input.maxResultCount },
-        }, { apiName: this.apiName });
-    }
-}
-IdentityUserLookupService.ɵprov = i0.ɵɵdefineInjectable({ factory: function IdentityUserLookupService_Factory() { return new IdentityUserLookupService(i0.ɵɵinject(i1.RestService)); }, token: IdentityUserLookupService, providedIn: "root" });
-IdentityUserLookupService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root',
-            },] }
-];
-IdentityUserLookupService.ctorParameters = () => [
-    { type: RestService }
-];
-
-class ProfileService {
-    constructor(restService) {
-        this.restService = restService;
-        this.apiName = 'AbpIdentity';
-        this.changePassword = (input) => this.restService.request({
-            method: 'POST',
-            url: '/api/identity/my-profile/change-password',
-            body: input,
-        }, { apiName: this.apiName });
-        this.get = () => this.restService.request({
-            method: 'GET',
-            url: '/api/identity/my-profile',
-        }, { apiName: this.apiName });
-        this.update = (input) => this.restService.request({
-            method: 'PUT',
-            url: '/api/identity/my-profile',
-            body: input,
-        }, { apiName: this.apiName });
-    }
-}
-ProfileService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ProfileService_Factory() { return new ProfileService(i0.ɵɵinject(i1.RestService)); }, token: ProfileService, providedIn: "root" });
-ProfileService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root',
-            },] }
-];
-ProfileService.ctorParameters = () => [
-    { type: RestService }
-];
-
-class IdentityStateService {
-    constructor(store) {
-        this.store = store;
-    }
-    getRoles() {
-        return this.store.selectSnapshot(IdentityState.getRoles);
-    }
-    getRolesTotalCount() {
-        return this.store.selectSnapshot(IdentityState.getRolesTotalCount);
-    }
-    getUsers() {
-        return this.store.selectSnapshot(IdentityState.getUsers);
-    }
-    getUsersTotalCount() {
-        return this.store.selectSnapshot(IdentityState.getUsersTotalCount);
-    }
-    dispatchGetRoles(...args) {
-        return this.store.dispatch(new GetRoles(...args));
-    }
-    dispatchGetRoleById(...args) {
-        return this.store.dispatch(new GetRoleById(...args));
-    }
-    dispatchDeleteRole(...args) {
-        return this.store.dispatch(new DeleteRole(...args));
-    }
-    dispatchCreateRole(...args) {
-        return this.store.dispatch(new CreateRole(...args));
-    }
-    dispatchUpdateRole(...args) {
-        return this.store.dispatch(new UpdateRole(...args));
-    }
-    dispatchGetUsers(...args) {
-        return this.store.dispatch(new GetUsers(...args));
-    }
-    dispatchGetUserById(...args) {
-        return this.store.dispatch(new GetUserById(...args));
-    }
-    dispatchDeleteUser(...args) {
-        return this.store.dispatch(new DeleteUser(...args));
-    }
-    dispatchCreateUser(...args) {
-        return this.store.dispatch(new CreateUser(...args));
-    }
-    dispatchUpdateUser(...args) {
-        return this.store.dispatch(new UpdateUser(...args));
-    }
-    dispatchGetUserRoles(...args) {
-        return this.store.dispatch(new GetUserRoles(...args));
-    }
-}
-IdentityStateService.ɵprov = i0.ɵɵdefineInjectable({ factory: function IdentityStateService_Factory() { return new IdentityStateService(i0.ɵɵinject(i1$1.Store)); }, token: IdentityStateService, providedIn: "root" });
-IdentityStateService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root',
-            },] }
-];
-IdentityStateService.ctorParameters = () => [
-    { type: Store }
-];
+IdentityModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: IdentityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+IdentityModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: IdentityModule, declarations: [RolesComponent, UsersComponent], imports: [CoreModule,
+        IdentityRoutingModule,
+        NgbNavModule,
+        ThemeSharedModule,
+        UiExtensionsModule,
+        NgbDropdownModule,
+        PermissionManagementModule,
+        NgxValidateCoreModule], exports: [RolesComponent, UsersComponent] });
+IdentityModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: IdentityModule, imports: [[
+            CoreModule,
+            IdentityRoutingModule,
+            NgbNavModule,
+            ThemeSharedModule,
+            UiExtensionsModule,
+            NgbDropdownModule,
+            PermissionManagementModule,
+            NgxValidateCoreModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: IdentityModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [RolesComponent, UsersComponent],
+                    exports: [RolesComponent, UsersComponent],
+                    imports: [
+                        CoreModule,
+                        IdentityRoutingModule,
+                        NgbNavModule,
+                        ThemeSharedModule,
+                        UiExtensionsModule,
+                        NgbDropdownModule,
+                        PermissionManagementModule,
+                        NgxValidateCoreModule,
+                    ],
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { CreateRole, CreateUser, DEFAULT_IDENTITY_CREATE_FORM_PROPS, DEFAULT_IDENTITY_EDIT_FORM_PROPS, DEFAULT_IDENTITY_ENTITY_ACTIONS, DEFAULT_IDENTITY_ENTITY_PROPS, DEFAULT_IDENTITY_TOOLBAR_ACTIONS, DeleteRole, DeleteUser, GetRoleById, GetRoles, GetUserById, GetUserRoles, GetUsers, IDENTITY_CREATE_FORM_PROP_CONTRIBUTORS, IDENTITY_EDIT_FORM_PROP_CONTRIBUTORS, IDENTITY_ENTITY_ACTION_CONTRIBUTORS, IDENTITY_ENTITY_PROP_CONTRIBUTORS, IDENTITY_TOOLBAR_ACTION_CONTRIBUTORS, IdentityExtensionsGuard, IdentityModule, IdentityRoleService, IdentityState, IdentityStateService, IdentityUserLookupService, IdentityUserService, ProfileService, RolesComponent, UpdateRole, UpdateUser, UsersComponent, RolesComponent as ɵa, IDENTITY_EDIT_FORM_PROP_CONTRIBUTORS as ɵba, IdentityState as ɵc, IdentityUserService as ɵd, IdentityRoleService as ɵe, GetRoles as ɵf, GetRoleById as ɵg, DeleteRole as ɵh, CreateRole as ɵi, UpdateRole as ɵj, GetUsers as ɵk, GetUserById as ɵl, DeleteUser as ɵm, CreateUser as ɵn, UpdateUser as ɵo, GetUserRoles as ɵp, UsersComponent as ɵt, IdentityRoutingModule as ɵu, IdentityExtensionsGuard as ɵv, IDENTITY_ENTITY_ACTION_CONTRIBUTORS as ɵw, IDENTITY_TOOLBAR_ACTION_CONTRIBUTORS as ɵx, IDENTITY_ENTITY_PROP_CONTRIBUTORS as ɵy, IDENTITY_CREATE_FORM_PROP_CONTRIBUTORS as ɵz };
+export { DEFAULT_IDENTITY_CREATE_FORM_PROPS, DEFAULT_IDENTITY_EDIT_FORM_PROPS, DEFAULT_IDENTITY_ENTITY_ACTIONS, DEFAULT_IDENTITY_ENTITY_PROPS, DEFAULT_IDENTITY_TOOLBAR_ACTIONS, IDENTITY_CREATE_FORM_PROP_CONTRIBUTORS, IDENTITY_EDIT_FORM_PROP_CONTRIBUTORS, IDENTITY_ENTITY_ACTION_CONTRIBUTORS, IDENTITY_ENTITY_PROP_CONTRIBUTORS, IDENTITY_TOOLBAR_ACTION_CONTRIBUTORS, IdentityExtensionsGuard, IdentityModule, RolesComponent, UsersComponent };
 //# sourceMappingURL=abp-ng.identity.js.map