@abp/ng.identity 5.0.1 → 5.0.2

package/fesm2015/abp-ng.identity.js

@@ -1,5 +1,5 @@
 import * as i1 from '@abp/ng.core';
-import { ListService, LocalizationService, ConfigStateService, RouterOutletComponent, AuthGuard, PermissionGuard, ReplaceableRouteContainerComponent, LazyModuleFactory, CoreModule } from '@abp/ng.core';
+import { ListService, LocalizationService, escapeHtmlChars, ConfigStateService, RouterOutletComponent, 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';
@@ -21,623 +21,623 @@ import { of } from 'rxjs';
 import * as i1$1 from '@angular/router';
 import { RouterModule } from '@angular/router';
 
-class RolesComponent {
-    constructor(list, confirmationService, injector, service) {
-        this.list = list;
-        this.confirmationService = confirmationService;
-        this.injector = injector;
-        this.service = service;
-        this.data = { items: [], totalCount: 0 };
-        this.visiblePermissions = false;
-        this.modalBusy = false;
-        this.permissionManagementKey = "PermissionManagement.PermissionManagementComponent" /* PermissionManagement */;
-        this.onVisiblePermissionChange = event => {
-            this.visiblePermissions = event;
-        };
-    }
-    ngOnInit() {
-        this.hookToQuery();
-    }
-    buildForm() {
-        const data = new FormPropData(this.injector, this.selected);
-        this.form = generateFormFromProps(data);
-    }
-    openModal() {
-        this.buildForm();
-        this.isModalVisible = true;
-    }
-    add() {
-        this.selected = {};
-        this.openModal();
-    }
-    edit(id) {
-        this.service.get(id).subscribe(res => {
-            this.selected = res;
-            this.openModal();
-        });
-    }
-    save() {
-        if (!this.form.valid)
-            return;
-        this.modalBusy = true;
-        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;
-            this.list.get();
-        });
-    }
-    delete(id, name) {
-        this.confirmationService
-            .warn('AbpIdentity::RoleDeletionConfirmationMessage', 'AbpIdentity::AreYouSure', {
-            messageLocalizationParams: [name],
-        })
-            .subscribe((status) => {
-            if (status === Confirmation.Status.confirm) {
-                this.service.delete(id).subscribe(() => this.list.get());
-            }
-        });
-    }
-    hookToQuery() {
-        this.list.hookToQuery(query => this.service.getList(query)).subscribe(res => (this.data = res));
-    }
-    openPermissionsModal(providerKey) {
-        this.providerKey = providerKey;
-        setTimeout(() => {
-            this.visiblePermissions = true;
-        }, 0);
-    }
-    sort(data) {
-        const { prop, dir } = data.sorts[0];
-        this.list.sortKey = prop;
-        this.list.sortOrder = dir;
-    }
-}
-RolesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", 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.13", type: RolesComponent, selector: "abp-roles", providers: [
-        ListService,
-        {
-            provide: EXTENSIONS_IDENTIFIER,
-            useValue: "Identity.RolesComponent" /* Roles */,
-        },
-    ], ngImport: i0, template: "<div id=\"identity-roles-wrapper\" class=\"card\">\r\n  <div class=\"card-header\">\r\n    <div class=\"row\">\r\n      <div class=\"col col-md-6\">\r\n        <h5 class=\"card-title\">{{ 'AbpIdentity::Roles' | abpLocalization }}</h5>\r\n      </div>\r\n      <div class=\"text-end col col-md-6\">\r\n        <abp-page-toolbar [record]=\"data.items\"></abp-page-toolbar>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"card-body\">\r\n    <abp-extensible-table\r\n      [data]=\"data.items\"\r\n      [recordsTotal]=\"data.totalCount\"\r\n      [list]=\"list\"\r\n    ></abp-extensible-table>\r\n  </div>\r\n</div>\r\n\r\n<abp-modal [(visible)]=\"isModalVisible\" [busy]=\"modalBusy\">\r\n  <ng-template #abpHeader>\r\n    <h3>{{ (selected?.id ? 'AbpIdentity::Edit' : 'AbpIdentity::NewRole') | abpLocalization }}</h3>\r\n  </ng-template>\r\n\r\n  <ng-template #abpBody>\r\n    <form [formGroup]=\"form\" (ngSubmit)=\"save()\" validateOnSubmit>\r\n      <abp-extensible-form [selectedRecord]=\"selected\"></abp-extensible-form>\r\n    </form>\r\n  </ng-template>\r\n\r\n  <ng-template #abpFooter>\r\n    <button type=\"button\" class=\"btn btn-secondary\" abpClose>\r\n      {{ 'AbpIdentity::Cancel' | abpLocalization }}\r\n    </button>\r\n    <abp-button iconClass=\"fa fa-check\" [disabled]=\"form?.invalid\" (click)=\"save()\">{{\r\n      'AbpIdentity::Save' | abpLocalization\r\n    }}</abp-button>\r\n  </ng-template>\r\n</abp-modal>\r\n\r\n<abp-permission-management\r\n  #abpPermissionManagement=\"abpPermissionManagement\"\r\n  *abpReplaceableTemplate=\"\r\n    {\r\n      inputs: {\r\n        providerName: { value: 'R' },\r\n        providerKey: { value: providerKey },\r\n        visible: { value: visiblePermissions, twoWay: true },\r\n        hideBadges: { value: true }\r\n      },\r\n      outputs: { visibleChange: onVisiblePermissionChange },\r\n      componentKey: permissionManagementKey\r\n    };\r\n    let init = initTemplate\r\n  \"\r\n  (abpInit)=\"init(abpPermissionManagement)\"\r\n>\r\n</abp-permission-management>\r\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]", exportAs: ["validationGroup"] }, { 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.13", ngImport: i0, type: RolesComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'abp-roles',
-                    templateUrl: './roles.component.html',
-                    providers: [
-                        ListService,
-                        {
-                            provide: EXTENSIONS_IDENTIFIER,
-                            useValue: "Identity.RolesComponent" /* Roles */,
-                        },
-                    ],
-                }]
+class RolesComponent {
+    constructor(list, confirmationService, injector, service) {
+        this.list = list;
+        this.confirmationService = confirmationService;
+        this.injector = injector;
+        this.service = service;
+        this.data = { items: [], totalCount: 0 };
+        this.visiblePermissions = false;
+        this.modalBusy = false;
+        this.permissionManagementKey = "PermissionManagement.PermissionManagementComponent" /* PermissionManagement */;
+        this.onVisiblePermissionChange = event => {
+            this.visiblePermissions = event;
+        };
+    }
+    ngOnInit() {
+        this.hookToQuery();
+    }
+    buildForm() {
+        const data = new FormPropData(this.injector, this.selected);
+        this.form = generateFormFromProps(data);
+    }
+    openModal() {
+        this.buildForm();
+        this.isModalVisible = true;
+    }
+    add() {
+        this.selected = {};
+        this.openModal();
+    }
+    edit(id) {
+        this.service.get(id).subscribe(res => {
+            this.selected = res;
+            this.openModal();
+        });
+    }
+    save() {
+        if (!this.form.valid)
+            return;
+        this.modalBusy = true;
+        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;
+            this.list.get();
+        });
+    }
+    delete(id, name) {
+        this.confirmationService
+            .warn('AbpIdentity::RoleDeletionConfirmationMessage', 'AbpIdentity::AreYouSure', {
+            messageLocalizationParams: [name],
+        })
+            .subscribe((status) => {
+            if (status === Confirmation.Status.confirm) {
+                this.service.delete(id).subscribe(() => this.list.get());
+            }
+        });
+    }
+    hookToQuery() {
+        this.list.hookToQuery(query => this.service.getList(query)).subscribe(res => (this.data = res));
+    }
+    openPermissionsModal(providerKey) {
+        this.providerKey = providerKey;
+        setTimeout(() => {
+            this.visiblePermissions = true;
+        }, 0);
+    }
+    sort(data) {
+        const { prop, dir } = data.sorts[0];
+        this.list.sortKey = prop;
+        this.list.sortOrder = dir;
+    }
+}
+RolesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", 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.13", 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-end 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]", exportAs: ["validationGroup"] }, { 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.13", 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 }]; } });
 
