@cauca-911/management 12.0.0 → 13.0.1

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

@@ -1,523 +1,687 @@
 (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["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';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@ngx-translate/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('rxjs/operators'), require('@angular/common/http'), require('@angular/cdk/layout'), require('devextreme-angular/ui/nested'), require('devextreme-angular/core'), require('@angular/common')) :
+    typeof define === 'function' && define.amd ? define('@cauca-911/management', ['exports', '@angular/core', '@ngx-translate/core', 'devextreme-angular/ui/check-box', 'devextreme-angular/ui/list', 'devextreme-angular/ui/tag-box', '@cauca-911/core', '@cauca-911/devextreme', 'rxjs/operators', '@angular/common/http', '@angular/cdk/layout', 'devextreme-angular/ui/nested', 'devextreme-angular/core', '@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.i1, global.i10, global.i9, global.i8, global.i1$1, global.i5, global.rxjs.operators, global.ng.common.http, global.ng.cdk.layout, global.i6, global.i7, global.ng.common));
+}(this, (function (exports, i0, i1, i10, i9, i8, i1$1, i5, operators, i2, i4, i6, i7, common) { 'use strict';
 
-    function _interopNamespace(e) {
-        if (e && e.__esModule) return e;
-        var n = Object.create(null);
-        if (e) {
-            Object.keys(e).forEach(function (k) {
-                if (k !== 'default') {
-                    var d = Object.getOwnPropertyDescriptor(e, k);
-                    Object.defineProperty(n, k, d.get ? d : {
-                        enumerable: true,
-                        get: function () { return e[k]; }
-                    });
-                }
-            });
-        }
-        n["default"] = e;
-        return Object.freeze(n);
-    }
+    var CaucaManagementService = /** @class */ (function () {
+        function CaucaManagementService() {
+        }
+        return CaucaManagementService;
+    }());
+    CaucaManagementService.ɵfac = function CaucaManagementService_Factory(t) { return new (t || CaucaManagementService)(); };
+    CaucaManagementService.ɵprov = i0.ɵɵdefineInjectable({ token: CaucaManagementService, factory: CaucaManagementService.ɵfac, providedIn: 'root' });
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(CaucaManagementService, [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root'
+                    }]
+            }], function () { return []; }, null);
+    })();
 
-    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
-    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
+    var CaucaManagementComponent = /** @class */ (function () {
+        function CaucaManagementComponent() {
+        }
+        CaucaManagementComponent.prototype.ngOnInit = function () {
+        };
+        return CaucaManagementComponent;
+    }());
+    CaucaManagementComponent.ɵfac = function CaucaManagementComponent_Factory(t) { return new (t || CaucaManagementComponent)(); };
+    CaucaManagementComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaucaManagementComponent, selectors: [["cauca-management"]], decls: 3, vars: 3, template: function CaucaManagementComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0.ɵɵelementStart(0, "div");
+                i0.ɵɵtext(1);
+                i0.ɵɵpipe(2, "translate");
+                i0.ɵɵelementEnd();
+            }
+            if (rf & 2) {
+                i0.ɵɵadvance(1);
+                i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "core.noGenericComponentOnThisLibrary"));
+            }
+        }, pipes: [i1.TranslatePipe], encapsulation: 2 });
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(CaucaManagementComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'cauca-management',
+                        templateUrl: './cauca-management.component.html',
+                        styles: []
+                    }]
+            }], function () { return []; }, null);
+    })();
 
-    var CaucaManagementService = /** @class */ (function () {
-        function CaucaManagementService() {
-        }
-        return CaucaManagementService;
-    }());
-    CaucaManagementService.ɵprov = i0__namespace.ɵɵ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>"
-                },] }
-    ];
-    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__namespace.ɵɵdefineInjectable({ factory: function ManagementGroupService_Factory() { return new ManagementGroupService(i0__namespace.ɵɵinject(i1__namespace.CaucaCoreService), i0__namespace.ɵɵinject(i2__namespace.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.ɵfac = function ManagementGroupService_Factory(t) { return new (t || ManagementGroupService)(i0.ɵɵinject(i1$1.CaucaCoreService), i0.ɵɵinject(i2.HttpClient)); };
+    ManagementGroupService.ɵprov = i0.ɵɵdefineInjectable({ token: ManagementGroupService, factory: ManagementGroupService.ɵfac, providedIn: 'root' });
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(ManagementGroupService, [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root'
+                    }]
+            }], function () { return [{ type: i1$1.CaucaCoreService }, { type: i2.HttpClient }]; }, null);
+    })();
 
