@cauca-911/management 3.0.1 → 11.0.1

package/bundles/cauca-911-management.umd.js

@@ -1,501 +1,502 @@
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('devextreme-angular/ui/check-box'), require('devextreme-angular/ui/list'), require('devextreme-angular/ui/tag-box'), require('@cauca-911/core'), require('@cauca-911/devextreme'), require('@angular/cdk/layout'), require('rxjs/operators'), require('@angular/common/http'), require('@angular/common')) :
     typeof define === 'function' && define.amd ? define('@cauca-911/management', ['exports', '@angular/core', 'devextreme-angular/ui/check-box', 'devextreme-angular/ui/list', 'devextreme-angular/ui/tag-box', '@cauca-911/core', '@cauca-911/devextreme', '@angular/cdk/layout', 'rxjs/operators', '@angular/common/http', '@angular/common'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['cauca-911'] = global['cauca-911'] || {}, global['cauca-911'].management = {}), global.ng.core, global.checkBox, global.list, global.tagBox, global.i1, global.devextreme, global.ng.cdk.layout, global.rxjs.operators, global.ng.common.http, global.ng.common));
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['cauca-911'] = global['cauca-911'] || {}, global['cauca-911'].management = {}), global.ng.core, global['devextreme-angular/ui/check-box'], global['devextreme-angular/ui/list'], global['devextreme-angular/ui/tag-box'], global['@cauca-911/core'], global['@cauca-911/devextreme'], global.ng.cdk.layout, global.rxjs.operators, global.ng.common.http, global.ng.common));
 }(this, (function (exports, i0, checkBox, list, tagBox, i1, devextreme, layout, operators, i2, common) { 'use strict';
 
-    var CaucaManagementService = /** @class */ (function () {
-        function CaucaManagementService() {
-        }
-        return CaucaManagementService;
-    }());
-    CaucaManagementService.ɵprov = i0.ɵɵdefineInjectable({ factory: function CaucaManagementService_Factory() { return new CaucaManagementService(); }, token: CaucaManagementService, providedIn: "root" });
-    CaucaManagementService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
+    var CaucaManagementService = /** @class */ (function () {
+        function CaucaManagementService() {
+        }
+        return CaucaManagementService;
+    }());
+    CaucaManagementService.ɵprov = i0.ɵɵdefineInjectable({ factory: function CaucaManagementService_Factory() { return new CaucaManagementService(); }, token: CaucaManagementService, providedIn: "root" });
+    CaucaManagementService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
     CaucaManagementService.ctorParameters = function () { return []; };
 
-    var CaucaManagementComponent = /** @class */ (function () {
-        function CaucaManagementComponent() {
-        }
-        CaucaManagementComponent.prototype.ngOnInit = function () {
-        };
-        return CaucaManagementComponent;
-    }());
-    CaucaManagementComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'cauca-management',
-                    template: "<div>{{'core.noGenericComponentOnThisLibrary' | translate}}</div>"
-                },] }
-    ];
+    var CaucaManagementComponent = /** @class */ (function () {
+        function CaucaManagementComponent() {
+        }
+        CaucaManagementComponent.prototype.ngOnInit = function () {
+        };
+        return CaucaManagementComponent;
+    }());
+    CaucaManagementComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'cauca-management',
+                    template: "<div>{{'core.noGenericComponentOnThisLibrary' | translate}}</div>"
+                },] }
+    ];
     CaucaManagementComponent.ctorParameters = function () { return []; };
 
-    var ManagementGroupService = /** @class */ (function () {
-        function ManagementGroupService(coreService, http) {
-            this.http = http;
-            this.config = coreService.getConfig();
-        }
-        ManagementGroupService.prototype.getAll = function () {
-            return this.http.get(this.config.apiUrl + "GroupManagement");
-        };
-        ManagementGroupService.prototype.get = function (idGroup) {
-            return this.http.get(this.config.apiUrl + "GroupManagement/" + idGroup);
-        };
-        ManagementGroupService.prototype.save = function (group) {
-            return this.http.post(this.config.apiUrl + "GroupManagement", group);
-        };
-        ManagementGroupService.prototype.delete = function (idGroup) {
-            return this.http.delete(this.config.apiUrl + "GroupManagement/" + idGroup);
-        };
-        ManagementGroupService.prototype.hasExistingGroupName = function (group) {
-            return this.http.post(this.config.apiUrl + "GroupManagement/GroupNameAlreadyExist", group);
-        };
-        return ManagementGroupService;
-    }());
-    ManagementGroupService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ManagementGroupService_Factory() { return new ManagementGroupService(i0.ɵɵinject(i1.CaucaCoreService), i0.ɵɵinject(i2.HttpClient)); }, token: ManagementGroupService, providedIn: "root" });
-    ManagementGroupService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-    ManagementGroupService.ctorParameters = function () { return [
-        { type: i1.CaucaCoreService },
-        { type: i2.HttpClient }
+    var ManagementGroupService = /** @class */ (function () {
+        function ManagementGroupService(coreService, http) {
+            this.http = http;
+            this.config = coreService.getConfig();
+        }
+        ManagementGroupService.prototype.getAll = function () {
+            return this.http.get(this.config.apiUrl + "GroupManagement");
+        };
+        ManagementGroupService.prototype.get = function (idGroup) {
+            return this.http.get(this.config.apiUrl + "GroupManagement/" + idGroup);
+        };
+        ManagementGroupService.prototype.save = function (group) {
+            return this.http.post(this.config.apiUrl + "GroupManagement", group);
+        };
+        ManagementGroupService.prototype.delete = function (idGroup) {
+            return this.http.delete(this.config.apiUrl + "GroupManagement/" + idGroup);
+        };
+        ManagementGroupService.prototype.hasExistingGroupName = function (group) {
+            return this.http.post(this.config.apiUrl + "GroupManagement/GroupNameAlreadyExist", group);
+        };
+        return ManagementGroupService;
+    }());
+    ManagementGroupService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ManagementGroupService_Factory() { return new ManagementGroupService(i0.ɵɵinject(i1.CaucaCoreService), i0.ɵɵinject(i2.HttpClient)); }, token: ManagementGroupService, providedIn: "root" });
+    ManagementGroupService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    ManagementGroupService.ctorParameters = function () { return [
+        { type: i1.CaucaCoreService },
+        { type: i2.HttpClient }
     ]; };
 
