@cauca-911/management 22.0.4 → 22.0.6

package/fesm2022/cauca-911-management.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, Injector, inject, Injectable, computed, ChangeDetectionStrategy, Component, ViewChild, signal, viewChild, resource, effect, untracked, model, input, HostListener, forwardRef, ViewEncapsulation, output } from '@angular/core';
-import { pendingChangesGuard, DialogService, PageTitleComponent, LoadingSpinnerIndicatorComponent, LoadingErrorComponent, StrokedButtonComponent, RaisedButtonComponent, ListPaginatorComponent, IconButtonComponent, LoadingStateService, GroupContainerComponent, ConfirmationResult, SavingErrorBoxComponent, MenuItemComponent } from '@cauca-911/material';
+import { pendingChangesGuard, DialogService, PageTitleComponent, LoadingSpinnerIndicatorComponent, LoadingErrorComponent, StrokedButtonComponent, RaisedButtonComponent, ListPaginatorComponent, IconButtonComponent, LoadingStateService, GroupContainerComponent, ConfirmationResult, SavingErrorBoxComponent, MenuItemComponent, ExpandablePanelComponent, FieldErrorsComponent, PasswordSelectionComponent, PhoneNumberInputComponent, ControlFieldErrorsComponent } from '@cauca-911/material';
 import * as i1 from '@angular/material/card';
 import { MatCardModule } from '@angular/material/card';
 import { TranslatePipe } from '@ngx-translate/core';
@@ -8,7 +8,7 @@ import { MatSort } from '@angular/material/sort';
 import { Router } from '@angular/router';
 import ODataFilterBuilder from 'odata-filter-builder';
 import { OdataGridComponent, SortableDataGridColumnComponent, SortableDataGridCheckColumnComponent, DataGridCommandsColumnComponent, DataGridComponent, BaseGridColumnComponent, DataGridMenuColumnComponent } from '@cauca-911/datagrid';
-import { HttpClient } from '@angular/common/http';
+import { HttpClient, HttpParams } from '@angular/common/http';
 import { CaucaCoreService, toLowerCaseAndWithoutDiacritics } from '@cauca-911/core';
 import { firstValueFrom, startWith, debounceTime } from 'rxjs';
 import * as i1$2 from '@angular/material/form-field';
@@ -36,6 +36,13 @@ import * as i2$1 from '@angular/material/menu';
 import { MatMenuModule } from '@angular/material/menu';
 import { NgStyle } from '@angular/common';
 import { MatColumnDef, MatHeaderCell, MatHeaderCellDef, MatCell, MatCellDef, MatFooterCell, MatFooterCellDef } from '@angular/material/table';
+import { schema, required, maxLength, validateHttp, email, readonly, pattern, FormField } from '@angular/forms/signals';
+import * as i3$2 from '@angular/material/progress-spinner';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import * as i2$2 from '@angular/material/select';
+import { MatSelectModule } from '@angular/material/select';
+import * as i3$3 from 'ngx-mat-select-search';
+import { NgxMatSelectSearchModule } from 'ngx-mat-select-search';
 
 const MANAGEMENT_URL_PREFIX = new InjectionToken('MANAGEMENT_URL_PREFIX');
 const MANAGEMENT_ROUTE_SEGMENT = new InjectionToken('MANAGEMENT_ROUTE_SEGMENT');
@@ -93,7 +100,7 @@ class GroupManagementService {
             }]
     }], null, null); })();
 
-const _c0$4 = () => ["name"];
+const _c0$6 = () => ["name"];
 class GroupListGridComponent {
     constructor() {
         this.columns = computed(() => this.getColumns(), /* @ts-ignore */
@@ -151,7 +158,7 @@ class GroupListGridComponent {
             i0.ɵɵlistener("deleteClick", function GroupListGridComponent_Template_cauca_data_grid_commands_column_deleteClick_6_listener($event) { return ctx.deleteGroup($event); });
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵproperty("showTableOptions", true)("showAddButton", true)("addButtonLabel", i0.ɵɵpipeBind1(1, 10, "groups.addButtonLabel"))("baseSort", i0.ɵɵpureFunction0(16, _c0$4))("filterPredicate", ctx.filterPredicate)("displayedColumns", ctx.columns());
+            i0.ɵɵproperty("showTableOptions", true)("showAddButton", true)("addButtonLabel", i0.ɵɵpipeBind1(1, 10, "groups.addButtonLabel"))("baseSort", i0.ɵɵpureFunction0(16, _c0$6))("filterPredicate", ctx.filterPredicate)("displayedColumns", ctx.columns());
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("label", i0.ɵɵpipeBind1(3, 12, "groups.groupNameColumnLabel"));
             i0.ɵɵadvance(2);
@@ -355,8 +362,8 @@ class UserSearchService {
             }]
     }], null, null); })();
 
-const _c0$3 = ["resultPaginator"];
-const _forTrack0$4 = ($index, $item) => $item.id;
+const _c0$5 = ["resultPaginator"];
+const _forTrack0$5 = ($index, $item) => $item.id;
 function GroupUserSelectionDialogComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 8);
     i0.ɵɵtext(1);
@@ -408,7 +415,7 @@ function GroupUserSelectionDialogComponent_Conditional_17_Template(rf, ctx) { if
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "mat-selection-list", 18);
     i0.ɵɵlistener("selectionChange", function GroupUserSelectionDialogComponent_Conditional_17_Template_mat_selection_list_selectionChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSelectionChange($event)); });
