@cauca-911/management 13.0.4 → 14.0.0

package/fesm2015/cauca-911-management.mjs

@@ -1,653 +1,651 @@
 import * as i0 from '@angular/core';
 import { Injectable, Component, Input, NgModule } from '@angular/core';
 import * as i1 from '@ngx-translate/core';
-import * as i10 from 'devextreme-angular/ui/check-box';
+import * as i5 from 'devextreme-angular/ui/check-box';
 import { DxCheckBoxModule } from 'devextreme-angular/ui/check-box';
-import * as i9 from 'devextreme-angular/ui/list';
+import * as i7 from 'devextreme-angular/ui/list';
 import { DxListModule } from 'devextreme-angular/ui/list';
-import * as i8 from 'devextreme-angular/ui/tag-box';
+import * as i9 from 'devextreme-angular/ui/tag-box';
 import { DxTagBoxModule } from 'devextreme-angular/ui/tag-box';
 import * as i1$1 from '@cauca-911/core';
 import { CaucaCoreForChildModule } from '@cauca-911/core';
-import * as i5 from '@cauca-911/devextreme';
+import * as i10 from '@cauca-911/devextreme';
 import { CaucaDevextremeModule } from '@cauca-911/devextreme';
 import { map } from 'rxjs/operators';
 import * as i2 from '@angular/common/http';
 import * as i4 from '@angular/cdk/layout';
-import * as i6 from 'devextreme-angular/ui/nested';
-import * as i7 from 'devextreme-angular/core';
+import * as i6 from 'devextreme-angular/core';
+import * as i8 from 'devextreme-angular/ui/nested';
 import { CommonModule } from '@angular/common';
 
-class CaucaManagementService {
-    constructor() { }
-}
-CaucaManagementService.ɵfac = function CaucaManagementService_Factory(t) { return new (t || CaucaManagementService)(); };
-CaucaManagementService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: CaucaManagementService, factory: CaucaManagementService.ɵfac, providedIn: 'root' });
-(function () {
-    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaManagementService, [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], function () { return []; }, null);
+class CaucaManagementService {
+    constructor() { }
+}
+CaucaManagementService.ɵfac = function CaucaManagementService_Factory(t) { return new (t || CaucaManagementService)(); };
+CaucaManagementService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: CaucaManagementService, factory: CaucaManagementService.ɵfac, providedIn: 'root' });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaManagementService, [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], function () { return []; }, null);
 })();
 
-class CaucaManagementComponent {
-    constructor() { }
-    ngOnInit() {
-    }
-}
-CaucaManagementComponent.ɵfac = function CaucaManagementComponent_Factory(t) { return new (t || CaucaManagementComponent)(); };
-CaucaManagementComponent.ɵcmp = /*@__PURE__*/ 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 });
-(function () {
-    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaManagementComponent, [{
-            type: Component,
-            args: [{ selector: 'cauca-management', styles: [], template: "<div>{{'core.noGenericComponentOnThisLibrary' | translate}}</div>" }]
-        }], function () { return []; }, null);
+class CaucaManagementComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+CaucaManagementComponent.ɵfac = function CaucaManagementComponent_Factory(t) { return new (t || CaucaManagementComponent)(); };
+CaucaManagementComponent.ɵcmp = /*@__PURE__*/ 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"));
+        }
+    }, dependencies: [i1.TranslatePipe], encapsulation: 2 });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaManagementComponent, [{
+            type: Component,
+            args: [{ selector: 'cauca-management', template: "<div>{{'core.noGenericComponentOnThisLibrary' | translate}}</div>" }]
+        }], function () { return []; }, null);
 })();
 
-class ManagementGroupService {
-    constructor(coreService, http) {
-        this.http = http;
-        this.config = coreService.getConfig();
-    }
-    getAll() {
-        return this.http.get(`${this.config.apiUrl}GroupManagement`);
-    }
-    get(idGroup) {
-        return this.http.get(`${this.config.apiUrl}GroupManagement/${idGroup}`);
-    }
-    save(group) {
-        return this.http.post(`${this.config.apiUrl}GroupManagement`, group);
-    }
-    delete(idGroup) {
-        return this.http.delete(`${this.config.apiUrl}GroupManagement/${idGroup}`);
-    }
-    hasExistingGroupName(group) {
-        return this.http.post(`${this.config.apiUrl}GroupManagement/GroupNameAlreadyExist`, group);
-    }
-}
-ManagementGroupService.ɵfac = function ManagementGroupService_Factory(t) { return new (t || ManagementGroupService)(i0.ɵɵinject(i1$1.CaucaCoreService), i0.ɵɵinject(i2.HttpClient)); };
-ManagementGroupService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ManagementGroupService, factory: ManagementGroupService.ɵfac, providedIn: 'root' });
-(function () {
-    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ManagementGroupService, [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], function () { return [{ type: i1$1.CaucaCoreService }, { type: i2.HttpClient }]; }, null);
+class ManagementGroupService {
+    constructor(coreService, http) {
+        this.http = http;
+        this.config = coreService.getConfig();
+    }
+    getAll() {
+        return this.http.get(`${this.config.apiUrl}GroupManagement`);
+    }
+    get(idGroup) {
+        return this.http.get(`${this.config.apiUrl}GroupManagement/${idGroup}`);
+    }
+    save(group) {
+        return this.http.post(`${this.config.apiUrl}GroupManagement`, group);
+    }
+    delete(idGroup) {
+        return this.http.delete(`${this.config.apiUrl}GroupManagement/${idGroup}`);
+    }
+    hasExistingGroupName(group) {
+        return this.http.post(`${this.config.apiUrl}GroupManagement/GroupNameAlreadyExist`, group);
+    }
+}
+ManagementGroupService.ɵfac = function ManagementGroupService_Factory(t) { return new (t || ManagementGroupService)(i0.ɵɵinject(i1$1.CaucaCoreService), i0.ɵɵinject(i2.HttpClient)); };
+ManagementGroupService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ManagementGroupService, factory: ManagementGroupService.ɵfac, providedIn: 'root' });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ManagementGroupService, [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], function () { return [{ type: i1$1.CaucaCoreService }, { type: i2.HttpClient }]; }, null);
 })();
 