-    var ManagementUserService = /** @class */ (function () {
-        function ManagementUserService(coreService, http) {
-            this.http = http;
-            this.config = coreService.getConfig();
-        }
-        ManagementUserService.prototype.getAll = function () {
-            return this.http.get(this.config.apiUrl + "UserManagement");
-        };
-        ManagementUserService.prototype.get = function (idUser) {
-            return this.http.get(this.config.apiUrl + "UserManagement/" + idUser);
-        };
-        ManagementUserService.prototype.getGroup = function (idUser) {
-            return this.http.get(this.config.apiUrl + "UserManagement/" + idUser + "/groups");
-        };
-        ManagementUserService.prototype.addGroup = function (userGroup) {
-            return this.http.post(this.config.apiUrl + "UserManagement/group", userGroup);
-        };
-        ManagementUserService.prototype.deleteGroup = function (idUserGroup) {
-            return this.http.delete(this.config.apiUrl + "UserManagement/groups/" + idUserGroup);
-        };
-        ManagementUserService.prototype.addPermission = function (userPermission) {
-            return this.http.post(this.config.apiUrl + "UserManagement/permission", userPermission);
-        };
-        ManagementUserService.prototype.deletePermission = function (idUserPermission) {
-            return this.http.delete(this.config.apiUrl + "UserManagement/groups/" + idUserPermission);
-        };
-        ManagementUserService.prototype.save = function (user) {
-            return this.http.post(this.config.apiUrl + "UserManagement", user);
-        };
-        ManagementUserService.prototype.delete = function (idUser) {
-            return this.http.delete(this.config.apiUrl + "UserManagement/" + idUser);
-        };
-        ManagementUserService.prototype.hasExistingUserName = function (user) {
-            return this.http.post(this.config.apiUrl + "UserManagement/UserNameAlreadyExist", user);
-        };
-        return ManagementUserService;
-    }());
-    ManagementUserService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ManagementUserService_Factory() { return new ManagementUserService(i0.ɵɵinject(i1.CaucaCoreService), i0.ɵɵinject(i2.HttpClient)); }, token: ManagementUserService, providedIn: "root" });
-    ManagementUserService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-    ManagementUserService.ctorParameters = function () { return [
-        { type: i1.CaucaCoreService },
-        { type: i2.HttpClient }
+    var ManagementUserService = /** @class */ (function () {
+        function ManagementUserService(coreService, http) {
+            this.http = http;
+            this.config = coreService.getConfig();
+        }
+        ManagementUserService.prototype.getAll = function () {
+            return this.http.get(this.config.apiUrl + "UserManagement");
+        };
+        ManagementUserService.prototype.get = function (idUser) {
+            return this.http.get(this.config.apiUrl + "UserManagement/" + idUser);
+        };
+        ManagementUserService.prototype.getGroup = function (idUser) {
+            return this.http.get(this.config.apiUrl + "UserManagement/" + idUser + "/groups");
+        };
+        ManagementUserService.prototype.addGroup = function (userGroup) {
+            return this.http.post(this.config.apiUrl + "UserManagement/group", userGroup);
+        };
+        ManagementUserService.prototype.deleteGroup = function (idUserGroup) {
+            return this.http.delete(this.config.apiUrl + "UserManagement/groups/" + idUserGroup);
+        };
+        ManagementUserService.prototype.addPermission = function (userPermission) {
+            return this.http.post(this.config.apiUrl + "UserManagement/permission", userPermission);
+        };
+        ManagementUserService.prototype.deletePermission = function (idUserPermission) {
+            return this.http.delete(this.config.apiUrl + "UserManagement/groups/" + idUserPermission);
+        };
+        ManagementUserService.prototype.save = function (user) {
+            return this.http.post(this.config.apiUrl + "UserManagement", user);
+        };
+        ManagementUserService.prototype.delete = function (idUser) {
+            return this.http.delete(this.config.apiUrl + "UserManagement/" + idUser);
+        };
+        ManagementUserService.prototype.hasExistingUserName = function (user) {
+            return this.http.post(this.config.apiUrl + "UserManagement/UserNameAlreadyExist", user);
+        };
+        return ManagementUserService;
+    }());
+    ManagementUserService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ManagementUserService_Factory() { return new ManagementUserService(i0.ɵɵinject(i1.CaucaCoreService), i0.ɵɵinject(i2.HttpClient)); }, token: ManagementUserService, providedIn: "root" });
+    ManagementUserService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    ManagementUserService.ctorParameters = function () { return [
+        { type: i1.CaucaCoreService },
+        { type: i2.HttpClient }
     ]; };
 