-    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__namespace.ɵɵdefineInjectable({ factory: function ManagementUserService_Factory() { return new ManagementUserService(i0__namespace.ɵɵinject(i1__namespace.CaucaCoreService), i0__namespace.ɵɵinject(i2__namespace.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.ɵfac = function ManagementUserService_Factory(t) { return new (t || ManagementUserService)(i0.ɵɵinject(i1$1.CaucaCoreService), i0.ɵɵinject(i2.HttpClient)); };
+    ManagementUserService.ɵprov = i0.ɵɵdefineInjectable({ token: ManagementUserService, factory: ManagementUserService.ɵfac, providedIn: 'root' });
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(ManagementUserService, [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root'
+                    }]
+            }], function () { return [{ type: i1$1.CaucaCoreService }, { type: i2.HttpClient }]; }, null);
+    })();
 
-    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__namespace.ɵɵdefineInjectable({ factory: function ManagementPermissionService_Factory() { return new ManagementPermissionService(i0__namespace.ɵɵinject(i1__namespace.CaucaCoreService), i0__namespace.ɵɵinject(i2__namespace.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.ɵfac = function ManagementPermissionService_Factory(t) { return new (t || ManagementPermissionService)(i0.ɵɵinject(i1$1.CaucaCoreService), i0.ɵɵinject(i2.HttpClient)); };
+    ManagementPermissionService.ɵprov = i0.ɵɵdefineInjectable({ token: ManagementPermissionService, factory: ManagementPermissionService.ɵfac, providedIn: 'root' });
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(ManagementPermissionService, [{
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root'
+                    }]
+            }], function () { return [{ type: i1$1.CaucaCoreService }, { type: i2.HttpClient }]; }, null);
+    })();
 
-    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 () {
-                _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 }]
-    };
+    function CaucaManagementGroupComponent_div_17_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r4_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div");
+            i0.ɵɵelementStart(1, "dx-tag-box", 13);
+            i0.ɵɵlistener("onInitialized", function CaucaManagementGroupComponent_div_17_Template_dx_tag_box_onInitialized_1_listener($event) { i0.ɵɵrestoreView(_r4_1); var field_r2 = ctx.$implicit; var ctx_r3 = i0.ɵɵnextContext(); return ctx_r3.getGroupUser(field_r2, $event); })("onValueChanged", function CaucaManagementGroupComponent_div_17_Template_dx_tag_box_onValueChanged_1_listener($event) { i0.ɵɵrestoreView(_r4_1); var field_r2 = ctx.$implicit; var ctx_r5 = i0.ɵɵnextContext(); return ctx_r5.setGroupUser(field_r2, $event); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r0 = i0.ɵɵnextContext();
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("displayExpr", ctx_r0.fullName)("dataSource", ctx_r0.users)("searchEnabled", true)("searchExpr", ctx_r0.fullName);
+        }
+    }
+    function CaucaManagementGroupComponent_div_18_div_2_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r11_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div");
+            i0.ɵɵelementStart(1, "dx-check-box", 15);
+            i0.ɵɵlistener("onInitialized", function CaucaManagementGroupComponent_div_18_div_2_Template_dx_check_box_onInitialized_1_listener($event) { i0.ɵɵrestoreView(_r11_1); var permission_r8 = ctx.$implicit; var field_r6 = i0.ɵɵnextContext().$implicit; var ctx_r9 = i0.ɵɵnextContext(); return ctx_r9.getPermissionStatus(field_r6, permission_r8, $event); })("onValueChanged", function CaucaManagementGroupComponent_div_18_div_2_Template_dx_check_box_onValueChanged_1_listener($event) { i0.ɵɵrestoreView(_r11_1); var permission_r8 = ctx.$implicit; var field_r6 = i0.ɵɵnextContext().$implicit; var ctx_r12 = i0.ɵɵnextContext(); return ctx_r12.checkBoxToggled(field_r6, permission_r8, $event); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var permission_r8 = ctx.$implicit;
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("text", permission_r8.name);
+        }
+    }
+    var _c0 = function () { return ["name", "tag"]; };
+    function CaucaManagementGroupComponent_div_18_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "div");
+            i0.ɵɵelementStart(1, "dx-list", 14);
+            i0.ɵɵtemplate(2, CaucaManagementGroupComponent_div_18_div_2_Template, 2, 1, "div", 12);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r1 = i0.ɵɵnextContext();
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("dataSource", ctx_r1.permissions)("searchEnabled", true)("searchExpr", i0.ɵɵpureFunction0(5, _c0))("hoverStateEnabled", ctx_r1.hoverStatePermission);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("dxTemplateOf", "rowTemplate");
+        }
+    }
+    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 () {
+                _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.ɵfac = function CaucaManagementGroupComponent_Factory(t) { return new (t || CaucaManagementGroupComponent)(i0.ɵɵdirectiveInject(ManagementGroupService), i0.ɵɵdirectiveInject(ManagementUserService), i0.ɵɵdirectiveInject(ManagementPermissionService), i0.ɵɵdirectiveInject(i4.BreakpointObserver)); };
+    CaucaManagementGroupComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaucaManagementGroupComponent, selectors: [["cauca-management-group"]], inputs: { showPrintButton: "showPrintButton", hoverStatePermission: "hoverStatePermission" }, decls: 19, vars: 31, consts: [["keyExpr", "id", 3, "allowPrint", "dataSource", "onRowInserted", "onInitNewRow", "onRowUpdated", "onEditingStart", "onRowRemoved"], ["dataField", "name", 3, "caption"], ["type", "async", 3, "message", "validationCallback"], ["dataField", "users", "editCellTemplate", "usersEditTemplate", 3, "caption", "calculateCellValue"], ["dataField", "permissions", "editCellTemplate", "permissionsEditTemplate", 3, "caption", "visible"], [3, "enabled"], ["mode", "popup", 3, "allowAdding", "allowUpdating", "allowDeleting", "useIcons"], [3, "showTitle", "title", "fullScreen"], ["colCount", "1", 3, "labelLocation"], ["dataField", "name", 3, "isRequired"], ["dataField", "users"], ["dataField", "permissions"], [4, "dxTemplate", "dxTemplateOf"], ["valueExpr", "id", 3, "displayExpr", "dataSource", "searchEnabled", "searchExpr", "onInitialized", "onValueChanged"], ["itemTemplate", "rowTemplate", 3, "dataSource", "searchEnabled", "searchExpr", "hoverStateEnabled"], [3, "text", "onInitialized", "onValueChanged"]], template: function CaucaManagementGroupComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0.ɵɵelementStart(0, "cauca-dx-data-grid", 0);
+                i0.ɵɵlistener("onRowInserted", function CaucaManagementGroupComponent_Template_cauca_dx_data_grid_onRowInserted_0_listener($event) { return ctx.onRowInserted($event); })("onInitNewRow", function CaucaManagementGroupComponent_Template_cauca_dx_data_grid_onInitNewRow_0_listener() { return ctx.onInitNewRow(); })("onRowUpdated", function CaucaManagementGroupComponent_Template_cauca_dx_data_grid_onRowUpdated_0_listener($event) { return ctx.onRowUpdated($event); })("onEditingStart", function CaucaManagementGroupComponent_Template_cauca_dx_data_grid_onEditingStart_0_listener($event) { return ctx.onEditingStart($event); })("onRowRemoved", function CaucaManagementGroupComponent_Template_cauca_dx_data_grid_onRowRemoved_0_listener($event) { return ctx.onRowRemoved($event); });
+                i0.ɵɵelementStart(1, "dxi-column", 1);
+                i0.ɵɵpipe(2, "translate");
+                i0.ɵɵelement(3, "dxi-validation-rule", 2);
+                i0.ɵɵpipe(4, "translate");
+                i0.ɵɵelementEnd();
+                i0.ɵɵelement(5, "dxi-column", 3);
+                i0.ɵɵpipe(6, "translate");
+                i0.ɵɵelement(7, "dxi-column", 4);
+                i0.ɵɵpipe(8, "translate");
+                i0.ɵɵelement(9, "dxo-export", 5);
+                i0.ɵɵelementStart(10, "dxo-editing", 6);
+                i0.ɵɵelement(11, "dxo-popup", 7);
+                i0.ɵɵpipe(12, "translate");
+                i0.ɵɵelementStart(13, "dxo-form", 8);
+                i0.ɵɵelement(14, "dxi-item", 9);
+                i0.ɵɵelement(15, "dxi-item", 10);
+                i0.ɵɵelement(16, "dxi-item", 11);
+                i0.ɵɵelementEnd();
+                i0.ɵɵelementEnd();
+                i0.ɵɵtemplate(17, CaucaManagementGroupComponent_div_17_Template, 2, 4, "div", 12);
+                i0.ɵɵtemplate(18, CaucaManagementGroupComponent_div_18_Template, 3, 6, "div", 12);
+                i0.ɵɵelementEnd();
+            }
+            if (rf & 2) {
+                i0.ɵɵproperty("allowPrint", ctx.showPrintButton)("dataSource", ctx.groups);
+                i0.ɵɵadvance(1);
+                i0.ɵɵproperty("caption", i0.ɵɵpipeBind1(2, 21, "management.name"));
+                i0.ɵɵadvance(2);
+                i0.ɵɵproperty("message", i0.ɵɵpipeBind1(4, 23, "management.groupNameAlreadyUsed"))("validationCallback", ctx.groupNameAlreadyUsedValidation);
+                i0.ɵɵadvance(2);
+                i0.ɵɵproperty("caption", i0.ɵɵpipeBind1(6, 25, "management.users"))("calculateCellValue", ctx.calculateUsersCellValue);
+                i0.ɵɵadvance(2);
+                i0.ɵɵproperty("caption", i0.ɵɵpipeBind1(8, 27, "management.permissions"))("visible", false);
+                i0.ɵɵadvance(2);
+                i0.ɵɵproperty("enabled", false);
+                i0.ɵɵadvance(1);
+                i0.ɵɵproperty("allowAdding", true)("allowUpdating", true)("allowDeleting", true)("useIcons", true);
+                i0.ɵɵadvance(1);
+                i0.ɵɵproperty("showTitle", true)("title", i0.ɵɵpipeBind1(12, 29, "management.group"))("fullScreen", !ctx.showColumn);
+                i0.ɵɵadvance(2);
+                i0.ɵɵproperty("labelLocation", ctx.showColumnXS ? "left" : "top");
+                i0.ɵɵadvance(1);
+                i0.ɵɵproperty("isRequired", true);
+                i0.ɵɵadvance(3);
+                i0.ɵɵproperty("dxTemplateOf", "usersEditTemplate");
+                i0.ɵɵadvance(1);
+                i0.ɵɵproperty("dxTemplateOf", "permissionsEditTemplate");
+            }
+        }, directives: [i5.CaucaDataGridComponent, i6.DxiColumnComponent, i6.DxiValidationRuleComponent, i6.DxoExportComponent, i6.DxoEditingComponent, i6.DxoPopupComponent, i6.DxoFormComponent, i6.DxiItemComponent, i7.DxTemplateDirective, i8.DxTagBoxComponent, i9.DxListComponent, i10.DxCheckBoxComponent], pipes: [i1.TranslatePipe], styles: [""] });
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(CaucaManagementGroupComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'cauca-management-group',
+                        templateUrl: './cauca-management-group.component.html',
+                        styleUrls: ['./cauca-management-group.component.scss']
+                    }]
+            }], function () { return [{ type: ManagementGroupService }, { type: ManagementUserService }, { type: ManagementPermissionService }, { type: i4.BreakpointObserver }]; }, { 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.ɵfac = function CaucaManagementUserComponent_Factory(t) { return new (t || CaucaManagementUserComponent)(i0.ɵɵdirectiveInject(ManagementUserService), i0.ɵɵdirectiveInject(i4.BreakpointObserver)); };
+    CaucaManagementUserComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CaucaManagementUserComponent, selectors: [["cauca-management-user"]], decls: 22, vars: 31, consts: [["keyExpr", "id", 3, "dataSource", "onRowInserted", "onRowUpdated", "onRowRemoved"], ["dataField", "userName", 3, "caption"], ["type", "async", 3, "message", "validationCallback"], ["dataField", "isActive", 3, "caption", "visible"], ["dataField", "firstName", 3, "caption"], ["dataField", "lastName", 3, "caption"], ["dataField", "groups", 3, "caption"], ["mode", "popup", 3, "allowAdding", "allowUpdating", "allowDeleting", "useIcons"], [3, "showTitle", "title"], ["colCount", "2", 3, "labelLocation"], ["dataField", "userName", 3, "isRequired"], ["dataField", "isActive"], ["dataField", "firstName"], ["dataField", "lastName"], ["dataField", "group"]], template: function CaucaManagementUserComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0.ɵɵelementStart(0, "cauca-dx-data-grid", 0);
+                i0.ɵɵlistener("onRowInserted", function CaucaManagementUserComponent_Template_cauca_dx_data_grid_onRowInserted_0_listener($event) { return ctx.onRowInserted($event); })("onRowUpdated", function CaucaManagementUserComponent_Template_cauca_dx_data_grid_onRowUpdated_0_listener($event) { return ctx.onRowUpdated($event); })("onRowRemoved", function CaucaManagementUserComponent_Template_cauca_dx_data_grid_onRowRemoved_0_listener($event) { return ctx.onRowRemoved($event); });
+                i0.ɵɵelementStart(1, "dxi-column", 1);
+                i0.ɵɵpipe(2, "translate");
+                i0.ɵɵelement(3, "dxi-validation-rule", 2);
+                i0.ɵɵpipe(4, "translate");
+                i0.ɵɵelementEnd();
+                i0.ɵɵelement(5, "dxi-column", 3);
+                i0.ɵɵpipe(6, "translate");
+                i0.ɵɵelement(7, "dxi-column", 4);
+                i0.ɵɵpipe(8, "translate");
+                i0.ɵɵelement(9, "dxi-column", 5);
+                i0.ɵɵpipe(10, "translate");
+                i0.ɵɵelement(11, "dxi-column", 6);
+                i0.ɵɵpipe(12, "translate");
+                i0.ɵɵelementStart(13, "dxo-editing", 7);
+                i0.ɵɵelement(14, "dxo-popup", 8);
+                i0.ɵɵpipe(15, "translate");
+                i0.ɵɵelementStart(16, "dxo-form", 9);
+                i0.ɵɵelement(17, "dxi-item", 10);
+                i0.ɵɵelement(18, "dxi-item", 11);
+                i0.ɵɵelement(19, "dxi-item", 12);
+                i0.ɵɵelement(20, "dxi-item", 13);
+                i0.ɵɵelement(21, "dxi-item", 14);
+                i0.ɵɵelementEnd();
+                i0.ɵɵelementEnd();
+                i0.ɵɵelementEnd();
+            }
+            if (rf & 2) {
+                i0.ɵɵproperty("dataSource", ctx.users);
+                i0.ɵɵadvance(1);
+                i0.ɵɵproperty("caption", i0.ɵɵpipeBind1(2, 17, "management.userName"));
+                i0.ɵɵadvance(2);
+                i0.ɵɵproperty("message", i0.ɵɵpipeBind1(4, 19, "management.userNameAlreadyUsed"))("validationCallback", ctx.userNameAlreadyUsedValidation);
+                i0.ɵɵadvance(2);
+                i0.ɵɵproperty("caption", i0.ɵɵpipeBind1(6, 21, "management.isActive"))("visible", false);
+                i0.ɵɵadvance(2);
+                i0.ɵɵproperty("caption", i0.ɵɵpipeBind1(8, 23, "management.firstName"));
+                i0.ɵɵadvance(2);
+                i0.ɵɵproperty("caption", i0.ɵɵpipeBind1(10, 25, "management.lastName"));
+                i0.ɵɵadvance(2);
+                i0.ɵɵproperty("caption", i0.ɵɵpipeBind1(12, 27, "management.group"));
+                i0.ɵɵadvance(2);
+                i0.ɵɵproperty("allowAdding", true)("allowUpdating", true)("allowDeleting", true)("useIcons", true);
+                i0.ɵɵadvance(1);
+                i0.ɵɵproperty("showTitle", true)("title", i0.ɵɵpipeBind1(15, 29, "management.group"));
+                i0.ɵɵadvance(2);
+                i0.ɵɵproperty("labelLocation", ctx.showColumnXS ? "left" : "top");
+                i0.ɵɵadvance(1);
+                i0.ɵɵproperty("isRequired", true);
+            }
+        }, directives: [i5.CaucaDataGridComponent, i6.DxiColumnComponent, i6.DxiValidationRuleComponent, i6.DxoEditingComponent, i6.DxoPopupComponent, i6.DxoFormComponent, i6.DxiItemComponent], pipes: [i1.TranslatePipe], styles: [""] });
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(CaucaManagementUserComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'cauca-management-user',
+                        templateUrl: './cauca-management-user.component.html',
+                        styleUrls: ['./cauca-management-user.component.scss']
+                    }]
+            }], function () { return [{ type: ManagementUserService }, { type: i4.BreakpointObserver }]; }, null);
+    })();
 