-class ManagementUserService {
-    constructor(coreService, http) {
-        this.http = http;
-        this.config = coreService.getConfig();
-    }
-    getAll() {
-        return this.http.get(`${this.config.apiUrl}UserManagement`);
-    }
-    get(idUser) {
-        return this.http.get(`${this.config.apiUrl}UserManagement/${idUser}`);
-    }
-    getGroup(idUser) {
-        return this.http.get(`${this.config.apiUrl}UserManagement/${idUser}/groups`);
-    }
-    addGroup(userGroup) {
-        return this.http.post(`${this.config.apiUrl}UserManagement/group`, userGroup);
-    }
-    deleteGroup(idUserGroup) {
-        return this.http.delete(`${this.config.apiUrl}UserManagement/groups/${idUserGroup}`);
-    }
-    addPermission(userPermission) {
-        return this.http.post(`${this.config.apiUrl}UserManagement/permission`, userPermission);
-    }
-    deletePermission(idUserPermission) {
-        return this.http.delete(`${this.config.apiUrl}UserManagement/groups/${idUserPermission}`);
-    }
-    save(user) {
-        return this.http.post(`${this.config.apiUrl}UserManagement`, user);
-    }
-    delete(idUser) {
-        return this.http.delete(`${this.config.apiUrl}UserManagement/${idUser}`);
-    }
-    hasExistingUserName(user) {
-        return this.http.post(`${this.config.apiUrl}UserManagement/UserNameAlreadyExist`, user);
-    }
-}
-ManagementUserService.ɵfac = function ManagementUserService_Factory(t) { return new (t || ManagementUserService)(i0.ɵɵinject(i1$1.CaucaCoreService), i0.ɵɵinject(i2.HttpClient)); };
-ManagementUserService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ManagementUserService, factory: ManagementUserService.ɵfac, providedIn: 'root' });
-(function () {
-    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ManagementUserService, [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], function () { return [{ type: i1$1.CaucaCoreService }, { type: i2.HttpClient }]; }, null);
+class ManagementUserService {
+    constructor(coreService, http) {
+        this.http = http;
+        this.config = coreService.getConfig();
+    }
+    getAll() {
+        return this.http.get(`${this.config.apiUrl}UserManagement`);
+    }
+    get(idUser) {
+        return this.http.get(`${this.config.apiUrl}UserManagement/${idUser}`);
+    }
+    getGroup(idUser) {
+        return this.http.get(`${this.config.apiUrl}UserManagement/${idUser}/groups`);
+    }
+    addGroup(userGroup) {
+        return this.http.post(`${this.config.apiUrl}UserManagement/group`, userGroup);
+    }
+    deleteGroup(idUserGroup) {
+        return this.http.delete(`${this.config.apiUrl}UserManagement/groups/${idUserGroup}`);
+    }
+    addPermission(userPermission) {
+        return this.http.post(`${this.config.apiUrl}UserManagement/permission`, userPermission);
+    }
+    deletePermission(idUserPermission) {
+        return this.http.delete(`${this.config.apiUrl}UserManagement/groups/${idUserPermission}`);
+    }
+    save(user) {
+        return this.http.post(`${this.config.apiUrl}UserManagement`, user);
+    }
+    delete(idUser) {
+        return this.http.delete(`${this.config.apiUrl}UserManagement/${idUser}`);
+    }
+    hasExistingUserName(user) {
+        return this.http.post(`${this.config.apiUrl}UserManagement/UserNameAlreadyExist`, user);
+    }
+}
+ManagementUserService.ɵfac = function ManagementUserService_Factory(t) { return new (t || ManagementUserService)(i0.ɵɵinject(i1$1.CaucaCoreService), i0.ɵɵinject(i2.HttpClient)); };
+ManagementUserService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ManagementUserService, factory: ManagementUserService.ɵfac, providedIn: 'root' });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ManagementUserService, [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], function () { return [{ type: i1$1.CaucaCoreService }, { type: i2.HttpClient }]; }, null);
 })();
 