-    var ManagementPermissionService = /** @class */ (function () {
-        function ManagementPermissionService(coreService, http) {
-            this.http = http;
-            this.config = coreService.getConfig();
-        }
-        ManagementPermissionService.prototype.getAll = function () {
-            return this.http.get(this.config.apiUrl + "PermissionManagement");
-        };
-        ManagementPermissionService.prototype.get = function (idPermission) {
-            return this.http.get(this.config.apiUrl + "PermissionManagement/" + idPermission);
-        };
-        ManagementPermissionService.prototype.save = function (permission) {
-            return this.http.post(this.config.apiUrl + "PermissionManagement", permission);
-        };
-        ManagementPermissionService.prototype.delete = function (idPermission) {
-            return this.http.delete(this.config.apiUrl + "PermissionManagement/" + idPermission);
-        };
-        return ManagementPermissionService;
-    }());
-    ManagementPermissionService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ManagementPermissionService_Factory() { return new ManagementPermissionService(i0.ɵɵinject(i1.CaucaCoreService), i0.ɵɵinject(i2.HttpClient)); }, token: ManagementPermissionService, providedIn: "root" });
-    ManagementPermissionService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-    ManagementPermissionService.ctorParameters = function () { return [
-        { type: i1.CaucaCoreService },
-        { type: i2.HttpClient }
+    var ManagementPermissionService = /** @class */ (function () {
+        function ManagementPermissionService(coreService, http) {
+            this.http = http;
+            this.config = coreService.getConfig();
+        }
+        ManagementPermissionService.prototype.getAll = function () {
+            return this.http.get(this.config.apiUrl + "PermissionManagement");
+        };
+        ManagementPermissionService.prototype.get = function (idPermission) {
+            return this.http.get(this.config.apiUrl + "PermissionManagement/" + idPermission);
+        };
+        ManagementPermissionService.prototype.save = function (permission) {
+            return this.http.post(this.config.apiUrl + "PermissionManagement", permission);
+        };
+        ManagementPermissionService.prototype.delete = function (idPermission) {
+            return this.http.delete(this.config.apiUrl + "PermissionManagement/" + idPermission);
+        };
+        return ManagementPermissionService;
+    }());
+    ManagementPermissionService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ManagementPermissionService_Factory() { return new ManagementPermissionService(i0.ɵɵinject(i1.CaucaCoreService), i0.ɵɵinject(i2.HttpClient)); }, token: ManagementPermissionService, providedIn: "root" });
+    ManagementPermissionService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    ManagementPermissionService.ctorParameters = function () { return [
+        { type: i1.CaucaCoreService },
+        { type: i2.HttpClient }
     ]; };
 
