@cauca-911/management 22.0.0 → 22.0.2

package/assets/i18n/cauca/en-management.json

@@ -40,5 +40,11 @@
     "permissionAllowed": "Allowed",
     "permissionBlocked": "Blocked",
     "permissionNeitherSet": "Not set"
+  },
+  "userPermissionDetails": {
+    "title": "Effective permissions",
+    "originsLabel": "Origins",
+    "userOverrideOrigin": "Direct override",
+    "noOrigins": "No origin"
   }
 }

package/assets/i18n/cauca/es-management.json

@@ -40,5 +40,11 @@
     "permissionAllowed": "Permitido",
     "permissionBlocked": "Bloqueado",
     "permissionNeitherSet": "Sin definir"
+  },
+  "userPermissionDetails": {
+    "title": "Permisos efectivos",
+    "originsLabel": "Orígenes",
+    "userOverrideOrigin": "Anulación directa",
+    "noOrigins": "Sin origen"
   }
 }

package/assets/i18n/cauca/fr-management.json

@@ -40,5 +40,11 @@
     "permissionAllowed": "Autorisé",
     "permissionBlocked": "Bloqué",
     "permissionNeitherSet": "Non défini"
+  },
+  "userPermissionDetails": {
+    "title": "Permissions effectives",
+    "originsLabel": "Origines",
+    "userOverrideOrigin": "Substitution directe",
+    "noOrigins": "Aucune origine"
   }
 }

package/fesm2022/cauca-911-management.mjs

@@ -24,7 +24,7 @@ import * as i1$1 from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogRef, MatDialogModule, MatDialog } from '@angular/material/dialog';
 import * as i4 from '@angular/material/icon';
 import { MatIconModule, MatIcon } from '@angular/material/icon';
-import { toSignal, toObservable } from '@angular/core/rxjs-interop';
+import { toSignal, toObservable, rxResource } from '@angular/core/rxjs-interop';
 import { v4 } from 'uuid';
 import * as i4$1 from '@angular/material/list';
 import { MatListModule } from '@angular/material/list';
@@ -32,6 +32,8 @@ import * as i6 from '@angular/material/tooltip';
 import { MatTooltipModule } 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 * as i1$3 from '@cauca-911/devextreme';
 import { CaucaDevextremeModule } from '@cauca-911/devextreme';
 import * as i4$2 from 'devextreme-angular/ui/check-box';
@@ -42,7 +44,7 @@ import * as i6$1 from 'devextreme-angular/ui/tag-box';
 import { DxTagBoxModule } from 'devextreme-angular/ui/tag-box';
 import { BreakpointObserver } from '@angular/cdk/layout';
 import { map } from 'rxjs/operators';
-import * as i2$1 from 'devextreme-angular/ui/nested';
+import * as i2$2 from 'devextreme-angular/ui/nested';
 import * as i3$2 from 'devextreme-angular/core';
 
 const MANAGEMENT_URL_PREFIX = new InjectionToken('MANAGEMENT_URL_PREFIX');
@@ -364,7 +366,7 @@ class UserSearchService {
     }], null, null); })();
 
 const _c0$2 = ["resultPaginator"];
-const _forTrack0$2 = ($index, $item) => $item.id;
+const _forTrack0$3 = ($index, $item) => $item.id;
 function GroupUserSelectionDialogComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 8);
     i0.ɵɵtext(1);
@@ -416,7 +418,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$2);
+    i0.ɵɵrepeaterCreate(1, GroupUserSelectionDialogComponent_Conditional_17_For_2_Template, 4, 6, "mat-list-option", 19, _forTrack0$3);
     i0.ɵɵelementEnd();
     i0.ɵɵconditionalCreate(3, GroupUserSelectionDialogComponent_Conditional_17_Conditional_3_Template, 2, 2, "cauca-list-paginator", 20);
 } if (rf & 2) {
@@ -607,7 +609,7 @@ class GroupUserSelectionDialogComponent {
 (() => { (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$1 = ($index, $item) => $item.id;
+const _forTrack0$2 = ($index, $item) => $item.id;
 function GroupUserEditionListComponent_For_10_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 11);
     i0.ɵɵtext(1);
@@ -757,7 +759,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$1, false, GroupUserEditionListComponent_ForEmpty_11_Template, 2, 1);
+            i0.ɵɵrepeaterCreate(9, GroupUserEditionListComponent_For_10_Template, 8, 5, "mat-list-item", 6, _forTrack0$2, 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);
@@ -830,7 +832,7 @@ class PermissionManagementService {
             }]
     }], null, null); })();
 