-class ManagementPermissionService {
-    constructor(coreService, http) {
-        this.http = http;
-        this.config = coreService.getConfig();
-    }
-    getAll() {
-        return this.http.get(`${this.config.apiUrl}PermissionManagement`);
-    }
-    get(idPermission) {
-        return this.http.get(`${this.config.apiUrl}PermissionManagement/${idPermission}`);
-    }
-    save(permission) {
-        return this.http.post(`${this.config.apiUrl}PermissionManagement`, permission);
-    }
-    delete(idPermission) {
-        return this.http.delete(`${this.config.apiUrl}PermissionManagement/${idPermission}`);
-    }
-}
-ManagementPermissionService.ɵfac = function ManagementPermissionService_Factory(t) { return new (t || ManagementPermissionService)(i0.ɵɵinject(i1$1.CaucaCoreService), i0.ɵɵinject(i2.HttpClient)); };
-ManagementPermissionService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ManagementPermissionService, factory: ManagementPermissionService.ɵfac, providedIn: 'root' });
-(function () {
-    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ManagementPermissionService, [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], function () { return [{ type: i1$1.CaucaCoreService }, { type: i2.HttpClient }]; }, null);
+class ManagementPermissionService {
+    constructor(coreService, http) {
+        this.http = http;
+        this.config = coreService.getConfig();
+    }
+    getAll() {
+        return this.http.get(`${this.config.apiUrl}PermissionManagement`);
+    }
+    get(idPermission) {
+        return this.http.get(`${this.config.apiUrl}PermissionManagement/${idPermission}`);
+    }
+    save(permission) {
+        return this.http.post(`${this.config.apiUrl}PermissionManagement`, permission);
+    }
+    delete(idPermission) {
+        return this.http.delete(`${this.config.apiUrl}PermissionManagement/${idPermission}`);
+    }
+}
+ManagementPermissionService.ɵfac = function ManagementPermissionService_Factory(t) { return new (t || ManagementPermissionService)(i0.ɵɵinject(i1$1.CaucaCoreService), i0.ɵɵinject(i2.HttpClient)); };
+ManagementPermissionService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ManagementPermissionService, factory: ManagementPermissionService.ɵfac, providedIn: 'root' });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ManagementPermissionService, [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], function () { return [{ type: i1$1.CaucaCoreService }, { type: i2.HttpClient }]; }, null);
 })();
 