-    var CaucaManagementGroupComponent = /** @class */ (function () {
-        function CaucaManagementGroupComponent(managementGroupService, managementUserService, managementPermissionService, breakpointObserver) {
-            var _this = this;
-            this.managementGroupService = managementGroupService;
-            this.managementUserService = managementUserService;
-            this.managementPermissionService = managementPermissionService;
-            this.showPrintButton = true;
-            this.hoverStatePermission = true;
-            this.groups = [];
-            this.users = [];
-            this.permissions = [];
-            this.userFullName = {};
-            this.showColumn = true;
-            this.showColumnXS = true;
-            this.translations = [];
-            this.calculateUsersCellValue = function (e) {
-                var users = (e.users ? e.users : []);
-                var usersNames = [];
-                users.forEach(function (user) {
-                    var userGroup = _this.users.filter(function (u) { return u.id === user.idUser; });
-                    if (userGroup && userGroup[0]) {
-                        usersNames.push(userGroup[0].firstName + ' ' + userGroup[0].lastName);
-                    }
-                });
-                usersNames = usersNames.sort(function (one, two) { return (one < two ? -1 : 1); });
-                return usersNames.join(', ');
-            };
-            this.groupNameAlreadyUsedValidation = function (e) {
-                return _this.managementGroupService.hasExistingGroupName(e.data).pipe(operators.map(function (exist) {
-                    return !exist;
-                })).toPromise();
-            };
-            breakpointObserver.observe(['(max-width: 1000px)']).subscribe(function (result) {
-                _this.showColumn = !result.matches;
-            });
-            breakpointObserver.observe(['(max-width: 600px)']).subscribe(function (result) {
-                _this.showColumnXS = !result.matches;
-            });
-        }
-        CaucaManagementGroupComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.managementUserService.getAll().subscribe(function (data) {
-                _this.users = data;
-                _this.users.forEach(function (user) {
-                    if (user.isActive) {
-                        if (user.firstName !== '' && user.lastName !== '') {
-                            _this.userFullName[user.id] = user.firstName + " " + user.lastName;
-                        }
-                    }
-                });
-            });
-            this.managementPermissionService.getAll().subscribe(function (permissions) {
-                var permissionIndex = permissions.findIndex(function (c) {
-                    return c.tag === 'CanAccessPermissions';
-                });
-                if (permissionIndex !== -1) {
-                    permissions.splice(permissionIndex, 1);
-                }
-                permissions.sort(function (a, b) {
-                    if (a.name < b.name) {
-                        return -1;
-                    }
-                    if (a.name > b.name) {
-                        return 1;
-                    }
-                    return 0;
-                });
-                _this.permissions = permissions;
-            });
-            this.getGroups();
-        };
-        CaucaManagementGroupComponent.prototype.fullName = function (data) {
-            if (!data) {
-                return '';
-            }
-            return data.firstName + " " + data.lastName;
-        };
-        CaucaManagementGroupComponent.prototype.getGroupUser = function (field, e) {
-            var users = [];
-            if (this.groupUsers) {
-                this.groupUsers.forEach(function (user) {
-                    users.push(user.idUser);
-                });
-            }
-            e.component.option('value', users);
-        };
-        CaucaManagementGroupComponent.prototype.setGroupUser = function (field, e) {
-            var groupUser = [];
-            e.value.forEach(function (idUser) {
-                var groupIndex = (field.data.users || []).findIndex(function (g) { return g.idUser === idUser; });
-                if (groupIndex === -1) {
-                    groupUser.push({ idUser: idUser, });
-                }
-                else {
-                    groupUser.push(field.data.users[groupIndex]);
-                }
-            });
-            field.setValue(JSON.parse(JSON.stringify(groupUser)));
-        };
-        CaucaManagementGroupComponent.prototype.setGroupPermission = function (field, e) {
-            var groupUser = [];
-            e.value.forEach(function (idUser) {
-                groupUser.push({
-                    idUser: idUser,
-                });
-            });
-            field.setValue(JSON.parse(JSON.stringify(groupUser)));
-        };
-        CaucaManagementGroupComponent.prototype.getPermissionStatus = function (field, permission, e) {
-            var groupPermission = (field.value || []).find(function (p) { return p.idModulePermission === permission.id; });
-            if (groupPermission) {
-                e.component.option('value', groupPermission.isAllowed);
-            }
-            else {
-                e.component.option('value', undefined);
-            }
-        };
-        CaucaManagementGroupComponent.prototype.checkBoxToggled = function (field, permission, e) {
-            if (e.component.skipOnValueChanged) {
-                e.component.skipOnValueChanged = false;
-                return;
-            }
-            if (e.component.setUndefinedNextTime) {
-                e.component.setUndefinedNextTime = false;
-                e.component.skipOnValueChanged = true;
-                e.component.option('value', undefined);
-                this.setPermissionStatus(field, permission, undefined);
-                return;
-            }
-            if (e.value === false) {
-                e.component.setUndefinedNextTime = true;
-            }
-            this.setPermissionStatus(field, permission, e.value);
-        };
-        CaucaManagementGroupComponent.prototype.onRowInserted = function (e) {
-            this.saveGroup(e.data);
-        };
-        CaucaManagementGroupComponent.prototype.onRowUpdated = function (e) {
-            this.saveGroup(e.data);
-        };
-        CaucaManagementGroupComponent.prototype.onRowRemoved = function (e) {
-            var _this = this;
-            var group = e.data;
-            this.managementGroupService.delete(group.id).subscribe(function (data) {
-                _this.getGroups();
-            });
-        };
-        CaucaManagementGroupComponent.prototype.onEditingStart = function (e) {
-            this.groupUsers = e.data.users;
-        };
-        CaucaManagementGroupComponent.prototype.onInitNewRow = function () {
-            this.groupUsers = [];
-        };
-        CaucaManagementGroupComponent.prototype.setPermissionStatus = function (field, permission, value) {
-            var groupPermissions = field.value || [];
-            var groupIndex = groupPermissions.findIndex(function (p) { return p.idModulePermission === permission.id; });
-            if (groupIndex > -1) {
-                groupPermissions[groupIndex].isAllowed = value;
-            }
-            else {
-                groupPermissions.push({
-                    idModulePermission: permission.id,
-                    isAllowed: value,
-                });
-            }
-            field.setValue(JSON.parse(JSON.stringify(groupPermissions)));
-        };
-        CaucaManagementGroupComponent.prototype.saveGroup = function (group) {
-            var _this = this;
-            this.removePermissionUndefined(group);
-            if (group.users) {
-                group.users.forEach(function (userGroup) {
-                    userGroup.idGroup = group.id;
-                });
-            }
-            if (group.permissions) {
-                group.permissions.forEach(function (groupPermission) {
-                    groupPermission.idGroup = group.id;
-                });
-            }
-            this.managementGroupService.save(group).subscribe(function () {
-                _this.getGroups();
-            });
-            this.groupUsers = [];
-        };
-        CaucaManagementGroupComponent.prototype.removePermissionUndefined = function (group) {
-            group.permissions = group.permissions.filter(function (permission) { return permission.isAllowed !== undefined; });
-        };
-        CaucaManagementGroupComponent.prototype.getGroups = function () {
-            var _this = this;
-            this.managementGroupService.getAll().subscribe(function (data) { return _this.groups = data; });
-        };
-        return CaucaManagementGroupComponent;
-    }());
-    CaucaManagementGroupComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'cauca-management-group',
-                    template: "<cauca-dx-data-grid [allowPrint]=\"showPrintButton\" keyExpr=\"id\" [dataSource]=\"groups\"\n    (onRowInserted)=\"onRowInserted($event)\" (onInitNewRow)=\"onInitNewRow()\" (onRowUpdated)=\"onRowUpdated($event)\"\n    (onEditingStart)=\"onEditingStart($event)\" (onRowRemoved)=\"onRowRemoved($event)\">\n\n    <dxi-column dataField=\"name\" [caption]=\"'management.name' | translate\">\n        <dxi-validation-rule type=\"async\" [message]=\"'management.groupNameAlreadyUsed' | translate\"\n            [validationCallback]=\"groupNameAlreadyUsedValidation\"></dxi-validation-rule>\n    </dxi-column>\n    <dxi-column dataField=\"users\" [caption]=\"'management.users' | translate\" editCellTemplate=\"usersEditTemplate\"\n        [calculateCellValue]=\"calculateUsersCellValue\">\n    </dxi-column>\n    <dxi-column dataField=\"permissions\" [caption]=\"'management.permissions' | translate\" [visible]=\"false\"\n        editCellTemplate=\"permissionsEditTemplate\">\n    </dxi-column>\n    <dxo-export [enabled]=\"false\"></dxo-export>\n    <dxo-editing mode=\"popup\" [allowAdding]=\"true\" [allowUpdating]=\"true\" [allowDeleting]=\"true\" [useIcons]=\"true\">\n        <dxo-popup [showTitle]=\"true\" [title]=\"'management.group' | translate\" [fullScreen]=\"!showColumn\"></dxo-popup>\n        <dxo-form colCount=\"1\" [labelLocation]=\"showColumnXS ? 'left' : 'top'\">\n            <dxi-item dataField=\"name\" [isRequired]=\"true\"></dxi-item>\n            <dxi-item dataField=\"users\"></dxi-item>\n            <dxi-item dataField=\"permissions\"></dxi-item>\n        </dxo-form>\n    </dxo-editing>\n\n    <div *dxTemplate=\"let field of 'usersEditTemplate'\">\n        <dx-tag-box valueExpr=\"id\" [displayExpr]=\"fullName\" [dataSource]=\"users\" [searchEnabled]=\"true\"\n            [searchExpr]=\"fullName\" (onInitialized)=\"getGroupUser(field, $event)\"\n            (onValueChanged)=\"setGroupUser(field, $event)\">\n        </dx-tag-box>\n    </div>\n    <div *dxTemplate=\"let field of 'permissionsEditTemplate'\">\n        <dx-list [dataSource]=\"permissions\" itemTemplate=\"rowTemplate\" [searchEnabled]=\"true\"\n            [searchExpr]=\"['name', 'tag']\" [hoverStateEnabled]=\"hoverStatePermission\">\n            <div *dxTemplate=\"let permission of 'rowTemplate'\">\n                <dx-check-box [text]=\"permission.name\" (onInitialized)=\"getPermissionStatus(field, permission, $event)\"\n                    (onValueChanged)=\"checkBoxToggled(field, permission, $event)\">\n                </dx-check-box>\n            </div>\n        </dx-list>\n    </div>\n</cauca-dx-data-grid>",
-                    styles: [""]
-                },] }
-    ];
-    CaucaManagementGroupComponent.ctorParameters = function () { return [
-        { type: ManagementGroupService },
-        { type: ManagementUserService },
-        { type: ManagementPermissionService },
-        { type: layout.BreakpointObserver }
-    ]; };
-    CaucaManagementGroupComponent.propDecorators = {
-        showPrintButton: [{ type: i0.Input }],
-        hoverStatePermission: [{ type: i0.Input }]
+    var CaucaManagementGroupComponent = /** @class */ (function () {
+        function CaucaManagementGroupComponent(managementGroupService, managementUserService, managementPermissionService, breakpointObserver) {
+            var _this = this;
+            this.managementGroupService = managementGroupService;
+            this.managementUserService = managementUserService;
+            this.managementPermissionService = managementPermissionService;
+            this.showPrintButton = true;
+            this.hoverStatePermission = true;
+            this.groups = [];
+            this.users = [];
+            this.permissions = [];
+            this.userFullName = {};
+            this.showColumn = true;
+            this.showColumnXS = true;
+            this.translations = [];
+            this.calculateUsersCellValue = function (e) {
+                var users = (e.users ? e.users : []);
+                var usersNames = [];
+                users.forEach(function (user) {
+                    var userGroup = _this.users.filter(function (u) { return u.id === user.idUser; });
+                    if (userGroup && userGroup[0]) {
+                        usersNames.push(userGroup[0].firstName + ' ' + userGroup[0].lastName);
+                    }
+                });
+                usersNames = usersNames.sort(function (one, two) { return (one < two ? -1 : 1); });
+                return usersNames.join(', ');
+            };
+            this.groupNameAlreadyUsedValidation = function (e) {
+                return _this.managementGroupService.hasExistingGroupName(e.data).pipe(operators.map(function (exist) {
+                    return !exist;
+                })).toPromise();
+            };
+            breakpointObserver.observe(['(max-width: 1000px)']).subscribe(function (result) {
+                _this.showColumn = !result.matches;
+            });
+            breakpointObserver.observe(['(max-width: 600px)']).subscribe(function (result) {
+                _this.showColumnXS = !result.matches;
+            });
+        }
+        CaucaManagementGroupComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.managementUserService.getAll().subscribe(function (data) {
+                _this.users = data;
+                _this.users.forEach(function (user) {
+                    if (user.isActive) {
+                        if (user.firstName !== '' && user.lastName !== '') {
+                            _this.userFullName[user.id] = user.firstName + " " + user.lastName;
+                        }
+                    }
+                });
+            });
+            this.managementPermissionService.getAll().subscribe(function (permissions) {
+                var permissionIndex = permissions.findIndex(function (c) {
+                    return c.tag === 'CanAccessPermissions';
+                });
+                if (permissionIndex !== -1) {
+                    permissions.splice(permissionIndex, 1);
+                }
+                permissions.sort(function (a, b) {
+                    if (a.name < b.name) {
+                        return -1;
+                    }
+                    if (a.name > b.name) {
+                        return 1;
+                    }
+                    return 0;
+                });
+                _this.permissions = permissions;
+            });
+            this.getGroups();
+        };
+        CaucaManagementGroupComponent.prototype.fullName = function (data) {
+            if (!data) {
+                return '';
+            }
+            return data.firstName + " " + data.lastName;
+        };
+        CaucaManagementGroupComponent.prototype.getGroupUser = function (field, e) {
+            var users = [];
+            if (this.groupUsers) {
+                this.groupUsers.forEach(function (user) {
+                    users.push(user.idUser);
+                });
+            }
+            e.component.option('value', users);
+        };
+        CaucaManagementGroupComponent.prototype.setGroupUser = function (field, e) {
+            var groupUser = [];
+            e.value.forEach(function (idUser) {
+                var groupIndex = (field.data.users || []).findIndex(function (g) { return g.idUser === idUser; });
+                if (groupIndex === -1) {
+                    groupUser.push({ idUser: idUser, });
+                }
+                else {
+                    groupUser.push(field.data.users[groupIndex]);
+                }
+            });
+            field.setValue(JSON.parse(JSON.stringify(groupUser)));
+        };
+        CaucaManagementGroupComponent.prototype.setGroupPermission = function (field, e) {
+            var groupUser = [];
+            e.value.forEach(function (idUser) {
+                groupUser.push({
+                    idUser: idUser,
+                });
+            });
+            field.setValue(JSON.parse(JSON.stringify(groupUser)));
+        };
+        CaucaManagementGroupComponent.prototype.getPermissionStatus = function (field, permission, e) {
+            var groupPermission = (field.value || []).find(function (p) { return p.idModulePermission === permission.id; });
+            if (groupPermission) {
+                e.component.option('value', groupPermission.isAllowed);
+            }
+            else {
+                e.component.option('value', undefined);
+            }
+        };
+        CaucaManagementGroupComponent.prototype.checkBoxToggled = function (field, permission, e) {
+            if (e.component.skipOnValueChanged) {
+                e.component.skipOnValueChanged = false;
+                return;
+            }
+            if (e.component.setUndefinedNextTime) {
+                e.component.setUndefinedNextTime = false;
+                e.component.skipOnValueChanged = true;
+                e.component.option('value', undefined);
+                this.setPermissionStatus(field, permission, undefined);
+                return;
+            }
+            if (e.value === false) {
+                e.component.setUndefinedNextTime = true;
+            }
+            this.setPermissionStatus(field, permission, e.value);
+        };
+        CaucaManagementGroupComponent.prototype.onRowInserted = function (e) {
+            this.saveGroup(e.data);
+        };
+        CaucaManagementGroupComponent.prototype.onRowUpdated = function (e) {
+            this.saveGroup(e.data);
+        };
+        CaucaManagementGroupComponent.prototype.onRowRemoved = function (e) {
+            var _this = this;
+            var group = e.data;
+            this.managementGroupService.delete(group.id).subscribe(function (data) {
+                _this.getGroups();
+            });
+        };
+        CaucaManagementGroupComponent.prototype.onEditingStart = function (e) {
+            this.groupUsers = e.data.users;
+        };
+        CaucaManagementGroupComponent.prototype.onInitNewRow = function () {
+            this.groupUsers = [];
+        };
+        CaucaManagementGroupComponent.prototype.setPermissionStatus = function (field, permission, value) {
+            var groupPermissions = field.value || [];
+            var groupIndex = groupPermissions.findIndex(function (p) { return p.idModulePermission === permission.id; });
+            if (groupIndex > -1) {
+                groupPermissions[groupIndex].isAllowed = value;
+            }
+            else {
+                groupPermissions.push({
+                    idModulePermission: permission.id,
+                    isAllowed: value,
+                });
+            }
+            field.setValue(JSON.parse(JSON.stringify(groupPermissions)));
+        };
+        CaucaManagementGroupComponent.prototype.saveGroup = function (group) {
+            var _this = this;
+            this.removePermissionUndefined(group);
+            if (group.users) {
+                group.users.forEach(function (userGroup) {
+                    userGroup.idGroup = group.id;
+                });
+            }
+            if (group.permissions) {
+                group.permissions.forEach(function (groupPermission) {
+                    groupPermission.idGroup = group.id;
+                });
+            }
+            this.managementGroupService.save(group).subscribe(function () {
+                _this.getGroups();
+            });
+            this.groupUsers = [];
+        };
+        CaucaManagementGroupComponent.prototype.removePermissionUndefined = function (group) {
+            group.permissions = group.permissions.filter(function (permission) { return permission.isAllowed !== undefined; });
+        };
+        CaucaManagementGroupComponent.prototype.getGroups = function () {
+            var _this = this;
+            this.managementGroupService.getAll().subscribe(function (data) { return _this.groups = data; });
+        };
+        return CaucaManagementGroupComponent;
+    }());
+    CaucaManagementGroupComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'cauca-management-group',
+                    template: "<cauca-dx-data-grid [allowPrint]=\"showPrintButton\" keyExpr=\"id\" [dataSource]=\"groups\"\r\n    (onRowInserted)=\"onRowInserted($event)\" (onInitNewRow)=\"onInitNewRow()\" (onRowUpdated)=\"onRowUpdated($event)\"\r\n    (onEditingStart)=\"onEditingStart($event)\" (onRowRemoved)=\"onRowRemoved($event)\">\r\n\r\n    <dxi-column dataField=\"name\" [caption]=\"'management.name' | translate\">\r\n        <dxi-validation-rule type=\"async\" [message]=\"'management.groupNameAlreadyUsed' | translate\"\r\n            [validationCallback]=\"groupNameAlreadyUsedValidation\"></dxi-validation-rule>\r\n    </dxi-column>\r\n    <dxi-column dataField=\"users\" [caption]=\"'management.users' | translate\" editCellTemplate=\"usersEditTemplate\"\r\n        [calculateCellValue]=\"calculateUsersCellValue\">\r\n    </dxi-column>\r\n    <dxi-column dataField=\"permissions\" [caption]=\"'management.permissions' | translate\" [visible]=\"false\"\r\n        editCellTemplate=\"permissionsEditTemplate\">\r\n    </dxi-column>\r\n    <dxo-export [enabled]=\"false\"></dxo-export>\r\n    <dxo-editing mode=\"popup\" [allowAdding]=\"true\" [allowUpdating]=\"true\" [allowDeleting]=\"true\" [useIcons]=\"true\">\r\n        <dxo-popup [showTitle]=\"true\" [title]=\"'management.group' | translate\" [fullScreen]=\"!showColumn\"></dxo-popup>\r\n        <dxo-form colCount=\"1\" [labelLocation]=\"showColumnXS ? 'left' : 'top'\">\r\n            <dxi-item dataField=\"name\" [isRequired]=\"true\"></dxi-item>\r\n            <dxi-item dataField=\"users\"></dxi-item>\r\n            <dxi-item dataField=\"permissions\"></dxi-item>\r\n        </dxo-form>\r\n    </dxo-editing>\r\n\r\n    <div *dxTemplate=\"let field of 'usersEditTemplate'\">\r\n        <dx-tag-box valueExpr=\"id\" [displayExpr]=\"fullName\" [dataSource]=\"users\" [searchEnabled]=\"true\"\r\n            [searchExpr]=\"fullName\" (onInitialized)=\"getGroupUser(field, $event)\"\r\n            (onValueChanged)=\"setGroupUser(field, $event)\">\r\n        </dx-tag-box>\r\n    </div>\r\n    <div *dxTemplate=\"let field of 'permissionsEditTemplate'\">\r\n        <dx-list [dataSource]=\"permissions\" itemTemplate=\"rowTemplate\" [searchEnabled]=\"true\"\r\n            [searchExpr]=\"['name', 'tag']\" [hoverStateEnabled]=\"hoverStatePermission\">\r\n            <div *dxTemplate=\"let permission of 'rowTemplate'\">\r\n                <dx-check-box [text]=\"permission.name\" (onInitialized)=\"getPermissionStatus(field, permission, $event)\"\r\n                    (onValueChanged)=\"checkBoxToggled(field, permission, $event)\">\r\n                </dx-check-box>\r\n            </div>\r\n        </dx-list>\r\n    </div>\r\n</cauca-dx-data-grid>",
+                    styles: [""]
+                },] }
+    ];
+    CaucaManagementGroupComponent.ctorParameters = function () { return [
+        { type: ManagementGroupService },
+        { type: ManagementUserService },
+        { type: ManagementPermissionService },
+        { type: layout.BreakpointObserver }
+    ]; };
+    CaucaManagementGroupComponent.propDecorators = {
+        showPrintButton: [{ type: i0.Input }],
+        hoverStatePermission: [{ type: i0.Input }]
     };
 
