@cauca-911/management 11.0.1 → 12.0.2

package/fesm2015/cauca-911-management.js

@@ -1,37 +1,58 @@
-import { ɵɵdefineInjectable, Injectable, Component, ɵɵinject, Input, NgModule } from '@angular/core';
+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 { 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 { HttpClient } from '@angular/common/http';
+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 { CommonModule } from '@angular/common';
 
 class CaucaManagementService {
     constructor() { }
 }
-CaucaManagementService.ɵprov = ɵɵdefineInjectable({ factory: function CaucaManagementService_Factory() { return new CaucaManagementService(); }, token: CaucaManagementService, providedIn: "root" });
-CaucaManagementService.decorators = [
-    { type: Injectable, args: [{
+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'
-            },] }
-];
-CaucaManagementService.ctorParameters = () => [];
+            }]
+    }], function () { return []; }, null); })();
 
 class CaucaManagementComponent {
     constructor() { }
     ngOnInit() {
     }
 }
-CaucaManagementComponent.decorators = [
-    { type: Component, args: [{
+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',
-                template: "<div>{{'core.noGenericComponentOnThisLibrary' | translate}}</div>"
-            },] }
-];
-CaucaManagementComponent.ctorParameters = () => [];
+                templateUrl: './cauca-management.component.html',
+                styles: []
+            }]
+    }], function () { return []; }, null); })();
 
 class ManagementGroupService {
     constructor(coreService, http) {
@@ -54,16 +75,14 @@ class ManagementGroupService {
         return this.http.post(`${this.config.apiUrl}GroupManagement/GroupNameAlreadyExist`, group);
     }
 }
-ManagementGroupService.ɵprov = ɵɵdefineInjectable({ factory: function ManagementGroupService_Factory() { return new ManagementGroupService(ɵɵinject(CaucaCoreService), ɵɵinject(HttpClient)); }, token: ManagementGroupService, providedIn: "root" });
-ManagementGroupService.decorators = [
-    { type: Injectable, args: [{
+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'
-            },] }
-];
-ManagementGroupService.ctorParameters = () => [
-    { type: CaucaCoreService },
-    { type: HttpClient }
-];
+            }]
+    }], function () { return [{ type: i1$1.CaucaCoreService }, { type: i2.HttpClient }]; }, null); })();
 
 class ManagementUserService {
     constructor(coreService, http) {
@@ -101,16 +120,14 @@ class ManagementUserService {
         return this.http.post(`${this.config.apiUrl}UserManagement/UserNameAlreadyExist`, user);
     }
 }
-ManagementUserService.ɵprov = ɵɵdefineInjectable({ factory: function ManagementUserService_Factory() { return new ManagementUserService(ɵɵinject(CaucaCoreService), ɵɵinject(HttpClient)); }, token: ManagementUserService, providedIn: "root" });
-ManagementUserService.decorators = [
-    { type: Injectable, args: [{
+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'
-            },] }
-];
-ManagementUserService.ctorParameters = () => [
-    { type: CaucaCoreService },
-    { type: HttpClient }
-];
+            }]
+    }], function () { return [{ type: i1$1.CaucaCoreService }, { type: i2.HttpClient }]; }, null); })();
 
 class ManagementPermissionService {
     constructor(coreService, http) {
@@ -130,17 +147,53 @@ class ManagementPermissionService {
         return this.http.delete(`${this.config.apiUrl}PermissionManagement/${idPermission}`);
     }
 }
-ManagementPermissionService.ɵprov = ɵɵdefineInjectable({ factory: function ManagementPermissionService_Factory() { return new ManagementPermissionService(ɵɵinject(CaucaCoreService), ɵɵinject(HttpClient)); }, token: ManagementPermissionService, providedIn: "root" });
-ManagementPermissionService.decorators = [
-    { type: Injectable, args: [{
+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'
-            },] }
-];
-ManagementPermissionService.ctorParameters = () => [
-    { type: CaucaCoreService },
-    { type: HttpClient }
-];
+            }]
+    }], function () { return [{ type: i1$1.CaucaCoreService }, { type: i2.HttpClient }]; }, null); })();
 
