@cauca-911/management 22.0.1 → 22.0.3

package/fesm2022/cauca-911-management.mjs

@@ -1,13 +1,13 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Injector, inject, Injectable, computed, ChangeDetectionStrategy, Component, ViewChild, signal, viewChild, resource, effect, untracked, model, input, HostListener, NgModule } from '@angular/core';
-import { pendingChangesGuard, DialogService, PageTitleComponent, LoadingSpinnerIndicatorComponent, LoadingErrorComponent, StrokedButtonComponent, RaisedButtonComponent, ListPaginatorComponent, IconButtonComponent, LoadingStateService, GroupContainerComponent, ConfirmationResult, SavingErrorBoxComponent } from '@cauca-911/material';
+import { InjectionToken, Injector, inject, Injectable, computed, ChangeDetectionStrategy, Component, ViewChild, signal, viewChild, resource, effect, untracked, model, input, HostListener, forwardRef, ViewEncapsulation, output, NgModule } from '@angular/core';
+import { pendingChangesGuard, DialogService, PageTitleComponent, LoadingSpinnerIndicatorComponent, LoadingErrorComponent, StrokedButtonComponent, RaisedButtonComponent, ListPaginatorComponent, IconButtonComponent, LoadingStateService, GroupContainerComponent, ConfirmationResult, SavingErrorBoxComponent, MenuItemComponent } from '@cauca-911/material';
 import * as i1 from '@angular/material/card';
 import { MatCardModule } from '@angular/material/card';
 import { TranslatePipe } from '@ngx-translate/core';
 import { MatSort } from '@angular/material/sort';
 import { Router } from '@angular/router';
 import ODataFilterBuilder from 'odata-filter-builder';
-import { OdataGridComponent, SortableDataGridColumnComponent, SortableDataGridCheckColumnComponent, DataGridCommandsColumnComponent } from '@cauca-911/datagrid';
+import { OdataGridComponent, SortableDataGridColumnComponent, SortableDataGridCheckColumnComponent, DataGridCommandsColumnComponent, DataGridComponent, BaseGridColumnComponent, DataGridMenuColumnComponent } from '@cauca-911/datagrid';
 import { HttpClient } from '@angular/common/http';
 import { CaucaCoreService, toLowerCaseAndWithoutDiacritics } from '@cauca-911/core';
 import { firstValueFrom, startWith, debounceTime } from 'rxjs';
@@ -29,11 +29,13 @@ import { v4 } from 'uuid';
 import * as i4$1 from '@angular/material/list';
 import { MatListModule } from '@angular/material/list';
 import * as i6 from '@angular/material/tooltip';
-import { MatTooltipModule } from '@angular/material/tooltip';
+import { MatTooltipModule, MatTooltip } from '@angular/material/tooltip';
 import * as i3 from '@angular/material/checkbox';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 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 * as i1$3 from '@cauca-911/devextreme';
 import { CaucaDevextremeModule } from '@cauca-911/devextreme';
 import * as i4$2 from 'devextreme-angular/ui/check-box';
@@ -103,7 +105,7 @@ class GroupManagementService {
             }]
     }], null, null); })();
 
-const _c0$3 = () => ["name"];
+const _c0$5 = () => ["name"];
 class GroupListGridComponent {
     constructor() {
         this.columns = computed(() => this.getColumns(), /* @ts-ignore */
@@ -161,7 +163,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$3))("filterPredicate", ctx.filterPredicate)("displayedColumns", ctx.columns());
+            i0.ɵɵproperty("showTableOptions", true)("showAddButton", true)("addButtonLabel", i0.ɵɵpipeBind1(1, 10, "groups.addButtonLabel"))("baseSort", i0.ɵɵpureFunction0(16, _c0$5))("filterPredicate", ctx.filterPredicate)("displayedColumns", ctx.columns());
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("label", i0.ɵɵpipeBind1(3, 12, "groups.groupNameColumnLabel"));
             i0.ɵɵadvance(2);
@@ -365,8 +367,8 @@ class UserSearchService {
             }]
     }], null, null); })();
 
-const _c0$2 = ["resultPaginator"];
-const _forTrack0$3 = ($index, $item) => $item.id;
+const _c0$4 = ["resultPaginator"];
+const _forTrack0$4 = ($index, $item) => $item.id;
 function GroupUserSelectionDialogComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 8);
     i0.ɵɵtext(1);
@@ -418,7 +420,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$3);
+    i0.ɵɵrepeaterCreate(1, GroupUserSelectionDialogComponent_Conditional_17_For_2_Template, 4, 6, "mat-list-option", 19, _forTrack0$4);
     i0.ɵɵelementEnd();
     i0.ɵɵconditionalCreate(3, GroupUserSelectionDialogComponent_Conditional_17_Conditional_3_Template, 2, 2, "cauca-list-paginator", 20);
 } if (rf & 2) {
@@ -519,7 +521,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$2, 5);
+            i0.ɵɵviewQuerySignal(ctx.paginator, _c0$4, 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) {
@@ -608,8 +610,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$1 = ["paginator"];
-const _forTrack0$2 = ($index, $item) => $item.id;
+const _c0$3 = ["paginator"];
+const _forTrack0$3 = ($index, $item) => $item.id;
 function GroupUserEditionListComponent_For_10_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 11);
     i0.ɵɵtext(1);