-class UsersComponent {
-    constructor(list, confirmationService, service, fb, injector) {
-        this.list = list;
-        this.confirmationService = confirmationService;
-        this.service = service;
-        this.fb = fb;
-        this.injector = injector;
-        this.data = { items: [], totalCount: 0 };
-        this.visiblePermissions = false;
-        this.modalBusy = false;
-        this.permissionManagementKey = "PermissionManagement.PermissionManagementComponent" /* PermissionManagement */;
-        this.trackByFn = (index, item) => Object.keys(item)[0] || index;
-        this.onVisiblePermissionChange = event => {
-            this.visiblePermissions = event;
-        };
-    }
-    get roleGroups() {
-        var _a;
-        return ((_a = this.form.get('roleNames')) === null || _a === void 0 ? void 0 : _a.controls) || [];
-    }
-    ngOnInit() {
-        this.hookToQuery();
-    }
-    buildForm() {
-        const data = new FormPropData(this.injector, this.selected);
-        this.form = generateFormFromProps(data);
-        this.service.getAssignableRoles().subscribe(({ items }) => {
-            this.roles = items;
-            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() {
-        this.buildForm();
-        this.isModalVisible = true;
-    }
-    add() {
-        this.selected = {};
-        this.selectedUserRoles = [];
-        this.openModal();
-    }
-    edit(id) {
-        this.service
-            .get(id)
-            .pipe(tap(user => (this.selected = user)), switchMap(() => this.service.getRoles(id)))
-            .subscribe(userRole => {
-            this.selectedUserRoles = userRole.items || [];
-            this.openModal();
-        });
-    }
-    save() {
-        if (!this.form.valid || this.modalBusy)
-            return;
-        this.modalBusy = true;
-        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;
-            this.list.get();
-        });
-    }
-    delete(id, userName) {
-        this.confirmationService
-            .warn('AbpIdentity::UserDeletionConfirmationMessage', 'AbpIdentity::AreYouSure', {
-            messageLocalizationParams: [userName],
-        })
-            .subscribe((status) => {
-            if (status === Confirmation.Status.confirm) {
-                this.service.delete(id).subscribe(() => this.list.get());
-            }
-        });
-    }
-    sort(data) {
-        const { prop, dir } = data.sorts[0];
-        this.list.sortKey = prop;
-        this.list.sortOrder = dir;
-    }
-    hookToQuery() {
-        this.list.hookToQuery(query => this.service.getList(query)).subscribe(res => (this.data = res));
-    }
-    openPermissionsModal(providerKey) {
-        this.providerKey = providerKey;
-        setTimeout(() => {
-            this.visiblePermissions = true;
-        }, 0);
-    }
-}
-UsersComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", 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.13", 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\">\r\n  <div class=\"card-header\">\r\n    <div class=\"row\">\r\n      <div class=\"col col-md-6\">\r\n        <h5 class=\"card-title\">{{ 'AbpIdentity::Users' | abpLocalization }}</h5>\r\n      </div>\r\n      <div class=\"text-end col col-md-6\">\r\n        <abp-page-toolbar [record]=\"data.items\"></abp-page-toolbar>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"card-body\">\r\n    <div id=\"data-tables-table-filter\" class=\"data-tables-filter\">\r\n      <div class=\"input-group\">\r\n        <input\r\n          type=\"search\"\r\n          class=\"form-control\"\r\n          [placeholder]=\"'AbpUi::PagerSearch' | abpLocalization\"\r\n          [(ngModel)]=\"list.filter\"\r\n        />\r\n      </div>\r\n    </div>\r\n\r\n    <abp-extensible-table\r\n      [data]=\"data.items\"\r\n      [recordsTotal]=\"data.totalCount\"\r\n      [list]=\"list\"\r\n    ></abp-extensible-table>\r\n  </div>\r\n</div>\r\n\r\n<abp-modal [(visible)]=\"isModalVisible\" [busy]=\"modalBusy\">\r\n  <ng-template #abpHeader>\r\n    <h3>{{ (selected?.id ? 'AbpIdentity::Edit' : 'AbpIdentity::NewUser') | abpLocalization }}</h3>\r\n  </ng-template>\r\n\r\n  <ng-template #abpBody>\r\n    <ng-template #loaderRef\r\n      ><div class=\"text-center\"><i class=\"fa fa-pulse fa-spinner\"></i></div\r\n    ></ng-template>\r\n\r\n    <form *ngIf=\"form; else loaderRef\" [formGroup]=\"form\" (ngSubmit)=\"save()\">\r\n      <ul ngbNav #nav=\"ngbNav\" class=\"nav-tabs\">\r\n        <li ngbNavItem>\r\n          <a ngbNavLink>{{ 'AbpIdentity::UserInformations' | abpLocalization }}</a>\r\n          <ng-template ngbNavContent>\r\n            <abp-extensible-form [selectedRecord]=\"selected\"></abp-extensible-form>\r\n          </ng-template>\r\n        </li>\r\n\r\n        <li ngbNavItem>\r\n          <a ngbNavLink>{{ 'AbpIdentity::Roles' | abpLocalization }}</a>\r\n          <ng-template ngbNavContent>\r\n            <div\r\n              *ngFor=\"let roleGroup of roleGroups; let i = index; trackBy: trackByFn\"\r\n              class=\"form-check mb-2\"\r\n            >\r\n              <input\r\n                type=\"checkbox\"\r\n                class=\"form-check-input\"\r\n                [attr.id]=\"'roles-' + i\"\r\n                [formControl]=\"roleGroup.controls[roles[i].name]\"\r\n              />\r\n              <label class=\"form-check-label\" [attr.for]=\"'roles-' + i\">{{ roles[i].name }}</label>\r\n            </div>\r\n          </ng-template>\r\n        </li>\r\n      </ul>\r\n\r\n      <div class=\"mt-2 fade-in-top\" [ngbNavOutlet]=\"nav\"></div>\r\n    </form>\r\n  </ng-template>\r\n\r\n  <ng-template #abpFooter>\r\n    <button type=\"button\" class=\"btn btn-secondary\" abpClose>\r\n      {{ 'AbpIdentity::Cancel' | abpLocalization }}\r\n    </button>\r\n    <abp-button iconClass=\"fa fa-check\" [disabled]=\"form?.invalid\" (click)=\"save()\">{{\r\n      'AbpIdentity::Save' | abpLocalization\r\n    }}</abp-button>\r\n  </ng-template>\r\n</abp-modal>\r\n\r\n<abp-permission-management\r\n  #abpPermissionManagement=\"abpPermissionManagement\"\r\n  *abpReplaceableTemplate=\"\r\n    {\r\n      inputs: {\r\n        providerName: { value: 'U' },\r\n        providerKey: { value: providerKey },\r\n        visible: { value: visiblePermissions, twoWay: true }\r\n      },\r\n      outputs: { visibleChange: onVisiblePermissionChange },\r\n      componentKey: permissionManagementKey\r\n    };\r\n    let init = initTemplate\r\n  \"\r\n  (abpInit)=\"init(abpPermissionManagement)\"\r\n>\r\n</abp-permission-management>\r\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]", exportAs: ["validationGroup"] }, { type: i6.NgbNav, selector: "[ngbNav]", inputs: ["animation", "destroyOnHide", "orientation", "roles", "keyboard", "activeId"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { type: i6.NgbNavItem, selector: "[ngbNavItem]", inputs: ["disabled", "domId", "destroyOnHide", "ngbNavItem"], outputs: ["shown", "hidden"], 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]", exportAs: ["validationDirective"] }, { 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.13", 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 }]
+class UsersComponent {
+    constructor(list, confirmationService, service, fb, injector) {
+        this.list = list;
+        this.confirmationService = confirmationService;
+        this.service = service;
+        this.fb = fb;
+        this.injector = injector;
+        this.data = { items: [], totalCount: 0 };
+        this.visiblePermissions = false;
+        this.modalBusy = false;
+        this.permissionManagementKey = "PermissionManagement.PermissionManagementComponent" /* PermissionManagement */;
+        this.trackByFn = (index, item) => Object.keys(item)[0] || index;
+        this.onVisiblePermissionChange = event => {
+            this.visiblePermissions = event;
+        };
+    }
+    get roleGroups() {
+        var _a;
+        return ((_a = this.form.get('roleNames')) === null || _a === void 0 ? void 0 : _a.controls) || [];
+    }
+    ngOnInit() {
+        this.hookToQuery();
+    }
+    buildForm() {
+        const data = new FormPropData(this.injector, this.selected);
+        this.form = generateFormFromProps(data);
+        this.service.getAssignableRoles().subscribe(({ items }) => {
+            this.roles = items;
+            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() {
+        this.buildForm();
+        this.isModalVisible = true;
+    }
+    add() {
+        this.selected = {};
+        this.selectedUserRoles = [];
+        this.openModal();
+    }
+    edit(id) {
+        this.service
+            .get(id)
+            .pipe(tap(user => (this.selected = user)), switchMap(() => this.service.getRoles(id)))
+            .subscribe(userRole => {
+            this.selectedUserRoles = userRole.items || [];
+            this.openModal();
+        });
+    }
+    save() {
+        if (!this.form.valid || this.modalBusy)
+            return;
+        this.modalBusy = true;
+        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;
+            this.list.get();
+        });
+    }
+    delete(id, userName) {
+        this.confirmationService
+            .warn('AbpIdentity::UserDeletionConfirmationMessage', 'AbpIdentity::AreYouSure', {
+            messageLocalizationParams: [userName],
+        })
+            .subscribe((status) => {
+            if (status === Confirmation.Status.confirm) {
+                this.service.delete(id).subscribe(() => this.list.get());
+            }
+        });
+    }
+    sort(data) {
+        const { prop, dir } = data.sorts[0];
+        this.list.sortKey = prop;
+        this.list.sortOrder = dir;
+    }
+    hookToQuery() {
+        this.list.hookToQuery(query => this.service.getList(query)).subscribe(res => (this.data = res));
+    }
+    openPermissionsModal(providerKey) {
+        this.providerKey = providerKey;
+        setTimeout(() => {
+            this.visiblePermissions = true;
+        }, 0);
+    }
+}
+UsersComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", 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.13", 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-end 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=\"form-check mb-2\"\n            >\n              <input\n                type=\"checkbox\"\n                class=\"form-check-input\"\n                [attr.id]=\"'roles-' + i\"\n                [formControl]=\"roleGroup.controls[roles[i].name]\"\n              />\n              <label class=\"form-check-label\" [attr.for]=\"'roles-' + i\">{{ roles[i].name }}</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]", exportAs: ["validationGroup"] }, { type: i6.NgbNav, selector: "[ngbNav]", inputs: ["animation", "destroyOnHide", "orientation", "roles", "keyboard", "activeId"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { type: i6.NgbNavItem, selector: "[ngbNavItem]", inputs: ["disabled", "domId", "destroyOnHide", "ngbNavItem"], outputs: ["shown", "hidden"], 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]", exportAs: ["validationDirective"] }, { 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.13", 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 DEFAULT_ROLES_ENTITY_ACTIONS = EntityAction.createMany([
-    {
-        text: 'AbpIdentity::Edit',
-        action: data => {
-            const component = data.getInjected(RolesComponent);
-            component.edit(data.record.id);
-        },
-        permission: 'AbpIdentity.Roles.Update',
-    },
-    {
-        text: 'AbpIdentity::Permissions',
-        action: data => {
-            const component = data.getInjected(RolesComponent);
-            component.openPermissionsModal(data.record.name);
-        },
-        permission: 'AbpIdentity.Roles.ManagePermissions',
-    },
-    {
-        text: 'AbpIdentity::Delete',
-        action: data => {
-            const component = data.getInjected(RolesComponent);
-            component.delete(data.record.id, data.record.name);
-        },
-        permission: 'AbpIdentity.Roles.Delete',
-        visible: data => !data.record.isStatic,
-    },
+const DEFAULT_ROLES_ENTITY_ACTIONS = EntityAction.createMany([
+    {
+        text: 'AbpIdentity::Edit',
+        action: data => {
+            const component = data.getInjected(RolesComponent);
+            component.edit(data.record.id);
+        },
+        permission: 'AbpIdentity.Roles.Update',
+    },
+    {
+        text: 'AbpIdentity::Permissions',
+        action: data => {
+            const component = data.getInjected(RolesComponent);
+            component.openPermissionsModal(data.record.name);
+        },
+        permission: 'AbpIdentity.Roles.ManagePermissions',
+    },
+    {
+        text: 'AbpIdentity::Delete',
+        action: data => {
+            const component = data.getInjected(RolesComponent);
+            component.delete(data.record.id, data.record.name);
+        },
+        permission: 'AbpIdentity.Roles.Delete',
+        visible: data => !data.record.isStatic,
+    },
 ]);
 
-const DEFAULT_ROLES_ENTITY_PROPS = EntityProp.createMany([
-    {
-        type: "string" /* String */,
-        name: 'name',
-        displayName: 'AbpIdentity::RoleName',
-        sortable: true,
-        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 rounded-pill bg-success ms-1">${t('AbpIdentity::DisplayName:IsDefault')}</span>`
-                    : '') +
-                (isPublic
-                    ? `<span class="badge rounded-pill bg-info ms-1">${t('AbpIdentity::DisplayName:IsPublic')}</span>`
-                    : ''));
-        },
-    },
+const DEFAULT_ROLES_ENTITY_PROPS = EntityProp.createMany([
+    {
+        type: "string" /* String */,
+        name: 'name',
+        displayName: 'AbpIdentity::RoleName',
+        sortable: true,
+        valueResolver: data => {
+            const l10n = data.getInjected(LocalizationService);
+            const t = l10n.instant.bind(l10n);
+            const { isDefault, isPublic, name } = data.record;
+            return of(escapeHtmlChars(name) +
+                (isDefault
+                    ? `<span class="badge rounded-pill bg-success ms-1">${t('AbpIdentity::DisplayName:IsDefault')}</span>`
+                    : '') +
+                (isPublic
+                    ? `<span class="badge rounded-pill bg-info ms-1">${t('AbpIdentity::DisplayName:IsPublic')}</span>`
+                    : ''));
+        },
+    },
 ]);
 
-const DEFAULT_ROLES_CREATE_FORM_PROPS = FormProp.createMany([
-    {
-        type: "string" /* String */,
-        name: 'name',
-        displayName: 'AbpIdentity::RoleName',
-        id: 'role-name',
-        disabled: (data) => data.record && data.record.isStatic,
-        validators: () => [Validators.required],
-    },
-    {
-        type: "boolean" /* Boolean */,
-        name: 'isDefault',
-        displayName: 'AbpIdentity::DisplayName:IsDefault',
-        id: 'role-is-default',
-        defaultValue: false,
-    },
-    {
-        type: "boolean" /* Boolean */,
-        name: 'isPublic',
-        displayName: 'AbpIdentity::DisplayName:IsPublic',
-        id: 'role-is-public',
-        defaultValue: false,
-    },
-]);
+const DEFAULT_ROLES_CREATE_FORM_PROPS = FormProp.createMany([
+    {
+        type: "string" /* String */,
+        name: 'name',
+        displayName: 'AbpIdentity::RoleName',
+        id: 'role-name',
+        disabled: (data) => data.record && data.record.isStatic,
+        validators: () => [Validators.required],
+    },
+    {
+        type: "boolean" /* Boolean */,
+        name: 'isDefault',
+        displayName: 'AbpIdentity::DisplayName:IsDefault',
+        id: 'role-is-default',
+        defaultValue: false,
+    },
+    {
+        type: "boolean" /* Boolean */,
+        name: 'isPublic',
+        displayName: 'AbpIdentity::DisplayName:IsPublic',
+        id: 'role-is-public',
+        defaultValue: false,
+    },
+]);
 const DEFAULT_ROLES_EDIT_FORM_PROPS = DEFAULT_ROLES_CREATE_FORM_PROPS;
 
-const DEFAULT_ROLES_TOOLBAR_ACTIONS = ToolbarAction.createMany([
-    {
-        text: 'AbpIdentity::NewRole',
-        action: data => {
-            const component = data.getInjected(RolesComponent);
-            component.add();
-        },
-        permission: 'AbpIdentity.Roles.Create',
-        icon: 'fa fa-plus',
-    },
+const DEFAULT_ROLES_TOOLBAR_ACTIONS = ToolbarAction.createMany([
+    {
+        text: 'AbpIdentity::NewRole',
+        action: data => {
+            const component = data.getInjected(RolesComponent);
+            component.add();
+        },
+        permission: 'AbpIdentity.Roles.Create',
+        icon: 'fa fa-plus',
+    },
 ]);
 
-const DEFAULT_USERS_ENTITY_ACTIONS = EntityAction.createMany([
-    {
-        text: 'AbpIdentity::Edit',
-        action: data => {
-            const component = data.getInjected(UsersComponent);
-            component.edit(data.record.id);
-        },
-        permission: 'AbpIdentity.Users.Update',
-    },
-    {
-        text: 'AbpIdentity::Permissions',
-        action: data => {
-            const component = data.getInjected(UsersComponent);
-            component.openPermissionsModal(data.record.id);
-        },
-        permission: 'AbpIdentity.Users.ManagePermissions',
-    },
-    {
-        text: 'AbpIdentity::Delete',
-        action: data => {
-            const component = data.getInjected(UsersComponent);
-            component.delete(data.record.id, data.record.name || data.record.userName);
-        },
-        permission: 'AbpIdentity.Users.Delete',
-    },
+const DEFAULT_USERS_ENTITY_ACTIONS = EntityAction.createMany([
+    {
+        text: 'AbpIdentity::Edit',
+        action: data => {
+            const component = data.getInjected(UsersComponent);
+            component.edit(data.record.id);
+        },
+        permission: 'AbpIdentity.Users.Update',
+    },
+    {
+        text: 'AbpIdentity::Permissions',
+        action: data => {
+            const component = data.getInjected(UsersComponent);
+            component.openPermissionsModal(data.record.id);
+        },
+        permission: 'AbpIdentity.Users.ManagePermissions',
+    },
+    {
+        text: 'AbpIdentity::Delete',
+        action: data => {
+            const component = data.getInjected(UsersComponent);
+            component.delete(data.record.id, data.record.name || data.record.userName);
+        },
+        permission: 'AbpIdentity.Users.Delete',
+    },
 ]);
 
-const DEFAULT_USERS_ENTITY_PROPS = EntityProp.createMany([
-    {
-        type: "string" /* String */,
-        name: 'userName',
-        displayName: 'AbpIdentity::UserName',
-        sortable: true,
-        columnWidth: 250,
-        valueResolver: data => {
-            const l10n = data.getInjected(LocalizationService);
-            const t = l10n.instant.bind(l10n);
-            const inactiveIcon = `<i title="${t('AbpIdentity::ThisUserIsNotActiveMessage')}" class="fas fa-ban text-danger me-1"></i>`;
-            return of(`
-        ${!data.record.isActive ? inactiveIcon : ''}
-        <span class="${!data.record.isActive ? 'text-muted' : ''}">${data.record.userName}</span>`);
-        },
-    },
-    {
-        type: "string" /* String */,
-        name: 'email',
-        displayName: 'AbpIdentity::EmailAddress',
-        sortable: true,
-        columnWidth: 250,
-    },
-    {
-        type: "string" /* String */,
-        name: 'phoneNumber',
-        displayName: 'AbpIdentity::PhoneNumber',
-        sortable: true,
-        columnWidth: 250,
-    },
+const DEFAULT_USERS_ENTITY_PROPS = EntityProp.createMany([
+    {
+        type: "string" /* String */,
+        name: 'userName',
+        displayName: 'AbpIdentity::UserName',
+        sortable: true,
+        columnWidth: 250,
+        valueResolver: data => {
+            const l10n = data.getInjected(LocalizationService);
+            const t = l10n.instant.bind(l10n);
+            const inactiveIcon = `<i title="${t('AbpIdentity::ThisUserIsNotActiveMessage')}" class="fas fa-ban text-danger me-1"></i>`;
+            return of(`
+        ${!data.record.isActive ? inactiveIcon : ''}
+        <span class="${!data.record.isActive ? 'text-muted' : ''}">${escapeHtmlChars(data.record.userName)}</span>`);
+        },
+    },
+    {
+        type: "string" /* String */,
+        name: 'email',
+        displayName: 'AbpIdentity::EmailAddress',
+        sortable: true,
+        columnWidth: 250,
+    },
+    {
+        type: "string" /* String */,
+        name: 'phoneNumber',
+        displayName: 'AbpIdentity::PhoneNumber',
+        sortable: true,
+        columnWidth: 250,
+    },
 ]);
 
-const DEFAULT_USERS_CREATE_FORM_PROPS = FormProp.createMany([
-    {
-        type: "string" /* String */,
-        name: 'userName',
-        displayName: 'AbpIdentity::UserName',
-        id: 'user-name',
-        validators: () => [Validators.required, Validators.maxLength(256)],
-    },
-    {
-        type: "password" /* Password */,
-        name: 'password',
-        displayName: 'AbpIdentity::Password',
-        id: 'password',
-        autocomplete: 'new-password',
-        validators: data => [Validators.required, ...getPasswordValidators({ get: data.getInjected })],
-    },
-    {
-        type: "string" /* String */,
-        name: 'name',
-        displayName: 'AbpIdentity::DisplayName:Name',
-        id: 'name',
-        validators: () => [Validators.maxLength(64)],
-    },
-    {
-        type: "string" /* String */,
-        name: 'surname',
-        displayName: 'AbpIdentity::DisplayName:Surname',
-        id: 'surname',
-        validators: () => [Validators.maxLength(64)],
-    },
-    {
-        type: "email" /* Email */,
-        name: 'email',
-        displayName: 'AbpIdentity::EmailAddress',
-        id: 'email',
-        validators: () => [Validators.required, Validators.maxLength(256), Validators.email],
-    },
-    {
-        type: "string" /* String */,
-        name: 'phoneNumber',
-        displayName: 'AbpIdentity::PhoneNumber',
-        id: 'phone-number',
-        validators: () => [Validators.maxLength(16)],
-    },
-    {
-        type: "boolean" /* Boolean */,
-        name: 'isActive',
-        displayName: 'AbpIdentity::DisplayName:IsActive',
-        id: 'active-checkbox',
-        defaultValue: true,
-    },
-    {
-        type: "boolean" /* Boolean */,
-        name: 'lockoutEnabled',
-        displayName: 'AbpIdentity::DisplayName:LockoutEnabled',
-        id: 'lockout-checkbox',
-        defaultValue: true,
-    },
-]);
+const DEFAULT_USERS_CREATE_FORM_PROPS = FormProp.createMany([
+    {
+        type: "string" /* String */,
+        name: 'userName',
+        displayName: 'AbpIdentity::UserName',
+        id: 'user-name',
+        validators: () => [Validators.required, Validators.maxLength(256)],
+    },
+    {
+        type: "password" /* Password */,
+        name: 'password',
+        displayName: 'AbpIdentity::Password',
+        id: 'password',
+        autocomplete: 'new-password',
+        validators: data => [Validators.required, ...getPasswordValidators({ get: data.getInjected })],
+    },
+    {
+        type: "string" /* String */,
+        name: 'name',
+        displayName: 'AbpIdentity::DisplayName:Name',
+        id: 'name',
+        validators: () => [Validators.maxLength(64)],
+    },
+    {
+        type: "string" /* String */,
+        name: 'surname',
+        displayName: 'AbpIdentity::DisplayName:Surname',
+        id: 'surname',
+        validators: () => [Validators.maxLength(64)],
+    },
+    {
+        type: "email" /* Email */,
+        name: 'email',
+        displayName: 'AbpIdentity::EmailAddress',
+        id: 'email',
+        validators: () => [Validators.required, Validators.maxLength(256), Validators.email],
+    },
+    {
+        type: "string" /* String */,
+        name: 'phoneNumber',
+        displayName: 'AbpIdentity::PhoneNumber',
+        id: 'phone-number',
+        validators: () => [Validators.maxLength(16)],
+    },
+    {
+        type: "boolean" /* Boolean */,
+        name: 'isActive',
+        displayName: 'AbpIdentity::DisplayName:IsActive',
+        id: 'active-checkbox',
+        defaultValue: true,
+    },
+    {
+        type: "boolean" /* Boolean */,
+        name: 'lockoutEnabled',
+        displayName: 'AbpIdentity::DisplayName:LockoutEnabled',
+        id: 'lockout-checkbox',
+        defaultValue: true,
+    },
+]);
 const DEFAULT_USERS_EDIT_FORM_PROPS = DEFAULT_USERS_CREATE_FORM_PROPS.filter(prop => prop.name !== 'password');
 
-const DEFAULT_USERS_TOOLBAR_ACTIONS = ToolbarAction.createMany([
-    {
-        text: 'AbpIdentity::NewUser',
-        action: data => {
-            const component = data.getInjected(UsersComponent);
-            component.add();
-        },
-        permission: 'AbpIdentity.Users.Create',
-        icon: 'fa fa-plus',
-    },
+const DEFAULT_USERS_TOOLBAR_ACTIONS = ToolbarAction.createMany([
+    {
+        text: 'AbpIdentity::NewUser',
+        action: data => {
+            const component = data.getInjected(UsersComponent);
+            component.add();
+        },
+        permission: 'AbpIdentity.Users.Create',
+        icon: 'fa fa-plus',
+    },
 ]);
 
-const DEFAULT_IDENTITY_ENTITY_ACTIONS = {
-    ["Identity.RolesComponent" /* Roles */]: DEFAULT_ROLES_ENTITY_ACTIONS,
-    ["Identity.UsersComponent" /* Users */]: DEFAULT_USERS_ENTITY_ACTIONS,
-};
-const DEFAULT_IDENTITY_TOOLBAR_ACTIONS = {
-    ["Identity.RolesComponent" /* Roles */]: DEFAULT_ROLES_TOOLBAR_ACTIONS,
-    ["Identity.UsersComponent" /* Users */]: DEFAULT_USERS_TOOLBAR_ACTIONS,
-};
-const DEFAULT_IDENTITY_ENTITY_PROPS = {
-    ["Identity.RolesComponent" /* Roles */]: DEFAULT_ROLES_ENTITY_PROPS,
-    ["Identity.UsersComponent" /* Users */]: DEFAULT_USERS_ENTITY_PROPS,
-};
-const DEFAULT_IDENTITY_CREATE_FORM_PROPS = {
-    ["Identity.RolesComponent" /* Roles */]: DEFAULT_ROLES_CREATE_FORM_PROPS,
-    ["Identity.UsersComponent" /* Users */]: DEFAULT_USERS_CREATE_FORM_PROPS,
-};
-const DEFAULT_IDENTITY_EDIT_FORM_PROPS = {
-    ["Identity.RolesComponent" /* Roles */]: DEFAULT_ROLES_EDIT_FORM_PROPS,
-    ["Identity.UsersComponent" /* Users */]: DEFAULT_USERS_EDIT_FORM_PROPS,
-};
-const IDENTITY_ENTITY_ACTION_CONTRIBUTORS = new InjectionToken('IDENTITY_ENTITY_ACTION_CONTRIBUTORS');
-const IDENTITY_TOOLBAR_ACTION_CONTRIBUTORS = new InjectionToken('IDENTITY_TOOLBAR_ACTION_CONTRIBUTORS');
-const IDENTITY_ENTITY_PROP_CONTRIBUTORS = new InjectionToken('IDENTITY_ENTITY_PROP_CONTRIBUTORS');
-const IDENTITY_CREATE_FORM_PROP_CONTRIBUTORS = new InjectionToken('IDENTITY_CREATE_FORM_PROP_CONTRIBUTORS');
+const DEFAULT_IDENTITY_ENTITY_ACTIONS = {
+    ["Identity.RolesComponent" /* Roles */]: DEFAULT_ROLES_ENTITY_ACTIONS,
+    ["Identity.UsersComponent" /* Users */]: DEFAULT_USERS_ENTITY_ACTIONS,
+};
+const DEFAULT_IDENTITY_TOOLBAR_ACTIONS = {
+    ["Identity.RolesComponent" /* Roles */]: DEFAULT_ROLES_TOOLBAR_ACTIONS,
+    ["Identity.UsersComponent" /* Users */]: DEFAULT_USERS_TOOLBAR_ACTIONS,
+};
+const DEFAULT_IDENTITY_ENTITY_PROPS = {
+    ["Identity.RolesComponent" /* Roles */]: DEFAULT_ROLES_ENTITY_PROPS,
+    ["Identity.UsersComponent" /* Users */]: DEFAULT_USERS_ENTITY_PROPS,
+};
+const DEFAULT_IDENTITY_CREATE_FORM_PROPS = {
+    ["Identity.RolesComponent" /* Roles */]: DEFAULT_ROLES_CREATE_FORM_PROPS,
+    ["Identity.UsersComponent" /* Users */]: DEFAULT_USERS_CREATE_FORM_PROPS,
+};
+const DEFAULT_IDENTITY_EDIT_FORM_PROPS = {
+    ["Identity.RolesComponent" /* Roles */]: DEFAULT_ROLES_EDIT_FORM_PROPS,
+    ["Identity.UsersComponent" /* Users */]: DEFAULT_USERS_EDIT_FORM_PROPS,
+};
+const IDENTITY_ENTITY_ACTION_CONTRIBUTORS = new InjectionToken('IDENTITY_ENTITY_ACTION_CONTRIBUTORS');
+const IDENTITY_TOOLBAR_ACTION_CONTRIBUTORS = new InjectionToken('IDENTITY_TOOLBAR_ACTION_CONTRIBUTORS');
+const IDENTITY_ENTITY_PROP_CONTRIBUTORS = new InjectionToken('IDENTITY_ENTITY_PROP_CONTRIBUTORS');
+const IDENTITY_CREATE_FORM_PROP_CONTRIBUTORS = new InjectionToken('IDENTITY_CREATE_FORM_PROP_CONTRIBUTORS');
 const IDENTITY_EDIT_FORM_PROP_CONTRIBUTORS = new InjectionToken('IDENTITY_EDIT_FORM_PROP_CONTRIBUTORS');
 
-class IdentityExtensionsGuard {
-    constructor(injector) {
-        this.injector = injector;
-    }
-    canActivate() {
-        const extensions = this.injector.get(ExtensionsService);
-        const actionContributors = this.injector.get(IDENTITY_ENTITY_ACTION_CONTRIBUTORS, null) || {};
-        const toolbarContributors = this.injector.get(IDENTITY_TOOLBAR_ACTION_CONTRIBUTORS, null) || {};
-        const propContributors = this.injector.get(IDENTITY_ENTITY_PROP_CONTRIBUTORS, null) || {};
-        const createFormContributors = this.injector.get(IDENTITY_CREATE_FORM_PROP_CONTRIBUTORS, null) || {};
-        const editFormContributors = this.injector.get(IDENTITY_EDIT_FORM_PROP_CONTRIBUTORS, null) || {};
-        const configState = this.injector.get(ConfigStateService);
-        return getObjectExtensionEntitiesFromStore(configState, 'Identity').pipe(map(entities => ({
-            ["Identity.RolesComponent" /* Roles */]: entities.Role,
-            ["Identity.UsersComponent" /* Users */]: entities.User,
-        })), mapEntitiesToContributors(configState, 'AbpIdentity'), tap(objectExtensionContributors => {
-            mergeWithDefaultActions(extensions.entityActions, DEFAULT_IDENTITY_ENTITY_ACTIONS, actionContributors);
-            mergeWithDefaultActions(extensions.toolbarActions, DEFAULT_IDENTITY_TOOLBAR_ACTIONS, toolbarContributors);
-            mergeWithDefaultProps(extensions.entityProps, DEFAULT_IDENTITY_ENTITY_PROPS, objectExtensionContributors.prop, propContributors);
-            mergeWithDefaultProps(extensions.createFormProps, DEFAULT_IDENTITY_CREATE_FORM_PROPS, objectExtensionContributors.createForm, createFormContributors);
-            mergeWithDefaultProps(extensions.editFormProps, DEFAULT_IDENTITY_EDIT_FORM_PROPS, objectExtensionContributors.editForm, editFormContributors);
-        }), mapTo(true));
-    }
-}
-IdentityExtensionsGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: IdentityExtensionsGuard, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
-IdentityExtensionsGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: IdentityExtensionsGuard });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: IdentityExtensionsGuard, decorators: [{
-            type: Injectable
+class IdentityExtensionsGuard {
+    constructor(injector) {
+        this.injector = injector;
+    }
+    canActivate() {
+        const extensions = this.injector.get(ExtensionsService);
+        const actionContributors = this.injector.get(IDENTITY_ENTITY_ACTION_CONTRIBUTORS, null) || {};
+        const toolbarContributors = this.injector.get(IDENTITY_TOOLBAR_ACTION_CONTRIBUTORS, null) || {};
+        const propContributors = this.injector.get(IDENTITY_ENTITY_PROP_CONTRIBUTORS, null) || {};
+        const createFormContributors = this.injector.get(IDENTITY_CREATE_FORM_PROP_CONTRIBUTORS, null) || {};
+        const editFormContributors = this.injector.get(IDENTITY_EDIT_FORM_PROP_CONTRIBUTORS, null) || {};
+        const configState = this.injector.get(ConfigStateService);
+        return getObjectExtensionEntitiesFromStore(configState, 'Identity').pipe(map(entities => ({
+            ["Identity.RolesComponent" /* Roles */]: entities.Role,
+            ["Identity.UsersComponent" /* Users */]: entities.User,
+        })), mapEntitiesToContributors(configState, 'AbpIdentity'), tap(objectExtensionContributors => {
+            mergeWithDefaultActions(extensions.entityActions, DEFAULT_IDENTITY_ENTITY_ACTIONS, actionContributors);
+            mergeWithDefaultActions(extensions.toolbarActions, DEFAULT_IDENTITY_TOOLBAR_ACTIONS, toolbarContributors);
+            mergeWithDefaultProps(extensions.entityProps, DEFAULT_IDENTITY_ENTITY_PROPS, objectExtensionContributors.prop, propContributors);
+            mergeWithDefaultProps(extensions.createFormProps, DEFAULT_IDENTITY_CREATE_FORM_PROPS, objectExtensionContributors.createForm, createFormContributors);
+            mergeWithDefaultProps(extensions.editFormProps, DEFAULT_IDENTITY_EDIT_FORM_PROPS, objectExtensionContributors.editForm, editFormContributors);
+        }), mapTo(true));
+    }
+}
+IdentityExtensionsGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: IdentityExtensionsGuard, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+IdentityExtensionsGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: IdentityExtensionsGuard });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: IdentityExtensionsGuard, decorators: [{
+            type: Injectable
         }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
 
-const routes = [
-    { path: '', redirectTo: 'roles', pathMatch: 'full' },
-    {
-        path: '',
-        component: RouterOutletComponent,
-        canActivate: [AuthGuard, PermissionGuard, IdentityExtensionsGuard],
-        children: [
-            {
-                path: 'roles',
-                component: ReplaceableRouteContainerComponent,
-                data: {
-                    requiredPolicy: 'AbpIdentity.Roles',
-                    replaceableComponent: {
-                        key: "Identity.RolesComponent" /* Roles */,
-                        defaultComponent: RolesComponent,
-                    },
-                },
-            },
-            {
-                path: 'users',
-                component: ReplaceableRouteContainerComponent,
-                data: {
-                    requiredPolicy: 'AbpIdentity.Users',
-                    replaceableComponent: {
-                        key: "Identity.UsersComponent" /* Users */,
-                        defaultComponent: UsersComponent,
-                    },
-                },
-            },
-        ],
-    },
-];
-class IdentityRoutingModule {
-}
-IdentityRoutingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: IdentityRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-IdentityRoutingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: IdentityRoutingModule, imports: [i1$1.RouterModule], exports: [RouterModule] });
-IdentityRoutingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: IdentityRoutingModule, imports: [[RouterModule.forChild(routes)], RouterModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: IdentityRoutingModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [RouterModule.forChild(routes)],
-                    exports: [RouterModule],
-                }]
+const routes = [
+    { path: '', redirectTo: 'roles', pathMatch: 'full' },
+    {
+        path: '',
+        component: RouterOutletComponent,
+        canActivate: [AuthGuard, PermissionGuard, IdentityExtensionsGuard],
+        children: [
+            {
+                path: 'roles',
+                component: ReplaceableRouteContainerComponent,
+                data: {
+                    requiredPolicy: 'AbpIdentity.Roles',
+                    replaceableComponent: {
+                        key: "Identity.RolesComponent" /* Roles */,
+                        defaultComponent: RolesComponent,
+                    },
+                },
+            },
+            {
+                path: 'users',
+                component: ReplaceableRouteContainerComponent,
+                data: {
+                    requiredPolicy: 'AbpIdentity.Users',
+                    replaceableComponent: {
+                        key: "Identity.UsersComponent" /* Users */,
+                        defaultComponent: UsersComponent,
+                    },
+                },
+            },
+        ],
+    },
+];
+class IdentityRoutingModule {
+}
+IdentityRoutingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: IdentityRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+IdentityRoutingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: IdentityRoutingModule, imports: [i1$1.RouterModule], exports: [RouterModule] });
+IdentityRoutingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: IdentityRoutingModule, imports: [[RouterModule.forChild(routes)], RouterModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: IdentityRoutingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [RouterModule.forChild(routes)],
+                    exports: [RouterModule],
+                }]
         }] });
 