-function CaucaManagementGroupComponent_div_20_Template(rf, ctx) {
-    if (rf & 1) {
-        const _r4 = i0.ɵɵgetCurrentView();
-        i0.ɵɵelementStart(0, "div")(1, "dx-tag-box", 15);
-        i0.ɵɵlistener("onInitialized", function CaucaManagementGroupComponent_div_20_Template_dx_tag_box_onInitialized_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r4); const field_r2 = restoredCtx.$implicit; const ctx_r3 = i0.ɵɵnextContext(); return ctx_r3.getGroupUser(field_r2, $event); })("onValueChanged", function CaucaManagementGroupComponent_div_20_Template_dx_tag_box_onValueChanged_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r4); const field_r2 = restoredCtx.$implicit; const ctx_r5 = i0.ɵɵnextContext(); return ctx_r5.setGroupUser(field_r2, $event); });
-        i0.ɵɵelementEnd()();
-    }
-    if (rf & 2) {
-        const 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_21_div_2_Template(rf, ctx) {
-    if (rf & 1) {
-        const _r11 = i0.ɵɵgetCurrentView();
-        i0.ɵɵelementStart(0, "div")(1, "dx-check-box", 17);
-        i0.ɵɵlistener("onInitialized", function CaucaManagementGroupComponent_div_21_div_2_Template_dx_check_box_onInitialized_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r11); const permission_r8 = restoredCtx.$implicit; const field_r6 = i0.ɵɵnextContext().$implicit; const ctx_r9 = i0.ɵɵnextContext(); return ctx_r9.getPermissionStatus(field_r6, permission_r8, $event); })("onValueChanged", function CaucaManagementGroupComponent_div_21_div_2_Template_dx_check_box_onValueChanged_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r11); const permission_r8 = restoredCtx.$implicit; const field_r6 = i0.ɵɵnextContext().$implicit; const ctx_r12 = i0.ɵɵnextContext(); return ctx_r12.checkBoxToggled(field_r6, permission_r8, $event); });
-        i0.ɵɵelementEnd()();
-    }
-    if (rf & 2) {
-        const permission_r8 = ctx.$implicit;
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("text", permission_r8.name);
-    }
-}
-const _c0 = function () { return ["name", "tag"]; };
-function CaucaManagementGroupComponent_div_21_Template(rf, ctx) {
-    if (rf & 1) {
-        i0.ɵɵelementStart(0, "div")(1, "dx-list", 16);
-        i0.ɵɵtemplate(2, CaucaManagementGroupComponent_div_21_div_2_Template, 2, 1, "div", 14);
-        i0.ɵɵelementEnd()();
-    }
-    if (rf & 2) {
-        const 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");
-    }
-}
-class CaucaManagementGroupComponent {
-    constructor(managementGroupService, managementUserService, managementPermissionService, breakpointObserver) {
-        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 = (e) => {
-            const users = (e.users ? e.users : []);
-            let usersNames = [];
-            users.forEach((user) => {
-                const userGroup = this.users.filter((u) => u.id === user.idUser);
-                if (userGroup && userGroup[0]) {
-                    usersNames.push(userGroup[0].firstName + ' ' + userGroup[0].lastName);
-                }
-            });
-            usersNames = usersNames.sort((one, two) => (one < two ? -1 : 1));
-            return usersNames.join(', ');
-        };
-        this.groupNameAlreadyUsedValidation = (e) => this.managementGroupService.hasExistingGroupName(e.data).pipe(map((exist) => !exist)).toPromise();
-        breakpointObserver.observe(['(max-width: 1000px)']).subscribe((result) => {
-            this.showColumn = !result.matches;
-        });
-        breakpointObserver.observe(['(max-width: 600px)']).subscribe((result) => {
-            this.showColumnXS = !result.matches;
-        });
-    }
-    ngOnInit() {
-        this.managementUserService.getAll().subscribe((data) => {
-            this.users = data;
-            this.users.forEach((user) => {
-                if (user.isActive) {
-                    if (user.firstName !== '' && user.lastName !== '') {
-                        this.userFullName[user.id] = `${user.firstName} ${user.lastName}`;
-                    }
-                }
-            });
-        });
-        this.managementPermissionService.getAll().subscribe((permissions) => {
-            const permissionIndex = permissions.findIndex((c) => c.tag === 'CanAccessPermissions');
-            if (permissionIndex !== -1) {
-                permissions.splice(permissionIndex, 1);
-            }
-            permissions.sort((a, b) => {
-                if (a.name < b.name) {
-                    return -1;
-                }
-                if (a.name > b.name) {
-                    return 1;
-                }
-                return 0;
-            });
-            this.permissions = permissions;
-        });
-        this.getGroups();
-    }
-    fullName(data) {
-        if (!data) {
-            return '';
-        }
-        return `${data.firstName} ${data.lastName}`;
-    }
-    getGroupUser(field, e) {
-        const users = [];
-        if (this.groupUsers) {
-            this.groupUsers.forEach((user) => {
-                users.push(user.idUser);
-            });
-        }
-        e.component.option('value', users);
-    }
-    setGroupUser(field, e) {
-        const groupUser = [];
-        e.value.forEach((idUser) => {
-            const groupIndex = (field.data.users || []).findIndex((g) => g.idUser === idUser);
-            if (groupIndex === -1) {
-                groupUser.push({ idUser, });
-            }
-            else {
-                groupUser.push(field.data.users[groupIndex]);
-            }
-        });
-        field.setValue(JSON.parse(JSON.stringify(groupUser)));
-    }
-    setGroupPermission(field, e) {
-        const groupUser = [];
-        e.value.forEach((idUser) => {
-            groupUser.push({
-                idUser,
-            });
-        });
-        field.setValue(JSON.parse(JSON.stringify(groupUser)));
-    }
-    getPermissionStatus(field, permission, e) {
-        const groupPermission = (field.value || []).find((p) => p.idModulePermission === permission.id);
-        if (groupPermission) {
-            e.component.option('value', groupPermission.isAllowed);
-        }
-        else {
-            e.component.option('value', undefined);
-        }
-    }
-    checkBoxToggled(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);
-    }
-    onRowInserted(e) {
-        this.saveGroup(e.data);
-    }
-    onRowUpdated(e) {
-        this.saveGroup(e.data);
-    }
-    onRowRemoved(e) {
-        const group = e.data;
-        this.managementGroupService.delete(group.id).subscribe(() => {
-            this.getGroups();
-        });
-    }
-    onEditingStart(e) {
-        this.groupUsers = e.data.users;
-    }
-    onInitNewRow() {
-        this.groupUsers = [];
-    }
-    setPermissionStatus(field, permission, value) {
-        const groupPermissions = field.value || [];
-        const groupIndex = groupPermissions.findIndex((p) => 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)));
-    }
-    saveGroup(group) {
-        this.removePermissionUndefined(group);
-        if (group.users) {
-            group.users.forEach((userGroup) => {
-                userGroup.idGroup = group.id;
-            });
-        }
-        if (group.permissions) {
-            group.permissions.forEach((groupPermission) => {
-                groupPermission.idGroup = group.id;
-            });
-        }
-        this.managementGroupService.save(group).subscribe(() => {
-            this.getGroups();
-        });
-        this.groupUsers = [];
-    }
-    removePermissionUndefined(group) {
-        group.permissions = group.permissions.filter((permission) => permission.isAllowed !== undefined);
-    }
-    getGroups() {
-        this.managementGroupService.getAll().subscribe((data) => this.groups = data);
-    }
-}
-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 = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaManagementGroupComponent, selectors: [["cauca-management-group"]], inputs: { showPrintButton: "showPrintButton", hoverStatePermission: "hoverStatePermission" }, decls: 22, vars: 34, consts: [["keyExpr", "id", 3, "allowPrint", "dataSource", "onRowInserted", "onInitNewRow", "onRowUpdated", "onEditingStart", "onRowRemoved"], ["dataField", "name", 3, "caption"], ["type", "async", 3, "message", "validationCallback"], ["dataField", "assignableByAllUsers", "dataType", "boolean", 3, "caption"], ["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"], ["dataField", "assignableByAllUsers"], [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, "dxi-column", 5);
-            i0.ɵɵpipe(10, "translate");
-            i0.ɵɵelement(11, "dxo-export", 6);
-            i0.ɵɵelementStart(12, "dxo-editing", 7);
-            i0.ɵɵelement(13, "dxo-popup", 8);
-            i0.ɵɵpipe(14, "translate");
-            i0.ɵɵelementStart(15, "dxo-form", 9);
-            i0.ɵɵelement(16, "dxi-item", 10)(17, "dxi-item", 11)(18, "dxi-item", 12)(19, "dxi-item", 13);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵtemplate(20, CaucaManagementGroupComponent_div_20_Template, 2, 4, "div", 14);
-            i0.ɵɵtemplate(21, CaucaManagementGroupComponent_div_21_Template, 3, 6, "div", 14);
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            i0.ɵɵproperty("allowPrint", ctx.showPrintButton)("dataSource", ctx.groups);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("caption", i0.ɵɵpipeBind1(2, 22, "management.name"));
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("message", i0.ɵɵpipeBind1(4, 24, "management.groupNameAlreadyUsed"))("validationCallback", ctx.groupNameAlreadyUsedValidation);
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("caption", i0.ɵɵpipeBind1(6, 26, "management.assignableByAllUsers"));
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("caption", i0.ɵɵpipeBind1(8, 28, "management.users"))("calculateCellValue", ctx.calculateUsersCellValue);
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("caption", i0.ɵɵpipeBind1(10, 30, "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(14, 32, "management.group"))("fullScreen", !ctx.showColumn);
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("labelLocation", ctx.showColumnXS ? "left" : "top");
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("isRequired", true);
-            i0.ɵɵadvance(4);
-            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: [""] });
-(function () {
-    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaManagementGroupComponent, [{
-            type: 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=\"assignableByAllUsers\" [caption]=\"'management.assignableByAllUsers' | translate\"\n        dataType=\"boolean\">\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            <dxi-item dataField=\"assignableByAllUsers\"></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: [""] }]
-        }], function () { return [{ type: ManagementGroupService }, { type: ManagementUserService }, { type: ManagementPermissionService }, { type: i4.BreakpointObserver }]; }, { showPrintButton: [{
-                type: Input
-            }], hoverStatePermission: [{
-                type: Input
-            }] });
+function CaucaManagementGroupComponent_div_20_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r4 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "div")(1, "dx-tag-box", 15);
+        i0.ɵɵlistener("onInitialized", function CaucaManagementGroupComponent_div_20_Template_dx_tag_box_onInitialized_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r4); const field_r2 = restoredCtx.$implicit; const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.getGroupUser(field_r2, $event)); })("onValueChanged", function CaucaManagementGroupComponent_div_20_Template_dx_tag_box_onValueChanged_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r4); const field_r2 = restoredCtx.$implicit; const ctx_r5 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r5.setGroupUser(field_r2, $event)); });
+        i0.ɵɵelementEnd()();
+    }
+    if (rf & 2) {
+        const 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_21_div_2_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r11 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "div")(1, "dx-check-box", 17);
+        i0.ɵɵlistener("onInitialized", function CaucaManagementGroupComponent_div_21_div_2_Template_dx_check_box_onInitialized_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r11); const permission_r8 = restoredCtx.$implicit; const field_r6 = i0.ɵɵnextContext().$implicit; const ctx_r9 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r9.getPermissionStatus(field_r6, permission_r8, $event)); })("onValueChanged", function CaucaManagementGroupComponent_div_21_div_2_Template_dx_check_box_onValueChanged_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r11); const permission_r8 = restoredCtx.$implicit; const field_r6 = i0.ɵɵnextContext().$implicit; const ctx_r12 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r12.checkBoxToggled(field_r6, permission_r8, $event)); });
+        i0.ɵɵelementEnd()();
+    }
+    if (rf & 2) {
+        const permission_r8 = ctx.$implicit;
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("text", permission_r8.name);
+    }
+}
+const _c0 = function () { return ["name", "tag"]; };
+function CaucaManagementGroupComponent_div_21_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "div")(1, "dx-list", 16);
+        i0.ɵɵtemplate(2, CaucaManagementGroupComponent_div_21_div_2_Template, 2, 1, "div", 14);
+        i0.ɵɵelementEnd()();
+    }
+    if (rf & 2) {
+        const 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");
+    }
+}
+class CaucaManagementGroupComponent {
+    constructor(managementGroupService, managementUserService, managementPermissionService, breakpointObserver) {
+        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 = (e) => {
+            const users = (e.users ? e.users : []);
+            let usersNames = [];
+            users.forEach((user) => {
+                const userGroup = this.users.filter((u) => u.id === user.idUser);
+                if (userGroup && userGroup[0]) {
+                    usersNames.push(userGroup[0].firstName + ' ' + userGroup[0].lastName);
+                }
+            });
+            usersNames = usersNames.sort((one, two) => (one < two ? -1 : 1));
+            return usersNames.join(', ');
+        };
+        this.groupNameAlreadyUsedValidation = (e) => this.managementGroupService.hasExistingGroupName(e.data).pipe(map((exist) => !exist)).toPromise();
+        breakpointObserver.observe(['(max-width: 1000px)']).subscribe((result) => {
+            this.showColumn = !result.matches;
+        });
+        breakpointObserver.observe(['(max-width: 600px)']).subscribe((result) => {
+            this.showColumnXS = !result.matches;
+        });
+    }
+    ngOnInit() {
+        this.managementUserService.getAll().subscribe((data) => {
+            this.users = data;
+            this.users.forEach((user) => {
+                if (user.isActive) {
+                    if (user.firstName !== '' && user.lastName !== '') {
+                        this.userFullName[user.id] = `${user.firstName} ${user.lastName}`;
+                    }
+                }
+            });
+        });
+        this.managementPermissionService.getAll().subscribe((permissions) => {
+            const permissionIndex = permissions.findIndex((c) => c.tag === 'CanAccessPermissions');
+            if (permissionIndex !== -1) {
+                permissions.splice(permissionIndex, 1);
+            }
+            permissions.sort((a, b) => {
+                if (a.name < b.name) {
+                    return -1;
+                }
+                if (a.name > b.name) {
+                    return 1;
+                }
+                return 0;
+            });
+            this.permissions = permissions;
+        });
+        this.getGroups();
+    }
+    fullName(data) {
+        if (!data) {
+            return '';
+        }
+        return `${data.firstName} ${data.lastName}`;
+    }
+    getGroupUser(field, e) {
+        const users = [];
+        if (this.groupUsers) {
+            this.groupUsers.forEach((user) => {
+                users.push(user.idUser);
+            });
+        }
+        e.component.option('value', users);
+    }
+    setGroupUser(field, e) {
+        const groupUser = [];
+        e.value.forEach((idUser) => {
+            const groupIndex = (field.data.users || []).findIndex((g) => g.idUser === idUser);
+            if (groupIndex === -1) {
+                groupUser.push({ idUser, });
+            }
+            else {
+                groupUser.push(field.data.users[groupIndex]);
+            }
+        });
+        field.setValue(JSON.parse(JSON.stringify(groupUser)));
+    }
+    setGroupPermission(field, e) {
+        const groupUser = [];
+        e.value.forEach((idUser) => {
+            groupUser.push({
+                idUser,
+            });
+        });
+        field.setValue(JSON.parse(JSON.stringify(groupUser)));
+    }
+    getPermissionStatus(field, permission, e) {
+        const groupPermission = (field.value || []).find((p) => p.idModulePermission === permission.id);
+        if (groupPermission) {
+            e.component.option('value', groupPermission.isAllowed);
+        }
+        else {
+            e.component.option('value', undefined);
+        }
+    }
+    checkBoxToggled(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);
+    }
+    onRowInserted(e) {
+        this.saveGroup(e.data);
+    }
+    onRowUpdated(e) {
+        this.saveGroup(e.data);
+    }
+    onRowRemoved(e) {
+        const group = e.data;
+        this.managementGroupService.delete(group.id).subscribe(() => {
+            this.getGroups();
+        });
+    }
+    onEditingStart(e) {
+        this.groupUsers = e.data.users;
+    }
+    onInitNewRow() {
+        this.groupUsers = [];
+    }
+    setPermissionStatus(field, permission, value) {
+        const groupPermissions = field.value || [];
+        const groupIndex = groupPermissions.findIndex((p) => 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)));
+    }
+    saveGroup(group) {
+        this.removePermissionUndefined(group);
+        if (group.users) {
+            group.users.forEach((userGroup) => {
+                userGroup.idGroup = group.id;
+            });
+        }
+        if (group.permissions) {
+            group.permissions.forEach((groupPermission) => {
+                groupPermission.idGroup = group.id;
+            });
+        }
+        this.managementGroupService.save(group).subscribe(() => {
+            this.getGroups();
+        });
+        this.groupUsers = [];
+    }
+    removePermissionUndefined(group) {
+        group.permissions = group.permissions.filter((permission) => permission.isAllowed !== undefined);
+    }
+    getGroups() {
+        this.managementGroupService.getAll().subscribe((data) => this.groups = data);
+    }
+}
+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 = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaManagementGroupComponent, selectors: [["cauca-management-group"]], inputs: { showPrintButton: "showPrintButton", hoverStatePermission: "hoverStatePermission" }, decls: 22, vars: 34, consts: [["keyExpr", "id", 3, "allowPrint", "dataSource", "onRowInserted", "onInitNewRow", "onRowUpdated", "onEditingStart", "onRowRemoved"], ["dataField", "name", 3, "caption"], ["type", "async", 3, "message", "validationCallback"], ["dataField", "assignableByAllUsers", "dataType", "boolean", 3, "caption"], ["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"], ["dataField", "assignableByAllUsers"], [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, "dxi-column", 5);
+            i0.ɵɵpipe(10, "translate");
+            i0.ɵɵelement(11, "dxo-export", 6);
+            i0.ɵɵelementStart(12, "dxo-editing", 7);
+            i0.ɵɵelement(13, "dxo-popup", 8);
+            i0.ɵɵpipe(14, "translate");
+            i0.ɵɵelementStart(15, "dxo-form", 9);
+            i0.ɵɵelement(16, "dxi-item", 10)(17, "dxi-item", 11)(18, "dxi-item", 12)(19, "dxi-item", 13);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵtemplate(20, CaucaManagementGroupComponent_div_20_Template, 2, 4, "div", 14);
+            i0.ɵɵtemplate(21, CaucaManagementGroupComponent_div_21_Template, 3, 6, "div", 14);
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            i0.ɵɵproperty("allowPrint", ctx.showPrintButton)("dataSource", ctx.groups);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("caption", i0.ɵɵpipeBind1(2, 22, "management.name"));
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("message", i0.ɵɵpipeBind1(4, 24, "management.groupNameAlreadyUsed"))("validationCallback", ctx.groupNameAlreadyUsedValidation);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("caption", i0.ɵɵpipeBind1(6, 26, "management.assignableByAllUsers"));
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("caption", i0.ɵɵpipeBind1(8, 28, "management.users"))("calculateCellValue", ctx.calculateUsersCellValue);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("caption", i0.ɵɵpipeBind1(10, 30, "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(14, 32, "management.group"))("fullScreen", !ctx.showColumn);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("labelLocation", ctx.showColumnXS ? "left" : "top");
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("isRequired", true);
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("dxTemplateOf", "usersEditTemplate");
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("dxTemplateOf", "permissionsEditTemplate");
+        }
+    }, dependencies: [i5.DxCheckBoxComponent, i6.DxTemplateDirective, i7.DxListComponent, i8.DxiItemComponent, i9.DxTagBoxComponent, i10.CaucaDataGridComponent, i8.DxiColumnComponent, i8.DxiValidationRuleComponent, i8.DxoEditingComponent, i8.DxoFormComponent, i8.DxoPopupComponent, i8.DxoExportComponent, i1.TranslatePipe] });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaManagementGroupComponent, [{
+            type: 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=\"assignableByAllUsers\" [caption]=\"'management.assignableByAllUsers' | translate\"\n        dataType=\"boolean\">\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            <dxi-item dataField=\"assignableByAllUsers\"></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>" }]
+        }], function () { return [{ type: ManagementGroupService }, { type: ManagementUserService }, { type: ManagementPermissionService }, { type: i4.BreakpointObserver }]; }, { showPrintButton: [{
+                type: Input
+            }], hoverStatePermission: [{
+                type: Input
+            }] });
 })();
 