@@ -744,7 +746,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$1, 5);
+            i0.ɵɵviewQuerySignal(ctx.paginator, _c0$3, 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) {
@@ -759,7 +761,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$2, false, GroupUserEditionListComponent_ForEmpty_11_Template, 2, 1);
+            i0.ɵɵrepeaterCreate(9, GroupUserEditionListComponent_For_10_Template, 8, 5, "mat-list-item", 6, _forTrack0$3, 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);
@@ -832,7 +834,7 @@ class PermissionManagementService {
             }]
     }], null, null); })();
 
-const _forTrack0$1 = ($index, $item) => $item.id;
+const _forTrack0$2 = ($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);
@@ -917,7 +919,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$1, false, GroupPermissionListComponent_ForEmpty_10_Template, 6, 3, "div", 5);
+            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.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance(2);
@@ -1199,25 +1201,22 @@ var UserPermissionOriginKind;
     UserPermissionOriginKind[UserPermissionOriginKind["UserOverride"] = 1] = "UserOverride";
 })(UserPermissionOriginKind || (UserPermissionOriginKind = {}));
 
-const _forTrack0 = ($index, $item) => $item.idModulePermission;
+const _forTrack0$1 = ($index, $item) => $item.idModulePermission;
 function UserPermissionListComponent_For_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " check ");
 } }
 function UserPermissionListComponent_For_9_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " block ");
 } }
-function UserPermissionListComponent_For_9_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, " help_outline ");
-} }
-function UserPermissionListComponent_For_9_For_15_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function UserPermissionListComponent_For_9_For_14_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " check ");
 } }
-function UserPermissionListComponent_For_9_For_15_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function UserPermissionListComponent_For_9_For_14_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " block ");
 } }
-function UserPermissionListComponent_For_9_For_15_Template(rf, ctx) { if (rf & 1) {
+function UserPermissionListComponent_For_9_For_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 12)(1, "mat-icon");
-    i0.ɵɵconditionalCreate(2, UserPermissionListComponent_For_9_For_15_Conditional_2_Template, 1, 0)(3, UserPermissionListComponent_For_9_For_15_Conditional_3_Template, 1, 0);
+    i0.ɵɵconditionalCreate(2, UserPermissionListComponent_For_9_For_14_Conditional_2_Template, 1, 0)(3, UserPermissionListComponent_For_9_For_14_Conditional_3_Template, 1, 0);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "span", 13);
     i0.ɵɵtext(5);
@@ -1233,7 +1232,7 @@ function UserPermissionListComponent_For_9_For_15_Template(rf, ctx) { if (rf & 1
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate1(" ", origin_r1.kind === ctx_r1.UserPermissionOriginKind.UserOverride ? i0.ɵɵpipeBind1(6, 6, "userPermissionDetails.userOverrideOrigin") : origin_r1.groupName, " ");
 } }
-function UserPermissionListComponent_For_9_ForEmpty_16_Template(rf, ctx) { if (rf & 1) {
+function UserPermissionListComponent_For_9_ForEmpty_15_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 12)(1, "span", 14);
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "translate");
@@ -1244,34 +1243,34 @@ function UserPermissionListComponent_For_9_ForEmpty_16_Template(rf, ctx) { if (r
 } }
 function UserPermissionListComponent_For_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "mat-list-item", 5)(1, "mat-icon", 7);
-    i0.ɵɵconditionalCreate(2, UserPermissionListComponent_For_9_Conditional_2_Template, 1, 0)(3, UserPermissionListComponent_For_9_Conditional_3_Template, 1, 0)(4, UserPermissionListComponent_For_9_Conditional_4_Template, 1, 0);
+    i0.ɵɵconditionalCreate(2, UserPermissionListComponent_For_9_Conditional_2_Template, 1, 0)(3, UserPermissionListComponent_For_9_Conditional_3_Template, 1, 0);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 8);
-    i0.ɵɵtext(6);
+    i0.ɵɵelementStart(4, "div", 8);
+    i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(7, "cauca-icon-button", 9);
-    i0.ɵɵelementStart(8, "mat-menu", null, 0)(10, "div", 10);
-    i0.ɵɵlistener("click", function UserPermissionListComponent_For_9_Template_div_click_10_listener($event) { return $event.stopPropagation(); });
-    i0.ɵɵelementStart(11, "div", 11);
-    i0.ɵɵtext(12);
-    i0.ɵɵpipe(13, "translate");
+    i0.ɵɵelement(6, "cauca-icon-button", 9);
+    i0.ɵɵelementStart(7, "mat-menu", null, 0)(9, "div", 10);
+    i0.ɵɵlistener("click", function UserPermissionListComponent_For_9_Template_div_click_9_listener($event) { return $event.stopPropagation(); });
+    i0.ɵɵelementStart(10, "div", 11);
+    i0.ɵɵtext(11);
+    i0.ɵɵpipe(12, "translate");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(14, UserPermissionListComponent_For_9_For_15_Template, 7, 8, "div", 12, i0.ɵɵrepeaterTrackByIndex, false, UserPermissionListComponent_For_9_ForEmpty_16_Template, 4, 3, "div", 12);
+    i0.ɵɵrepeaterCreate(13, UserPermissionListComponent_For_9_For_14_Template, 7, 8, "div", 12, i0.ɵɵrepeaterTrackByIndex, false, UserPermissionListComponent_For_9_ForEmpty_15_Template, 4, 3, "div", 12);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const permission_r3 = ctx.$implicit;
-    const originsMenu_r4 = i0.ɵɵreference(9);
+    const originsMenu_r4 = i0.ɵɵreference(8);
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("allowed", permission_r3.status === ctx_r1.PermissionStatus.Allowed)("denied", permission_r3.status === ctx_r1.PermissionStatus.Denied);
+    i0.ɵɵclassProp("allowed", permission_r3.status === ctx_r1.PermissionStatus.Allowed)("denied", permission_r3.status !== ctx_r1.PermissionStatus.Allowed);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(permission_r3.status === ctx_r1.PermissionStatus.Allowed ? 2 : permission_r3.status === ctx_r1.PermissionStatus.Denied ? 3 : 4);
-    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(permission_r3.status === ctx_r1.PermissionStatus.Allowed ? 2 : 3);
+    i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(permission_r3.name);
     i0.ɵɵadvance();
     i0.ɵɵproperty("matMenuTriggerFor", originsMenu_r4);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(13, 9, "userPermissionDetails.originsLabel"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(12, 9, "userPermissionDetails.originsLabel"));
     i0.ɵɵadvance(2);
     i0.ɵɵrepeater(permission_r3.origins);
 } }
