sigesp 1.0.4-20240424 → 1.0.5-20240423

package/fesm2015/sigesp.mjs

@@ -1129,10 +1129,10 @@ class CatalogoComponent {
     }
 }
 CatalogoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CatalogoComponent, deps: [{ token: i1.MatDialogRef, optional: true }, { token: MAT_DIALOG_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-CatalogoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CatalogoComponent, selector: "app-catalogo", viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }], ngImport: i0, template: "<div class=\"container\">\r\n\r\n    <!-- HEADER DE EL COMPONENTE -->\r\n    <div class=\"header mainColor\">\r\n        <!-- T\u00CDTULO -->\r\n        <h2>{{dialogData.title}}</h2>\r\n        <!-- BTN CERRAR -->\r\n        <div class=\"close\">\r\n            <div class=\"btn\" (click)=\"closeDialog()\">\r\n                <mat-icon>close</mat-icon>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <!-- BODY -->\r\n    <div class=\"body\">\r\n        <!-- FILTER -->\r\n        <div class=\"filter\">\r\n            <mat-form-field class=\"input\">\r\n                <input type=\"text\" matInput placeholder=\"Filtrar\" (keyup)=\"filterTable($event)\">\r\n            </mat-form-field>\r\n        </div>\r\n\r\n        <!-- TABLA -->\r\n        <div class=\"table-container\">\r\n            <table mat-table [dataSource]=\"dataSource\" matSort>\r\n                <!-- DATA -->\r\n                <ng-container *ngFor=\"let column of colunms;let i = index\" [matColumnDef]=\"column\">\r\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                        {{ (names[i] ? names[i] : column) | uppercase}} \r\n                    </th>\r\n                    <td mat-cell *matCellDef=\"let row\" (click)=\"closeDialog(row)\">\r\n                        {{row[column]}} \r\n                    </td>\r\n                </ng-container>\r\n    \r\n                <tr mat-header-row *matHeaderRowDef=\"colunms\"></tr>\r\n                <tr mat-row *matRowDef=\"let row; columns: colunms;\" class=\"row\"></tr>\r\n            </table>\r\n        </div>\r\n        <mat-paginator [pageSizeOptions]=\"[5, 10, 25, 100]\" class=\"paginator\"></mat-paginator>\r\n    </div>\r\n\r\n</div>\r\n \r\n", styles: [".container .header{padding:15px;text-align:center;border-radius:5px 5px 0 0;display:grid;grid-template-columns:repeat(10,10%)}.container .header h2{margin:0;grid-column:1/10;text-align:left}.container .header .close{grid-column:10/11;display:flex;justify-content:center;align-items:center}.container .header .close .btn{width:30px;height:30px;background:white;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.container .header .close .btn mat-icon{color:#000}.container .body{padding:15px;margin-top:10px}.container .body .filter .input{width:100%}.container .body .table-container{max-height:500px;overflow:auto}.container .body .table-container table{width:100%}.container .body .table-container table .row:hover{background:#777;cursor:pointer}.container .body .table-container table td,.container .body .table-container table th{padding:5px 7.5px!important}.container .body .table-container table td:first-child,.container .body .table-container table th:first-child{padding-left:24px!important}.container .body .table-container table td:last-child,.container .body .table-container table th:last-child{padding-right:24px!important}.container .body .paginator{margin-top:15px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i6.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "directive", type: i7.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i7.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i8.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i8.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i8.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i8.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i8.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i8.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i8.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i8.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i8.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i8.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "pipe", type: i2.UpperCasePipe, name: "uppercase" }] });
+CatalogoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CatalogoComponent, selector: "app-catalogo", viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }], ngImport: i0, template: "<div class=\"container\">\r\n\r\n    <!-- HEADER DE EL COMPONENTE -->\r\n    <div class=\"header mainColor\">\r\n        <!-- T\u00CDTULO -->\r\n        <h2>{{dialogData.title}}</h2>\r\n        <!-- BTN CERRAR -->\r\n        <div class=\"close\">\r\n            <div class=\"btn\" (click)=\"closeDialog()\">\r\n                <mat-icon>close</mat-icon>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <!-- BODY -->\r\n    <div class=\"body\">\r\n        <!-- FILTER -->\r\n        <div class=\"filter\">\r\n            <mat-form-field class=\"input\">\r\n                <input type=\"text\" matInput placeholder=\"Filtrar\" (keyup)=\"filterTable($event)\">\r\n            </mat-form-field>\r\n        </div>\r\n\r\n        <!-- TABLA -->\r\n        <div class=\"table-container\">\r\n            <table mat-table [dataSource]=\"dataSource\" matSort>\r\n                <!-- DATA -->\r\n                <ng-container *ngFor=\"let column of colunms;let i = index\" [matColumnDef]=\"column\">\r\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                        {{ (names[i] ? names[i] : column) | uppercase}} \r\n                    </th>\r\n                    <td mat-cell *matCellDef=\"let row\" (click)=\"closeDialog(row)\">\r\n                        {{row[column]}} \r\n                    </td>\r\n                </ng-container>\r\n    \r\n                <tr mat-header-row *matHeaderRowDef=\"colunms\"></tr>\r\n                <tr mat-row *matRowDef=\"let row; columns: colunms;\" class=\"row\"></tr>\r\n            </table>\r\n        </div>\r\n        <mat-paginator [pageSizeOptions]=\"[5, 10, 25, 100]\" showFirstLastButtons class=\"paginator\"></mat-paginator>\r\n    </div>\r\n\r\n</div>\r\n \r\n", styles: [".container .header{padding:15px;text-align:center;border-radius:5px 5px 0 0;display:grid;grid-template-columns:repeat(10,10%)}.container .header h2{margin:0;grid-column:1/10;text-align:left}.container .header .close{grid-column:10/11;display:flex;justify-content:center;align-items:center}.container .header .close .btn{width:30px;height:30px;background:white;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.container .header .close .btn mat-icon{color:#000}.container .body{padding:15px;margin-top:10px}.container .body .filter .input{width:100%}.container .body .table-container{max-height:500px;overflow:auto}.container .body .table-container table{width:100%}.container .body .table-container table .row:hover{background:#777;cursor:pointer}.container .body .table-container table td,.container .body .table-container table th{padding:5px 7.5px!important}.container .body .table-container table td:first-child,.container .body .table-container table th:first-child{padding-left:24px!important}.container .body .table-container table td:last-child,.container .body .table-container table th:last-child{padding-right:24px!important}.container .body .paginator{margin-top:15px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i6.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "directive", type: i7.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i7.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i8.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i8.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i8.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i8.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i8.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i8.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i8.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i8.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i8.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i8.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "pipe", type: i2.UpperCasePipe, name: "uppercase" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CatalogoComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-catalogo', template: "<div class=\"container\">\r\n\r\n    <!-- HEADER DE EL COMPONENTE -->\r\n    <div class=\"header mainColor\">\r\n        <!-- T\u00CDTULO -->\r\n        <h2>{{dialogData.title}}</h2>\r\n        <!-- BTN CERRAR -->\r\n        <div class=\"close\">\r\n            <div class=\"btn\" (click)=\"closeDialog()\">\r\n                <mat-icon>close</mat-icon>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <!-- BODY -->\r\n    <div class=\"body\">\r\n        <!-- FILTER -->\r\n        <div class=\"filter\">\r\n            <mat-form-field class=\"input\">\r\n                <input type=\"text\" matInput placeholder=\"Filtrar\" (keyup)=\"filterTable($event)\">\r\n            </mat-form-field>\r\n        </div>\r\n\r\n        <!-- TABLA -->\r\n        <div class=\"table-container\">\r\n            <table mat-table [dataSource]=\"dataSource\" matSort>\r\n                <!-- DATA -->\r\n                <ng-container *ngFor=\"let column of colunms;let i = index\" [matColumnDef]=\"column\">\r\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                        {{ (names[i] ? names[i] : column) | uppercase}} \r\n                    </th>\r\n                    <td mat-cell *matCellDef=\"let row\" (click)=\"closeDialog(row)\">\r\n                        {{row[column]}} \r\n                    </td>\r\n                </ng-container>\r\n    \r\n                <tr mat-header-row *matHeaderRowDef=\"colunms\"></tr>\r\n                <tr mat-row *matRowDef=\"let row; columns: colunms;\" class=\"row\"></tr>\r\n            </table>\r\n        </div>\r\n        <mat-paginator [pageSizeOptions]=\"[5, 10, 25, 100]\" class=\"paginator\"></mat-paginator>\r\n    </div>\r\n\r\n</div>\r\n \r\n", styles: [".container .header{padding:15px;text-align:center;border-radius:5px 5px 0 0;display:grid;grid-template-columns:repeat(10,10%)}.container .header h2{margin:0;grid-column:1/10;text-align:left}.container .header .close{grid-column:10/11;display:flex;justify-content:center;align-items:center}.container .header .close .btn{width:30px;height:30px;background:white;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.container .header .close .btn mat-icon{color:#000}.container .body{padding:15px;margin-top:10px}.container .body .filter .input{width:100%}.container .body .table-container{max-height:500px;overflow:auto}.container .body .table-container table{width:100%}.container .body .table-container table .row:hover{background:#777;cursor:pointer}.container .body .table-container table td,.container .body .table-container table th{padding:5px 7.5px!important}.container .body .table-container table td:first-child,.container .body .table-container table th:first-child{padding-left:24px!important}.container .body .table-container table td:last-child,.container .body .table-container table th:last-child{padding-right:24px!important}.container .body .paginator{margin-top:15px}\n"] }]
+            args: [{ selector: 'app-catalogo', template: "<div class=\"container\">\r\n\r\n    <!-- HEADER DE EL COMPONENTE -->\r\n    <div class=\"header mainColor\">\r\n        <!-- T\u00CDTULO -->\r\n        <h2>{{dialogData.title}}</h2>\r\n        <!-- BTN CERRAR -->\r\n        <div class=\"close\">\r\n            <div class=\"btn\" (click)=\"closeDialog()\">\r\n                <mat-icon>close</mat-icon>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <!-- BODY -->\r\n    <div class=\"body\">\r\n        <!-- FILTER -->\r\n        <div class=\"filter\">\r\n            <mat-form-field class=\"input\">\r\n                <input type=\"text\" matInput placeholder=\"Filtrar\" (keyup)=\"filterTable($event)\">\r\n            </mat-form-field>\r\n        </div>\r\n\r\n        <!-- TABLA -->\r\n        <div class=\"table-container\">\r\n            <table mat-table [dataSource]=\"dataSource\" matSort>\r\n                <!-- DATA -->\r\n                <ng-container *ngFor=\"let column of colunms;let i = index\" [matColumnDef]=\"column\">\r\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                        {{ (names[i] ? names[i] : column) | uppercase}} \r\n                    </th>\r\n                    <td mat-cell *matCellDef=\"let row\" (click)=\"closeDialog(row)\">\r\n                        {{row[column]}} \r\n                    </td>\r\n                </ng-container>\r\n    \r\n                <tr mat-header-row *matHeaderRowDef=\"colunms\"></tr>\r\n                <tr mat-row *matRowDef=\"let row; columns: colunms;\" class=\"row\"></tr>\r\n            </table>\r\n        </div>\r\n        <mat-paginator [pageSizeOptions]=\"[5, 10, 25, 100]\" showFirstLastButtons class=\"paginator\"></mat-paginator>\r\n    </div>\r\n\r\n</div>\r\n \r\n", styles: [".container .header{padding:15px;text-align:center;border-radius:5px 5px 0 0;display:grid;grid-template-columns:repeat(10,10%)}.container .header h2{margin:0;grid-column:1/10;text-align:left}.container .header .close{grid-column:10/11;display:flex;justify-content:center;align-items:center}.container .header .close .btn{width:30px;height:30px;background:white;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.container .header .close .btn mat-icon{color:#000}.container .body{padding:15px;margin-top:10px}.container .body .filter .input{width:100%}.container .body .table-container{max-height:500px;overflow:auto}.container .body .table-container table{width:100%}.container .body .table-container table .row:hover{background:#777;cursor:pointer}.container .body .table-container table td,.container .body .table-container table th{padding:5px 7.5px!important}.container .body .table-container table td:first-child,.container .body .table-container table th:first-child{padding-left:24px!important}.container .body .table-container table td:last-child,.container .body .table-container table th:last-child{padding-right:24px!important}.container .body .paginator{margin-top:15px}\n"] }]
         }], ctorParameters: function () {
         return [{ type: i1.MatDialogRef, decorators: [{
                         type: Optional
@@ -2235,10 +2235,10 @@ class CatalogoEstructurasComponent {
     }
 }
 CatalogoEstructurasComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CatalogoEstructurasComponent, deps: [{ token: i1.MatDialogRef, optional: true }, { token: MAT_DIALOG_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-CatalogoEstructurasComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CatalogoEstructurasComponent, selector: "app-catalogo-estructuras", viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true, static: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true, static: true }], ngImport: i0, template: "<div class=\"container\">\r\n\r\n    <!-- HEADER DE EL COMPONENTE -->\r\n    <div class=\"header mainColor\">\r\n        <!-- T\u00CDTULO -->\r\n        <h2>Cat\u00E1logo Estructura Presupuestaria</h2>\r\n        <!-- BTN CERRAR -->\r\n        <div class=\"close\" (click)=\"closeDialog()\">\r\n            <div class=\"btn\">\r\n                <mat-icon>close</mat-icon>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <!-- BODY -->\r\n    <div class=\"body\">\r\n        <!-- FILTER -->\r\n        <div class=\"filter\">\r\n            <mat-form-field class=\"input\">\r\n                <input type=\"text\" matInput placeholder=\"Filtrar\" (keyup)=\"filterTable($event)\">\r\n            </mat-form-field>\r\n        </div>\r\n\r\n        <!-- TABLA -->\r\n        <div class=\"table-container\">\r\n            <table mat-table [dataSource]=\"dataSource\" matSort>\r\n                <!-- columna 1 -->\r\n                <ng-container [matColumnDef]=\"colunms[0]\">\r\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                        {{ colunms[0] | uppercase }} \r\n                    </th>\r\n                    <td mat-cell *matCellDef=\"let element\"> {{element.codigoEstructuraProgramaticaOne}} </td>\r\n                </ng-container>\r\n                <!-- columna 2 -->\r\n                <ng-container [matColumnDef]=\"colunms[1]\">\r\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                        {{ colunms[1] | uppercase }} \r\n                    </th>\r\n                    <td mat-cell *matCellDef=\"let element\"> {{element.codigoEstructuraProgramaticaTwo}} </td>\r\n                </ng-container>\r\n\r\n                <!-- SI EL N\u00DAMERO DE NIVELES ES MAYOR A 3 -->\r\n                <ng-container *ngIf=\"dialogData.configuration.nombresEstructuraPresupuestaria.length > 3\">\r\n                    <!-- columna 3 -->\r\n                    <ng-container [matColumnDef]=\"colunms[2]\">\r\n                        <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                            {{ colunms[2] | uppercase }} \r\n                        </th>\r\n                        <td mat-cell *matCellDef=\"let element\"> {{element.codigoEstructuraProgramaticaThree}} </td>\r\n                    </ng-container>\r\n                    <!-- columna 4 -->\r\n                    <ng-container [matColumnDef]=\"colunms[3]\">\r\n                        <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                            {{ colunms[3] | uppercase }} \r\n                        </th>\r\n                        <td mat-cell *matCellDef=\"let element\"> {{element.codigoEstructuraProgramaticaFour}} </td>\r\n                    </ng-container>\r\n                    <!-- columna 5 -->\r\n                    <ng-container [matColumnDef]=\"colunms[4]\">\r\n                        <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                            {{ colunms[4] | uppercase }} \r\n                        </th>\r\n                        <td mat-cell *matCellDef=\"let element\"> {{element.codigoEstructuraProgramatica}} </td>\r\n                    </ng-container>\r\n                    <!-- columna 6 -->\r\n                    <ng-container [matColumnDef]=\"colunms[5]\">\r\n                        <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                            {{ colunms[5] | uppercase }} \r\n                        </th>\r\n                        <td mat-cell *matCellDef=\"let element\"> \r\n                            {{ element.denominacionEstructuraProgramatica }} \r\n                        </td>\r\n                    </ng-container>\r\n                    <!-- columna 7 -->\r\n                    <ng-container [matColumnDef]=\"colunms[6]\">\r\n                        <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                            {{ colunms[6] | uppercase }} \r\n                        </th>\r\n                        <td mat-cell *matCellDef=\"let element\"> PROGRAM\u00C1TICA </td>\r\n                    </ng-container>\r\n                </ng-container>\r\n\r\n                <!-- SI EL N\u00DAMERO DE NIVELES ES MENOR A 3 -->\r\n                <ng-container *ngIf=\"dialogData.configuration.nombresEstructuraPresupuestaria.length <= 3\">\r\n                    <!-- columna 3 -->\r\n                    <ng-container [matColumnDef]=\"colunms[2]\">\r\n                        <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                            {{ colunms[2] | uppercase }} \r\n                        </th>\r\n                        <td mat-cell *matCellDef=\"let element\"> \r\n                            {{element.codigoEstructuraProgramatica}} \r\n                        </td>\r\n                    </ng-container>\r\n                    <!-- columna 4 -->\r\n                    <ng-container [matColumnDef]=\"colunms[5]\">\r\n                        <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                            {{ colunms[3] | uppercase }} \r\n                        </th>\r\n                        <td mat-cell *matCellDef=\"let element\"> \r\n                            {{ element.denominacionEstructuraProgramatica }} \r\n                        </td>\r\n                    </ng-container>\r\n                    <!-- columna 5 -->\r\n                    <ng-container [matColumnDef]=\"colunms[6]\">\r\n                        <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                            {{ colunms[4] | uppercase }} \r\n                        </th>\r\n                        <td mat-cell *matCellDef=\"let element\">\r\n                            {{ (element.estatusClasificacion == 'P') ? 'PROYECTO' : 'ACCI\u00D3N' }}\r\n                        </td>\r\n                    </ng-container>\r\n                </ng-container>\r\n\r\n                <tr mat-header-row *matHeaderRowDef=\"colunms\"></tr>\r\n                <tr mat-row *matRowDef=\"let row; columns: colunms;\" class=\"row\" (click)=\"closeDialog(row)\"></tr>\r\n            </table>\r\n        </div>\r\n        <mat-paginator [pageSizeOptions]=\"[5, 10, 25, 100]\" class=\"paginator\"></mat-paginator>\r\n    </div>\r\n\r\n</div>\r\n", styles: [".container .header{padding:15px;text-align:center;border-radius:5px 5px 0 0;display:grid;grid-template-columns:repeat(10,10%)}.container .header h2{margin:0;grid-column:1/10;text-align:left}.container .header .close{grid-column:10/11;display:flex;justify-content:center;align-items:center}.container .header .close .btn{width:30px;height:30px;background:white;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.container .header .close .btn mat-icon{color:#000}.container .body{padding:15px;margin-top:10px}.container .body .filter .input{width:100%}.container .body .table-container{max-height:500px;overflow:auto}.container .body .table-container table{width:100%}.container .body .table-container table .row:hover{background:#777;cursor:pointer}.container .body .table-container table td,.container .body .table-container table th{padding:5px 7.5px!important}.container .body .table-container table td:first-child,.container .body .table-container table th:first-child{padding-left:24px!important}.container .body .table-container table td:last-child,.container .body .table-container table th:last-child{padding-right:24px!important}.container .body .paginator{margin-top:15px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i6.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "directive", type: i7.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i7.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i8.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i8.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i8.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i8.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i8.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i8.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i8.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i8.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i8.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i8.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "pipe", type: i2.UpperCasePipe, name: "uppercase" }] });
+CatalogoEstructurasComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CatalogoEstructurasComponent, selector: "app-catalogo-estructuras", viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true, static: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true, static: true }], ngImport: i0, template: "<div class=\"container\">\r\n\r\n    <!-- HEADER DE EL COMPONENTE -->\r\n    <div class=\"header mainColor\">\r\n        <!-- T\u00CDTULO -->\r\n        <h2>Cat\u00E1logo Estructura Presupuestaria</h2>\r\n        <!-- BTN CERRAR -->\r\n        <div class=\"close\" (click)=\"closeDialog()\">\r\n            <div class=\"btn\">\r\n                <mat-icon>close</mat-icon>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <!-- BODY -->\r\n    <div class=\"body\">\r\n        <!-- FILTER -->\r\n        <div class=\"filter\">\r\n            <mat-form-field class=\"input\">\r\n                <input type=\"text\" matInput placeholder=\"Filtrar\" (keyup)=\"filterTable($event)\">\r\n            </mat-form-field>\r\n        </div>\r\n\r\n        <!-- TABLA -->\r\n        <div class=\"table-container\">\r\n            <table mat-table [dataSource]=\"dataSource\" matSort>\r\n                <!-- columna 1 -->\r\n                <ng-container [matColumnDef]=\"colunms[0]\">\r\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                        {{ colunms[0] | uppercase }} \r\n                    </th>\r\n                    <td mat-cell *matCellDef=\"let element\"> {{element.codigoEstructuraProgramaticaOne}} </td>\r\n                </ng-container>\r\n                <!-- columna 2 -->\r\n                <ng-container [matColumnDef]=\"colunms[1]\">\r\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                        {{ colunms[1] | uppercase }} \r\n                    </th>\r\n                    <td mat-cell *matCellDef=\"let element\"> {{element.codigoEstructuraProgramaticaTwo}} </td>\r\n                </ng-container>\r\n\r\n                <!-- SI EL N\u00DAMERO DE NIVELES ES MAYOR A 3 -->\r\n                <ng-container *ngIf=\"dialogData.configuration.nombresEstructuraPresupuestaria.length > 3\">\r\n                    <!-- columna 3 -->\r\n                    <ng-container [matColumnDef]=\"colunms[2]\">\r\n                        <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                            {{ colunms[2] | uppercase }} \r\n                        </th>\r\n                        <td mat-cell *matCellDef=\"let element\"> {{element.codigoEstructuraProgramaticaThree}} </td>\r\n                    </ng-container>\r\n                    <!-- columna 4 -->\r\n                    <ng-container [matColumnDef]=\"colunms[3]\">\r\n                        <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                            {{ colunms[3] | uppercase }} \r\n                        </th>\r\n                        <td mat-cell *matCellDef=\"let element\"> {{element.codigoEstructuraProgramaticaFour}} </td>\r\n                    </ng-container>\r\n                    <!-- columna 5 -->\r\n                    <ng-container [matColumnDef]=\"colunms[4]\">\r\n                        <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                            {{ colunms[4] | uppercase }} \r\n                        </th>\r\n                        <td mat-cell *matCellDef=\"let element\"> {{element.codigoEstructuraProgramatica}} </td>\r\n                    </ng-container>\r\n                    <!-- columna 6 -->\r\n                    <ng-container [matColumnDef]=\"colunms[5]\">\r\n                        <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                            {{ colunms[5] | uppercase }} \r\n                        </th>\r\n                        <td mat-cell *matCellDef=\"let element\"> \r\n                            {{ element.denominacionEstructuraProgramatica }} \r\n                        </td>\r\n                    </ng-container>\r\n                    <!-- columna 7 -->\r\n                    <ng-container [matColumnDef]=\"colunms[6]\">\r\n                        <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                            {{ colunms[6] | uppercase }} \r\n                        </th>\r\n                        <td mat-cell *matCellDef=\"let element\"> PROGRAM\u00C1TICA </td>\r\n                    </ng-container>\r\n                </ng-container>\r\n\r\n                <!-- SI EL N\u00DAMERO DE NIVELES ES MENOR A 3 -->\r\n                <ng-container *ngIf=\"dialogData.configuration.nombresEstructuraPresupuestaria.length <= 3\">\r\n                    <!-- columna 3 -->\r\n                    <ng-container [matColumnDef]=\"colunms[2]\">\r\n                        <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                            {{ colunms[2] | uppercase }} \r\n                        </th>\r\n                        <td mat-cell *matCellDef=\"let element\"> \r\n                            {{element.codigoEstructuraProgramatica}} \r\n                        </td>\r\n                    </ng-container>\r\n                    <!-- columna 4 -->\r\n                    <ng-container [matColumnDef]=\"colunms[5]\">\r\n                        <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                            {{ colunms[3] | uppercase }} \r\n                        </th>\r\n                        <td mat-cell *matCellDef=\"let element\"> \r\n                            {{ element.denominacionEstructuraProgramatica }} \r\n                        </td>\r\n                    </ng-container>\r\n                    <!-- columna 5 -->\r\n                    <ng-container [matColumnDef]=\"colunms[6]\">\r\n                        <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                            {{ colunms[4] | uppercase }} \r\n                        </th>\r\n                        <td mat-cell *matCellDef=\"let element\">\r\n                            {{ (element.estatusClasificacion == 'P') ? 'PROYECTO' : 'ACCI\u00D3N' }}\r\n                        </td>\r\n                    </ng-container>\r\n                </ng-container>\r\n\r\n                <tr mat-header-row *matHeaderRowDef=\"colunms\"></tr>\r\n                <tr mat-row *matRowDef=\"let row; columns: colunms;\" class=\"row\" (click)=\"closeDialog(row)\"></tr>\r\n            </table>\r\n        </div>\r\n        <mat-paginator [pageSizeOptions]=\"[5, 10, 25, 100]\" showFirstLastButtons class=\"paginator\"></mat-paginator>\r\n    </div>\r\n\r\n</div>\r\n", styles: [".container .header{padding:15px;text-align:center;border-radius:5px 5px 0 0;display:grid;grid-template-columns:repeat(10,10%)}.container .header h2{margin:0;grid-column:1/10;text-align:left}.container .header .close{grid-column:10/11;display:flex;justify-content:center;align-items:center}.container .header .close .btn{width:30px;height:30px;background:white;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.container .header .close .btn mat-icon{color:#000}.container .body{padding:15px;margin-top:10px}.container .body .filter .input{width:100%}.container .body .table-container{max-height:500px;overflow:auto}.container .body .table-container table{width:100%}.container .body .table-container table .row:hover{background:#777;cursor:pointer}.container .body .table-container table td,.container .body .table-container table th{padding:5px 7.5px!important}.container .body .table-container table td:first-child,.container .body .table-container table th:first-child{padding-left:24px!important}.container .body .table-container table td:last-child,.container .body .table-container table th:last-child{padding-right:24px!important}.container .body .paginator{margin-top:15px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i6.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "directive", type: i7.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i7.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i8.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i8.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i8.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i8.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i8.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i8.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i8.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i8.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i8.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i8.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "pipe", type: i2.UpperCasePipe, name: "uppercase" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CatalogoEstructurasComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-catalogo-estructuras', template: "<div class=\"container\">\r\n\r\n    <!-- HEADER DE EL COMPONENTE -->\r\n    <div class=\"header mainColor\">\r\n        <!-- T\u00CDTULO -->\r\n        <h2>Cat\u00E1logo Estructura Presupuestaria</h2>\r\n        <!-- BTN CERRAR -->\r\n        <div class=\"close\" (click)=\"closeDialog()\">\r\n            <div class=\"btn\">\r\n                <mat-icon>close</mat-icon>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <!-- BODY -->\r\n    <div class=\"body\">\r\n        <!-- FILTER -->\r\n        <div class=\"filter\">\r\n            <mat-form-field class=\"input\">\r\n                <input type=\"text\" matInput placeholder=\"Filtrar\" (keyup)=\"filterTable($event)\">\r\n            </mat-form-field>\r\n        </div>\r\n\r\n        <!-- TABLA -->\r\n        <div class=\"table-container\">\r\n            <table mat-table [dataSource]=\"dataSource\" matSort>\r\n                <!-- columna 1 -->\r\n                <ng-container [matColumnDef]=\"colunms[0]\">\r\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                        {{ colunms[0] | uppercase }} \r\n                    </th>\r\n                    <td mat-cell *matCellDef=\"let element\"> {{element.codigoEstructuraProgramaticaOne}} </td>\r\n                </ng-container>\r\n                <!-- columna 2 -->\r\n                <ng-container [matColumnDef]=\"colunms[1]\">\r\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                        {{ colunms[1] | uppercase }} \r\n                    </th>\r\n                    <td mat-cell *matCellDef=\"let element\"> {{element.codigoEstructuraProgramaticaTwo}} </td>\r\n                </ng-container>\r\n\r\n                <!-- SI EL N\u00DAMERO DE NIVELES ES MAYOR A 3 -->\r\n                <ng-container *ngIf=\"dialogData.configuration.nombresEstructuraPresupuestaria.length > 3\">\r\n                    <!-- columna 3 -->\r\n                    <ng-container [matColumnDef]=\"colunms[2]\">\r\n                        <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                            {{ colunms[2] | uppercase }} \r\n                        </th>\r\n                        <td mat-cell *matCellDef=\"let element\"> {{element.codigoEstructuraProgramaticaThree}} </td>\r\n                    </ng-container>\r\n                    <!-- columna 4 -->\r\n                    <ng-container [matColumnDef]=\"colunms[3]\">\r\n                        <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                            {{ colunms[3] | uppercase }} \r\n                        </th>\r\n                        <td mat-cell *matCellDef=\"let element\"> {{element.codigoEstructuraProgramaticaFour}} </td>\r\n                    </ng-container>\r\n                    <!-- columna 5 -->\r\n                    <ng-container [matColumnDef]=\"colunms[4]\">\r\n                        <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                            {{ colunms[4] | uppercase }} \r\n                        </th>\r\n                        <td mat-cell *matCellDef=\"let element\"> {{element.codigoEstructuraProgramatica}} </td>\r\n                    </ng-container>\r\n                    <!-- columna 6 -->\r\n                    <ng-container [matColumnDef]=\"colunms[5]\">\r\n                        <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                            {{ colunms[5] | uppercase }} \r\n                        </th>\r\n                        <td mat-cell *matCellDef=\"let element\"> \r\n                            {{ element.denominacionEstructuraProgramatica }} \r\n                        </td>\r\n                    </ng-container>\r\n                    <!-- columna 7 -->\r\n                    <ng-container [matColumnDef]=\"colunms[6]\">\r\n                        <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                            {{ colunms[6] | uppercase }} \r\n                        </th>\r\n                        <td mat-cell *matCellDef=\"let element\"> PROGRAM\u00C1TICA </td>\r\n                    </ng-container>\r\n                </ng-container>\r\n\r\n                <!-- SI EL N\u00DAMERO DE NIVELES ES MENOR A 3 -->\r\n                <ng-container *ngIf=\"dialogData.configuration.nombresEstructuraPresupuestaria.length <= 3\">\r\n                    <!-- columna 3 -->\r\n                    <ng-container [matColumnDef]=\"colunms[2]\">\r\n                        <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                            {{ colunms[2] | uppercase }} \r\n                        </th>\r\n                        <td mat-cell *matCellDef=\"let element\"> \r\n                            {{element.codigoEstructuraProgramatica}} \r\n                        </td>\r\n                    </ng-container>\r\n                    <!-- columna 4 -->\r\n                    <ng-container [matColumnDef]=\"colunms[5]\">\r\n                        <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                            {{ colunms[3] | uppercase }} \r\n                        </th>\r\n                        <td mat-cell *matCellDef=\"let element\"> \r\n                            {{ element.denominacionEstructuraProgramatica }} \r\n                        </td>\r\n                    </ng-container>\r\n                    <!-- columna 5 -->\r\n                    <ng-container [matColumnDef]=\"colunms[6]\">\r\n                        <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                            {{ colunms[4] | uppercase }} \r\n                        </th>\r\n                        <td mat-cell *matCellDef=\"let element\">\r\n                            {{ (element.estatusClasificacion == 'P') ? 'PROYECTO' : 'ACCI\u00D3N' }}\r\n                        </td>\r\n                    </ng-container>\r\n                </ng-container>\r\n\r\n                <tr mat-header-row *matHeaderRowDef=\"colunms\"></tr>\r\n                <tr mat-row *matRowDef=\"let row; columns: colunms;\" class=\"row\" (click)=\"closeDialog(row)\"></tr>\r\n            </table>\r\n        </div>\r\n        <mat-paginator [pageSizeOptions]=\"[5, 10, 25, 100]\" class=\"paginator\"></mat-paginator>\r\n    </div>\r\n\r\n</div>\r\n", styles: [".container .header{padding:15px;text-align:center;border-radius:5px 5px 0 0;display:grid;grid-template-columns:repeat(10,10%)}.container .header h2{margin:0;grid-column:1/10;text-align:left}.container .header .close{grid-column:10/11;display:flex;justify-content:center;align-items:center}.container .header .close .btn{width:30px;height:30px;background:white;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.container .header .close .btn mat-icon{color:#000}.container .body{padding:15px;margin-top:10px}.container .body .filter .input{width:100%}.container .body .table-container{max-height:500px;overflow:auto}.container .body .table-container table{width:100%}.container .body .table-container table .row:hover{background:#777;cursor:pointer}.container .body .table-container table td,.container .body .table-container table th{padding:5px 7.5px!important}.container .body .table-container table td:first-child,.container .body .table-container table th:first-child{padding-left:24px!important}.container .body .table-container table td:last-child,.container .body .table-container table th:last-child{padding-right:24px!important}.container .body .paginator{margin-top:15px}\n"] }]
+            args: [{ selector: 'app-catalogo-estructuras', template: "<div class=\"container\">\r\n\r\n    <!-- HEADER DE EL COMPONENTE -->\r\n    <div class=\"header mainColor\">\r\n        <!-- T\u00CDTULO -->\r\n        <h2>Cat\u00E1logo Estructura Presupuestaria</h2>\r\n        <!-- BTN CERRAR -->\r\n        <div class=\"close\" (click)=\"closeDialog()\">\r\n            <div class=\"btn\">\r\n                <mat-icon>close</mat-icon>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <!-- BODY -->\r\n    <div class=\"body\">\r\n        <!-- FILTER -->\r\n        <div class=\"filter\">\r\n            <mat-form-field class=\"input\">\r\n                <input type=\"text\" matInput placeholder=\"Filtrar\" (keyup)=\"filterTable($event)\">\r\n            </mat-form-field>\r\n        </div>\r\n\r\n        <!-- TABLA -->\r\n        <div class=\"table-container\">\r\n            <table mat-table [dataSource]=\"dataSource\" matSort>\r\n                <!-- columna 1 -->\r\n                <ng-container [matColumnDef]=\"colunms[0]\">\r\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                        {{ colunms[0] | uppercase }} \r\n                    </th>\r\n                    <td mat-cell *matCellDef=\"let element\"> {{element.codigoEstructuraProgramaticaOne}} </td>\r\n                </ng-container>\r\n                <!-- columna 2 -->\r\n                <ng-container [matColumnDef]=\"colunms[1]\">\r\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                        {{ colunms[1] | uppercase }} \r\n                    </th>\r\n                    <td mat-cell *matCellDef=\"let element\"> {{element.codigoEstructuraProgramaticaTwo}} </td>\r\n                </ng-container>\r\n\r\n                <!-- SI EL N\u00DAMERO DE NIVELES ES MAYOR A 3 -->\r\n                <ng-container *ngIf=\"dialogData.configuration.nombresEstructuraPresupuestaria.length > 3\">\r\n                    <!-- columna 3 -->\r\n                    <ng-container [matColumnDef]=\"colunms[2]\">\r\n                        <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                            {{ colunms[2] | uppercase }} \r\n                        </th>\r\n                        <td mat-cell *matCellDef=\"let element\"> {{element.codigoEstructuraProgramaticaThree}} </td>\r\n                    </ng-container>\r\n                    <!-- columna 4 -->\r\n                    <ng-container [matColumnDef]=\"colunms[3]\">\r\n                        <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                            {{ colunms[3] | uppercase }} \r\n                        </th>\r\n                        <td mat-cell *matCellDef=\"let element\"> {{element.codigoEstructuraProgramaticaFour}} </td>\r\n                    </ng-container>\r\n                    <!-- columna 5 -->\r\n                    <ng-container [matColumnDef]=\"colunms[4]\">\r\n                        <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                            {{ colunms[4] | uppercase }} \r\n                        </th>\r\n                        <td mat-cell *matCellDef=\"let element\"> {{element.codigoEstructuraProgramatica}} </td>\r\n                    </ng-container>\r\n                    <!-- columna 6 -->\r\n                    <ng-container [matColumnDef]=\"colunms[5]\">\r\n                        <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                            {{ colunms[5] | uppercase }} \r\n                        </th>\r\n                        <td mat-cell *matCellDef=\"let element\"> \r\n                            {{ element.denominacionEstructuraProgramatica }} \r\n                        </td>\r\n                    </ng-container>\r\n                    <!-- columna 7 -->\r\n                    <ng-container [matColumnDef]=\"colunms[6]\">\r\n                        <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                            {{ colunms[6] | uppercase }} \r\n                        </th>\r\n                        <td mat-cell *matCellDef=\"let element\"> PROGRAM\u00C1TICA </td>\r\n                    </ng-container>\r\n                </ng-container>\r\n\r\n                <!-- SI EL N\u00DAMERO DE NIVELES ES MENOR A 3 -->\r\n                <ng-container *ngIf=\"dialogData.configuration.nombresEstructuraPresupuestaria.length <= 3\">\r\n                    <!-- columna 3 -->\r\n                    <ng-container [matColumnDef]=\"colunms[2]\">\r\n                        <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                            {{ colunms[2] | uppercase }} \r\n                        </th>\r\n                        <td mat-cell *matCellDef=\"let element\"> \r\n                            {{element.codigoEstructuraProgramatica}} \r\n                        </td>\r\n                    </ng-container>\r\n                    <!-- columna 4 -->\r\n                    <ng-container [matColumnDef]=\"colunms[5]\">\r\n                        <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                            {{ colunms[3] | uppercase }} \r\n                        </th>\r\n                        <td mat-cell *matCellDef=\"let element\"> \r\n                            {{ element.denominacionEstructuraProgramatica }} \r\n                        </td>\r\n                    </ng-container>\r\n                    <!-- columna 5 -->\r\n                    <ng-container [matColumnDef]=\"colunms[6]\">\r\n                        <th mat-header-cell *matHeaderCellDef mat-sort-header> \r\n                            {{ colunms[4] | uppercase }} \r\n                        </th>\r\n                        <td mat-cell *matCellDef=\"let element\">\r\n                            {{ (element.estatusClasificacion == 'P') ? 'PROYECTO' : 'ACCI\u00D3N' }}\r\n                        </td>\r\n                    </ng-container>\r\n                </ng-container>\r\n\r\n                <tr mat-header-row *matHeaderRowDef=\"colunms\"></tr>\r\n                <tr mat-row *matRowDef=\"let row; columns: colunms;\" class=\"row\" (click)=\"closeDialog(row)\"></tr>\r\n            </table>\r\n        </div>\r\n        <mat-paginator [pageSizeOptions]=\"[5, 10, 25, 100]\" showFirstLastButtons class=\"paginator\"></mat-paginator>\r\n    </div>\r\n\r\n</div>\r\n", styles: [".container .header{padding:15px;text-align:center;border-radius:5px 5px 0 0;display:grid;grid-template-columns:repeat(10,10%)}.container .header h2{margin:0;grid-column:1/10;text-align:left}.container .header .close{grid-column:10/11;display:flex;justify-content:center;align-items:center}.container .header .close .btn{width:30px;height:30px;background:white;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.container .header .close .btn mat-icon{color:#000}.container .body{padding:15px;margin-top:10px}.container .body .filter .input{width:100%}.container .body .table-container{max-height:500px;overflow:auto}.container .body .table-container table{width:100%}.container .body .table-container table .row:hover{background:#777;cursor:pointer}.container .body .table-container table td,.container .body .table-container table th{padding:5px 7.5px!important}.container .body .table-container table td:first-child,.container .body .table-container table th:first-child{padding-left:24px!important}.container .body .table-container table td:last-child,.container .body .table-container table th:last-child{padding-right:24px!important}.container .body .paginator{margin-top:15px}\n"] }]
         }], ctorParameters: function () {
         return [{ type: i1.MatDialogRef, decorators: [{
                         type: Optional
@@ -2309,10 +2309,10 @@ class CatalogoDobleInputComponent {
     }
 }
 CatalogoDobleInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CatalogoDobleInputComponent, deps: [{ token: i1.MatDialogRef, optional: true }, { token: MAT_DIALOG_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-CatalogoDobleInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CatalogoDobleInputComponent, selector: "app-catalogo-doble-input", viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }], ngImport: i0, template: "<div class=\"container\">\r\n\r\n  <!-- HEADER DE EL COMPONENTE -->\r\n  <div class=\"header mainColor\">\r\n    <!-- T\u00CDTULO -->\r\n    <h2>{{dialogData.title}}</h2>\r\n    <!-- BTN CERRAR -->\r\n    <div class=\"close\">\r\n      <div class=\"btn\" (click)=\"closeDialog()\">\r\n        <mat-icon>close</mat-icon>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- BODY -->\r\n  <div class=\"body\">\r\n    <!-- FILTER -->\r\n    <div class=\"filter\">\r\n      <mat-form-field class=\"input\">\r\n      <input type=\"text\" matInput \r\n      placeholder=\"Filtrar por {{filterData[0].placeholder}}\"\r\n      (keyup)=\"filterTable(first, $event)\"\r\n      [(ngModel)]=\"first\">\r\n      </mat-form-field>\r\n    </div>\r\n\r\n    <div class=\"filter\">\r\n      <mat-form-field class=\"input\">\r\n        <input type=\"text\" matInput \r\n        placeholder=\"Filtrar por {{filterData[1].placeholder}}\"\r\n        (keyup)=\"filterTable(second, $event)\"\r\n        [(ngModel)]=\"second\">\r\n      </mat-form-field>\r\n    </div>\r\n\r\n    <!-- TABLA -->\r\n    <div class=\"table-container\">\r\n      <table mat-table [dataSource]=\"dataSource\" matSort>\r\n        <!-- DATA -->\r\n        <ng-container *ngFor=\"let column of colunms;let i = index\" [matColumnDef]=\"column\">\r\n          <th mat-header-cell *matHeaderCellDef mat-sort-header>\r\n              {{ (names[i] ? names[i] : column) | uppercase}}\r\n          </th>\r\n          <td mat-cell *matCellDef=\"let row\" (click)=\"closeDialog(row)\">\r\n              {{row[column]}}\r\n          </td>\r\n        </ng-container>\r\n\r\n        <tr mat-header-row *matHeaderRowDef=\"colunms\"></tr>\r\n        <tr mat-row *matRowDef=\"let row; columns: colunms;\" class=\"row\"></tr>\r\n      </table>\r\n    </div>\r\n    <mat-paginator [pageSizeOptions]=\"[5, 10, 25, 100]\" class=\"paginator\"></mat-paginator>\r\n  </div>\r\n\r\n</div>\r\n\r\n", styles: [".container .header{padding:15px;text-align:center;border-radius:5px 5px 0 0;display:grid;grid-template-columns:repeat(10,10%)}.container .header h2{margin:0;grid-column:1/10;text-align:left}.container .header .close{grid-column:10/11;display:flex;justify-content:center;align-items:center}.container .header .close .btn{width:30px;height:30px;background:white;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.container .header .close .btn mat-icon{color:#000}.container .body{padding:15px;margin-top:10px}.container .body .filter .input{width:100%}.container .body .table-container{max-height:500px;overflow:auto}.container .body .table-container table{width:100%}.container .body .table-container table .row:hover{background:#777;cursor:pointer}.container .body .table-container table td,.container .body .table-container table th{padding:5px 7.5px!important}.container .body .table-container table td:first-child,.container .body .table-container table th:first-child{padding-left:24px!important}.container .body .table-container table td:last-child,.container .body .table-container table th:last-child{padding-right:24px!important}.container .body .paginator{margin-top:15px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i6.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "directive", type: i7.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i7.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i8.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i8.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i8.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i8.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i8.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i8.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i8.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i8.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i8.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i8.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i9.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i2.UpperCasePipe, name: "uppercase" }] });
+CatalogoDobleInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CatalogoDobleInputComponent, selector: "app-catalogo-doble-input", viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }], ngImport: i0, template: "<div class=\"container\">\r\n\r\n  <!-- HEADER DE EL COMPONENTE -->\r\n  <div class=\"header mainColor\">\r\n    <!-- T\u00CDTULO -->\r\n    <h2>{{dialogData.title}}</h2>\r\n    <!-- BTN CERRAR -->\r\n    <div class=\"close\">\r\n      <div class=\"btn\" (click)=\"closeDialog()\">\r\n        <mat-icon>close</mat-icon>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- BODY -->\r\n  <div class=\"body\">\r\n    <!-- FILTER -->\r\n    <div class=\"filter\">\r\n      <mat-form-field class=\"input\">\r\n      <input type=\"text\" matInput \r\n      placeholder=\"Filtrar por {{filterData[0].placeholder}}\"\r\n      (keyup)=\"filterTable(first, $event)\"\r\n      [(ngModel)]=\"first\">\r\n      </mat-form-field>\r\n    </div>\r\n\r\n    <div class=\"filter\">\r\n      <mat-form-field class=\"input\">\r\n        <input type=\"text\" matInput \r\n        placeholder=\"Filtrar por {{filterData[1].placeholder}}\"\r\n        (keyup)=\"filterTable(second, $event)\"\r\n        [(ngModel)]=\"second\">\r\n      </mat-form-field>\r\n    </div>\r\n\r\n    <!-- TABLA -->\r\n    <div class=\"table-container\">\r\n      <table mat-table [dataSource]=\"dataSource\" matSort>\r\n        <!-- DATA -->\r\n        <ng-container *ngFor=\"let column of colunms;let i = index\" [matColumnDef]=\"column\">\r\n          <th mat-header-cell *matHeaderCellDef mat-sort-header>\r\n              {{ (names[i] ? names[i] : column) | uppercase}}\r\n          </th>\r\n          <td mat-cell *matCellDef=\"let row\" (click)=\"closeDialog(row)\">\r\n              {{row[column]}}\r\n          </td>\r\n        </ng-container>\r\n\r\n        <tr mat-header-row *matHeaderRowDef=\"colunms\"></tr>\r\n        <tr mat-row *matRowDef=\"let row; columns: colunms;\" class=\"row\"></tr>\r\n      </table>\r\n    </div>\r\n    <mat-paginator [pageSizeOptions]=\"[5, 10, 25, 100]\"  showFirstLastButtons class=\"paginator\"></mat-paginator>\r\n  </div>\r\n\r\n</div>\r\n\r\n", styles: [".container .header{padding:15px;text-align:center;border-radius:5px 5px 0 0;display:grid;grid-template-columns:repeat(10,10%)}.container .header h2{margin:0;grid-column:1/10;text-align:left}.container .header .close{grid-column:10/11;display:flex;justify-content:center;align-items:center}.container .header .close .btn{width:30px;height:30px;background:white;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.container .header .close .btn mat-icon{color:#000}.container .body{padding:15px;margin-top:10px}.container .body .filter .input{width:100%}.container .body .table-container{max-height:500px;overflow:auto}.container .body .table-container table{width:100%}.container .body .table-container table .row:hover{background:#777;cursor:pointer}.container .body .table-container table td,.container .body .table-container table th{padding:5px 7.5px!important}.container .body .table-container table td:first-child,.container .body .table-container table th:first-child{padding-left:24px!important}.container .body .table-container table td:last-child,.container .body .table-container table th:last-child{padding-right:24px!important}.container .body .paginator{margin-top:15px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i6.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "directive", type: i7.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i7.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i8.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i8.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i8.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i8.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i8.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i8.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i8.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i8.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i8.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i8.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i9.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i2.UpperCasePipe, name: "uppercase" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CatalogoDobleInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-catalogo-doble-input', template: "<div class=\"container\">\r\n\r\n  <!-- HEADER DE EL COMPONENTE -->\r\n  <div class=\"header mainColor\">\r\n    <!-- T\u00CDTULO -->\r\n    <h2>{{dialogData.title}}</h2>\r\n    <!-- BTN CERRAR -->\r\n    <div class=\"close\">\r\n      <div class=\"btn\" (click)=\"closeDialog()\">\r\n        <mat-icon>close</mat-icon>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- BODY -->\r\n  <div class=\"body\">\r\n    <!-- FILTER -->\r\n    <div class=\"filter\">\r\n      <mat-form-field class=\"input\">\r\n      <input type=\"text\" matInput \r\n      placeholder=\"Filtrar por {{filterData[0].placeholder}}\"\r\n      (keyup)=\"filterTable(first, $event)\"\r\n      [(ngModel)]=\"first\">\r\n      </mat-form-field>\r\n    </div>\r\n\r\n    <div class=\"filter\">\r\n      <mat-form-field class=\"input\">\r\n        <input type=\"text\" matInput \r\n        placeholder=\"Filtrar por {{filterData[1].placeholder}}\"\r\n        (keyup)=\"filterTable(second, $event)\"\r\n        [(ngModel)]=\"second\">\r\n      </mat-form-field>\r\n    </div>\r\n\r\n    <!-- TABLA -->\r\n    <div class=\"table-container\">\r\n      <table mat-table [dataSource]=\"dataSource\" matSort>\r\n        <!-- DATA -->\r\n        <ng-container *ngFor=\"let column of colunms;let i = index\" [matColumnDef]=\"column\">\r\n          <th mat-header-cell *matHeaderCellDef mat-sort-header>\r\n              {{ (names[i] ? names[i] : column) | uppercase}}\r\n          </th>\r\n          <td mat-cell *matCellDef=\"let row\" (click)=\"closeDialog(row)\">\r\n              {{row[column]}}\r\n          </td>\r\n        </ng-container>\r\n\r\n        <tr mat-header-row *matHeaderRowDef=\"colunms\"></tr>\r\n        <tr mat-row *matRowDef=\"let row; columns: colunms;\" class=\"row\"></tr>\r\n      </table>\r\n    </div>\r\n    <mat-paginator [pageSizeOptions]=\"[5, 10, 25, 100]\" class=\"paginator\"></mat-paginator>\r\n  </div>\r\n\r\n</div>\r\n\r\n", styles: [".container .header{padding:15px;text-align:center;border-radius:5px 5px 0 0;display:grid;grid-template-columns:repeat(10,10%)}.container .header h2{margin:0;grid-column:1/10;text-align:left}.container .header .close{grid-column:10/11;display:flex;justify-content:center;align-items:center}.container .header .close .btn{width:30px;height:30px;background:white;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.container .header .close .btn mat-icon{color:#000}.container .body{padding:15px;margin-top:10px}.container .body .filter .input{width:100%}.container .body .table-container{max-height:500px;overflow:auto}.container .body .table-container table{width:100%}.container .body .table-container table .row:hover{background:#777;cursor:pointer}.container .body .table-container table td,.container .body .table-container table th{padding:5px 7.5px!important}.container .body .table-container table td:first-child,.container .body .table-container table th:first-child{padding-left:24px!important}.container .body .table-container table td:last-child,.container .body .table-container table th:last-child{padding-right:24px!important}.container .body .paginator{margin-top:15px}\n"] }]
+            args: [{ selector: 'app-catalogo-doble-input', template: "<div class=\"container\">\r\n\r\n  <!-- HEADER DE EL COMPONENTE -->\r\n  <div class=\"header mainColor\">\r\n    <!-- T\u00CDTULO -->\r\n    <h2>{{dialogData.title}}</h2>\r\n    <!-- BTN CERRAR -->\r\n    <div class=\"close\">\r\n      <div class=\"btn\" (click)=\"closeDialog()\">\r\n        <mat-icon>close</mat-icon>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- BODY -->\r\n  <div class=\"body\">\r\n    <!-- FILTER -->\r\n    <div class=\"filter\">\r\n      <mat-form-field class=\"input\">\r\n      <input type=\"text\" matInput \r\n      placeholder=\"Filtrar por {{filterData[0].placeholder}}\"\r\n      (keyup)=\"filterTable(first, $event)\"\r\n      [(ngModel)]=\"first\">\r\n      </mat-form-field>\r\n    </div>\r\n\r\n    <div class=\"filter\">\r\n      <mat-form-field class=\"input\">\r\n        <input type=\"text\" matInput \r\n        placeholder=\"Filtrar por {{filterData[1].placeholder}}\"\r\n        (keyup)=\"filterTable(second, $event)\"\r\n        [(ngModel)]=\"second\">\r\n      </mat-form-field>\r\n    </div>\r\n\r\n    <!-- TABLA -->\r\n    <div class=\"table-container\">\r\n      <table mat-table [dataSource]=\"dataSource\" matSort>\r\n        <!-- DATA -->\r\n        <ng-container *ngFor=\"let column of colunms;let i = index\" [matColumnDef]=\"column\">\r\n          <th mat-header-cell *matHeaderCellDef mat-sort-header>\r\n              {{ (names[i] ? names[i] : column) | uppercase}}\r\n          </th>\r\n          <td mat-cell *matCellDef=\"let row\" (click)=\"closeDialog(row)\">\r\n              {{row[column]}}\r\n          </td>\r\n        </ng-container>\r\n\r\n        <tr mat-header-row *matHeaderRowDef=\"colunms\"></tr>\r\n        <tr mat-row *matRowDef=\"let row; columns: colunms;\" class=\"row\"></tr>\r\n      </table>\r\n    </div>\r\n    <mat-paginator [pageSizeOptions]=\"[5, 10, 25, 100]\"  showFirstLastButtons class=\"paginator\"></mat-paginator>\r\n  </div>\r\n\r\n</div>\r\n\r\n", styles: [".container .header{padding:15px;text-align:center;border-radius:5px 5px 0 0;display:grid;grid-template-columns:repeat(10,10%)}.container .header h2{margin:0;grid-column:1/10;text-align:left}.container .header .close{grid-column:10/11;display:flex;justify-content:center;align-items:center}.container .header .close .btn{width:30px;height:30px;background:white;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.container .header .close .btn mat-icon{color:#000}.container .body{padding:15px;margin-top:10px}.container .body .filter .input{width:100%}.container .body .table-container{max-height:500px;overflow:auto}.container .body .table-container table{width:100%}.container .body .table-container table .row:hover{background:#777;cursor:pointer}.container .body .table-container table td,.container .body .table-container table th{padding:5px 7.5px!important}.container .body .table-container table td:first-child,.container .body .table-container table th:first-child{padding-left:24px!important}.container .body .table-container table td:last-child,.container .body .table-container table th:last-child{padding-right:24px!important}.container .body .paginator{margin-top:15px}\n"] }]
         }], ctorParameters: function () {
         return [{ type: i1.MatDialogRef, decorators: [{
                         type: Optional
@@ -6544,7 +6544,7 @@ class SigespService {
                 data,
                 configuration
             },
-            width: '450px',
+            width: '1000px',
             maxHeight: '90vh'
         });
         return catalogo.afterClosed().toPromise();
@@ -6916,7 +6916,7 @@ class SigespService {
     // title: string, 
     // dataSource: any[],
     // columnNames?: string[]
-    columns, title, dataSource, columnNames = null, width = '450px', options = {
+    columns, title, dataSource, columnNames = null, width = '1000px', options = {
         disableClose: false,
         hasBackdrop: false,
         //  disableMasterToggle: false
@@ -6951,7 +6951,7 @@ class SigespService {
                     title: 'Catálogo de Plan de Cuentas Géneral',
                     dataSource: planes
                 },
-                width: '450px',
+                width: '1000px',
                 maxHeight: '90vh'
             });
             return dialogRef.afterClosed().toPromise();
@@ -6987,7 +6987,7 @@ class SigespService {
                 title: title,
                 message: (message) ? message : null
             },
-            width: '450px',
+            width: '1000px',
             maxHeight: '90vh'
         });
         return dialogRef.afterClosed().toPromise();
@@ -7123,7 +7123,7 @@ class SigespService {
                     title: 'Catálogo de Unidades Tributarias',
                     dataSource: udTributarias
                 },
-                width: '450px',
+                width: '1000x',
                 maxHeight: '90vh'
             });
             return dialogRef.afterClosed().toPromise();