-    i0.ɵɵrepeaterCreate(1, GroupUserSelectionDialogComponent_Conditional_17_For_2_Template, 4, 6, "mat-list-option", 19, _forTrack0$4);
+    i0.ɵɵrepeaterCreate(1, GroupUserSelectionDialogComponent_Conditional_17_For_2_Template, 4, 6, "mat-list-option", 19, _forTrack0$5);
     i0.ɵɵelementEnd();
     i0.ɵɵconditionalCreate(3, GroupUserSelectionDialogComponent_Conditional_17_Conditional_3_Template, 2, 2, "cauca-list-paginator", 20);
 } if (rf & 2) {
@@ -509,7 +516,7 @@ class GroupUserSelectionDialogComponent {
     }
     static { this.ɵfac = function GroupUserSelectionDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GroupUserSelectionDialogComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GroupUserSelectionDialogComponent, selectors: [["cauca-group-user-selection-dialog"]], viewQuery: function GroupUserSelectionDialogComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuerySignal(ctx.paginator, _c0$3, 5);
+            i0.ɵɵviewQuerySignal(ctx.paginator, _c0$5, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance();
         } }, features: [i0.ɵɵProvidersFeature([UserSearchService, LoadingStateService])], decls: 28, vars: 15, consts: [["resultPaginator", ""], ["mat-dialog-title", ""], [1, "h6"], ["id", "closeButton", "icon", "close", 3, "buttonClick"], [1, "dialog-content"], ["subscriptSizing", "dynamic", 1, "search-field"], ["matInput", "", "type", "text", 3, "input", "value"], ["matSuffix", ""], [1, "search-hint", "body2"], [1, "results-region"], [3, "retryRequest"], [1, "no-results", "body2"], [1, "dialog-actions"], [1, "selected-users-panel"], [1, "selected-users-label", "caption"], [1, "selected-users-names", "body2", 3, "matTooltip"], ["color", "primary", "label", "cancel", 3, "buttonClick"], ["color", "primary", "label", "ok", 3, "buttonClick", "isDisabled"], [1, "results-list", 3, "selectionChange", "compareWith"], ["color", "primary", 1, "result-item", 3, "value", "selected", "result-item--even"], [3, "itemsCount", "pageSize"], ["color", "primary", 1, "result-item", 3, "value", "selected"], ["matListItemTitle", ""], ["matListItemSubtitle", ""], [3, "pageChange", "itemsCount", "pageSize"]], template: function GroupUserSelectionDialogComponent_Template(rf, ctx) { if (rf & 1) {
@@ -598,8 +605,8 @@ class GroupUserSelectionDialogComponent {
     }], () => [], { paginator: [{ type: i0.ViewChild, args: ['resultPaginator', { isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GroupUserSelectionDialogComponent, { className: "GroupUserSelectionDialogComponent", filePath: "lib/components/group-user-selection-dialog/group-user-selection-dialog.component.ts", lineNumber: 46 }); })();
 
-const _c0$2 = ["paginator"];
-const _forTrack0$3 = ($index, $item) => $item.id;
+const _c0$4 = ["paginator"];
+const _forTrack0$4 = ($index, $item) => $item.id;
 function GroupUserEditionListComponent_For_10_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 11);
     i0.ɵɵtext(1);
@@ -734,7 +741,7 @@ class GroupUserEditionListComponent {
     }
     static { this.ɵfac = function GroupUserEditionListComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GroupUserEditionListComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GroupUserEditionListComponent, selectors: [["cauca-group-user-edition-list"]], viewQuery: function GroupUserEditionListComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuerySignal(ctx.paginator, _c0$2, 5);
+            i0.ɵɵviewQuerySignal(ctx.paginator, _c0$4, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance();
         } }, features: [i0.ɵɵProvidersFeature([DialogService])], decls: 14, vars: 6, consts: [["paginator", ""], [1, "user-edition-list"], ["subscriptSizing", "dynamic", 1, "filter-field"], ["matInput", "", "type", "text", 3, "input", "value"], ["matSuffix", ""], [1, "users-list"], [1, "user-item"], [3, "itemsCount", "pageSize"], ["color", "primary", "label", "groupEdition.addUsersButton", 1, "add-users-button", 3, "buttonClick"], ["matListItemIcon", ""], ["matListItemTitle", "", 1, "user-name"], ["matListItemLine", "", 1, "user-additional-information"], ["matListItemMeta", "", "icon", "delete", "color", "error", 1, "delete-button", 3, "buttonClick"], [1, "no-users", "body2"], [3, "pageChange", "itemsCount", "pageSize"]], template: function GroupUserEditionListComponent_Template(rf, ctx) { if (rf & 1) {
@@ -749,7 +756,7 @@ class GroupUserEditionListComponent {
             i0.ɵɵtext(7, "search");
             i0.ɵɵelementEnd()();
             i0.ɵɵelementStart(8, "mat-list", 5);
-            i0.ɵɵrepeaterCreate(9, GroupUserEditionListComponent_For_10_Template, 8, 5, "mat-list-item", 6, _forTrack0$3, false, GroupUserEditionListComponent_ForEmpty_11_Template, 2, 1);
+            i0.ɵɵrepeaterCreate(9, GroupUserEditionListComponent_For_10_Template, 8, 5, "mat-list-item", 6, _forTrack0$4, false, GroupUserEditionListComponent_ForEmpty_11_Template, 2, 1);
             i0.ɵɵelementEnd();
             i0.ɵɵconditionalCreate(12, GroupUserEditionListComponent_Conditional_12_Template, 2, 2, "cauca-list-paginator", 7);
             i0.ɵɵelementStart(13, "cauca-raised-button", 8);
@@ -822,7 +829,7 @@ class PermissionManagementService {
             }]
     }], null, null); })();
 
-const _forTrack0$2 = ($index, $item) => $item.id;
+const _forTrack0$3 = ($index, $item) => $item.id;
 function GroupPermissionListComponent_For_9_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "mat-list-item", 4)(1, "mat-checkbox", 6);
@@ -907,7 +914,7 @@ class GroupPermissionListComponent {
             i0.ɵɵtext(6, "search");
             i0.ɵɵelementEnd()();
             i0.ɵɵelementStart(7, "mat-selection-list", 3);
-            i0.ɵɵrepeaterCreate(8, GroupPermissionListComponent_For_9_Template, 3, 4, "mat-list-item", 4, _forTrack0$2, false, GroupPermissionListComponent_ForEmpty_10_Template, 6, 3, "div", 5);
+            i0.ɵɵrepeaterCreate(8, GroupPermissionListComponent_For_9_Template, 3, 4, "mat-list-item", 4, _forTrack0$3, false, GroupPermissionListComponent_ForEmpty_10_Template, 6, 3, "div", 5);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance(2);
@@ -1189,7 +1196,7 @@ var UserPermissionOriginKind;
     UserPermissionOriginKind[UserPermissionOriginKind["UserOverride"] = 1] = "UserOverride";
 })(UserPermissionOriginKind || (UserPermissionOriginKind = {}));
 
-const _forTrack0$1 = ($index, $item) => $item.idModulePermission;
+const _forTrack0$2 = ($index, $item) => $item.idModulePermission;
 function UserPermissionListComponent_For_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " check ");
 } }
@@ -1299,7 +1306,7 @@ class UserPermissionListComponent {
             i0.ɵɵtext(6, "search");
             i0.ɵɵelementEnd()();
             i0.ɵɵelementStart(7, "mat-list", 4);
-            i0.ɵɵrepeaterCreate(8, UserPermissionListComponent_For_9_Template, 16, 11, "mat-list-item", 5, _forTrack0$1, false, UserPermissionListComponent_ForEmpty_10_Template, 6, 3, "div", 6);
+            i0.ɵɵrepeaterCreate(8, UserPermissionListComponent_For_9_Template, 16, 11, "mat-list-item", 5, _forTrack0$2, false, UserPermissionListComponent_ForEmpty_10_Template, 6, 3, "div", 6);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance(2);
@@ -1384,14 +1391,14 @@ class UserPermissionsDialogComponent {
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UserPermissionsDialogComponent, { className: "UserPermissionsDialogComponent", filePath: "lib/components/user-permissions-dialog/user-permissions-dialog.component.ts", lineNumber: 31 }); })();
 
-const _c0$1 = a0 => ({ "width": a0 });
+const _c0$3 = a0 => ({ "width": a0 });
 function ScopeListGridColumnComponent_th_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "th", 4);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(2, _c0$1, ctx_r0.width()));
+    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(2, _c0$3, ctx_r0.width()));
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r0.label() ?? ctx_r0.capitalize(ctx_r0.prop()), " ");
 } }
@@ -1477,31 +1484,31 @@ class ScopeListGridColumnComponent extends BaseGridColumnComponent {
     }], () => [], { allLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "allLabel", required: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ScopeListGridColumnComponent, { className: "ScopeListGridColumnComponent", filePath: "lib/components/scope-list-grid-column/scope-list-grid-column.component.ts", lineNumber: 28 }); })();
 