@@ -1312,7 +1311,7 @@ class UserPermissionListComponent {
             i0.ɵɵtext(6, "search");
             i0.ɵɵelementEnd()();
             i0.ɵɵelementStart(7, "mat-list", 4);
-            i0.ɵɵrepeaterCreate(8, UserPermissionListComponent_For_9_Template, 17, 11, "mat-list-item", 5, _forTrack0, false, UserPermissionListComponent_ForEmpty_10_Template, 6, 3, "div", 6);
+            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.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance(2);
@@ -1321,11 +1320,11 @@ class UserPermissionListComponent {
             i0.ɵɵproperty("value", ctx.searchText());
             i0.ɵɵadvance(4);
             i0.ɵɵrepeater(ctx.filteredPermissions());
-        } }, dependencies: [MatListModule, i4$1.MatList, i4$1.MatListItem, i4$1.MatListItemIcon, i4$1.MatListItemTitle, i4$1.MatListItemMeta, MatFormField, MatLabel, MatInput, MatSuffix, MatIcon, MatMenuModule, i2$1.MatMenu, i2$1.MatMenuTrigger, IconButtonComponent, TranslatePipe], styles: ["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:16px}.search-field[_ngcontent-%COMP%]{width:100%}#permission-list[_ngcontent-%COMP%]{max-height:400px;overflow-y:auto;border:1px solid rgba(0,0,0,.23);border-radius:4px;padding:0}.permission-item[_ngcontent-%COMP%]{border-bottom:1px solid rgba(0,0,0,.12)}.permission-item[_ngcontent-%COMP%]:last-child{border-bottom:none}mat-list-item[_ngcontent-%COMP%]{margin-bottom:0}mat-list-item[_ngcontent-%COMP%]:nth-child(odd){background-color:#0000000d}mat-list-item[_ngcontent-%COMP%]:hover{transition:all ease-in-out .1s;background-color:#00000012}.mat-icon.allowed[_ngcontent-%COMP%]{color:var(--%NS%color-success, green)}.mat-icon.denied[_ngcontent-%COMP%]{color:var(--%NS%color-error, red)}.origins-menu-content[_ngcontent-%COMP%]{padding:8px}.origin-item[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px;padding:8px}.no-result[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;padding:24px 0;color:#00000061}.no-result-icon[_ngcontent-%COMP%]{font-size:48px;width:48px;height:48px;margin-bottom:8px}.no-result-text[_ngcontent-%COMP%]{text-align:center}"] }); }
+        } }, dependencies: [MatListModule, i4$1.MatList, i4$1.MatListItem, i4$1.MatListItemIcon, i4$1.MatListItemTitle, i4$1.MatListItemMeta, MatFormField, MatLabel, MatInput, MatSuffix, MatIcon, MatMenuModule, i2$1.MatMenu, i2$1.MatMenuTrigger, IconButtonComponent, TranslatePipe], styles: ["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:16px}.search-field[_ngcontent-%COMP%]{width:100%}#permission-list[_ngcontent-%COMP%]{max-height:400px;overflow-y:auto;border:1px solid rgba(0,0,0,.23);border-radius:4px;padding:0}.permission-item[_ngcontent-%COMP%]{border-bottom:1px solid rgba(0,0,0,.12)}.permission-item[_ngcontent-%COMP%]:last-child{border-bottom:none}mat-list-item[_ngcontent-%COMP%]{margin-bottom:0}mat-list-item[_ngcontent-%COMP%]:nth-child(odd){background-color:#0000000d}mat-list-item[_ngcontent-%COMP%]:hover{transition:all ease-in-out .1s;background-color:#00000012}.mat-icon.allowed[_ngcontent-%COMP%]{color:var(--%NS%color-success, green)}.mat-icon.denied[_ngcontent-%COMP%]{color:var(--%NS%color-error, red)}.origins-menu-content[_ngcontent-%COMP%]{padding:8px;max-width:320px}.origin-item[_ngcontent-%COMP%]{display:flex;align-items:flex-start;gap:8px;padding:8px}.origin-item[_ngcontent-%COMP%]   .mat-icon[_ngcontent-%COMP%]{flex-shrink:0}.origin-name[_ngcontent-%COMP%]{min-width:0;overflow-wrap:anywhere}.no-result[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;padding:24px 0;color:#00000061}.no-result-icon[_ngcontent-%COMP%]{font-size:48px;width:48px;height:48px;margin-bottom:8px}.no-result-text[_ngcontent-%COMP%]{text-align:center}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserPermissionListComponent, [{
         type: Component,
-        args: [{ selector: 'cauca-user-permission-list', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatListModule, MatFormField, MatLabel, MatInput, MatSuffix, MatIcon, MatMenuModule, TranslatePipe, IconButtonComponent], template: "<mat-form-field subscriptSizing=\"dynamic\" appearance=\"outline\" class=\"search-field\">\n    <mat-label>{{ 'dataGrid.keywordsLabel' | translate }}</mat-label>\n    <input matInput type=\"text\" [value]=\"searchText()\" (input)=\"searchText.set($any($event.target).value)\">\n    <mat-icon matSuffix>search</mat-icon>\n</mat-form-field>\n\n<mat-list id=\"permission-list\">\n    @for (permission of filteredPermissions(); track permission.idModulePermission) {\n        <mat-list-item class=\"permission-item\">\n\n            <mat-icon matListItemIcon\n                [class.allowed]=\"permission.status === PermissionStatus.Allowed\"\n                [class.denied]=\"permission.status === PermissionStatus.Denied\">\n                @if (permission.status === PermissionStatus.Allowed) {\n                    check\n                } @else if (permission.status === PermissionStatus.Denied) {\n                    block\n                } @else {\n                    help_outline\n                }\n            </mat-icon>\n\n            <div matListItemTitle>{{ permission.name }}</div>\n\n            <cauca-icon-button\n                matListItemMeta\n                icon=\"info\"\n                [matMenuTriggerFor]=\"originsMenu\" />\n\n            <mat-menu #originsMenu=\"matMenu\">\n                <div class=\"origins-menu-content\" (click)=\"$event.stopPropagation()\">\n                    <div class=\"origin-item body2\">{{ 'userPermissionDetails.originsLabel' | translate }}</div>\n                    @for (origin of permission.origins; track $index) {\n                        <div class=\"origin-item\">\n                            <mat-icon [class.allowed]=\"origin.isAllowed\" [class.denied]=\"!origin.isAllowed\">\n                                @if (origin.isAllowed) {\n                                    check\n                                } @else {\n                                    block\n                                }\n                            </mat-icon>\n                            <span class=\"origin-name body1\">\n                                {{ origin.kind === UserPermissionOriginKind.UserOverride\n                                    ? ('userPermissionDetails.userOverrideOrigin' | translate)\n                                    : origin.groupName }}\n                            </span>\n                        </div>\n                    } @empty {\n                        <div class=\"origin-item\">\n                            <span class=\"no-origins\">{{ 'userPermissionDetails.noOrigins' | translate }}</span>\n                        </div>\n                    }\n                </div>\n            </mat-menu>\n\n        </mat-list-item>\n    } @empty {\n        <div class=\"no-result\">\n            <mat-icon class=\"no-result-icon\">grid_off</mat-icon>\n            <div class=\"no-result-text body2\">{{ 'noResult' | translate }}</div>\n        </div>\n    }\n</mat-list>\n", styles: [":host{display:flex;flex-direction:column;gap:16px}.search-field{width:100%}#permission-list{max-height:400px;overflow-y:auto;border:1px solid rgba(0,0,0,.23);border-radius:4px;padding:0}.permission-item{border-bottom:1px solid rgba(0,0,0,.12)}.permission-item:last-child{border-bottom:none}mat-list-item{margin-bottom:0}mat-list-item:nth-child(odd){background-color:#0000000d}mat-list-item:hover{transition:all ease-in-out .1s;background-color:#00000012}.mat-icon.allowed{color:var(--color-success, green)}.mat-icon.denied{color:var(--color-error, red)}.origins-menu-content{padding:8px}.origin-item{display:flex;align-items:center;gap:8px;padding:8px}.no-result{display:flex;flex-direction:column;align-items:center;padding:24px 0;color:#00000061}.no-result-icon{font-size:48px;width:48px;height:48px;margin-bottom:8px}.no-result-text{text-align:center}\n"] }]
+        args: [{ selector: 'cauca-user-permission-list', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatListModule, MatFormField, MatLabel, MatInput, MatSuffix, MatIcon, MatMenuModule, TranslatePipe, IconButtonComponent], template: "<mat-form-field subscriptSizing=\"dynamic\" appearance=\"outline\" class=\"search-field\">\n    <mat-label>{{ 'dataGrid.keywordsLabel' | translate }}</mat-label>\n    <input matInput type=\"text\" [value]=\"searchText()\" (input)=\"searchText.set($any($event.target).value)\">\n    <mat-icon matSuffix>search</mat-icon>\n</mat-form-field>\n\n<mat-list id=\"permission-list\">\n    @for (permission of filteredPermissions(); track permission.idModulePermission) {\n        <mat-list-item class=\"permission-item\">\n\n            <mat-icon matListItemIcon\n                [class.allowed]=\"permission.status === PermissionStatus.Allowed\"\n                [class.denied]=\"permission.status !== PermissionStatus.Allowed\">\n                @if (permission.status === PermissionStatus.Allowed) {\n                    check\n                } @else {\n                    block\n                }\n            </mat-icon>\n\n            <div matListItemTitle>{{ permission.name }}</div>\n\n            <cauca-icon-button\n                matListItemMeta\n                icon=\"info\"\n                [matMenuTriggerFor]=\"originsMenu\" />\n\n            <mat-menu #originsMenu=\"matMenu\">\n                <div class=\"origins-menu-content\" (click)=\"$event.stopPropagation()\">\n                    <div class=\"origin-item body2\">{{ 'userPermissionDetails.originsLabel' | translate }}</div>\n                    @for (origin of permission.origins; track $index) {\n                        <div class=\"origin-item\">\n                            <mat-icon [class.allowed]=\"origin.isAllowed\" [class.denied]=\"!origin.isAllowed\">\n                                @if (origin.isAllowed) {\n                                    check\n                                } @else {\n                                    block\n                                }\n                            </mat-icon>\n                            <span class=\"origin-name body1\">\n                                {{ origin.kind === UserPermissionOriginKind.UserOverride\n                                    ? ('userPermissionDetails.userOverrideOrigin' | translate)\n                                    : origin.groupName }}\n                            </span>\n                        </div>\n                    } @empty {\n                        <div class=\"origin-item\">\n                            <span class=\"no-origins\">{{ 'userPermissionDetails.noOrigins' | translate }}</span>\n                        </div>\n                    }\n                </div>\n            </mat-menu>\n\n        </mat-list-item>\n    } @empty {\n        <div class=\"no-result\">\n            <mat-icon class=\"no-result-icon\">grid_off</mat-icon>\n            <div class=\"no-result-text body2\">{{ 'noResult' | translate }}</div>\n        </div>\n    }\n</mat-list>\n", styles: [":host{display:flex;flex-direction:column;gap:16px}.search-field{width:100%}#permission-list{max-height:400px;overflow-y:auto;border:1px solid rgba(0,0,0,.23);border-radius:4px;padding:0}.permission-item{border-bottom:1px solid rgba(0,0,0,.12)}.permission-item:last-child{border-bottom:none}mat-list-item{margin-bottom:0}mat-list-item:nth-child(odd){background-color:#0000000d}mat-list-item:hover{transition:all ease-in-out .1s;background-color:#00000012}.mat-icon.allowed{color:var(--color-success, green)}.mat-icon.denied{color:var(--color-error, red)}.origins-menu-content{padding:8px;max-width:320px}.origin-item{display:flex;align-items:flex-start;gap:8px;padding:8px}.origin-item .mat-icon{flex-shrink:0}.origin-name{min-width:0;overflow-wrap:anywhere}.no-result{display:flex;flex-direction:column;align-items:center;padding:24px 0;color:#00000061}.no-result-icon{font-size:48px;width:48px;height:48px;margin-bottom:8px}.no-result-text{text-align:center}\n"] }]
     }], null, { permissions: [{ type: i0.Input, args: [{ isSignal: true, alias: "permissions", required: true }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UserPermissionListComponent, { className: "UserPermissionListComponent", filePath: "lib/components/user-permission-list/user-permission-list.component.ts", lineNumber: 20 }); })();
 
@@ -1397,6 +1396,316 @@ 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$2 = 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$2, ctx_r0.width()));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.label() ?? ctx_r0.capitalize(ctx_r0.prop()), " ");
+} }
+function ScopeListGridColumnComponent_td_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "translate");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r0.allLabel()));
+} }
+function ScopeListGridColumnComponent_td_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 6);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const row_r2 = i0.ɵɵnextContext().$implicit;
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("matTooltip", row_r2[ctx_r0.prop()]);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(row_r2[ctx_r0.prop()]);
+} }
+function ScopeListGridColumnComponent_td_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const row_r2 = i0.ɵɵnextContext().$implicit;
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(row_r2[ctx_r0.prop()]);
+} }
+function ScopeListGridColumnComponent_td_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td", 5);
+    i0.ɵɵconditionalCreate(1, ScopeListGridColumnComponent_td_2_Conditional_1_Template, 3, 3, "span")(2, ScopeListGridColumnComponent_td_2_Conditional_2_Template, 2, 2, "span", 6)(3, ScopeListGridColumnComponent_td_2_Conditional_3_Template, 2, 1, "span");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const row_r2 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(row_r2[ctx_r0.prop()] === ctx_r0.allToken ? 1 : ctx_r0.showToolTip() ? 2 : 3);
+} }
+function ScopeListGridColumnComponent_td_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "td", 7);
+} }
+/** The value a read view emits for a scope covering everything, in place of a list of names. */
+const AllScopeToken = 'ALL';
+function resolveTable() {
+    const odata = inject(OdataGridComponent, { optional: true });
+    const grid = inject(DataGridComponent, { optional: true });
+    return (grid ?? odata)?.table;
+}
+class ScopeListGridColumnComponent extends BaseGridColumnComponent {
+    /**
+     * The `providers` alias above is what makes the grid's `ContentChildren(BaseGridColumnComponent)`
+     * match this subclass; without it the column registers nowhere and renders as an empty slot.
+     */
+    constructor() {
+        super(resolveTable());
+        /** Translation key shown instead of the list when the row's scope covers everything. */
+        this.allLabel = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "allLabel" }] : /* istanbul ignore next */ []));
+        this.allToken = AllScopeToken;
+    }
+    static { this.ɵfac = function ScopeListGridColumnComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ScopeListGridColumnComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ScopeListGridColumnComponent, selectors: [["cauca-scope-list-grid-column"]], inputs: { allLabel: [1, "allLabel"] }, features: [i0.ɵɵProvidersFeature([{ provide: BaseGridColumnComponent, useExisting: forwardRef(() => ScopeListGridColumnComponent) }]), i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 2, consts: [[3, "matColumnDef"], ["mat-header-cell", "", 3, "ngStyle", 4, "matHeaderCellDef"], ["mat-cell", "", 4, "matCellDef"], ["mat-footer-cell", "", 4, "matFooterCellDef"], ["mat-header-cell", "", 3, "ngStyle"], ["mat-cell", ""], [3, "matTooltip"], ["mat-footer-cell", ""]], template: function ScopeListGridColumnComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementContainerStart(0, 0);
+            i0.ɵɵtemplate(1, ScopeListGridColumnComponent_th_1_Template, 2, 4, "th", 1)(2, ScopeListGridColumnComponent_td_2_Template, 4, 1, "td", 2)(3, ScopeListGridColumnComponent_td_3_Template, 1, 0, "td", 3);
+            i0.ɵɵelementContainerEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("matColumnDef", i0.ɵɵinterpolate(ctx.prop()));
+        } }, dependencies: [MatColumnDef, MatHeaderCell, MatHeaderCellDef, MatCell, MatCellDef, MatFooterCell, MatFooterCellDef,
+            NgStyle, MatTooltip, TranslatePipe], encapsulation: 2 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ScopeListGridColumnComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-scope-list-grid-column', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: BaseGridColumnComponent, useExisting: forwardRef(() => ScopeListGridColumnComponent) }], imports: [
+                    MatColumnDef, MatHeaderCell, MatHeaderCellDef, MatCell, MatCellDef, MatFooterCell, MatFooterCellDef,
+                    NgStyle, MatTooltip, TranslatePipe,
+                ], template: "<ng-container matColumnDef=\"{{ prop() }}\">\n\n  <th mat-header-cell *matHeaderCellDef [ngStyle]=\"{'width': width()}\">\n    {{ label() ?? capitalize(prop()) }}\n  </th>\n\n  <td mat-cell *matCellDef=\"let row\">\n    @if (row[prop()] === allToken) {\n      <span>{{ allLabel() | translate }}</span>\n    } @else if (showToolTip()) {\n      <span [matTooltip]=\"row[prop()]\">{{ row[prop()] }}</span>\n    } @else {\n      <span>{{ row[prop()] }}</span>\n    }\n  </td>\n\n  <td mat-footer-cell *matFooterCellDef></td>\n\n</ng-container>\n" }]
+    }], () => [], { 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$1 = () => ["userName"];
+const _forTrack0 = ($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));
+} }
+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));
+} }
+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));
+} }
+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);
+} if (rf & 2) {
+    let tmp_10_0;
+    const column_r1 = ctx.$implicit;
+    i0.ɵɵconditional((tmp_10_0 = column_r1.kind) === "scope" ? 0 : tmp_10_0 === "check" ? 1 : 2);
+} }
+function UserListGridComponent_Conditional_10_ng_template_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "cauca-menu-item", 11);
+    i0.ɵɵlistener("buttonClick", function UserListGridComponent_Conditional_10_ng_template_1_Conditional_0_Template_cauca_menu_item_buttonClick_0_listener() { i0.ɵɵrestoreView(_r4); const row_r5 = i0.ɵɵnextContext().row; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.openPermissions(row_r5)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    i0.ɵɵproperty("translateLabel", true);
+} }
+function UserListGridComponent_Conditional_10_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, UserListGridComponent_Conditional_10_ng_template_1_Conditional_0_Template, 1, 1, "cauca-menu-item", 10);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵconditional(ctx_r2.showPermissions() ? 0 : -1);
+} }
+function UserListGridComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "cauca-data-grid-menu-column", 9);
+    i0.ɵɵlistener("deleteClick", function UserListGridComponent_Conditional_10_Template_cauca_data_grid_menu_column_deleteClick_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onDelete($event)); });
+    i0.ɵɵtemplate(1, UserListGridComponent_Conditional_10_ng_template_1_Template, 1, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("canEdit", ctx_r2.canEdit())("canDelete", ctx_r2.canDelete())("editLinkField", ctx_r2.editLinkField());
+} }
+/** The intersection of every site's feed, from `UserListItem` in `Cause.SecurityManagement`. */
+const SharedColumns = ['userName', 'firstName', 'lastName'];
+const SharedSearchedColumns = ['searchableUserName', 'searchableFirstName', 'searchableLastName'];
+class UserListGridComponent {
+    constructor() {
+        /**
+         * Read when the grid registers its columns, in `ngAfterContentInit`. Replacing the list
+         * afterwards renders nothing: the new columns are never registered with the MatTable.
+         */
+        this.extraColumns = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "extraColumns" }] : /* istanbul ignore next */ []));
+        this.showAddButton = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showAddButton" }] : /* istanbul ignore next */ []));
+        /** Translation key. */
+        this.addButtonLabel = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "addButtonLabel" }] : /* istanbul ignore next */ []));
+        this.canEdit = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "canEdit" }] : /* istanbul ignore next */ []));
+        this.canDelete = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "canDelete" }] : /* istanbul ignore next */ []));
+        this.editLinkField = input('id', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "editLinkField" }] : /* istanbul ignore next */ []));
+        this.showPermissions = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showPermissions" }] : /* istanbul ignore next */ []));
+        this.persistState = input(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "persistState" }] : /* istanbul ignore next */ []));
+        this.addClick = output();
+        this.deleteClick = output();
+        this.hasRowActions = computed(() => this.showPermissions() || this.canEdit() || this.canDelete(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasRowActions" }] : /* istanbul ignore next */ []));
+        this.columns = computed(() => [
+            ...SharedColumns,
+            ...this.extraColumns().map(column => column.prop),
+            ...(this.hasRowActions() ? ['menu'] : []),
+        ], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
+        this.grid = viewChild.required(OdataGridComponent, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "grid" }] : /* istanbul ignore next */ []));
+        this.sort = viewChild.required(MatSort, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "sort" }] : /* istanbul ignore next */ []));
+        this.dialog = inject(DialogService);
+        this.filterPredicate = (filter) => {
+            const searched = [
+                ...SharedSearchedColumns,
+                ...this.extraColumns()
+                    .map(column => column.searchableProp)
+                    .filter((prop) => !!prop),
+            ];
+            const computedFilter = filter
+                ? searched.reduce((builder, column) => builder.contains(column, filter), ODataFilterBuilder('or'))
+                : ODataFilterBuilder();
+            return [{ getFilter: () => [computedFilter.toString()] }];
+        };
+    }
+    ngOnInit() {
+        this.grid().setUpSort(this.sort());
+    }
+    refresh() {
+        this.grid().refreshData();
+    }
+    async openPermissions(row) {
+        await this.dialog.showCustomDialog(UserPermissionsDialogComponent, { userId: row.id, userDisplayName: `${row.firstName} ${row.lastName}` }, { width: '600px' });
+    }
+    onDelete(row) {
+        this.deleteClick.emit(row);
+    }
+    static { this.ɵfac = function UserListGridComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UserListGridComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserListGridComponent, selectors: [["cauca-user-list-grid"]], viewQuery: function UserListGridComponent_Query(rf, ctx) { if (rf & 1) {
+            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-describedby", "Users table", "resourceName", "UserList", 1, "users-datagrid", 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) {
+            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(); });
+            i0.ɵɵelement(2, "cauca-sortable-data-grid-column", 2);
+            i0.ɵɵpipe(3, "translate");
+            i0.ɵɵelement(4, "cauca-sortable-data-grid-column", 3);
+            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.ɵɵ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$1))("filterPredicate", ctx.filterPredicate)("displayedColumns", ctx.columns());
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("showToolTip", true)("label", i0.ɵɵpipeBind1(3, 17, "userList.column.userName"));
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("showToolTip", true)("label", i0.ɵɵpipeBind1(5, 19, "userList.column.firstName"));
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("showToolTip", true)("label", i0.ɵɵpipeBind1(7, 21, "userList.column.lastName"));
+            i0.ɵɵadvance(2);
+            i0.ɵɵrepeater(ctx.extraColumns());
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.hasRowActions() ? 10 : -1);
+        } }, dependencies: [MatSort, OdataGridComponent, SortableDataGridColumnComponent, SortableDataGridCheckColumnComponent,
+            ScopeListGridColumnComponent, DataGridMenuColumnComponent, MenuItemComponent, TranslatePipe], encapsulation: 2 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserListGridComponent, [{
+        type: Component,
+        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    class=\"users-datagrid\"\n    aria-describedby=\"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" }]
+    }], 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 }); })();
+
+class UsersPageComponent {
+    constructor() {
+        /** Translation keys. Every site names its users page and its menu differently. */
+        this.caption = input('management.users', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "caption" }] : /* istanbul ignore next */ []));
+        this.baseCrumb = input('menu.management', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "baseCrumb" }] : /* istanbul ignore next */ []));
+        this.breadcrumb = input('management.users', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "breadcrumb" }] : /* istanbul ignore next */ []));
+        this.extraColumns = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "extraColumns" }] : /* istanbul ignore next */ []));
+        this.showAddButton = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showAddButton" }] : /* istanbul ignore next */ []));
+        this.addButtonLabel = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "addButtonLabel" }] : /* istanbul ignore next */ []));
+        this.canEdit = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "canEdit" }] : /* istanbul ignore next */ []));
+        this.canDelete = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "canDelete" }] : /* istanbul ignore next */ []));
+        this.editLinkField = input('id', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "editLinkField" }] : /* istanbul ignore next */ []));
+        this.showPermissions = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showPermissions" }] : /* istanbul ignore next */ []));
+        this.persistState = input(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "persistState" }] : /* istanbul ignore next */ []));
+        this.addClick = output();
+        this.deleteClick = output();
+        this.grid = viewChild.required(UserListGridComponent, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "grid" }] : /* istanbul ignore next */ []));
+    }
+    refresh() {
+        this.grid().refresh();
+    }
+    static { this.ɵfac = function UsersPageComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UsersPageComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UsersPageComponent, selectors: [["cauca-users-page"]], viewQuery: function UsersPageComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuerySignal(ctx.grid, UserListGridComponent, 5);
+        } if (rf & 2) {
+            i0.ɵɵqueryAdvance();
+        } }, inputs: { caption: [1, "caption"], baseCrumb: [1, "baseCrumb"], breadcrumb: [1, "breadcrumb"], 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: 4, vars: 12, consts: [[3, "showBreadcrumb", "caption", "baseCrumb", "breadcrumb"], [1, "page-content"], [1, "page-content-grid"], [3, "addClick", "deleteClick", "extraColumns", "showAddButton", "addButtonLabel", "canEdit", "canDelete", "editLinkField", "showPermissions", "persistState"]], template: function UsersPageComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelement(0, "cauca-page-title", 0);
+            i0.ɵɵelementStart(1, "mat-card", 1)(2, "mat-card-content", 2)(3, "cauca-user-list-grid", 3);
+            i0.ɵɵlistener("addClick", function UsersPageComponent_Template_cauca_user_list_grid_addClick_3_listener() { return ctx.addClick.emit(); })("deleteClick", function UsersPageComponent_Template_cauca_user_list_grid_deleteClick_3_listener($event) { return ctx.deleteClick.emit($event); });
+            i0.ɵɵelementEnd()()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("showBreadcrumb", true)("caption", ctx.caption())("baseCrumb", ctx.baseCrumb())("breadcrumb", ctx.breadcrumb());
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("extraColumns", ctx.extraColumns())("showAddButton", ctx.showAddButton())("addButtonLabel", ctx.addButtonLabel())("canEdit", ctx.canEdit())("canDelete", ctx.canDelete())("editLinkField", ctx.editLinkField())("showPermissions", ctx.showPermissions())("persistState", ctx.persistState());
+        } }, dependencies: [MatCardModule, i1.MatCard, i1.MatCardContent, PageTitleComponent, UserListGridComponent], encapsulation: 2 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UsersPageComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-users-page', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatCardModule, PageTitleComponent, UserListGridComponent], template: "<cauca-page-title\n    [showBreadcrumb]=\"true\"\n    [caption]=\"caption()\"\n    [baseCrumb]=\"baseCrumb()\"\n    [breadcrumb]=\"breadcrumb()\"/>\n\n<mat-card class=\"page-content\">\n\n  <mat-card-content class=\"page-content-grid\">\n    <cauca-user-list-grid\n        [extraColumns]=\"extraColumns()\"\n        [showAddButton]=\"showAddButton()\"\n        [addButtonLabel]=\"addButtonLabel()\"\n        [canEdit]=\"canEdit()\"\n        [canDelete]=\"canDelete()\"\n        [editLinkField]=\"editLinkField()\"\n        [showPermissions]=\"showPermissions()\"\n        [persistState]=\"persistState()\"\n        (addClick)=\"addClick.emit()\"\n        (deleteClick)=\"deleteClick.emit($event)\"/>\n  </mat-card-content>\n\n</mat-card>\n" }]
+    }], 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 }); })();
+
 class CaucaManagementService {
     static { this.ɵfac = function CaucaManagementService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaucaManagementService)(); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: CaucaManagementService, factory: CaucaManagementService.ɵfac, providedIn: 'root' }); }