@@ -7152,7 +7152,7 @@ class SigespService {
      * @return Promise<any>
      * @author Miguel Ramírez
      */
-    openCatalogoGenerico(columns, title, dataSource, columnNames = null, width = '450px', options = { disableClose: false, hasBackdrop: false }) {
+    openCatalogoGenerico(columns, title, dataSource, columnNames = null, width = '1000px', options = { disableClose: false, hasBackdrop: false }) {
         return __awaiter(this, void 0, void 0, function* () {
             let dialogRef = this.dialog.open(CatalogoComponent, {
                 data: {
@@ -7177,7 +7177,7 @@ class SigespService {
      * @return Promise<any>
      * @author Carlos Albornoz
      */
-    openCatalogoDosInputs(columns, title, dataSource, filterData, columnNames = null, width = "450px") {
+    openCatalogoDosInputs(columns, title, dataSource, filterData, columnNames = null, width = "1000px") {
         return __awaiter(this, void 0, void 0, function* () {
             let dialogRef = this.dialog.open(CatalogoDobleInputComponent, {
                 data: {
@@ -7207,7 +7207,7 @@ class SigespService {
                     title: 'Catálogo de Comunidades',
                     dataSource: comunidades
                 },
-                width: '450px',
+                width: '1000px',
                 maxHeight: '90vh'
             });
             return dialogRef.afterClosed().toPromise();
@@ -7226,7 +7226,7 @@ class SigespService {
                 usuario: this.usuarioActivo.getInterface()
             }
         };
-        return this.http.post(`${this.URL}/dao/cfg/comunidades_dao.php`, request).pipe(retry(3), catchError(this.handlerError), map((resp) => resp.map(element => new MComunidad(element))));
+        return this.http.post(`${this.URL}/dao/cfg/comunidades_dao.php`, request).pipe(map((resp) => resp.map(element => new MComunidad(element))));
     }
     /**
      * @description Abre el dialog de las las monedas
@@ -7243,7 +7243,7 @@ class SigespService {
                     columnNames: ['código', 'denominación', 'iso', 'simbolo'],
                     dataSource: coins
                 },
-                width: '450px',
+                width: '1000px',
                 maxHeight: '90vh'
             });
             return dialogRef.afterClosed().toPromise();
@@ -7259,7 +7259,7 @@ class SigespService {
      * @returns
      */
     getMonedas(tipo, id) {
-        return this.http.get(`${this.URL}/dao/cfg/moneda_dao.php?tipo=${tipo}&id=${id}`, { headers: this.getHttpHeaders() }).pipe(retry(3), catchError(this.handlerError), map((resp) => resp.data.map(element => new MMoneda(element))));
+        return this.http.get(`${this.URL}/dao/cfg/moneda_dao.php?tipo=${tipo}&id=${id}`, { headers: this.getHttpHeaders() }).pipe(map((resp) => resp.data.map(element => new MMoneda(element))));
     }
     /**
      * @Description: Obtiene la tasa de cambio asociadas a uno o varias monedas
@@ -7269,7 +7269,7 @@ class SigespService {
      * @tipo:all->todas, (moneda->una moneda id->id de moneda)
      */
     getCurrencyExchangeRate(tipo = null, id) {
-        return this.http.get(`${this.URL}/dao/cfg/tasa_cambio_dao.php?tipo=${tipo}&id=${id}`, { headers: this.getHttpHeaders() }).pipe(retry(3), catchError(this.handlerError), map((resp) => resp.data.map(element => new MExchangeRate(element))));
+        return this.http.get(`${this.URL}/dao/cfg/tasa_cambio_dao.php?tipo=${tipo}&id=${id}`, { headers: this.getHttpHeaders() }).pipe(map((resp) => resp.data.map(element => new MExchangeRate(element))));
     }
     /**
      * @description Abre el dialog de las las cuentas contables (Cuentas Institucionales)
@@ -7286,7 +7286,7 @@ class SigespService {
                     title: 'Catálogo de plan de cuenta institucional',
                     dataSource: accounts
                 },
-                width: '800px',
+                width: '1000px',
                 maxHeight: '90vh'
             });
             return dialogRef.afterClosed().toPromise();
@@ -7315,7 +7315,7 @@ class SigespService {
                     title: 'Catálogo de Cuentas de Presupuesto',
                     dataSource: accounts
                 },
-                width: '450px',
+                width: '1000px',
                 maxHeight: '90vh'
             });
             return dialogRef.afterClosed().toPromise();
@@ -7335,7 +7335,7 @@ class SigespService {
      * @author Carlos Albornoz
      * @params filtro: Indica bajo que parametros se va a filtrar el catalogo
      */
-    openCatalogoCuentasPresuspuesto(titulo, filtro = null, ancho = '750px') {
+    openCatalogoCuentasPresuspuesto(titulo, filtro = null, ancho = '1000px') {
         return __awaiter(this, void 0, void 0, function* () {
             let cuentas = [];
             yield this.getCuentasPresupuesto().toPromise().then((res) => {
@@ -7367,7 +7367,7 @@ class SigespService {
      * @author Carlos Albornoz
      * @params presupuesto: Indica si se a trabajar con estructura de presupuesto o no
      */
-    openCatalogoCuentasEgreso(titulo, presupuesto = true, ancho = "750px") {
+    openCatalogoCuentasEgreso(titulo, presupuesto = true, ancho = "1000px") {
         return __awaiter(this, void 0, void 0, function* () {
             let cuentas = [];
             yield this.getExpenseAccounts().toPromise().then(res => {
@@ -7405,7 +7405,7 @@ class SigespService {
      * @author Carlos Albornoz
      * @params presupuesto: Indica si se a trabajar con estructura de presupuesto o no
      */
-    openCatalogoCuentasIngreso(titulo, presupuesto = true, ancho = "750px") {
+    openCatalogoCuentasIngreso(titulo, presupuesto = true, ancho = "1000px") {
         return __awaiter(this, void 0, void 0, function* () {
             let cuentas = [];
             yield this.getIncomeAccounts().toPromise().then((res) => {