-const _forTrack0 = ($index, $item) => $item.id;
+const _forTrack0$1 = ($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);
@@ -915,7 +917,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, false, GroupPermissionListComponent_ForEmpty_10_Template, 6, 3, "div", 5);
+            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.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance(2);
@@ -1154,6 +1156,244 @@ var groupEditionPage_component = /*#__PURE__*/Object.freeze({
     GroupEditionPageComponent: GroupEditionPageComponent
 });
 
+class UserPermissionDetailService {
+    constructor() {
+        this.client = inject(HttpClient);
+        this.loadingState = inject(LoadingStateService, { optional: true });
+        this.baseUrl = this.buildBaseUrl(inject(CaucaCoreService).getConfig().apiUrl, inject(MANAGEMENT_URL_PREFIX, { optional: true }));
+    }
+    getForUser(userId) {
+        const request$ = this.client.get(this.buildApiUrl(`UserPermissionDetails/user/${userId}`));
+        return this.loadingState ? this.loadingState.withLoadingIndicator(request$) : request$;
+    }
+    buildBaseUrl(apiUrl, urlPrefix) {
+        const normalizedApiUrl = apiUrl.replace(/\/+$/, '');
+        const normalizedPrefix = urlPrefix?.trim().replace(/^\/+|\/+$/g, '');
+        return normalizedPrefix
+            ? `${normalizedApiUrl}/${normalizedPrefix}`
+            : normalizedApiUrl;
+    }
+    buildApiUrl(path) {
+        const normalizedApiUrl = this.baseUrl.replace(/\/+$/, '');
+        return `${normalizedApiUrl}/${path}`;
+    }
+    static { this.ɵfac = function UserPermissionDetailService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UserPermissionDetailService)(); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: UserPermissionDetailService, factory: UserPermissionDetailService.ɵfac, providedIn: 'root' }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserPermissionDetailService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root'
+            }]
+    }], null, null); })();
+
+var PermissionStatus;
+(function (PermissionStatus) {
+    PermissionStatus[PermissionStatus["Undefined"] = 0] = "Undefined";
+    PermissionStatus[PermissionStatus["Allowed"] = 1] = "Allowed";
+    PermissionStatus[PermissionStatus["Denied"] = 2] = "Denied";
+})(PermissionStatus || (PermissionStatus = {}));
+var UserPermissionOriginKind;
+(function (UserPermissionOriginKind) {
+    UserPermissionOriginKind[UserPermissionOriginKind["Group"] = 0] = "Group";
+    UserPermissionOriginKind[UserPermissionOriginKind["UserOverride"] = 1] = "UserOverride";
+})(UserPermissionOriginKind || (UserPermissionOriginKind = {}));
+
+const _forTrack0 = ($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_For_14_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " check ");
+} }
+function UserPermissionListComponent_For_9_For_14_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " block ");
+} }
+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_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);
+    i0.ɵɵpipe(6, "translate");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const origin_r1 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("allowed", origin_r1.isAllowed)("denied", !origin_r1.isAllowed);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(origin_r1.isAllowed ? 2 : 3);
+    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_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 12)(1, "span", 14);
+    i0.ɵɵtext(2);
+    i0.ɵɵpipe(3, "translate");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 1, "userPermissionDetails.noOrigins"));
+} }
+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);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 8);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    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(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(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.Allowed);
+    i0.ɵɵadvance();
+    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(12, 9, "userPermissionDetails.originsLabel"));
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(permission_r3.origins);
+} }
+function UserPermissionListComponent_ForEmpty_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6)(1, "mat-icon", 15);
+    i0.ɵɵtext(2, "grid_off");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 16);
+    i0.ɵɵtext(4);
+    i0.ɵɵpipe(5, "translate");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 1, "noResult"));
+} }
+class UserPermissionListComponent {
+    constructor() {
+        this.permissions = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "permissions" }] : /* istanbul ignore next */ []));
+        this.PermissionStatus = PermissionStatus;
+        this.UserPermissionOriginKind = UserPermissionOriginKind;
+        this.searchText = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "searchText" }] : /* istanbul ignore next */ []));
+        this.filteredPermissions = computed(() => this.permissions().filter((permission) => toLowerCaseAndWithoutDiacritics(permission.name)
+            .includes(toLowerCaseAndWithoutDiacritics(this.searchText()))), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "filteredPermissions" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = function UserPermissionListComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UserPermissionListComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserPermissionListComponent, selectors: [["cauca-user-permission-list"]], inputs: { permissions: [1, "permissions"] }, decls: 11, vars: 5, consts: [["originsMenu", "matMenu"], ["subscriptSizing", "dynamic", "appearance", "outline", 1, "search-field"], ["matInput", "", "type", "text", 3, "input", "value"], ["matSuffix", ""], ["id", "permission-list"], [1, "permission-item"], [1, "no-result"], ["matListItemIcon", ""], ["matListItemTitle", ""], ["matListItemMeta", "", "icon", "info", 3, "matMenuTriggerFor"], [1, "origins-menu-content", 3, "click"], [1, "origin-item", "body2"], [1, "origin-item"], [1, "origin-name", "body1"], [1, "no-origins"], [1, "no-result-icon"], [1, "no-result-text", "body2"]], template: function UserPermissionListComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mat-form-field", 1)(1, "mat-label");
+            i0.ɵɵtext(2);
+            i0.ɵɵpipe(3, "translate");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "input", 2);
+            i0.ɵɵlistener("input", function UserPermissionListComponent_Template_input_input_4_listener($event) { return ctx.searchText.set($event.target.value); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(5, "mat-icon", 3);
+            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, false, UserPermissionListComponent_ForEmpty_10_Template, 6, 3, "div", 6);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 3, "dataGrid.keywordsLabel"));
+            i0.ɵɵadvance(2);
+            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;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.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 }); })();
+
+function UserPermissionsDialogComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.data.userDisplayName);
+} }
+class UserPermissionsDialogComponent {
+    constructor() {
+        this.data = inject(MAT_DIALOG_DATA);
+        this.permissionsResource = rxResource({
+            params: () => this.data.userId,
+            stream: ({ params: userId }) => this.service.getForUser(userId)
+        });
+        this.permissions = computed(() => this.permissionsResource.value() ?? [], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "permissions" }] : /* istanbul ignore next */ []));
+        this.dialogRef = inject((MatDialogRef));
+        this.service = inject(UserPermissionDetailService);
+    }
+    closeDialog() {
+        this.dialogRef.close();
+    }
+    static { this.ɵfac = function UserPermissionsDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UserPermissionsDialogComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserPermissionsDialogComponent, selectors: [["cauca-user-permissions-dialog"]], features: [i0.ɵɵProvidersFeature([LoadingStateService])], decls: 12, vars: 5, consts: [["mat-dialog-title", ""], [1, "title-block"], [1, "h6"], [1, "subtitle", "body2"], [1, "dialog-content"], [3, "retryRequest"], [3, "permissions"], ["align", "end"], ["color", "primary", "label", "close", 3, "buttonClick"]], template: function UserPermissionsDialogComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
+            i0.ɵɵtext(3);
+            i0.ɵɵpipe(4, "translate");
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(5, UserPermissionsDialogComponent_Conditional_5_Template, 2, 1, "div", 3);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(6, "mat-dialog-content", 4);
+            i0.ɵɵelement(7, "cauca-loading-spinner-indicator");
+            i0.ɵɵelementStart(8, "cauca-loading-error", 5);
+            i0.ɵɵlistener("retryRequest", function UserPermissionsDialogComponent_Template_cauca_loading_error_retryRequest_8_listener() { return ctx.permissionsResource.reload(); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(9, "cauca-user-permission-list", 6);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(10, "mat-dialog-actions", 7)(11, "cauca-raised-button", 8);
+            i0.ɵɵlistener("buttonClick", function UserPermissionsDialogComponent_Template_cauca_raised_button_buttonClick_11_listener() { return ctx.closeDialog(); });
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 3, "userPermissionDetails.title"));
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.data.userDisplayName ? 5 : -1);
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("permissions", ctx.permissions());
+        } }, dependencies: [MatDialogModule, i1$1.MatDialogTitle, i1$1.MatDialogActions, i1$1.MatDialogContent, LoadingSpinnerIndicatorComponent,
+            LoadingErrorComponent,
+            RaisedButtonComponent,
+            UserPermissionListComponent,
+            TranslatePipe], styles: [".title-block[_ngcontent-%COMP%]{display:flex;flex-direction:column}.subtitle[_ngcontent-%COMP%]{color:#0000008a}.dialog-content[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:16px;min-width:480px}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserPermissionsDialogComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-user-permissions-dialog', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                    MatDialogModule,
+                    TranslatePipe,
+                    LoadingSpinnerIndicatorComponent,
+                    LoadingErrorComponent,
+                    RaisedButtonComponent,
+                    UserPermissionListComponent,
+                ], providers: [LoadingStateService], template: "<div mat-dialog-title>\n  <div class=\"title-block\">\n    <div class=\"h6\">{{ 'userPermissionDetails.title' | translate }}</div>\n    @if (data.userDisplayName) {\n      <div class=\"subtitle body2\">{{ data.userDisplayName }}</div>\n    }\n  </div>\n</div>\n\n<mat-dialog-content class=\"dialog-content\">\n  <cauca-loading-spinner-indicator />\n  <cauca-loading-error (retryRequest)=\"permissionsResource.reload()\" />\n\n  <cauca-user-permission-list [permissions]=\"permissions()\" />\n</mat-dialog-content>\n\n<mat-dialog-actions align=\"end\">\n  <cauca-raised-button color=\"primary\" label=\"close\" (buttonClick)=\"closeDialog()\" />\n</mat-dialog-actions>\n", styles: [".title-block{display:flex;flex-direction:column}.subtitle{color:#0000008a}.dialog-content{display:flex;flex-direction:column;gap:16px;min-width:480px}\n"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UserPermissionsDialogComponent, { className: "UserPermissionsDialogComponent", filePath: "lib/components/user-permissions-dialog/user-permissions-dialog.component.ts", lineNumber: 31 }); })();
+
 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' }); }