@@ -2014,5 +2323,5 @@ class GroupPermissionModel {
  * Generated bundle index. Do not edit.
  */
 
-export { CaucaManagementComponent, CaucaManagementGroupComponent, CaucaManagementModule, CaucaManagementService, CaucaManagementUserComponent, GroupEditionPageComponent, GroupModel, GroupPermissionModel, GroupsPageComponent, MANAGEMENT_ROUTE_SEGMENT, MANAGEMENT_URL_PREFIX, ManagementGroupService, ManagementUserService, REFRESHABLE_PERMISSION_STATE_TOKEN, UserGroupModel, UserModel, UserPermissionModel, UserPermissionsDialogComponent, managementGroupRoutes, provideCaucaManagement };
+export { AllScopeToken, CaucaManagementComponent, CaucaManagementGroupComponent, CaucaManagementModule, CaucaManagementService, CaucaManagementUserComponent, GroupEditionPageComponent, GroupModel, GroupPermissionModel, GroupsPageComponent, MANAGEMENT_ROUTE_SEGMENT, MANAGEMENT_URL_PREFIX, ManagementGroupService, ManagementUserService, REFRESHABLE_PERMISSION_STATE_TOKEN, ScopeListGridColumnComponent, UserGroupModel, UserListGridComponent, UserModel, UserPermissionModel, UserPermissionsDialogComponent, UsersPageComponent, managementGroupRoutes, provideCaucaManagement };
 //# sourceMappingURL=cauca-911-management.mjs.map