-const _c0 = () => ["userName"];
-const _forTrack0 = ($index, $item) => $item.prop;
+const _c0$2 = () => ["userName"];
+const _forTrack0$1 = ($index, $item) => $item.prop;
 function UserListGridComponent_For_9_Case_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "cauca-scope-list-grid-column", 6);
     i0.ɵɵpipe(1, "translate");
 } if (rf & 2) {
     const column_r1 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("id", column_r1.prop)("prop", column_r1.prop)("width", column_r1.width ?? "")("showToolTip", column_r1.showToolTip ?? true)("allLabel", column_r1.allLabel ?? "")("label", i0.ɵɵpipeBind1(1, 6, column_r1.label));
+    i0.ɵɵproperty("id", column_r1.prop)("prop", column_r1.prop)("width", column_r1.width ?? "")("showToolTip", column_r1.showToolTip ?? true)("allLabel", column_r1.allLabel ?? "")("visibleByDefault", column_r1.visibleByDefault ?? true)("label", i0.ɵɵpipeBind1(1, 7, column_r1.label));
 } }
 function UserListGridComponent_For_9_Case_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "cauca-sortable-data-grid-check-column", 7);
     i0.ɵɵpipe(1, "translate");
 } if (rf & 2) {
     const column_r1 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("id", column_r1.prop)("prop", column_r1.prop)("width", column_r1.width ?? "")("label", i0.ɵɵpipeBind1(1, 4, column_r1.label));
+    i0.ɵɵproperty("id", column_r1.prop)("prop", column_r1.prop)("width", column_r1.width ?? "")("visibleByDefault", column_r1.visibleByDefault ?? true)("label", i0.ɵɵpipeBind1(1, 5, column_r1.label));
 } }
 function UserListGridComponent_For_9_Case_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "cauca-sortable-data-grid-column", 8);
     i0.ɵɵpipe(1, "translate");
 } if (rf & 2) {
     const column_r1 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("id", column_r1.prop)("prop", column_r1.prop)("width", column_r1.width ?? "")("showToolTip", column_r1.showToolTip ?? true)("label", i0.ɵɵpipeBind1(1, 5, column_r1.label));
+    i0.ɵɵproperty("id", column_r1.prop)("prop", column_r1.prop)("width", column_r1.width ?? "")("showToolTip", column_r1.showToolTip ?? true)("visibleByDefault", column_r1.visibleByDefault ?? true)("label", i0.ɵɵpipeBind1(1, 6, column_r1.label));
 } }
 function UserListGridComponent_For_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, UserListGridComponent_For_9_Case_0_Template, 2, 8, "cauca-scope-list-grid-column", 6)(1, UserListGridComponent_For_9_Case_1_Template, 2, 6, "cauca-sortable-data-grid-check-column", 7)(2, UserListGridComponent_For_9_Case_2_Template, 2, 7, "cauca-sortable-data-grid-column", 8);
+    i0.ɵɵconditionalCreate(0, UserListGridComponent_For_9_Case_0_Template, 2, 9, "cauca-scope-list-grid-column", 6)(1, UserListGridComponent_For_9_Case_1_Template, 2, 7, "cauca-sortable-data-grid-check-column", 7)(2, UserListGridComponent_For_9_Case_2_Template, 2, 8, "cauca-sortable-data-grid-column", 8);
 } if (rf & 2) {
     let tmp_10_0;
     const column_r1 = ctx.$implicit;
@@ -1606,7 +1613,7 @@ class UserListGridComponent {
             i0.ɵɵviewQuerySignal(ctx.grid, OdataGridComponent, 5)(ctx.sort, MatSort, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance(2);
-        } }, inputs: { extraColumns: [1, "extraColumns"], showAddButton: [1, "showAddButton"], addButtonLabel: [1, "addButtonLabel"], canEdit: [1, "canEdit"], canDelete: [1, "canDelete"], editLinkField: [1, "editLinkField"], showPermissions: [1, "showPermissions"], persistState: [1, "persistState"] }, outputs: { addClick: "addClick", deleteClick: "deleteClick" }, decls: 11, vars: 24, consts: [["menuTemplate", ""], ["matSort", "", "matSortActive", "userName", "matSortDirection", "asc", "aria-label", "Users table", "resourceName", "UserList", 3, "addButtonClick", "persistState", "showTableOptions", "showRefreshButton", "showAddButton", "addButtonLabel", "baseSort", "filterPredicate", "displayedColumns"], ["id", "userName", "prop", "userName", 3, "showToolTip", "label"], ["id", "firstName", "prop", "firstName", 3, "showToolTip", "label"], ["id", "lastName", "prop", "lastName", 3, "showToolTip", "label"], ["id", "buttons", "prop", "menu", 3, "canEdit", "canDelete", "editLinkField"], [3, "id", "prop", "width", "showToolTip", "allLabel", "label"], [3, "id", "prop", "width", "label"], [3, "id", "prop", "width", "showToolTip", "label"], ["id", "buttons", "prop", "menu", 3, "deleteClick", "canEdit", "canDelete", "editLinkField"], ["icon", "list", "label", "userList.viewPermissions", 3, "translateLabel"], ["icon", "list", "label", "userList.viewPermissions", 3, "buttonClick", "translateLabel"]], template: function UserListGridComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { extraColumns: [1, "extraColumns"], showAddButton: [1, "showAddButton"], addButtonLabel: [1, "addButtonLabel"], canEdit: [1, "canEdit"], canDelete: [1, "canDelete"], editLinkField: [1, "editLinkField"], showPermissions: [1, "showPermissions"], persistState: [1, "persistState"] }, outputs: { addClick: "addClick", deleteClick: "deleteClick" }, decls: 11, vars: 24, consts: [["menuTemplate", ""], ["matSort", "", "matSortActive", "userName", "matSortDirection", "asc", "aria-label", "Users table", "resourceName", "UserList", 3, "addButtonClick", "persistState", "showTableOptions", "showRefreshButton", "showAddButton", "addButtonLabel", "baseSort", "filterPredicate", "displayedColumns"], ["id", "userName", "prop", "userName", 3, "showToolTip", "label"], ["id", "firstName", "prop", "firstName", 3, "showToolTip", "label"], ["id", "lastName", "prop", "lastName", 3, "showToolTip", "label"], ["id", "buttons", "prop", "menu", 3, "canEdit", "canDelete", "editLinkField"], [3, "id", "prop", "width", "showToolTip", "allLabel", "visibleByDefault", "label"], [3, "id", "prop", "width", "visibleByDefault", "label"], [3, "id", "prop", "width", "showToolTip", "visibleByDefault", "label"], ["id", "buttons", "prop", "menu", 3, "deleteClick", "canEdit", "canDelete", "editLinkField"], ["icon", "list", "label", "userList.viewPermissions", 3, "translateLabel"], ["icon", "list", "label", "userList.viewPermissions", 3, "buttonClick", "translateLabel"]], template: function UserListGridComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "cauca-odata-grid", 1);
             i0.ɵɵpipe(1, "translate");
             i0.ɵɵlistener("addButtonClick", function UserListGridComponent_Template_cauca_odata_grid_addButtonClick_0_listener() { return ctx.addClick.emit(); });