-class UserModel {
-    constructor() {
-        this.userName = '';
-        this.firstName = '';
-        this.lastName = '';
-        this.password = '';
-        this.email = '';
-        this.isActive = true;
-        this.twoFactorAuthenticatorEnabled = false;
-    }
+class UserModel {
+    constructor() {
+        this.userName = '';
+        this.firstName = '';
+        this.lastName = '';
+        this.password = '';
+        this.email = '';
+        this.isActive = true;
+        this.twoFactorAuthenticatorEnabled = false;
+    }
 }
 
-class CaucaManagementUserComponent {
-    constructor(managementUserService, breakpointObserver) {
-        this.managementUserService = managementUserService;
-        this.users = [
-            new UserModel()
-        ];
-        this.showColumnXS = true;
-        this.userNameAlreadyUsedValidation = (e) => this.managementUserService.hasExistingUserName(e.data).pipe(map((exist) => !exist)).toPromise();
-        breakpointObserver.observe(['(max-width: 600px)']).subscribe((result) => {
-            this.showColumnXS = !result.matches;
-        });
-    }
-    ngOnInit() {
-        this.getUsers();
-    }
-    onRowInserted(e) {
-        this.saveGroup(e.data);
-    }
-    onRowUpdated(e) {
-        this.saveGroup(e.key);
-    }
-    onRowRemoved(e) {
-        const user = e.data;
-        this.managementUserService.delete(user.id).subscribe((data) => {
-            this.getUsers();
-        });
-    }
-    saveGroup(user) {
-        this.managementUserService.save(user).subscribe(() => {
-            this.getUsers();
-        });
-    }
-    getUsers() {
-        this.managementUserService.getAll().subscribe((data) => this.users = data);
-    }
-}
-CaucaManagementUserComponent.ɵfac = function CaucaManagementUserComponent_Factory(t) { return new (t || CaucaManagementUserComponent)(i0.ɵɵdirectiveInject(ManagementUserService), i0.ɵɵdirectiveInject(i4.BreakpointObserver)); };
-CaucaManagementUserComponent.ɵcmp = /*@__PURE__*/ 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)(18, "dxi-item", 11)(19, "dxi-item", 12)(20, "dxi-item", 13)(21, "dxi-item", 14);
-            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: [""] });
-(function () {
-    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaManagementUserComponent, [{
-            type: 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: [""] }]
-        }], function () { return [{ type: ManagementUserService }, { type: i4.BreakpointObserver }]; }, null);
+class CaucaManagementUserComponent {
+    constructor(managementUserService, breakpointObserver) {
+        this.managementUserService = managementUserService;
+        this.users = [
+            new UserModel()
+        ];
+        this.showColumnXS = true;
+        this.userNameAlreadyUsedValidation = (e) => this.managementUserService.hasExistingUserName(e.data).pipe(map((exist) => !exist)).toPromise();
+        breakpointObserver.observe(['(max-width: 600px)']).subscribe((result) => {
+            this.showColumnXS = !result.matches;
+        });
+    }
+    ngOnInit() {
+        this.getUsers();
+    }
+    onRowInserted(e) {
+        this.saveGroup(e.data);
+    }
+    onRowUpdated(e) {
+        this.saveGroup(e.key);
+    }
+    onRowRemoved(e) {
+        const user = e.data;
+        this.managementUserService.delete(user.id).subscribe((data) => {
+            this.getUsers();
+        });
+    }
+    saveGroup(user) {
+        this.managementUserService.save(user).subscribe(() => {
+            this.getUsers();
+        });
+    }
+    getUsers() {
+        this.managementUserService.getAll().subscribe((data) => this.users = data);
+    }
+}
+CaucaManagementUserComponent.ɵfac = function CaucaManagementUserComponent_Factory(t) { return new (t || CaucaManagementUserComponent)(i0.ɵɵdirectiveInject(ManagementUserService), i0.ɵɵdirectiveInject(i4.BreakpointObserver)); };
+CaucaManagementUserComponent.ɵcmp = /*@__PURE__*/ 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)(18, "dxi-item", 11)(19, "dxi-item", 12)(20, "dxi-item", 13)(21, "dxi-item", 14);
+            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);
+        }
+    }, dependencies: [i8.DxiItemComponent, i10.CaucaDataGridComponent, i8.DxiColumnComponent, i8.DxiValidationRuleComponent, i8.DxoEditingComponent, i8.DxoFormComponent, i8.DxoPopupComponent, i1.TranslatePipe] });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaManagementUserComponent, [{
+            type: 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" }]
+        }], function () { return [{ type: ManagementUserService }, { type: i4.BreakpointObserver }]; }, null);
 })();
 