@@ -1570,7 +1810,7 @@ class CaucaManagementGroupComponent {
             i0.ɵɵproperty("dxTemplateOf", "usersEditTemplate");
             i0.ɵɵadvance();
             i0.ɵɵproperty("dxTemplateOf", "permissionsEditTemplate");
-        } }, dependencies: [CaucaDevextremeModule, i1$3.CaucaDataGridComponent, i2$1.DxiColumnComponent, i2$1.DxiValidationRuleComponent, i2$1.DxoEditingComponent, i2$1.DxoFormComponent, i2$1.DxiItemComponent, i2$1.DxoPopupComponent, i2$1.DxoExportComponent, i3$2.DxTemplateDirective, DxCheckBoxModule, i4$2.DxCheckBoxComponent, DxListModule, i5$1.DxListComponent, DxTagBoxModule, i6$1.DxTagBoxComponent, TranslatePipe], encapsulation: 2 }); }
+        } }, dependencies: [CaucaDevextremeModule, i1$3.CaucaDataGridComponent, i2$2.DxiColumnComponent, i2$2.DxiValidationRuleComponent, i2$2.DxoEditingComponent, i2$2.DxoFormComponent, i2$2.DxiItemComponent, i2$2.DxoPopupComponent, i2$2.DxoExportComponent, i3$2.DxTemplateDirective, DxCheckBoxModule, i4$2.DxCheckBoxComponent, DxListModule, i5$1.DxListComponent, DxTagBoxModule, i6$1.DxTagBoxComponent, TranslatePipe], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaManagementGroupComponent, [{
         type: Component,
@@ -1677,7 +1917,7 @@ class CaucaManagementUserComponent {
             i0.ɵɵproperty("labelLocation", ctx.showColumnXS ? "left" : "top");
             i0.ɵɵadvance();
             i0.ɵɵproperty("isRequired", true);
-        } }, dependencies: [CaucaDevextremeModule, i1$3.CaucaDataGridComponent, i2$1.DxiColumnComponent, i2$1.DxiValidationRuleComponent, i2$1.DxoEditingComponent, i2$1.DxoFormComponent, i2$1.DxiItemComponent, i2$1.DxoPopupComponent, TranslatePipe], encapsulation: 2 }); }
+        } }, dependencies: [CaucaDevextremeModule, i1$3.CaucaDataGridComponent, i2$2.DxiColumnComponent, i2$2.DxiValidationRuleComponent, i2$2.DxoEditingComponent, i2$2.DxoFormComponent, i2$2.DxiItemComponent, i2$2.DxoPopupComponent, TranslatePipe], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaManagementUserComponent, [{
         type: Component,
@@ -1771,5 +2011,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, managementGroupRoutes, provideCaucaManagement };
+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 };
 //# sourceMappingURL=cauca-911-management.mjs.map