@@ -1616,11 +1623,11 @@ class UserListGridComponent {
             i0.ɵɵpipe(5, "translate");
             i0.ɵɵelement(6, "cauca-sortable-data-grid-column", 4);
             i0.ɵɵpipe(7, "translate");
-            i0.ɵɵrepeaterCreate(8, UserListGridComponent_For_9_Template, 3, 1, null, null, _forTrack0);
+            i0.ɵɵrepeaterCreate(8, UserListGridComponent_For_9_Template, 3, 1, null, null, _forTrack0$1);
             i0.ɵɵconditionalCreate(10, UserListGridComponent_Conditional_10_Template, 3, 3, "cauca-data-grid-menu-column", 5);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("persistState", ctx.persistState())("showTableOptions", true)("showRefreshButton", true)("showAddButton", ctx.showAddButton())("addButtonLabel", i0.ɵɵpipeBind1(1, 15, ctx.addButtonLabel()))("baseSort", i0.ɵɵpureFunction0(23, _c0))("filterPredicate", ctx.filterPredicate)("displayedColumns", ctx.columns());
+            i0.ɵɵproperty("persistState", ctx.persistState())("showTableOptions", true)("showRefreshButton", true)("showAddButton", ctx.showAddButton())("addButtonLabel", i0.ɵɵpipeBind1(1, 15, ctx.addButtonLabel()))("baseSort", i0.ɵɵpureFunction0(23, _c0$2))("filterPredicate", ctx.filterPredicate)("displayedColumns", ctx.columns());
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("showToolTip", true)("label", i0.ɵɵpipeBind1(3, 17, "userList.column.userName"));
             i0.ɵɵadvance(2);
@@ -1639,7 +1646,7 @@ class UserListGridComponent {
         args: [{ selector: 'cauca-user-list-grid', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                     MatSort, OdataGridComponent, SortableDataGridColumnComponent, SortableDataGridCheckColumnComponent,
                     ScopeListGridColumnComponent, DataGridMenuColumnComponent, MenuItemComponent, TranslatePipe,
-                ], template: "<cauca-odata-grid\n    matSort\n    matSortActive=\"userName\"\n    matSortDirection=\"asc\"\n    aria-label=\"Users table\"\n    resourceName=\"UserList\"\n    [persistState]=\"persistState()\"\n    [showTableOptions]=\"true\"\n    [showRefreshButton]=\"true\"\n    [showAddButton]=\"showAddButton()\"\n    [addButtonLabel]=\"addButtonLabel() | translate\"\n    (addButtonClick)=\"addClick.emit()\"\n    [baseSort]=\"['userName']\"\n    [filterPredicate]=\"filterPredicate\"\n    [displayedColumns]=\"columns()\">\n\n  <cauca-sortable-data-grid-column id=\"userName\" prop=\"userName\" [showToolTip]=\"true\"\n                                   [label]=\"'userList.column.userName' | translate\"/>\n  <cauca-sortable-data-grid-column id=\"firstName\" prop=\"firstName\" [showToolTip]=\"true\"\n                                   [label]=\"'userList.column.firstName' | translate\"/>\n  <cauca-sortable-data-grid-column id=\"lastName\" prop=\"lastName\" [showToolTip]=\"true\"\n                                   [label]=\"'userList.column.lastName' | translate\"/>\n\n  @for (column of extraColumns(); track column.prop) {\n    @switch (column.kind) {\n      @case ('scope') {\n        <cauca-scope-list-grid-column [id]=\"column.prop\" [prop]=\"column.prop\"\n                                      [width]=\"column.width ?? ''\"\n                                      [showToolTip]=\"column.showToolTip ?? true\"\n                                      [allLabel]=\"column.allLabel ?? ''\"\n                                      [label]=\"column.label | translate\"/>\n      }\n      @case ('check') {\n        <cauca-sortable-data-grid-check-column [id]=\"column.prop\" [prop]=\"column.prop\"\n                                               [width]=\"column.width ?? ''\"\n                                               [label]=\"column.label | translate\"/>\n      }\n      @default {\n        <cauca-sortable-data-grid-column [id]=\"column.prop\" [prop]=\"column.prop\"\n                                         [width]=\"column.width ?? ''\"\n                                         [showToolTip]=\"column.showToolTip ?? true\"\n                                         [label]=\"column.label | translate\"/>\n      }\n    }\n  }\n\n  @if (hasRowActions()) {\n    <cauca-data-grid-menu-column id=\"buttons\" prop=\"menu\"\n                                 [canEdit]=\"canEdit()\"\n                                 [canDelete]=\"canDelete()\"\n                                 [editLinkField]=\"editLinkField()\"\n                                 (deleteClick)=\"onDelete($event)\">\n      <ng-template #menuTemplate let-row=\"row\">\n        @if (showPermissions()) {\n          <cauca-menu-item icon=\"list\" label=\"userList.viewPermissions\" [translateLabel]=\"true\"\n                           (buttonClick)=\"openPermissions(row)\"/>\n        }\n      </ng-template>\n    </cauca-data-grid-menu-column>\n  }\n\n</cauca-odata-grid>\n" }]
+                ], template: "<cauca-odata-grid\n    matSort\n    matSortActive=\"userName\"\n    matSortDirection=\"asc\"\n    aria-label=\"Users table\"\n    resourceName=\"UserList\"\n    [persistState]=\"persistState()\"\n    [showTableOptions]=\"true\"\n    [showRefreshButton]=\"true\"\n    [showAddButton]=\"showAddButton()\"\n    [addButtonLabel]=\"addButtonLabel() | translate\"\n    (addButtonClick)=\"addClick.emit()\"\n    [baseSort]=\"['userName']\"\n    [filterPredicate]=\"filterPredicate\"\n    [displayedColumns]=\"columns()\">\n\n  <cauca-sortable-data-grid-column id=\"userName\" prop=\"userName\" [showToolTip]=\"true\"\n                                   [label]=\"'userList.column.userName' | translate\"/>\n  <cauca-sortable-data-grid-column id=\"firstName\" prop=\"firstName\" [showToolTip]=\"true\"\n                                   [label]=\"'userList.column.firstName' | translate\"/>\n  <cauca-sortable-data-grid-column id=\"lastName\" prop=\"lastName\" [showToolTip]=\"true\"\n                                   [label]=\"'userList.column.lastName' | translate\"/>\n\n  @for (column of extraColumns(); track column.prop) {\n    @switch (column.kind) {\n      @case ('scope') {\n        <cauca-scope-list-grid-column [id]=\"column.prop\" [prop]=\"column.prop\"\n                                      [width]=\"column.width ?? ''\"\n                                      [showToolTip]=\"column.showToolTip ?? true\"\n                                      [allLabel]=\"column.allLabel ?? ''\"\n                                      [visibleByDefault]=\"column.visibleByDefault ?? true\"\n                                      [label]=\"column.label | translate\"/>\n      }\n      @case ('check') {\n        <cauca-sortable-data-grid-check-column [id]=\"column.prop\" [prop]=\"column.prop\"\n                                               [width]=\"column.width ?? ''\"\n                                               [visibleByDefault]=\"column.visibleByDefault ?? true\"\n                                               [label]=\"column.label | translate\"/>\n      }\n      @default {\n        <cauca-sortable-data-grid-column [id]=\"column.prop\" [prop]=\"column.prop\"\n                                         [width]=\"column.width ?? ''\"\n                                         [showToolTip]=\"column.showToolTip ?? true\"\n                                         [visibleByDefault]=\"column.visibleByDefault ?? true\"\n                                         [label]=\"column.label | translate\"/>\n      }\n    }\n  }\n\n  @if (hasRowActions()) {\n    <cauca-data-grid-menu-column id=\"buttons\" prop=\"menu\"\n                                 [canEdit]=\"canEdit()\"\n                                 [canDelete]=\"canDelete()\"\n                                 [editLinkField]=\"editLinkField()\"\n                                 (deleteClick)=\"onDelete($event)\">\n      <ng-template #menuTemplate let-row=\"row\">\n        @if (showPermissions()) {\n          <cauca-menu-item icon=\"list\" label=\"userList.viewPermissions\" [translateLabel]=\"true\"\n                           (buttonClick)=\"openPermissions(row)\"/>\n        }\n      </ng-template>\n    </cauca-data-grid-menu-column>\n  }\n\n</cauca-odata-grid>\n" }]
     }], null, { extraColumns: [{ type: i0.Input, args: [{ isSignal: true, alias: "extraColumns", required: false }] }], showAddButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showAddButton", required: false }] }], addButtonLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "addButtonLabel", required: false }] }], canEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "canEdit", required: false }] }], canDelete: [{ type: i0.Input, args: [{ isSignal: true, alias: "canDelete", required: false }] }], editLinkField: [{ type: i0.Input, args: [{ isSignal: true, alias: "editLinkField", required: false }] }], showPermissions: [{ type: i0.Input, args: [{ isSignal: true, alias: "showPermissions", required: false }] }], persistState: [{ type: i0.Input, args: [{ isSignal: true, alias: "persistState", required: false }] }], addClick: [{ type: i0.Output, args: ["addClick"] }], deleteClick: [{ type: i0.Output, args: ["deleteClick"] }], grid: [{ type: i0.ViewChild, args: [i0.forwardRef(() => OdataGridComponent), { isSignal: true }] }], sort: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatSort), { isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UserListGridComponent, { className: "UserListGridComponent", filePath: "lib/components/user-list-grid/user-list-grid.component.ts", lineNumber: 27 }); })();
 
@@ -1698,6 +1705,404 @@ class UsersPageComponent {
     }], null, { caption: [{ type: i0.Input, args: [{ isSignal: true, alias: "caption", required: false }] }], baseCrumb: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseCrumb", required: false }] }], breadcrumb: [{ type: i0.Input, args: [{ isSignal: true, alias: "breadcrumb", required: false }] }], extraColumns: [{ type: i0.Input, args: [{ isSignal: true, alias: "extraColumns", required: false }] }], showAddButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showAddButton", required: false }] }], addButtonLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "addButtonLabel", required: false }] }], canEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "canEdit", required: false }] }], canDelete: [{ type: i0.Input, args: [{ isSignal: true, alias: "canDelete", required: false }] }], editLinkField: [{ type: i0.Input, args: [{ isSignal: true, alias: "editLinkField", required: false }] }], showPermissions: [{ type: i0.Input, args: [{ isSignal: true, alias: "showPermissions", required: false }] }], persistState: [{ type: i0.Input, args: [{ isSignal: true, alias: "persistState", required: false }] }], addClick: [{ type: i0.Output, args: ["addClick"] }], deleteClick: [{ type: i0.Output, args: ["deleteClick"] }], grid: [{ type: i0.ViewChild, args: [i0.forwardRef(() => UserListGridComponent), { isSignal: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UsersPageComponent, { className: "UsersPageComponent", filePath: "lib/pages/users-page/users-page.component.ts", lineNumber: 14 }); })();
 
+/** What creation sends as the identifier. */
+const EmptyUserId = '00000000-0000-0000-0000-000000000000';
+function createEmptyUserForEdition() {
+    return {
+        id: EmptyUserId,
+        login: { userName: '', password: '', twoFactorAuthenticatorEnabled: true },
+        personalInformation: { firstName: '', lastName: '', email: '', phoneNumber: '' },
+        groupIds: [],
+    };
+}
+
+const RequiredMessage = 'error.requiredField';
+const MaxLengthMessage = 'error.maxLength';
+function createUserLoginSchema(options) {
+    return schema((login) => {
+        required(login.userName, { message: RequiredMessage });
+        maxLength(login.userName, 100, { message: MaxLengthMessage });
+        validateHttp(login.userName, {
+            request: (context) => {
+                const userName = context.value();
+                return userName ? options.userNameAvailabilityUrl(userName) : undefined;
+            },
+            onSuccess: (isAvailable) => (isAvailable
+                ? undefined
+                : { kind: 'userNameTaken', message: 'management.userNameAlreadyUsed' }),
+            onError: () => undefined,
+            debounce: 400,
+        });
+        required(login.password, {
+            when: () => options.isNew(),
+            message: RequiredMessage,
+        });
+    });
+}
+function createUserPersonalInformationSchema(options) {
+    return schema((info) => {
+        required(info.firstName, { message: RequiredMessage });
+        maxLength(info.firstName, 100, { message: MaxLengthMessage });
+        required(info.lastName, { message: RequiredMessage });
+        maxLength(info.lastName, 100, { message: MaxLengthMessage });
+        required(info.email, { message: RequiredMessage });
+        email(info.email, { message: 'error.invalidEmail' });
+        maxLength(info.email, 100, { message: MaxLengthMessage });
+        readonly(info.email, { when: () => options.isEmailReadOnly() });
+        pattern(info.phoneNumber, /^(\d{10})?$/, { message: 'error.invalidPhoneNumber' });
+    });
+}
+
+class UserEditionService {
+    constructor() {
+        this.client = inject(HttpClient);
+        this.baseUrl = inject(CaucaCoreService).getConfig().apiUrl;
+        this.urlPrefix = inject(MANAGEMENT_URL_PREFIX, { optional: true }) ?? '';
+    }
+    getForEdition(userId) {
+        return this.client.get(this.buildApiUrl(`UserEdition/${userId}`));
+    }
+    saveForEdition(user) {
+        return this.client.post(this.buildApiUrl('UserEdition'), user);
+    }
+    userNameAvailabilityUrl(userName, userId) {
+        const params = new HttpParams({ fromObject: { userName, userId } });
+        return `${this.buildApiUrl('UserEdition/username-available')}?${params.toString()}`;
+    }
+    buildApiUrl(path) {
+        const normalizedApiUrl = this.baseUrl.replace(/\/+$/, '');
+        const normalizedPrefix = this.urlPrefix.trim().replace(/^\/+|\/+$/g, '');
+        return normalizedPrefix
+            ? `${normalizedApiUrl}/${normalizedPrefix}/${path}`
+            : `${normalizedApiUrl}/${path}`;
+    }
+    static { this.ɵfac = function UserEditionService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UserEditionService)(); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: UserEditionService, factory: UserEditionService.ɵfac, providedIn: 'root' }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserEditionService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root'
+            }]
+    }], null, null); })();
+
+class AssignableGroupsService {
+    constructor() {
+        this.client = inject(HttpClient);
+        this.baseUrl = inject(CaucaCoreService).getConfig().apiUrl;
+        this.urlPrefix = inject(MANAGEMENT_URL_PREFIX, { optional: true }) ?? '';
+    }
+    getAssignableGroups() {
+        return this.client.get(this.buildApiUrl('GroupList/assignable'));
+    }
+    buildApiUrl(path) {
+        const normalizedApiUrl = this.baseUrl.replace(/\/+$/, '');
+        const normalizedPrefix = this.urlPrefix.trim().replace(/^\/+|\/+$/g, '');
+        return normalizedPrefix
+            ? `${normalizedApiUrl}/${normalizedPrefix}/${path}`
+            : `${normalizedApiUrl}/${path}`;
+    }
+    static { this.ɵfac = function AssignableGroupsService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AssignableGroupsService)(); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AssignableGroupsService, factory: AssignableGroupsService.ɵfac, providedIn: 'root' }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AssignableGroupsService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root'
+            }]
+    }], null, null); })();
+
+const _c0$1 = ["*"];
+function UserLoginFieldsComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mat-progress-spinner", 4);
+} }
+class UserLoginFieldsComponent {
+    constructor() {
+        this.field = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "field" }] : /* istanbul ignore next */ []));
+        this.isNew = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isNew" }] : /* istanbul ignore next */ []));
+        this.isValidatingUserName = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isValidatingUserName" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = function UserLoginFieldsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UserLoginFieldsComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserLoginFieldsComponent, selectors: [["cauca-user-login-fields"]], inputs: { field: [1, "field"], isNew: [1, "isNew"], isValidatingUserName: [1, "isValidatingUserName"] }, ngContentSelectors: _c0$1, decls: 17, vars: 18, consts: [[3, "caption"], [1, "user-login-fields"], ["id", "user-name-field", "subscriptSizing", "dynamic"], ["matInput", "", 3, "formField"], ["matSuffix", "", "diameter", "16", "mode", "indeterminate"], [3, "field"], [1, "password-fields"], [3, "required", "formField"], ["color", "primary", 3, "formField"]], template: function UserLoginFieldsComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵelementStart(0, "cauca-expandable-panel", 0);
+            i0.ɵɵpipe(1, "translate");
+            i0.ɵɵelementStart(2, "div", 1)(3, "mat-form-field", 2)(4, "mat-label");
+            i0.ɵɵtext(5);
+            i0.ɵɵpipe(6, "translate");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(7, "input", 3);
+            i0.ɵɵpipe(8, "translate");
+            i0.ɵɵcontrolCreate();
+            i0.ɵɵconditionalCreate(9, UserLoginFieldsComponent_Conditional_9_Template, 1, 0, "mat-progress-spinner", 4);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(10, "cauca-field-errors", 5);
+            i0.ɵɵelementStart(11, "div", 6);
+            i0.ɵɵelement(12, "cauca-password-selection", 7);
+            i0.ɵɵcontrolCreate();
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(13, "mat-slide-toggle", 8);
+            i0.ɵɵtext(14);
+            i0.ɵɵpipe(15, "translate");
+            i0.ɵɵelementEnd();
+            i0.ɵɵcontrolCreate();
+            i0.ɵɵprojection(16);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("caption", i0.ɵɵpipeBind1(1, 10, "userEdition.loginSectionCaption"));
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6, 12, "management.userName"));
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("formField", ctx.field().userName);
+            i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(8, 14, "management.userName"));
+            i0.ɵɵcontrol();
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.isValidatingUserName() ? 9 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("field", ctx.field().userName);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("required", ctx.isNew())("formField", ctx.field().password);
+            i0.ɵɵcontrol();
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("formField", ctx.field().twoFactorAuthenticatorEnabled);
+            i0.ɵɵcontrol();
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(15, 16, "userEdition.twoFactorAuthenticatorEnabled"), " ");
+        } }, dependencies: [ExpandablePanelComponent,
+            FieldErrorsComponent,
+            FormField,
+            MatFormFieldModule, i1$2.MatFormField, i1$2.MatLabel, i1$2.MatSuffix, MatInputModule, i2.MatInput, MatProgressSpinnerModule, i3$2.MatProgressSpinner, MatSlideToggleModule, i3$1.MatSlideToggle, PasswordSelectionComponent,
+            TranslatePipe], styles: ["[_nghost-%COMP%]{display:block}.user-login-fields[_ngcontent-%COMP%]{display:flex;flex-direction:column}.user-login-fields[_ngcontent-%COMP%]   mat-form-field[_ngcontent-%COMP%]:not(:first-child), .user-login-fields[_ngcontent-%COMP%]   .password-fields[_ngcontent-%COMP%], .user-login-fields[_ngcontent-%COMP%]   mat-slide-toggle[_ngcontent-%COMP%]{margin-top:1.25rem}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserLoginFieldsComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-user-login-fields', imports: [
+                    ExpandablePanelComponent,
+                    FieldErrorsComponent,
+                    FormField,
+                    MatFormFieldModule,
+                    MatInputModule,
+                    MatProgressSpinnerModule,
+                    MatSlideToggleModule,
+                    PasswordSelectionComponent,
+                    TranslatePipe,
+                ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<cauca-expandable-panel [caption]=\"'userEdition.loginSectionCaption' | translate\">\n    <div class=\"user-login-fields\">\n        <mat-form-field id=\"user-name-field\" subscriptSizing=\"dynamic\">\n            <mat-label>{{ 'management.userName' | translate }}</mat-label>\n            <input matInput [attr.aria-label]=\"'management.userName' | translate\" [formField]=\"field().userName\">\n            @if (isValidatingUserName()) {\n                <mat-progress-spinner matSuffix diameter=\"16\" mode=\"indeterminate\"/>\n            }\n        </mat-form-field>\n        <cauca-field-errors [field]=\"field().userName\"/>\n\n        <div class=\"password-fields\">\n            <cauca-password-selection [required]=\"isNew()\" [formField]=\"field().password\"/>\n        </div>\n\n        <mat-slide-toggle color=\"primary\" [formField]=\"field().twoFactorAuthenticatorEnabled\">\n            {{ 'userEdition.twoFactorAuthenticatorEnabled' | translate }}\n        </mat-slide-toggle>\n\n        <ng-content/>\n    </div>\n</cauca-expandable-panel>\n", styles: [":host{display:block}.user-login-fields{display:flex;flex-direction:column}.user-login-fields mat-form-field:not(:first-child),.user-login-fields .password-fields,.user-login-fields mat-slide-toggle{margin-top:1.25rem}\n"] }]
+    }], null, { field: [{ type: i0.Input, args: [{ isSignal: true, alias: "field", required: true }] }], isNew: [{ type: i0.Input, args: [{ isSignal: true, alias: "isNew", required: false }] }], isValidatingUserName: [{ type: i0.Input, args: [{ isSignal: true, alias: "isValidatingUserName", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UserLoginFieldsComponent, { className: "UserLoginFieldsComponent", filePath: "lib/components/user-login-fields/user-login-fields.component.ts", lineNumber: 28 }); })();
+
+const _c0 = ["*"];
+function UserPersonalInformationFieldsComponent_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-hint");
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "translate");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r0.emailHint()));
+} }
+class UserPersonalInformationFieldsComponent {
+    constructor() {
+        this.field = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "field" }] : /* istanbul ignore next */ []));
+        this.isEmailReadOnly = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isEmailReadOnly" }] : /* istanbul ignore next */ []));
+        this.emailHint = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "emailHint" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = function UserPersonalInformationFieldsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UserPersonalInformationFieldsComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserPersonalInformationFieldsComponent, selectors: [["cauca-user-personal-information-fields"]], inputs: { field: [1, "field"], isEmailReadOnly: [1, "isEmailReadOnly"], emailHint: [1, "emailHint"] }, ngContentSelectors: _c0, decls: 27, vars: 30, consts: [[3, "caption"], [1, "user-personal-information-fields"], ["id", "first-name-field", "subscriptSizing", "dynamic"], ["matInput", "", 3, "formField"], [3, "field"], ["id", "last-name-field", "subscriptSizing", "dynamic"], ["id", "email-field", "subscriptSizing", "dynamic"], [3, "formField", "label"]], template: function UserPersonalInformationFieldsComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵelementStart(0, "cauca-expandable-panel", 0);
+            i0.ɵɵpipe(1, "translate");
+            i0.ɵɵelementStart(2, "div", 1)(3, "mat-form-field", 2)(4, "mat-label");
+            i0.ɵɵtext(5);
+            i0.ɵɵpipe(6, "translate");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(7, "input", 3);
+            i0.ɵɵpipe(8, "translate");
+            i0.ɵɵcontrolCreate();
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(9, "cauca-field-errors", 4);
+            i0.ɵɵelementStart(10, "mat-form-field", 5)(11, "mat-label");
+            i0.ɵɵtext(12);
+            i0.ɵɵpipe(13, "translate");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(14, "input", 3);
+            i0.ɵɵpipe(15, "translate");
+            i0.ɵɵcontrolCreate();
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(16, "cauca-field-errors", 4);
+            i0.ɵɵelementStart(17, "mat-form-field", 6)(18, "mat-label");
+            i0.ɵɵtext(19);
+            i0.ɵɵpipe(20, "translate");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(21, "input", 3);
+            i0.ɵɵpipe(22, "translate");
+            i0.ɵɵcontrolCreate();
+            i0.ɵɵconditionalCreate(23, UserPersonalInformationFieldsComponent_Conditional_23_Template, 3, 3, "mat-hint");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(24, "cauca-field-errors", 4)(25, "cauca-phone-number-input", 7);
+            i0.ɵɵcontrolCreate();
+            i0.ɵɵprojection(26);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("caption", i0.ɵɵpipeBind1(1, 16, "userEdition.personalInformationSectionCaption"));
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6, 18, "management.firstName"));
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("formField", ctx.field().firstName);
+            i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(8, 20, "management.firstName"));
+            i0.ɵɵcontrol();
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("field", ctx.field().firstName);
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(13, 22, "management.lastName"));
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("formField", ctx.field().lastName);
+            i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(15, 24, "management.lastName"));
+            i0.ɵɵcontrol();
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("field", ctx.field().lastName);
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(20, 26, "management.email"));
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("formField", ctx.field().email);
+            i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(22, 28, "management.email"));
+            i0.ɵɵcontrol();
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.isEmailReadOnly() && ctx.emailHint() ? 23 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("field", ctx.field().email);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("formField", ctx.field().phoneNumber)("label", "management.phoneNumber");
+            i0.ɵɵcontrol();
+        } }, dependencies: [ExpandablePanelComponent,
+            FieldErrorsComponent,
+            FormField,
+            MatFormFieldModule, i1$2.MatFormField, i1$2.MatLabel, i1$2.MatHint, MatInputModule, i2.MatInput, PhoneNumberInputComponent,
+            TranslatePipe], styles: ["[_nghost-%COMP%]{display:block}.user-personal-information-fields[_ngcontent-%COMP%]{display:flex;flex-direction:column}.user-personal-information-fields[_ngcontent-%COMP%]   mat-form-field[_ngcontent-%COMP%]:not(:first-child), .user-personal-information-fields[_ngcontent-%COMP%]   cauca-phone-number-input[_ngcontent-%COMP%]{margin-top:1.25rem}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserPersonalInformationFieldsComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-user-personal-information-fields', imports: [
+                    ExpandablePanelComponent,
+                    FieldErrorsComponent,
+                    FormField,
+                    MatFormFieldModule,
+                    MatInputModule,
+                    PhoneNumberInputComponent,
+                    TranslatePipe,
+                ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<cauca-expandable-panel [caption]=\"'userEdition.personalInformationSectionCaption' | translate\">\n    <div class=\"user-personal-information-fields\">\n        <mat-form-field id=\"first-name-field\" subscriptSizing=\"dynamic\">\n            <mat-label>{{ 'management.firstName' | translate }}</mat-label>\n            <input matInput [attr.aria-label]=\"'management.firstName' | translate\" [formField]=\"field().firstName\">\n        </mat-form-field>\n        <cauca-field-errors [field]=\"field().firstName\"/>\n\n        <mat-form-field id=\"last-name-field\" subscriptSizing=\"dynamic\">\n            <mat-label>{{ 'management.lastName' | translate }}</mat-label>\n            <input matInput [attr.aria-label]=\"'management.lastName' | translate\" [formField]=\"field().lastName\">\n        </mat-form-field>\n        <cauca-field-errors [field]=\"field().lastName\"/>\n\n        <mat-form-field id=\"email-field\" subscriptSizing=\"dynamic\">\n            <mat-label>{{ 'management.email' | translate }}</mat-label>\n            <input matInput [attr.aria-label]=\"'management.email' | translate\" [formField]=\"field().email\">\n            @if (isEmailReadOnly() && emailHint()) {\n                <mat-hint>{{ emailHint() | translate }}</mat-hint>\n            }\n        </mat-form-field>\n        <cauca-field-errors [field]=\"field().email\"/>\n\n        <cauca-phone-number-input [formField]=\"field().phoneNumber\" [label]=\"'management.phoneNumber'\"/>\n\n        <ng-content/>\n    </div>\n</cauca-expandable-panel>\n", styles: [":host{display:block}.user-personal-information-fields{display:flex;flex-direction:column}.user-personal-information-fields mat-form-field:not(:first-child),.user-personal-information-fields cauca-phone-number-input{margin-top:1.25rem}\n"] }]
+    }], null, { field: [{ type: i0.Input, args: [{ isSignal: true, alias: "field", required: true }] }], isEmailReadOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "isEmailReadOnly", required: false }] }], emailHint: [{ type: i0.Input, args: [{ isSignal: true, alias: "emailHint", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UserPersonalInformationFieldsComponent, { className: "UserPersonalInformationFieldsComponent", filePath: "lib/components/user-personal-information-fields/user-personal-information-fields.component.ts", lineNumber: 24 }); })();
+
+const _forTrack0 = ($index, $item) => $item.id;
+function UserGroupsSelectorComponent_For_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-option", 3);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const option_r1 = ctx.$implicit;
+    i0.ɵɵproperty("value", option_r1.id);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(option_r1.name);
+} }
+class UserGroupsSelectorComponent {
+    constructor() {
+        this.value = model([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+        this.label = input('management.groups', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+        this.disabled = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+        // Shadowing the `readonly` keyword as a property name is mandated by
+        // `FormUiControl.readonly` — see `base-file-picker.ts`.
+        this.readonly = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+        this.required = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
+        this.invalid = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []));
+        this.touched = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "touched" }] : /* istanbul ignore next */ []));
+        this.name = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+        this.errors = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
+        this.touch = output();
+        this.filterControl = new FormControl('');
+        this.options = computed(() => this.groups.value(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
+        this.filteredOptions = computed(() => {
+            const filter = toLowerCaseAndWithoutDiacritics(this.filterText() ?? '');
+            return filter
+                ? this.options().filter((option) => toLowerCaseAndWithoutDiacritics(option.name).includes(filter))
+                : this.options();
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "filteredOptions" }] : /* istanbul ignore next */ []));
+        this.isSelectDisabled = computed(() => this.disabled() || this.readonly() || this.options().length === 0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isSelectDisabled" }] : /* istanbul ignore next */ []));
+        this.assignableGroupsService = inject(AssignableGroupsService);
+        this.filterText = toSignal(this.filterControl.valueChanges, { initialValue: '' });
+        this.groups = rxResource({
+            stream: () => this.assignableGroupsService.getAssignableGroups(),
+            defaultValue: [],
+        });
+    }
+    onSelectionChange(groupIds) {
+        this.value.set(groupIds);
+        this.touch.emit();
+    }
+    static { this.ɵfac = function UserGroupsSelectorComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UserGroupsSelectorComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserGroupsSelectorComponent, selectors: [["cauca-user-groups-selector"]], inputs: { value: [1, "value"], label: [1, "label"], disabled: [1, "disabled"], readonly: [1, "readonly"], required: [1, "required"], invalid: [1, "invalid"], touched: [1, "touched"], name: [1, "name"], errors: [1, "errors"] }, outputs: { value: "valueChange", touch: "touch" }, decls: 12, vars: 17, consts: [["subscriptSizing", "dynamic", 1, "user-groups-selector-field"], ["multiple", "", 3, "valueChange", "value", "disabled", "required"], [3, "formControl", "placeholderLabel", "noEntriesFoundLabel"], [3, "value"], [3, "touched", "errors"]], template: function UserGroupsSelectorComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mat-form-field", 0)(1, "mat-label");
+            i0.ɵɵtext(2);
+            i0.ɵɵpipe(3, "translate");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "mat-select", 1);
+            i0.ɵɵlistener("valueChange", function UserGroupsSelectorComponent_Template_mat_select_valueChange_4_listener($event) { return ctx.onSelectionChange($event); });
+            i0.ɵɵelementStart(5, "mat-option");
+            i0.ɵɵelement(6, "ngx-mat-select-search", 2);
+            i0.ɵɵpipe(7, "translate");
+            i0.ɵɵpipe(8, "translate");
+            i0.ɵɵcontrolCreate();
+            i0.ɵɵelementEnd();
+            i0.ɵɵrepeaterCreate(9, UserGroupsSelectorComponent_For_10_Template, 2, 2, "mat-option", 3, _forTrack0);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelement(11, "cauca-control-field-errors", 4);
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 11, ctx.label()));
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("value", ctx.value())("disabled", ctx.isSelectDisabled())("required", ctx.required());
+            i0.ɵɵattribute("aria-invalid", ctx.invalid())("name", ctx.name() || null);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("formControl", ctx.filterControl)("placeholderLabel", i0.ɵɵpipeBind1(7, 13, "search"))("noEntriesFoundLabel", i0.ɵɵpipeBind1(8, 15, "noResult"));
+            i0.ɵɵcontrol();
+            i0.ɵɵadvance(3);
+            i0.ɵɵrepeater(ctx.filteredOptions());
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("touched", ctx.touched())("errors", ctx.errors());
+        } }, dependencies: [ControlFieldErrorsComponent,
+            MatFormFieldModule, i1$2.MatFormField, i1$2.MatLabel, MatSelectModule, i2$2.MatSelect, i2$2.MatOption, NgxMatSelectSearchModule, i3$3.MatSelectSearchComponent, ReactiveFormsModule, i5.NgControlStatus, i5.FormControlDirective, TranslatePipe], styles: ["[_nghost-%COMP%]{display:block}.user-groups-selector-field[_ngcontent-%COMP%]{width:100%}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserGroupsSelectorComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-user-groups-selector', imports: [
+                    ControlFieldErrorsComponent,
+                    MatFormFieldModule,
+                    MatSelectModule,
+                    NgxMatSelectSearchModule,
+                    ReactiveFormsModule,
+                    TranslatePipe,
+                ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-form-field class=\"user-groups-selector-field\" subscriptSizing=\"dynamic\">\n    <mat-label>{{ label() | translate }}</mat-label>\n    <mat-select multiple [value]=\"value()\" [disabled]=\"isSelectDisabled()\"\n                [required]=\"required()\"\n                [attr.aria-invalid]=\"invalid()\"\n                [attr.name]=\"name() || null\"\n                (valueChange)=\"onSelectionChange($event)\">\n        <mat-option>\n            <ngx-mat-select-search\n                [formControl]=\"filterControl\"\n                [placeholderLabel]=\"'search' | translate\"\n                [noEntriesFoundLabel]=\"'noResult' | translate\"/>\n        </mat-option>\n\n        @for (option of filteredOptions(); track option.id) {\n            <mat-option [value]=\"option.id\">{{ option.name }}</mat-option>\n        }\n    </mat-select>\n</mat-form-field>\n\n<cauca-control-field-errors [touched]=\"touched()\" [errors]=\"errors()\"/>\n", styles: [":host{display:block}.user-groups-selector-field{width:100%}\n"] }]
+    }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }], touch: [{ type: i0.Output, args: ["touch"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UserGroupsSelectorComponent, { className: "UserGroupsSelectorComponent", filePath: "lib/components/user-groups-selector/user-groups-selector.component.ts", lineNumber: 28 }); })();
+
 /*
  * Public API Surface of cauca-management
  */