-class IdentityModule {
-    static forChild(options = {}) {
-        return {
-            ngModule: IdentityModule,
-            providers: [
-                {
-                    provide: IDENTITY_ENTITY_ACTION_CONTRIBUTORS,
-                    useValue: options.entityActionContributors,
-                },
-                {
-                    provide: IDENTITY_TOOLBAR_ACTION_CONTRIBUTORS,
-                    useValue: options.toolbarActionContributors,
-                },
-                {
-                    provide: IDENTITY_ENTITY_PROP_CONTRIBUTORS,
-                    useValue: options.entityPropContributors,
-                },
-                {
-                    provide: IDENTITY_CREATE_FORM_PROP_CONTRIBUTORS,
-                    useValue: options.createFormPropContributors,
-                },
-                {
-                    provide: IDENTITY_EDIT_FORM_PROP_CONTRIBUTORS,
-                    useValue: options.editFormPropContributors,
-                },
-                IdentityExtensionsGuard,
-            ],
-        };
-    }
-    static forLazy(options = {}) {
-        return new LazyModuleFactory(IdentityModule.forChild(options));
-    }
-}
-IdentityModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: IdentityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-IdentityModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", 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.13", ngImport: i0, type: IdentityModule, imports: [[
-            CoreModule,
-            IdentityRoutingModule,
-            NgbNavModule,
-            ThemeSharedModule,
-            UiExtensionsModule,
-            NgbDropdownModule,
-            PermissionManagementModule,
-            NgxValidateCoreModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: IdentityModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [RolesComponent, UsersComponent],
-                    exports: [RolesComponent, UsersComponent],
-                    imports: [
-                        CoreModule,
-                        IdentityRoutingModule,
-                        NgbNavModule,
-                        ThemeSharedModule,
-                        UiExtensionsModule,
-                        NgbDropdownModule,
-                        PermissionManagementModule,
-                        NgxValidateCoreModule,
-                    ],
-                }]
+class IdentityModule {
+    static forChild(options = {}) {
+        return {
+            ngModule: IdentityModule,
+            providers: [
+                {
+                    provide: IDENTITY_ENTITY_ACTION_CONTRIBUTORS,
+                    useValue: options.entityActionContributors,
+                },
+                {
+                    provide: IDENTITY_TOOLBAR_ACTION_CONTRIBUTORS,
+                    useValue: options.toolbarActionContributors,
+                },
+                {
+                    provide: IDENTITY_ENTITY_PROP_CONTRIBUTORS,
+                    useValue: options.entityPropContributors,
+                },
+                {
+                    provide: IDENTITY_CREATE_FORM_PROP_CONTRIBUTORS,
+                    useValue: options.createFormPropContributors,
+                },
+                {
+                    provide: IDENTITY_EDIT_FORM_PROP_CONTRIBUTORS,
+                    useValue: options.editFormPropContributors,
+                },
+                IdentityExtensionsGuard,
+            ],
+        };
+    }
+    static forLazy(options = {}) {
+        return new LazyModuleFactory(IdentityModule.forChild(options));
+    }
+}
+IdentityModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: IdentityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+IdentityModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", 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.13", ngImport: i0, type: IdentityModule, imports: [[
+            CoreModule,
+            IdentityRoutingModule,
+            NgbNavModule,
+            ThemeSharedModule,
+            UiExtensionsModule,
+            NgbDropdownModule,
+            PermissionManagementModule,
+            NgxValidateCoreModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", 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.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 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 };