-class CaucaManagementModule {
-}
-CaucaManagementModule.ɵfac = function CaucaManagementModule_Factory(t) { return new (t || CaucaManagementModule)(); };
-CaucaManagementModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: CaucaManagementModule });
-CaucaManagementModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
-            CommonModule,
-            DxCheckBoxModule,
-            DxListModule,
-            DxTagBoxModule,
-            CaucaCoreForChildModule,
-            CaucaDevextremeModule,
-        ]] });
-(function () {
-    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaManagementModule, [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        CaucaManagementComponent,
-                        CaucaManagementGroupComponent,
-                        CaucaManagementUserComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        DxCheckBoxModule,
-                        DxListModule,
-                        DxTagBoxModule,
-                        CaucaCoreForChildModule,
-                        CaucaDevextremeModule,
-                    ],
-                    exports: [
-                        CaucaManagementComponent,
-                        CaucaManagementUserComponent,
-                        CaucaManagementGroupComponent,
-                    ]
-                }]
-        }], null, null);
-})();
-(function () {
-    (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CaucaManagementModule, { declarations: [CaucaManagementComponent,
-            CaucaManagementGroupComponent,
-            CaucaManagementUserComponent], imports: [CommonModule,
-            DxCheckBoxModule,
-            DxListModule,
-            DxTagBoxModule,
-            CaucaCoreForChildModule,
-            CaucaDevextremeModule], exports: [CaucaManagementComponent,
-            CaucaManagementUserComponent,
-            CaucaManagementGroupComponent] });
+class CaucaManagementModule {
+}
+CaucaManagementModule.ɵfac = function CaucaManagementModule_Factory(t) { return new (t || CaucaManagementModule)(); };
+CaucaManagementModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: CaucaManagementModule });
+CaucaManagementModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+        DxCheckBoxModule,
+        DxListModule,
+        DxTagBoxModule,
+        CaucaCoreForChildModule,
+        CaucaDevextremeModule] });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaManagementModule, [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        CaucaManagementComponent,
+                        CaucaManagementGroupComponent,
+                        CaucaManagementUserComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        DxCheckBoxModule,
+                        DxListModule,
+                        DxTagBoxModule,
+                        CaucaCoreForChildModule,
+                        CaucaDevextremeModule,
+                    ],
+                    exports: [
+                        CaucaManagementComponent,
+                        CaucaManagementUserComponent,
+                        CaucaManagementGroupComponent,
+                    ]
+                }]
+        }], null, null);
+})();
+(function () {
+    (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CaucaManagementModule, { declarations: [CaucaManagementComponent,
+            CaucaManagementGroupComponent,
+            CaucaManagementUserComponent], imports: [CommonModule,
+            DxCheckBoxModule,
+            DxListModule,
+            DxTagBoxModule,
+            CaucaCoreForChildModule,
+            CaucaDevextremeModule], exports: [CaucaManagementComponent,
+            CaucaManagementUserComponent,
+            CaucaManagementGroupComponent] });
 })();
 