@@ -1706,5 +2111,5 @@ class UsersPageComponent {
  * Generated bundle index. Do not edit.
  */
 
-export { AllScopeToken, GroupEditionPageComponent, GroupsPageComponent, MANAGEMENT_ROUTE_SEGMENT, MANAGEMENT_URL_PREFIX, REFRESHABLE_PERMISSION_STATE_TOKEN, ScopeListGridColumnComponent, UserListGridComponent, UserPermissionsDialogComponent, UsersPageComponent, managementGroupRoutes, provideCaucaManagement };
+export { AllScopeToken, AssignableGroupsService, EmptyUserId, GroupEditionPageComponent, GroupsPageComponent, MANAGEMENT_ROUTE_SEGMENT, MANAGEMENT_URL_PREFIX, REFRESHABLE_PERMISSION_STATE_TOKEN, ScopeListGridColumnComponent, UserEditionService, UserGroupsSelectorComponent, UserListGridComponent, UserLoginFieldsComponent, UserPermissionsDialogComponent, UserPersonalInformationFieldsComponent, UsersPageComponent, createEmptyUserForEdition, createUserLoginSchema, createUserPersonalInformationSchema, managementGroupRoutes, provideCaucaManagement };
 //# sourceMappingURL=cauca-911-management.mjs.map