-    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.ɵmod = i0.ɵɵdefineNgModule({ type: CaucaManagementModule });
+    CaucaManagementModule.ɵinj = i0.ɵɵdefineInjector({ factory: function CaucaManagementModule_Factory(t) { return new (t || CaucaManagementModule)(); }, imports: [[
+                common.CommonModule,
+                i10.DxCheckBoxModule,
+                i9.DxListModule,
+                i8.DxTagBoxModule,
+                i1$1.CaucaCoreForChildModule,
+                i5.CaucaDevextremeModule,
+            ]] });
+    (function () {
+        (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CaucaManagementModule, { declarations: [CaucaManagementComponent,
+                CaucaManagementGroupComponent,
+                CaucaManagementUserComponent], imports: [common.CommonModule,
+                i10.DxCheckBoxModule,
+                i9.DxListModule,
+                i8.DxTagBoxModule,
+                i1$1.CaucaCoreForChildModule,
+                i5.CaucaDevextremeModule], exports: [CaucaManagementComponent,
+                CaucaManagementUserComponent,
+                CaucaManagementGroupComponent] });
+    })();
+    /*@__PURE__*/ (function () {
+        i0.ɵsetClassMetadata(CaucaManagementModule, [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [
+                            CaucaManagementComponent,
+                            CaucaManagementGroupComponent,
+                            CaucaManagementUserComponent
+                        ],
+                        imports: [
+                            common.CommonModule,
+                            i10.DxCheckBoxModule,
+                            i9.DxListModule,
+                            i8.DxTagBoxModule,
+                            i1$1.CaucaCoreForChildModule,
+                            i5.CaucaDevextremeModule,
+                        ],
+                        exports: [
+                            CaucaManagementComponent,
+                            CaucaManagementUserComponent,
+                            CaucaManagementGroupComponent,
+                        ]
+                    }]
+            }], null, null);
+    })();
 
-    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;
@@ -532,9 +696,8 @@
     exports.UserGroupModel = UserGroupModel;
     exports.UserModel = UserModel;
     exports.UserPermissionModel = UserPermissionModel;
-    exports["ɵa"] = ManagementPermissionService;
 
     Object.defineProperty(exports, '__esModule', { value: true });
 
-}));
+})));
 //# sourceMappingURL=cauca-911-management.umd.js.map