@cauca-911/management 12.0.0 → 12.0.2

package/fesm2015/cauca-911-management.js

@@ -1,484 +1,641 @@
 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 { DxCheckBoxModule } from 'devextreme-angular/ui/check-box';
+import * as i9 from 'devextreme-angular/ui/list';
 import { DxListModule } from 'devextreme-angular/ui/list';
+import * as i8 from 'devextreme-angular/ui/tag-box';
 import { DxTagBoxModule } from 'devextreme-angular/ui/tag-box';
-import * as i1 from '@cauca-911/core';
-import { CaucaCoreService, CaucaCoreForChildModule } from '@cauca-911/core';
+import * as i1$1 from '@cauca-911/core';
+import { CaucaCoreForChildModule } from '@cauca-911/core';
+import * as i5 from '@cauca-911/devextreme';
 import { CaucaDevextremeModule } from '@cauca-911/devextreme';
-import { BreakpointObserver } from '@angular/cdk/layout';
 import { map } from 'rxjs/operators';
 import * as i2 from '@angular/common/http';
-import { HttpClient } 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 { CommonModule } from '@angular/common';
 
-class CaucaManagementService {
-    constructor() { }
-}
-CaucaManagementService.ɵprov = i0.ɵɵdefineInjectable({ factory: function CaucaManagementService_Factory() { return new CaucaManagementService(); }, token: CaucaManagementService, providedIn: "root" });
-CaucaManagementService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-CaucaManagementService.ctorParameters = () => [];
+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.decorators = [
-    { type: Component, args: [{
-                selector: 'cauca-management',
-                template: "<div>{{'core.noGenericComponentOnThisLibrary' | translate}}</div>"
-            },] }
-];
-CaucaManagementComponent.ctorParameters = () => [];
+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',
+                templateUrl: './cauca-management.component.html',
+                styles: []
+            }]
+    }], 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.ɵprov = i0.ɵɵdefineInjectable({ factory: function ManagementGroupService_Factory() { return new ManagementGroupService(i0.ɵɵinject(i1.CaucaCoreService), i0.ɵɵinject(i2.HttpClient)); }, token: ManagementGroupService, providedIn: "root" });
-ManagementGroupService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-ManagementGroupService.ctorParameters = () => [
-    { type: CaucaCoreService },
-    { type: HttpClient }
-];
+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.ɵprov = i0.ɵɵdefineInjectable({ factory: function ManagementUserService_Factory() { return new ManagementUserService(i0.ɵɵinject(i1.CaucaCoreService), i0.ɵɵinject(i2.HttpClient)); }, token: ManagementUserService, providedIn: "root" });
-ManagementUserService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-ManagementUserService.ctorParameters = () => [
-    { type: CaucaCoreService },
-    { type: HttpClient }
-];
+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.ɵprov = i0.ɵɵdefineInjectable({ factory: function ManagementPermissionService_Factory() { return new ManagementPermissionService(i0.ɵɵinject(i1.CaucaCoreService), i0.ɵɵinject(i2.HttpClient)); }, token: ManagementPermissionService, providedIn: "root" });
-ManagementPermissionService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-ManagementPermissionService.ctorParameters = () => [
-    { type: CaucaCoreService },
-    { type: HttpClient }
-];
+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 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) => {
-            return this.managementGroupService.hasExistingGroupName(e.data).pipe(map((exist) => {
-                return !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) => {
-                return 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.decorators = [
-    { 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=\"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 = () => [
-    { type: ManagementGroupService },
-    { type: ManagementUserService },
-    { type: ManagementPermissionService },
-    { type: BreakpointObserver }
-];
-CaucaManagementGroupComponent.propDecorators = {
-    showPrintButton: [{ type: Input }],
-    hoverStatePermission: [{ type: Input }]
-};
+function CaucaManagementGroupComponent_div_17_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = 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) { 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_17_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();
+    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_18_div_2_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = 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) { 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_18_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();
+    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_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) {
+    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: 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: [""] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaManagementGroupComponent, [{
+        type: 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: Input
+        }], hoverStatePermission: [{
+            type: Input
+        }] }); })();
 
-class UserModel {
-    constructor() {
-        this.userName = '';
-        this.firstName = '';
-        this.lastName = '';
-        this.password = '';
-        this.email = '';
-        this.isActive = true;
-    }
+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) => {
-            return this.managementUserService.hasExistingUserName(e.data).pipe(map((exist) => {
-                return !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.decorators = [
-    { 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: [""]
-            },] }
-];
-CaucaManagementUserComponent.ctorParameters = () => [
-    { type: ManagementUserService },
-    { type: BreakpointObserver }
-];
+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);
+        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: [""] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaManagementUserComponent, [{
+        type: 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); })();
 
-class CaucaManagementModule {
-}
-CaucaManagementModule.decorators = [
-    { type: NgModule, args: [{
-                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, ManagementPermissionService as ɵa };
+export { CaucaManagementComponent, CaucaManagementGroupComponent, CaucaManagementModule, CaucaManagementService, CaucaManagementUserComponent, GroupModel, GroupPermissionModel, ManagementGroupService, ManagementUserService, UserGroupModel, UserModel, UserPermissionModel };
 //# sourceMappingURL=cauca-911-management.js.map