-    var UserModel = /** @class */ (function () {
-        function UserModel() {
-            this.userName = '';
-            this.firstName = '';
-            this.lastName = '';
-            this.password = '';
-            this.email = '';
-            this.isActive = true;
-        }
-        return UserModel;
+    var UserModel = /** @class */ (function () {
+        function UserModel() {
+            this.userName = '';
+            this.firstName = '';
+            this.lastName = '';
+            this.password = '';
+            this.email = '';
+            this.isActive = true;
+            this.twoFactorAuthenticatorEnabled = false;
+        }
+        return UserModel;
     }());
 
-    var CaucaManagementUserComponent = /** @class */ (function () {
-        function CaucaManagementUserComponent(managementUserService, breakpointObserver) {
-            var _this = this;
-            this.managementUserService = managementUserService;
-            this.users = [
-                new UserModel()
-            ];
-            this.showColumnXS = true;
-            this.userNameAlreadyUsedValidation = function (e) {
-                return _this.managementUserService.hasExistingUserName(e.data).pipe(operators.map(function (exist) {
-                    return !exist;
-                })).toPromise();
-            };
-            breakpointObserver.observe(['(max-width: 600px)']).subscribe(function (result) {
-                _this.showColumnXS = !result.matches;
-            });
-        }
-        CaucaManagementUserComponent.prototype.ngOnInit = function () {
-            this.getUsers();
-        };
-        CaucaManagementUserComponent.prototype.onRowInserted = function (e) {
-            this.saveGroup(e.data);
-        };
-        CaucaManagementUserComponent.prototype.onRowUpdated = function (e) {
-            this.saveGroup(e.key);
-        };
-        CaucaManagementUserComponent.prototype.onRowRemoved = function (e) {
-            var _this = this;
-            var user = e.data;
-            this.managementUserService.delete(user.id).subscribe(function (data) {
-                _this.getUsers();
-            });
-        };
-        CaucaManagementUserComponent.prototype.saveGroup = function (user) {
-            var _this = this;
-            this.managementUserService.save(user).subscribe(function () {
-                _this.getUsers();
-            });
-        };
-        CaucaManagementUserComponent.prototype.getUsers = function () {
-            var _this = this;
-            this.managementUserService.getAll().subscribe(function (data) { return _this.users = data; });
-        };
-        return CaucaManagementUserComponent;
-    }());
-    CaucaManagementUserComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'cauca-management-user',
-                    template: "<cauca-dx-data-grid\n        keyExpr=\"id\"\n        [dataSource]=\"users\"\n        (onRowInserted)=\"onRowInserted($event)\"\n        (onRowUpdated)=\"onRowUpdated($event)\"\n        (onRowRemoved)=\"onRowRemoved($event)\">\n\n    <dxi-column dataField=\"userName\" [caption]=\"'management.userName' | translate\">\n        <dxi-validation-rule type=\"async\" [message]=\"'management.userNameAlreadyUsed' | translate\" [validationCallback]=\"userNameAlreadyUsedValidation\"></dxi-validation-rule>\n    </dxi-column>\n    <dxi-column dataField=\"isActive\" [caption]=\"'management.isActive' | translate\" [visible]=\"false\"></dxi-column>\n    <dxi-column dataField=\"firstName\" [caption]=\"'management.firstName' | translate\"></dxi-column>\n    <dxi-column dataField=\"lastName\" [caption]=\"'management.lastName' | translate\"></dxi-column>\n    <dxi-column dataField=\"groups\" [caption]=\"'management.group' | translate\"></dxi-column>\n\n    <dxo-editing mode=\"popup\" [allowAdding]=\"true\" [allowUpdating]=\"true\" [allowDeleting]=\"true\" [useIcons]=\"true\">\n        <dxo-popup [showTitle]=\"true\" [title]=\"'management.group' | translate\"></dxo-popup>\n        <dxo-form colCount=\"2\" [labelLocation]=\"showColumnXS ? 'left' : 'top'\">\n            <dxi-item dataField=\"userName\" [isRequired]=\"true\"></dxi-item>\n            <dxi-item dataField=\"isActive\"></dxi-item>\n            <dxi-item dataField=\"firstName\"></dxi-item>\n            <dxi-item dataField=\"lastName\"></dxi-item>\n            <dxi-item dataField=\"group\"></dxi-item>\n        </dxo-form>\n    </dxo-editing>\n</cauca-dx-data-grid>\n",
-                    styles: [""]
-                },] }
-    ];
-    CaucaManagementUserComponent.ctorParameters = function () { return [
-        { type: ManagementUserService },
-        { type: layout.BreakpointObserver }
+    var CaucaManagementUserComponent = /** @class */ (function () {
+        function CaucaManagementUserComponent(managementUserService, breakpointObserver) {
+            var _this = this;
+            this.managementUserService = managementUserService;
+            this.users = [
+                new UserModel()
+            ];
+            this.showColumnXS = true;
+            this.userNameAlreadyUsedValidation = function (e) {
+                return _this.managementUserService.hasExistingUserName(e.data).pipe(operators.map(function (exist) {
+                    return !exist;
+                })).toPromise();
+            };
+            breakpointObserver.observe(['(max-width: 600px)']).subscribe(function (result) {
+                _this.showColumnXS = !result.matches;
+            });
+        }
+        CaucaManagementUserComponent.prototype.ngOnInit = function () {
+            this.getUsers();
+        };
+        CaucaManagementUserComponent.prototype.onRowInserted = function (e) {
+            this.saveGroup(e.data);
+        };
+        CaucaManagementUserComponent.prototype.onRowUpdated = function (e) {
+            this.saveGroup(e.key);
+        };
+        CaucaManagementUserComponent.prototype.onRowRemoved = function (e) {
+            var _this = this;
+            var user = e.data;
+            this.managementUserService.delete(user.id).subscribe(function (data) {
+                _this.getUsers();
+            });
+        };
+        CaucaManagementUserComponent.prototype.saveGroup = function (user) {
+            var _this = this;
+            this.managementUserService.save(user).subscribe(function () {
+                _this.getUsers();
+            });
+        };
+        CaucaManagementUserComponent.prototype.getUsers = function () {
+            var _this = this;
+            this.managementUserService.getAll().subscribe(function (data) { return _this.users = data; });
+        };
+        return CaucaManagementUserComponent;
+    }());
+    CaucaManagementUserComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'cauca-management-user',
+                    template: "<cauca-dx-data-grid\r\n        keyExpr=\"id\"\r\n        [dataSource]=\"users\"\r\n        (onRowInserted)=\"onRowInserted($event)\"\r\n        (onRowUpdated)=\"onRowUpdated($event)\"\r\n        (onRowRemoved)=\"onRowRemoved($event)\">\r\n\r\n    <dxi-column dataField=\"userName\" [caption]=\"'management.userName' | translate\">\r\n        <dxi-validation-rule type=\"async\" [message]=\"'management.userNameAlreadyUsed' | translate\" [validationCallback]=\"userNameAlreadyUsedValidation\"></dxi-validation-rule>\r\n    </dxi-column>\r\n    <dxi-column dataField=\"isActive\" [caption]=\"'management.isActive' | translate\" [visible]=\"false\"></dxi-column>\r\n    <dxi-column dataField=\"firstName\" [caption]=\"'management.firstName' | translate\"></dxi-column>\r\n    <dxi-column dataField=\"lastName\" [caption]=\"'management.lastName' | translate\"></dxi-column>\r\n    <dxi-column dataField=\"groups\" [caption]=\"'management.group' | translate\"></dxi-column>\r\n\r\n    <dxo-editing mode=\"popup\" [allowAdding]=\"true\" [allowUpdating]=\"true\" [allowDeleting]=\"true\" [useIcons]=\"true\">\r\n        <dxo-popup [showTitle]=\"true\" [title]=\"'management.group' | translate\"></dxo-popup>\r\n        <dxo-form colCount=\"2\" [labelLocation]=\"showColumnXS ? 'left' : 'top'\">\r\n            <dxi-item dataField=\"userName\" [isRequired]=\"true\"></dxi-item>\r\n            <dxi-item dataField=\"isActive\"></dxi-item>\r\n            <dxi-item dataField=\"firstName\"></dxi-item>\r\n            <dxi-item dataField=\"lastName\"></dxi-item>\r\n            <dxi-item dataField=\"group\"></dxi-item>\r\n        </dxo-form>\r\n    </dxo-editing>\r\n</cauca-dx-data-grid>\r\n",
+                    styles: [""]
+                },] }
+    ];
+    CaucaManagementUserComponent.ctorParameters = function () { return [
+        { type: ManagementUserService },
+        { type: layout.BreakpointObserver }
     ]; };
 