-class UserGroupModel {
-    constructor() {
-        this.idUserGroup = '';
-        this.idGroup = '';
-        this.idUser = '';
-    }
+class UserGroupModel {
+    constructor() {
+        this.idUserGroup = '';
+        this.idGroup = '';
+        this.idUser = '';
+    }
 }
 
-class UserPermissionModel {
-    constructor() {
-        this.idUserPermission = '';
-        this.isAllowed = false;
-        this.idUser = '';
-        this.idModulePermission = '';
-    }
+class UserPermissionModel {
+    constructor() {
+        this.idUserPermission = '';
+        this.isAllowed = false;
+        this.idUser = '';
+        this.idModulePermission = '';
+    }
 }
 
-class GroupModel {
-    constructor() {
-        this.name = '';
-        this.users = [];
-        this.permissions = [];
-    }
+class GroupModel {
+    constructor() {
+        this.name = '';
+        this.users = [];
+        this.permissions = [];
+    }
 }
 
-class GroupPermissionModel {
-    constructor() {
-        this.idGroupPermission = '';
-        this.isAllowed = false;
-        this.idGroup = '';
-        this.idModulePermission = '';
-    }
+class GroupPermissionModel {
+    constructor() {
+        this.idGroupPermission = '';
+        this.isAllowed = false;
+        this.idGroup = '';
+        this.idModulePermission = '';
+    }
 }
 
-/*
- * Public API Surface of cauca-management
+/*
+ * Public API Surface of cauca-management
  */
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { CaucaManagementComponent, CaucaManagementGroupComponent, CaucaManagementModule, CaucaManagementService, CaucaManagementUserComponent, GroupModel, GroupPermissionModel, ManagementGroupService, ManagementUserService, UserGroupModel, UserModel, UserPermissionModel };