+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;
@@ -158,8 +211,8 @@ class CaucaManagementGroupComponent {
         this.calculateUsersCellValue = (e) => {
             const users = (e.users ? e.users : []);
             let usersNames = [];
-            users.forEach(user => {
-                const userGroup = this.users.filter(u => u.id === user.idUser);
+            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);
                 }
@@ -167,22 +220,18 @@ class CaucaManagementGroupComponent {
             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.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 => {
+        breakpointObserver.observe(['(max-width: 600px)']).subscribe((result) => {
             this.showColumnXS = !result.matches;
         });
     }
     ngOnInit() {
-        this.managementUserService.getAll().subscribe(data => {
+        this.managementUserService.getAll().subscribe((data) => {
             this.users = data;
-            this.users.forEach(user => {
+            this.users.forEach((user) => {
                 if (user.isActive) {
                     if (user.firstName !== '' && user.lastName !== '') {
                         this.userFullName[user.id] = `${user.firstName} ${user.lastName}`;
@@ -190,10 +239,8 @@ class CaucaManagementGroupComponent {
                 }
             });
         });
-        this.managementPermissionService.getAll().subscribe(permissions => {
-            const permissionIndex = permissions.findIndex(c => {
-                return c.tag === 'CanAccessPermissions';
-            });
+        this.managementPermissionService.getAll().subscribe((permissions) => {
+            const permissionIndex = permissions.findIndex((c) => c.tag === 'CanAccessPermissions');
             if (permissionIndex !== -1) {
                 permissions.splice(permissionIndex, 1);
             }
@@ -219,7 +266,7 @@ class CaucaManagementGroupComponent {
     getGroupUser(field, e) {
         const users = [];
         if (this.groupUsers) {
-            this.groupUsers.forEach(user => {
+            this.groupUsers.forEach((user) => {
                 users.push(user.idUser);
             });
         }
@@ -227,8 +274,8 @@ class CaucaManagementGroupComponent {
     }
     setGroupUser(field, e) {
         const groupUser = [];
-        e.value.forEach(idUser => {
-            const groupIndex = (field.data.users || []).findIndex(g => g.idUser === idUser);
+        e.value.forEach((idUser) => {
+            const groupIndex = (field.data.users || []).findIndex((g) => g.idUser === idUser);
             if (groupIndex === -1) {
                 groupUser.push({ idUser, });
             }
@@ -240,7 +287,7 @@ class CaucaManagementGroupComponent {
     }
     setGroupPermission(field, e) {
         const groupUser = [];
-        e.value.forEach(idUser => {
+        e.value.forEach((idUser) => {
             groupUser.push({
                 idUser,
             });
@@ -248,7 +295,7 @@ class CaucaManagementGroupComponent {
         field.setValue(JSON.parse(JSON.stringify(groupUser)));
     }
     getPermissionStatus(field, permission, e) {
-        const groupPermission = (field.value || []).find(p => p.idModulePermission === permission.id);
+        const groupPermission = (field.value || []).find((p) => p.idModulePermission === permission.id);
         if (groupPermission) {
             e.component.option('value', groupPermission.isAllowed);
         }
@@ -281,7 +328,7 @@ class CaucaManagementGroupComponent {
     }
     onRowRemoved(e) {
         const group = e.data;
-        this.managementGroupService.delete(group.id).subscribe(data => {
+        this.managementGroupService.delete(group.id).subscribe(() => {
             this.getGroups();
         });
     }
@@ -293,7 +340,7 @@ class CaucaManagementGroupComponent {
     }
     setPermissionStatus(field, permission, value) {
         const groupPermissions = field.value || [];
-        const groupIndex = groupPermissions.findIndex(p => p.idModulePermission === permission.id);
+        const groupIndex = groupPermissions.findIndex((p) => p.idModulePermission === permission.id);
         if (groupIndex > -1) {
             groupPermissions[groupIndex].isAllowed = value;
         }
@@ -326,26 +373,72 @@ class CaucaManagementGroupComponent {
         group.permissions = group.permissions.filter((permission) => permission.isAllowed !== undefined);
     }
     getGroups() {
-        this.managementGroupService.getAll().subscribe(data => this.groups = data);
+        this.managementGroupService.getAll().subscribe((data) => this.groups = data);
     }
 }
-CaucaManagementGroupComponent.decorators = [
-    { type: Component, args: [{
+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',
-                template: "<cauca-dx-data-grid [allowPrint]=\"showPrintButton\" keyExpr=\"id\" [dataSource]=\"groups\"\r\n    (onRowInserted)=\"onRowInserted($event)\" (onInitNewRow)=\"onInitNewRow()\" (onRowUpdated)=\"onRowUpdated($event)\"\r\n    (onEditingStart)=\"onEditingStart($event)\" (onRowRemoved)=\"onRowRemoved($event)\">\r\n\r\n    <dxi-column dataField=\"name\" [caption]=\"'management.name' | translate\">\r\n        <dxi-validation-rule type=\"async\" [message]=\"'management.groupNameAlreadyUsed' | translate\"\r\n            [validationCallback]=\"groupNameAlreadyUsedValidation\"></dxi-validation-rule>\r\n    </dxi-column>\r\n    <dxi-column dataField=\"users\" [caption]=\"'management.users' | translate\" editCellTemplate=\"usersEditTemplate\"\r\n        [calculateCellValue]=\"calculateUsersCellValue\">\r\n    </dxi-column>\r\n    <dxi-column dataField=\"permissions\" [caption]=\"'management.permissions' | translate\" [visible]=\"false\"\r\n        editCellTemplate=\"permissionsEditTemplate\">\r\n    </dxi-column>\r\n    <dxo-export [enabled]=\"false\"></dxo-export>\r\n    <dxo-editing mode=\"popup\" [allowAdding]=\"true\" [allowUpdating]=\"true\" [allowDeleting]=\"true\" [useIcons]=\"true\">\r\n        <dxo-popup [showTitle]=\"true\" [title]=\"'management.group' | translate\" [fullScreen]=\"!showColumn\"></dxo-popup>\r\n        <dxo-form colCount=\"1\" [labelLocation]=\"showColumnXS ? 'left' : 'top'\">\r\n            <dxi-item dataField=\"name\" [isRequired]=\"true\"></dxi-item>\r\n            <dxi-item dataField=\"users\"></dxi-item>\r\n            <dxi-item dataField=\"permissions\"></dxi-item>\r\n        </dxo-form>\r\n    </dxo-editing>\r\n\r\n    <div *dxTemplate=\"let field of 'usersEditTemplate'\">\r\n        <dx-tag-box valueExpr=\"id\" [displayExpr]=\"fullName\" [dataSource]=\"users\" [searchEnabled]=\"true\"\r\n            [searchExpr]=\"fullName\" (onInitialized)=\"getGroupUser(field, $event)\"\r\n            (onValueChanged)=\"setGroupUser(field, $event)\">\r\n        </dx-tag-box>\r\n    </div>\r\n    <div *dxTemplate=\"let field of 'permissionsEditTemplate'\">\r\n        <dx-list [dataSource]=\"permissions\" itemTemplate=\"rowTemplate\" [searchEnabled]=\"true\"\r\n            [searchExpr]=\"['name', 'tag']\" [hoverStateEnabled]=\"hoverStatePermission\">\r\n            <div *dxTemplate=\"let permission of 'rowTemplate'\">\r\n                <dx-check-box [text]=\"permission.name\" (onInitialized)=\"getPermissionStatus(field, permission, $event)\"\r\n                    (onValueChanged)=\"checkBoxToggled(field, permission, $event)\">\r\n                </dx-check-box>\r\n            </div>\r\n        </dx-list>\r\n    </div>\r\n</cauca-dx-data-grid>",
-                styles: [""]
-            },] }
-];
-CaucaManagementGroupComponent.ctorParameters = () => [
-    { type: ManagementGroupService },
-    { type: ManagementUserService },
-    { type: ManagementPermissionService },
-    { type: BreakpointObserver }
-];
-CaucaManagementGroupComponent.propDecorators = {
-    showPrintButton: [{ type: Input }],
-    hoverStatePermission: [{ type: Input }]
-};
+                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() {
@@ -366,11 +459,7 @@ class CaucaManagementUserComponent {
             new UserModel()
         ];
         this.showColumnXS = true;
-        this.userNameAlreadyUsedValidation = (e) => {
-            return this.managementUserService.hasExistingUserName(e.data).pipe(map((exist) => {
-                return !exist;
-            })).toPromise();
-        };
+        this.userNameAlreadyUsedValidation = (e) => this.managementUserService.hasExistingUserName(e.data).pipe(map((exist) => !exist)).toPromise();
         breakpointObserver.observe(['(max-width: 600px)']).subscribe((result) => {
             this.showColumnXS = !result.matches;
         });
@@ -399,22 +488,82 @@ class CaucaManagementUserComponent {
         this.managementUserService.getAll().subscribe((data) => this.users = data);
     }
 }
-CaucaManagementUserComponent.decorators = [
-    { type: Component, args: [{
+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',
-                template: "<cauca-dx-data-grid\r\n        keyExpr=\"id\"\r\n        [dataSource]=\"users\"\r\n        (onRowInserted)=\"onRowInserted($event)\"\r\n        (onRowUpdated)=\"onRowUpdated($event)\"\r\n        (onRowRemoved)=\"onRowRemoved($event)\">\r\n\r\n    <dxi-column dataField=\"userName\" [caption]=\"'management.userName' | translate\">\r\n        <dxi-validation-rule type=\"async\" [message]=\"'management.userNameAlreadyUsed' | translate\" [validationCallback]=\"userNameAlreadyUsedValidation\"></dxi-validation-rule>\r\n    </dxi-column>\r\n    <dxi-column dataField=\"isActive\" [caption]=\"'management.isActive' | translate\" [visible]=\"false\"></dxi-column>\r\n    <dxi-column dataField=\"firstName\" [caption]=\"'management.firstName' | translate\"></dxi-column>\r\n    <dxi-column dataField=\"lastName\" [caption]=\"'management.lastName' | translate\"></dxi-column>\r\n    <dxi-column dataField=\"groups\" [caption]=\"'management.group' | translate\"></dxi-column>\r\n\r\n    <dxo-editing mode=\"popup\" [allowAdding]=\"true\" [allowUpdating]=\"true\" [allowDeleting]=\"true\" [useIcons]=\"true\">\r\n        <dxo-popup [showTitle]=\"true\" [title]=\"'management.group' | translate\"></dxo-popup>\r\n        <dxo-form colCount=\"2\" [labelLocation]=\"showColumnXS ? 'left' : 'top'\">\r\n            <dxi-item dataField=\"userName\" [isRequired]=\"true\"></dxi-item>\r\n            <dxi-item dataField=\"isActive\"></dxi-item>\r\n            <dxi-item dataField=\"firstName\"></dxi-item>\r\n            <dxi-item dataField=\"lastName\"></dxi-item>\r\n            <dxi-item dataField=\"group\"></dxi-item>\r\n        </dxo-form>\r\n    </dxo-editing>\r\n</cauca-dx-data-grid>\r\n",
-                styles: [""]
-            },] }
-];
-CaucaManagementUserComponent.ctorParameters = () => [
-    { type: ManagementUserService },
-    { type: BreakpointObserver }
-];
+                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: [{
+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,
@@ -433,8 +582,18 @@ CaucaManagementModule.decorators = [
                     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() {
@@ -478,5 +637,5 @@ class GroupPermissionModel {
  * 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