-    var CaucaManagementModule = /** @class */ (function () {
-        function CaucaManagementModule() {
-        }
-        return CaucaManagementModule;
-    }());
-    CaucaManagementModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    declarations: [
-                        CaucaManagementComponent,
-                        CaucaManagementGroupComponent,
-                        CaucaManagementUserComponent
-                    ],
-                    imports: [
-                        common.CommonModule,
-                        checkBox.DxCheckBoxModule,
-                        list.DxListModule,
-                        tagBox.DxTagBoxModule,
-                        i1.CaucaCoreForChildModule,
-                        devextreme.CaucaDevextremeModule,
-                    ],
-                    exports: [
-                        CaucaManagementComponent,
-                        CaucaManagementUserComponent,
-                        CaucaManagementGroupComponent,
-                    ]
-                },] }
+    var CaucaManagementModule = /** @class */ (function () {
+        function CaucaManagementModule() {
+        }
+        return CaucaManagementModule;
+    }());
+    CaucaManagementModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [
+                        CaucaManagementComponent,
+                        CaucaManagementGroupComponent,
+                        CaucaManagementUserComponent
+                    ],
+                    imports: [
+                        common.CommonModule,
+                        checkBox.DxCheckBoxModule,
+                        list.DxListModule,
+                        tagBox.DxTagBoxModule,
+                        i1.CaucaCoreForChildModule,
+                        devextreme.CaucaDevextremeModule,
+                    ],
+                    exports: [
+                        CaucaManagementComponent,
+                        CaucaManagementUserComponent,
+                        CaucaManagementGroupComponent,
+                    ]
+                },] }
     ];
 
-    var UserGroupModel = /** @class */ (function () {
-        function UserGroupModel() {
-            this.idUserGroup = '';
-            this.idGroup = '';
-            this.idUser = '';
-        }
-        return UserGroupModel;
+    var UserGroupModel = /** @class */ (function () {
+        function UserGroupModel() {
+            this.idUserGroup = '';
+            this.idGroup = '';
+            this.idUser = '';
+        }
+        return UserGroupModel;
     }());
 
-    var UserPermissionModel = /** @class */ (function () {
-        function UserPermissionModel() {
-            this.idUserPermission = '';
-            this.isAllowed = false;
-            this.idUser = '';
-            this.idModulePermission = '';
-        }
-        return UserPermissionModel;
+    var UserPermissionModel = /** @class */ (function () {
+        function UserPermissionModel() {
+            this.idUserPermission = '';
+            this.isAllowed = false;
+            this.idUser = '';
+            this.idModulePermission = '';
+        }
+        return UserPermissionModel;
     }());
 
-    var GroupModel = /** @class */ (function () {
-        function GroupModel() {
-            this.name = '';
-            this.users = [];
-            this.permissions = [];
-        }
-        return GroupModel;
+    var GroupModel = /** @class */ (function () {
+        function GroupModel() {
+            this.name = '';
+            this.users = [];
+            this.permissions = [];
+        }
+        return GroupModel;
     }());
 
-    var GroupPermissionModel = /** @class */ (function () {
-        function GroupPermissionModel() {
-            this.idGroupPermission = '';
-            this.isAllowed = false;
-            this.idGroup = '';
-            this.idModulePermission = '';
-        }
-        return GroupPermissionModel;
+    var GroupPermissionModel = /** @class */ (function () {
+        function GroupPermissionModel() {
+            this.idGroupPermission = '';
+            this.isAllowed = false;
+            this.idGroup = '';
+            this.idModulePermission = '';
+        }
+        return GroupPermissionModel;
     }());
 
-    /*
-     * Public API Surface of cauca-management
+    /*
+     * Public API Surface of cauca-management
      */
 
-    /**
-     * Generated bundle index. Do not edit.
+    /**
+     * Generated bundle index. Do not edit.
      */
 
     exports.CaucaManagementComponent = CaucaManagementComponent;