general-library-union 2.9.90 → 2.9.91

package/fesm2022/general-library-union.mjs

@@ -101,7 +101,7 @@ import * as i6 from 'primeng/confirmdialog';
 import { ConfirmDialogModule } from 'primeng/confirmdialog';
 import * as i9$1 from 'primeng/progressbar';
 import { ProgressBarModule } from 'primeng/progressbar';
-import * as i19 from 'primeng/editor';
+import * as i20$1 from 'primeng/editor';
 import { EditorModule } from 'primeng/editor';
 
 class UnionModel {
@@ -1481,7 +1481,8 @@ class UsuarioModel extends UnionModel {
 const environment = {
     production: false,
     crypto_secret_key: 'qwerty.123.zrtr*ty#qryt',
-    urlapisara: "http://186.86.125.178:9940",
+    //urlapisara: "http://186.86.125.178:9940",
+    urlapisara: "http://localhost:7881",
     codigoAplicacion: '1',
     nombreAplicacion: "SARA"
     /*urlapinucleo: "http://localhost:7878",
@@ -15581,6 +15582,10 @@ class CarguePlantillaGeneralComponent {
     rutaPrincipal;
     filteredFiles = [];
     filterValue = '';
+    filtroConvertir;
+    html;
+    mostrarEditor;
+    modificarHTML;
     FORMATS_VALIDOS = new Set([
         '.doc',
         '.html',
@@ -15597,10 +15602,7 @@ class CarguePlantillaGeneralComponent {
         '.docx',
         '.properties'
     ]);
-    filtroConvertir;
-    html;
-    mostrarEditor;
-    modificarHTML;
+    FORMATOS = 'doc;html;jasper;xls;jrxml;odt;xlsm;xlsx;pgp;asc;cer;p12;docx;properties';
     constructor(plantillasService, authService, translateService, controlFuncionService, confirmationService, toastService, cargarArchivoServices, encriptadoBasico, generalPipe, utilsService) {
         this.plantillasService = plantillasService;
         this.authService = authService;
@@ -15614,6 +15616,7 @@ class CarguePlantillaGeneralComponent {
         this.utilsService = utilsService;
     }
     async ngOnInit() {
+        this.loading = true;
         this.mostrarEditor = false;
         let consultarRutaPrincipal = await firstValueFrom(this.cargarArchivoServices.getPropiedad({ propiedad: "ruta_plantillas", aplicacion: 1 }));
         let convertir = await firstValueFrom(this.cargarArchivoServices.getPropiedad({ propiedad: "servidor_openOffice", aplicacion: 0 }));
@@ -15633,10 +15636,11 @@ class CarguePlantillaGeneralComponent {
             if (!this.propiedad) {
                 this.propiedad = 'ruta_plantillas';
             }
-            this.plantillasService.obtenerArchivos(this.propiedad, this.propiedadDeSistema ? '0' : this.authService.getTokenKey('aplicacion'), 'doc;html;jasper;xls;jrxml;odt;xlsm;xlsx;pgp;asc;cer;p12;docx;properties', this.anexoPropiedad, true).subscribe(rta => {
+            this.plantillasService.obtenerArchivos(this.propiedad, this.propiedadDeSistema ? '0' : this.authService.getTokenKey('aplicacion'), this.FORMATOS, this.anexoPropiedad, true).subscribe(rta => {
                 this.files = rta;
                 this.filteredFiles = rta;
                 this.loading = false;
+                //this.isCargarInicio = false;
                 if (!this.archivoSeleccionado) {
                     this.archivoSeleccionado = this.files[0];
                 }
@@ -15696,7 +15700,6 @@ class CarguePlantillaGeneralComponent {
         if (!this.isFormatoValido(this.archivoSeleccionadoAnexo.name)) {
             this.toastService.showWarning("Se debe agregar un archivo " + Array.from(this.FORMATS_VALIDOS).join(', '));
             fubauto.clear();
-            //this.toastService.showWarning("Se debe agregar un archivo .doc, .docx, .xls, .xlsx , .xlsm, .jrxml, .odt, .jasper, .pgp, .asc, .cer, .properties o .html");
             return;
         }
         //Cargar Archivo Temporal
@@ -15721,6 +15724,7 @@ class CarguePlantillaGeneralComponent {
         }
         //Guarda el documento
         await firstValueFrom(this.plantillasService.cargarDocumento(this.rutaPrincipal, rutaComplemento, informacionArchivo));
+        this.toastService.showSuccess(this.generalPipe.MENSAJE_GUARDAR);
         this.ngOnInit();
     }
     async descargarAnexo() {
@@ -15752,6 +15756,7 @@ class CarguePlantillaGeneralComponent {
         });
     }
     async setEliminarArchivo() {
+        this.loading = true;
         //Ruta archivo  
         let rutaComplemento = this.archivoSeleccionado.data;
         if (!this.archivoSeleccionado?.parent) {
@@ -15806,6 +15811,7 @@ class CarguePlantillaGeneralComponent {
         });
     }
     async setEliminarCarpeta() {
+        this.loading = true;
         let rutaComplemento = this.archivoSeleccionado.data;
         if (!this.archivoSeleccionado?.parent) {
             rutaComplemento = '';
@@ -15855,7 +15861,7 @@ class CarguePlantillaGeneralComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: CarguePlantillaGeneralComponent, deps: [{ token: PlantillasService }, { token: AuthService }, { token: i7$1.TranslateService }, { token: CargarControlFuncionalidadService }, { token: i7.ConfirmationService }, { token: ToastService }, { token: CargarArchivosService }, { token: EncriptadoBasicoService }, { token: GeneralPipe }, { token: UtilsService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.4", type: CarguePlantillaGeneralComponent, isStandalone: true, selector: "app-cargue-plantilla-general", providers: [
             ConfirmationService
-        ], viewQueries: [{ propertyName: "popupConvertirPlantillasComponent", first: true, predicate: PopupConvertirPlantillasComponent, descendants: true }, { propertyName: "miFormulario", first: true, predicate: ["miFormulario"], descendants: true }, { propertyName: "treeComponent", first: true, predicate: ["tree"], descendants: true }], ngImport: i0, template: "<p-confirmPopup key=\"eliminarCarpeta\"></p-confirmPopup>\n<p-confirmPopup key=\"eliminarArchivo\"></p-confirmPopup>\n\n<h1 class=\"mb-4\">{{'cargue' | translate}} {{'plantillas' | translate}}</h1>\n\n<div class=\"p-fluid p-formgrid grid\">\n\n    <div class=\"field col-12 md:col-6 lg:col-5 card p-5\">\n        <div class=\"flex justify-content-between align-items-center justify-content-center relative\">\n            <input type=\"text\" pInputText [(ngModel)]=\"filterValue\" placeholder=\"{{'filtro' | translate}}\"\n                (keydown)=\"filtrarEnter($event)\" />\n            <button type=\"button\" pButton pRipple icon=\"pi pi-search text-xl\" (click)=\"aplicarFiltro()\"\n                class=\"p-element p-ripple p-button-rounded  p-button-secondary p-button p-component p-button-icon-only absolute right-0 border-none bg-white-alpha-10\"\n                tooltipPosition=\"bottom\" pTooltip=\"Editar HTML\"></button>\n        </div>\n\n        <p-tree #tree scrollHeight=\"670px\" [value]=\"filteredFiles\" selectionMode=\"single\" [(selection)]=\"dataSelected\"\n            [filter]=\"false\" [filterPlaceholder]=\"'filtro' | translate\" filterMode=\"strict\"\n            (onNodeSelect)=\"seleccionarArchivo($event)\" [loading]=\"loading\"\n            (onNodeUnselect)=\"deseleccionarArchivo($event)\"></p-tree>\n    </div>\n\n    <!-- OPCINES DIRECTORIOS - ARCHIVOS -->\n    <div class=\"field col-12 md:col-6 lg:col-7 p-0 pl-3\">\n\n        @if(!this.loading){\n        <div class=\"card p-3\">\n\n            <!-- CARPETA -->\n            @if(archivoSeleccionado.expanded){\n            <div class=\"flex align-items-center\">\n                <h1 class=\"text-xl mt-2 mb-4 mr-3\">Carpeta: </h1>\n                <h5 class=\"text-sm mt-2 mb-4\"> {{archivoSeleccionado.label}} </h5>\n            </div>\n\n            <div class=\"flex justify-content-between\">\n\n                <!-- Convertir -->\n                <button type=\"button\" pButton pRipple (click)=\"convertirArchivos()\"\n                    *ngIf=\"verConvertir && controlFuncionService.getControlFuncionalidad('seguplacor:guardar')\"\n                    tooltipPosition=\"bottom\" label=\"{{'convertir' | translate}}\"\n                    class=\"p-button-outlined boton-accion-principal text-gray-600 color-500\"\n                    pTooltip=\"Convertir archivo\" tooltipPosition=\"bottom\">\n                    <div class=\"contenedor-icono-acciones-principal\">\n                        <i class=\"pi pi-arrow-right-arrow-left color-500\"></i>\n                    </div>\n                </button>\n\n                <!--Nueva Carpeta-->\n                <button *ngIf=\"controlFuncionService.getControlFuncionalidad('seguplacor:guardar')\" pButton pRipple\n                    class=\"p-button-outlined  boton-accion-principal text-gray-600 color-500\"\n                    label=\"{{'link_nuevo' | translate}}\" (click)=\"crearCarpeta()\">\n                    <div class=\"contenedor-icono-acciones-principal\">\n                        <i class=\"glyphicons glyphicons-floppy-save color-500\"></i>\n                    </div>\n                </button>\n\n                <!--Eliminar-->\n                <button *ngIf=\"controlFuncionService.getControlFuncionalidad('seguplacor:guardar')\" pButton pRipple\n                    class=\"p-button-outlined  boton-accion-principal text-gray-600 color-500\"\n                    label=\"{{'link_eliminar' | translate}}\" (click)=\"eliminarCarpeta()\">\n                    <div class=\"contenedor-icono-acciones-principal\">\n                        <i class=\"glyphicons glyphicons-bin color-500\"></i>\n                    </div>\n                </button>\n\n                <!-- Cargar Archivo -->\n                <div [ngClass]=\"{ 'min-width-100': !verConvertir, 'min-width-20': verConvertir }\">\n                    <p-fileUpload #fubauto mode=\"basic\" [auto]=\"true\" [customUpload]=\"true\" chooseIcon=\"pi pi-paperclip\"\n                        *ngIf=\"controlFuncionService.getControlFuncionalidad('seguplacor:guardar')\"\n                        chooseLabel=\"{{'link_subirarchivos' | translate}}\" (onSelect)=\"cargarNuevo($event, fubauto)\">\n                        <div class=\"contenedor-icono-acciones-principal\">\n                            <i class=\"pi pi-trash\"></i>\n                        </div>\n                    </p-fileUpload>\n                </div>\n            </div>\n            }\n\n            <!-- ARCHIVO-->\n            @if(!archivoSeleccionado.expanded){\n\n            <div class=\"flex align-items-center\">\n                <h1 class=\"text-xl mt-2 mb-4 mr-3\">Archivo: </h1>\n                <h5 class=\"text-sm mt-2 mb-4\"> {{archivoSeleccionado.label}} </h5>\n            </div>\n\n            <div class=\"flex justify-content-end\">\n                @if(archivoSeleccionado.label.includes('.html')){\n\n                <!--EDITAR HTML-->\n                <button type=\"button\" pButton pRipple icon=\"pi pi-code text-xl color-500\" (click)=\"editarAction()\"\n                    class=\"p-button-outlined  boton-accion-principal text-gray-600\" label=\"Editar HTML\">\n                </button>\n                }\n\n                <!-- DESCARGAR-->\n                <button pButton pRipple class=\"p-button-outlined  boton-accion-principal text-gray-600 color-500\"\n                    label=\"{{'link_descargar' | translate}}\" (click)=\"descargarAnexo()\"\n                    *ngIf=\"controlFuncionService.getControlFuncionalidad('seguplacor:descargar')\">\n                    <div class=\"contenedor-icono-acciones-principal\">\n                        <i class=\"glyphicons glyphicons-download color-500\"></i>\n                    </div>\n                </button>\n\n                <!--ELIMINAR-->\n                <button pButton pRipple class=\"p-button-outlined  boton-accion-principal text-gray-600 color-500\"\n                    label=\"{{'link_eliminar' | translate}}\" (click)=\"eliminarArchivo()\"\n                    *ngIf=\"controlFuncionService.getControlFuncionalidad('seguplacor:guardar')\">\n                    <div class=\"contenedor-icono-acciones-principal\">\n                        <i class=\"glyphicons glyphicons-bin color-500\"></i>\n                    </div>\n                </button>\n            </div>\n            }\n        </div>\n        }\n\n        @if(archivoSeleccionado.expanded && isVisualizarCrearCaperta){\n        <div class=\"card\">\n\n            <h5 class=\"mt-2\"><i class=\"glyphicons glyphicons-note\"></i> Nueva carpeta</h5>\n\n            <form #miFormulario=\"ngForm\">\n                <!-- campos -->\n                <div class=\"flex mb-3\">\n                    <!-- Nombre -->\n                    <div class=\"w-full p-0 mb-0\">\n                        <span class=\"p-float-label mr-2\">\n                            <input pInputText id=\"id_numero_de_evento\" [(ngModel)]=\"nomNuevaCarpeta\" required\n                                name=\"nombreCarpeta\">\n                            <label for=\"id_numero_de_evento\">{{'nombre' | translate}} *</label>\n                        </span>\n                    </div>\n\n                    <div class=\"flex justify-content-end\">\n                        <!--Guardar Carpeta-->\n                        <button pButton pRipple class=\"mr-2 p-button background-100 color-500\"\n                            icon=\"glyphicons glyphicons-floppy-save\" [label]=\"('link_guardar' | translate)\"\n                            (click)=\"guardarCarpeta()\">\n                        </button>\n                    </div>\n                </div>\n            </form>\n\n        </div>\n        }\n        <!-- EDITOR DE HTML -->\n        <div *ngIf=\"isHtml() && mostrarEditor\">\n\n            <div class=\"flex justify-content-end align-items-center mb-3\">\n                <!-- Bot\u00F3n guardar HTML -->\n                <button pButton pRipple label=\"{{'link_guardar' | translate }}\" (click)=\"guardarHtml()\"\n                    icon=\"glyphicons glyphicons-floppy-save\" class=\"p-button-secondary\"\n                    *ngIf=\"controlFuncionService.getControlFuncionalidad('seguplacor:guardar')\"></button>\n            </div>\n\n            <p-editor id=\"editor\" [style]=\"{ height: '500px' }\" required [(ngModel)]=\"modificarHTML\"\n                name=\"htmlPublicacion\"></p-editor>\n\n        </div>\n    </div>\n</div>\n\n@if(isMostrarPopupConvertir){\n<app-popup-convertir-plantillas (regresar)=\"regresarPopupConvertir($event)\"></app-popup-convertir-plantillas>\n}", styles: [":host ::ng-deep .p-fluid .p-fileupload .p-button{width:100%}:host ::ng-deep .min-width-20{min-width:20%}:host ::ng-deep .min-width-100{min-width:30%}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i14.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i14.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TreeModule }, { kind: "component", type: i7$2.Tree, selector: "p-tree", inputs: ["value", "selectionMode", "loadingMode", "selection", "style", "styleClass", "contextMenu", "layout", "draggableScope", "droppableScope", "draggableNodes", "droppableNodes", "metaKeySelection", "propagateSelectionUp", "propagateSelectionDown", "loading", "loadingIcon", "emptyMessage", "ariaLabel", "togglerAriaLabel", "ariaLabelledBy", "validateDrop", "filter", "filterBy", "filterMode", "filterPlaceholder", "filteredNodes", "filterLocale", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "indentation", "_templateMap", "trackBy", "virtualNodeHeight"], outputs: ["selectionChange", "onNodeSelect", "onNodeUnselect", "onNodeExpand", "onNodeCollapse", "onNodeContextMenuSelect", "onNodeDrop", "onLazyLoad", "onScroll", "onScrollIndexChange", "onFilter"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i14$1.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i10$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "ngmodule", type: SplitButtonModule }, { kind: "directive", type: i3$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "ngmodule", type: ConfirmPopupModule }, { kind: "component", type: i12$2.ConfirmPopup, selector: "p-confirmPopup", inputs: ["key", "defaultFocus", "showTransitionOptions", "hideTransitionOptions", "autoZIndex", "baseZIndex", "style", "styleClass", "visible"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FieldsetModule }, { kind: "ngmodule", type: FileUploadModule }, { kind: "component", type: i20.FileUpload, selector: "p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { kind: "component", type: PopupConvertirPlantillasComponent, selector: "app-popup-convertir-plantillas", inputs: ["showDialog"], outputs: ["onSelected", "regresar"] }, { kind: "ngmodule", type: EditorModule }, { kind: "component", type: i19.Editor, selector: "p-editor", inputs: ["style", "styleClass", "placeholder", "formats", "modules", "bounds", "scrollingContainer", "debug", "readonly"], outputs: ["onInit", "onTextChange", "onSelectionChange"] }] });
+        ], viewQueries: [{ propertyName: "popupConvertirPlantillasComponent", first: true, predicate: PopupConvertirPlantillasComponent, descendants: true }, { propertyName: "miFormulario", first: true, predicate: ["miFormulario"], descendants: true }, { propertyName: "treeComponent", first: true, predicate: ["tree"], descendants: true }], ngImport: i0, template: "<div id=\"cargue-plantillas\">\n<p-confirmPopup key=\"eliminarCarpeta\"></p-confirmPopup>\n<p-confirmPopup key=\"eliminarArchivo\"></p-confirmPopup>\n\n<h1 class=\"mb-4\">{{'cargue' | translate}} {{'plantillas' | translate}}</h1>\n\n<div class=\"p-fluid p-formgrid grid\">\n\n    <div class=\"field col-12 md:col-6 lg:col-5 card p-5\">\n        <div class=\"flex justify-content-between align-items-center justify-content-center relative\">\n            <input type=\"text\" pInputText [(ngModel)]=\"filterValue\" placeholder=\"{{'filtro' | translate}}\"\n                (keydown)=\"filtrarEnter($event)\" />\n            <button type=\"button\" pButton pRipple icon=\"pi pi-search text-xl\" (click)=\"aplicarFiltro()\"\n                class=\"p-element p-ripple p-button-rounded  p-button-secondary p-button p-component p-button-icon-only absolute right-0 border-none bg-white-alpha-10\"\n                tooltipPosition=\"bottom\" pTooltip=\"Editar HTML\"></button>\n        </div>\n\n        <p-tree #tree scrollHeight=\"670px\" [value]=\"filteredFiles\" selectionMode=\"single\" [(selection)]=\"dataSelected\"\n            [filter]=\"false\" [filterPlaceholder]=\"'filtro' | translate\" filterMode=\"strict\"\n            (onNodeSelect)=\"seleccionarArchivo($event)\" [loading]=\"loading\"\n            (onNodeUnselect)=\"deseleccionarArchivo($event)\"></p-tree>\n    </div>\n\n    <!-- OPCINES DIRECTORIOS - ARCHIVOS -->\n    <div class=\"field col-12 md:col-6 lg:col-7 p-0 pl-3\">\n\n        @if(this.loading){\n        <p-progressBar mode=\"indeterminate\" [style]=\"{ height: '6px' }\"></p-progressBar>\n        }\n\n        @if(!this.loading){\n        <div class=\"card p-3\">\n\n            <!-- CARPETA -->\n            @if(archivoSeleccionado.expanded){\n            <div class=\"flex align-items-center\">\n                <h1 class=\"text-xl mt-2 mb-4 mr-3\">Carpeta: </h1>\n                <h5 class=\"text-sm mt-2 mb-4\"> {{archivoSeleccionado.label}} </h5>\n            </div>\n\n            <div class=\"flex justify-content-between\">\n\n                <!-- Convertir -->\n                <button type=\"button\" pButton pRipple (click)=\"convertirArchivos()\"\n                    *ngIf=\"verConvertir && controlFuncionService.getControlFuncionalidad('seguplacor:guardar')\"\n                    tooltipPosition=\"bottom\" label=\"{{'convertir' | translate}}\"\n                    class=\"w-full mr-3 p-button-secondary boton-accion-principal text-gray-600 color-500\"\n                    pTooltip=\"Convertir archivo\" tooltipPosition=\"bottom\">\n                    <div class=\"contenedor-icono-acciones-principal\">\n                        <i class=\"pi pi-arrow-right-arrow-left color-500\"></i>\n                    </div>\n                </button>\n\n                <!--Nueva Carpeta-->\n                <button *ngIf=\"controlFuncionService.getControlFuncionalidad('seguplacor:guardar')\" pButton pRipple\n                    class=\"w-full mr-3 p-button-secondary boton-accion-principal text-gray-600 color-500\"\n                    label=\"{{'link_nuevo' | translate}}\" (click)=\"crearCarpeta()\">\n                    <div class=\"contenedor-icono-acciones-principal\">\n                        <i class=\"glyphicons glyphicons-plus color-500\"></i>\n                    </div>\n                </button>\n\n                <!--Eliminar-->\n                <div class=\"btn-fileupload-claro\">\n                    <button *ngIf=\"controlFuncionService.getControlFuncionalidad('seguplacor:guardar')\" pButton pRipple\n                        class=\"p-button p-button-secondary font-semibold flex-shrink-0 boton-accion-principal mr-3\"\n                        label=\"{{'link_eliminar' | translate}}\" (click)=\"eliminarCarpeta()\">\n                        <div class=\"contenedor-icono-acciones-principal\">\n                            <i style=\"color: var(--color-500)\" class=\"glyphicons glyphicons-bin\"></i>\n                        </div>\n                    </button>\n                </div>\n\n                <!-- Cargar Archivo -->\n                <div class=\"btn-fileupload-claro\" [ngClass]=\"{ 'min-width-100': !verConvertir, 'min-width-20': verConvertir }\">\n                    <p-fileUpload #fubauto mode=\"basic\" [auto]=\"true\" [customUpload]=\"true\" chooseIcon=\"pi pi-paperclip\"\n                        *ngIf=\"controlFuncionService.getControlFuncionalidad('seguplacor:guardar')\"\n                        chooseLabel=\"{{'link_subirarchivos' | translate}}\" (onSelect)=\"cargarNuevo($event, fubauto)\">\n                        <div class=\"contenedor-icono-acciones-principal\">\n                            <i class=\"pi pi-trash\"></i>\n                        </div>\n                    </p-fileUpload>\n                </div>\n            </div>\n            }\n\n            <!-- ARCHIVO-->\n            @if(!archivoSeleccionado.expanded){\n\n            <div class=\"flex align-items-center\">\n                <h1 class=\"text-xl mt-2 mb-4 mr-3\">Archivo: </h1>\n                <h5 class=\"text-sm mt-2 mb-4\"> {{archivoSeleccionado.label}} </h5>\n            </div>\n\n            <div class=\"flex justify-content-end\">\n                @if(archivoSeleccionado.label.includes('.html')){\n\n                <!--EDITAR HTML-->\n                <button type=\"button\" pButton pRipple icon=\"pi pi-code text-xl color-500\" (click)=\"editarAction()\"\n                    class=\"mr-3 w-full p-button-secondary  boton-accion-principal \" label=\"Editar HTML\">\n                </button>\n                }\n\n                <!-- DESCARGAR-->\n                <button pButton pRipple class=\"mr-3 w-full p-button-secondary boton-accion-principal text-gray-600 color-500\"\n                    label=\"{{'link_descargar' | translate}}\" (click)=\"descargarAnexo()\"\n                    *ngIf=\"controlFuncionService.getControlFuncionalidad('seguplacor:descargar')\">\n                    <div class=\"contenedor-icono-acciones-principal\">\n                        <i class=\"glyphicons glyphicons-download color-500\"></i>\n                    </div>\n                </button>\n\n                <!--ELIMINAR-->\n                <button pButton pRipple class=\"w-full p-button-secondary  boton-accion-principal text-gray-600 color-500\"\n                    label=\"{{'link_eliminar' | translate}}\" (click)=\"eliminarArchivo()\"\n                    *ngIf=\"controlFuncionService.getControlFuncionalidad('seguplacor:guardar')\">\n                    <div class=\"contenedor-icono-acciones-principal\">\n                        <i class=\"glyphicons glyphicons-bin color-500\"></i>\n                    </div>\n                </button>\n            </div>\n            }\n        </div>\n        }\n\n        @if(archivoSeleccionado.expanded && isVisualizarCrearCaperta){\n        <div class=\"card\">\n\n            <h5 class=\"mt-2\"><i class=\"glyphicons glyphicons-note\"></i> Nueva carpeta</h5>\n\n            <form #miFormulario=\"ngForm\">\n                <!-- campos -->\n                <div class=\"flex mb-3\">\n                    <!-- Nombre -->\n                    <div class=\"w-full p-0 mb-0\">\n                        <span class=\"p-float-label mr-2\">\n                            <input pInputText id=\"id_numero_de_evento\" [(ngModel)]=\"nomNuevaCarpeta\" required\n                                name=\"nombreCarpeta\">\n                            <label for=\"id_numero_de_evento\">{{'nombre' | translate}} *</label>\n                        </span>\n                    </div>\n\n                    <div class=\"flex justify-content-end\">\n                        <!--Guardar Carpeta-->\n                        <button pButton pRipple class=\"mr-2 p-button-raised\" icon=\"glyphicons glyphicons-floppy-save\"\n                            [label]=\"('link_guardar' | translate)\" (click)=\"guardarCarpeta()\">\n                        </button>\n                    </div>\n                </div>\n            </form>\n\n        </div>\n        }\n        <!-- EDITOR DE HTML -->\n        <div *ngIf=\"isHtml() && mostrarEditor\">\n\n            <div class=\"flex justify-content-end align-items-center mb-3\">\n                <!-- Bot\u00F3n guardar HTML -->\n                <button pButton pRipple label=\"{{'link_guardar' | translate }}\" (click)=\"guardarHtml()\"\n                    icon=\"glyphicons glyphicons-floppy-save\" class=\"p-button-raised\"\n                    *ngIf=\"controlFuncionService.getControlFuncionalidad('seguplacor:guardar')\"></button>\n            </div>\n\n            <p-editor id=\"editor\" [style]=\"{ height: '500px' }\" required [(ngModel)]=\"modificarHTML\"\n                name=\"htmlPublicacion\"></p-editor>\n\n        </div>\n    </div>\n</div>\n\n@if(isMostrarPopupConvertir){\n<app-popup-convertir-plantillas (regresar)=\"regresarPopupConvertir($event)\"></app-popup-convertir-plantillas>\n}\n\n</div>", styles: [":host ::ng-deep .p-fluid .p-fileupload .p-button{width:100%;background:var(--color-85);border:none;box-shadow:none;color:var(--color-500);border-radius:10px}:host ::ng-deep .p-fluid .p-fileupload .p-button:hover{background:var(--color-100)!important}:host ::ng-deep .min-width-20{min-width:20%}:host ::ng-deep .min-width-100{min-width:30%}#cargue-plantillas .btn-fileupload-claro .p-button{background:var(--color-85)!important;color:var(--color-500)!important;border-radius:10px}#cargue-plantillas .btn-fileupload-claro .p-button:hover{background:var(--color-100)!important}#cargue-plantillas .btn-fileupload-claro .contenedor-icono-acciones-principal{background:#fff;margin-right:8px;padding:12px}#cargue-plantillas .btn-fileupload-claro .boton-accion-principal i{margin:0!important}#cargue-plantillas .contenedor-icono-acciones-principal{display:inline-block;background-color:#fff;border-radius:50%;width:25px;height:25px;display:flex;align-items:center;justify-content:center}#cargue-plantillas .boton-accion-principal i{margin-right:0!important}:host ::ng-deep span.p-button-icon.p-button-icon-left.pi.pi-paperclip{padding:6px;background:#fff;border:none;border-radius:50%;color:var(--color-400)}:host ::ng-deep span.p-button-icon.p-button-icon-left.pi.pi-code{background:#fff;padding:5px;border-radius:50%}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i7$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i14.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i14.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TreeModule }, { kind: "component", type: i7$2.Tree, selector: "p-tree", inputs: ["value", "selectionMode", "loadingMode", "selection", "style", "styleClass", "contextMenu", "layout", "draggableScope", "droppableScope", "draggableNodes", "droppableNodes", "metaKeySelection", "propagateSelectionUp", "propagateSelectionDown", "loading", "loadingIcon", "emptyMessage", "ariaLabel", "togglerAriaLabel", "ariaLabelledBy", "validateDrop", "filter", "filterBy", "filterMode", "filterPlaceholder", "filteredNodes", "filterLocale", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "indentation", "_templateMap", "trackBy", "virtualNodeHeight"], outputs: ["selectionChange", "onNodeSelect", "onNodeUnselect", "onNodeExpand", "onNodeCollapse", "onNodeContextMenuSelect", "onNodeDrop", "onLazyLoad", "onScroll", "onScrollIndexChange", "onFilter"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i14$1.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i10$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "ngmodule", type: SplitButtonModule }, { kind: "directive", type: i3$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "ngmodule", type: ConfirmPopupModule }, { kind: "component", type: i12$2.ConfirmPopup, selector: "p-confirmPopup", inputs: ["key", "defaultFocus", "showTransitionOptions", "hideTransitionOptions", "autoZIndex", "baseZIndex", "style", "styleClass", "visible"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FieldsetModule }, { kind: "ngmodule", type: FileUploadModule }, { kind: "component", type: i20.FileUpload, selector: "p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { kind: "component", type: i9$1.ProgressBar, selector: "p-progressBar", inputs: ["value", "showValue", "styleClass", "style", "unit", "mode", "color"] }, { kind: "component", type: PopupConvertirPlantillasComponent, selector: "app-popup-convertir-plantillas", inputs: ["showDialog"], outputs: ["onSelected", "regresar"] }, { kind: "ngmodule", type: EditorModule }, { kind: "component", type: i20$1.Editor, selector: "p-editor", inputs: ["style", "styleClass", "placeholder", "formats", "modules", "bounds", "scrollingContainer", "debug", "readonly"], outputs: ["onInit", "onTextChange", "onSelectionChange"] }, { kind: "ngmodule", type: ProgressBarModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImport: i0, type: CarguePlantillaGeneralComponent, decorators: [{
             type: Component,
@@ -15870,10 +15876,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.4", ngImpor
                         FieldsetModule,
                         FileUploadModule,
                         PopupConvertirPlantillasComponent,
-                        EditorModule
+                        EditorModule,
+                        ProgressBarModule
                     ], providers: [
                         ConfirmationService
-                    ], template: "<p-confirmPopup key=\"eliminarCarpeta\"></p-confirmPopup>\n<p-confirmPopup key=\"eliminarArchivo\"></p-confirmPopup>\n\n<h1 class=\"mb-4\">{{'cargue' | translate}} {{'plantillas' | translate}}</h1>\n\n<div class=\"p-fluid p-formgrid grid\">\n\n    <div class=\"field col-12 md:col-6 lg:col-5 card p-5\">\n        <div class=\"flex justify-content-between align-items-center justify-content-center relative\">\n            <input type=\"text\" pInputText [(ngModel)]=\"filterValue\" placeholder=\"{{'filtro' | translate}}\"\n                (keydown)=\"filtrarEnter($event)\" />\n            <button type=\"button\" pButton pRipple icon=\"pi pi-search text-xl\" (click)=\"aplicarFiltro()\"\n                class=\"p-element p-ripple p-button-rounded  p-button-secondary p-button p-component p-button-icon-only absolute right-0 border-none bg-white-alpha-10\"\n                tooltipPosition=\"bottom\" pTooltip=\"Editar HTML\"></button>\n        </div>\n\n        <p-tree #tree scrollHeight=\"670px\" [value]=\"filteredFiles\" selectionMode=\"single\" [(selection)]=\"dataSelected\"\n            [filter]=\"false\" [filterPlaceholder]=\"'filtro' | translate\" filterMode=\"strict\"\n            (onNodeSelect)=\"seleccionarArchivo($event)\" [loading]=\"loading\"\n            (onNodeUnselect)=\"deseleccionarArchivo($event)\"></p-tree>\n    </div>\n\n    <!-- OPCINES DIRECTORIOS - ARCHIVOS -->\n    <div class=\"field col-12 md:col-6 lg:col-7 p-0 pl-3\">\n\n        @if(!this.loading){\n        <div class=\"card p-3\">\n\n            <!-- CARPETA -->\n            @if(archivoSeleccionado.expanded){\n            <div class=\"flex align-items-center\">\n                <h1 class=\"text-xl mt-2 mb-4 mr-3\">Carpeta: </h1>\n                <h5 class=\"text-sm mt-2 mb-4\"> {{archivoSeleccionado.label}} </h5>\n            </div>\n\n            <div class=\"flex justify-content-between\">\n\n                <!-- Convertir -->\n                <button type=\"button\" pButton pRipple (click)=\"convertirArchivos()\"\n                    *ngIf=\"verConvertir && controlFuncionService.getControlFuncionalidad('seguplacor:guardar')\"\n                    tooltipPosition=\"bottom\" label=\"{{'convertir' | translate}}\"\n                    class=\"p-button-outlined boton-accion-principal text-gray-600 color-500\"\n                    pTooltip=\"Convertir archivo\" tooltipPosition=\"bottom\">\n                    <div class=\"contenedor-icono-acciones-principal\">\n                        <i class=\"pi pi-arrow-right-arrow-left color-500\"></i>\n                    </div>\n                </button>\n\n                <!--Nueva Carpeta-->\n                <button *ngIf=\"controlFuncionService.getControlFuncionalidad('seguplacor:guardar')\" pButton pRipple\n                    class=\"p-button-outlined  boton-accion-principal text-gray-600 color-500\"\n                    label=\"{{'link_nuevo' | translate}}\" (click)=\"crearCarpeta()\">\n                    <div class=\"contenedor-icono-acciones-principal\">\n                        <i class=\"glyphicons glyphicons-floppy-save color-500\"></i>\n                    </div>\n                </button>\n\n                <!--Eliminar-->\n                <button *ngIf=\"controlFuncionService.getControlFuncionalidad('seguplacor:guardar')\" pButton pRipple\n                    class=\"p-button-outlined  boton-accion-principal text-gray-600 color-500\"\n                    label=\"{{'link_eliminar' | translate}}\" (click)=\"eliminarCarpeta()\">\n                    <div class=\"contenedor-icono-acciones-principal\">\n                        <i class=\"glyphicons glyphicons-bin color-500\"></i>\n                    </div>\n                </button>\n\n                <!-- Cargar Archivo -->\n                <div [ngClass]=\"{ 'min-width-100': !verConvertir, 'min-width-20': verConvertir }\">\n                    <p-fileUpload #fubauto mode=\"basic\" [auto]=\"true\" [customUpload]=\"true\" chooseIcon=\"pi pi-paperclip\"\n                        *ngIf=\"controlFuncionService.getControlFuncionalidad('seguplacor:guardar')\"\n                        chooseLabel=\"{{'link_subirarchivos' | translate}}\" (onSelect)=\"cargarNuevo($event, fubauto)\">\n                        <div class=\"contenedor-icono-acciones-principal\">\n                            <i class=\"pi pi-trash\"></i>\n                        </div>\n                    </p-fileUpload>\n                </div>\n            </div>\n            }\n\n            <!-- ARCHIVO-->\n            @if(!archivoSeleccionado.expanded){\n\n            <div class=\"flex align-items-center\">\n                <h1 class=\"text-xl mt-2 mb-4 mr-3\">Archivo: </h1>\n                <h5 class=\"text-sm mt-2 mb-4\"> {{archivoSeleccionado.label}} </h5>\n            </div>\n\n            <div class=\"flex justify-content-end\">\n                @if(archivoSeleccionado.label.includes('.html')){\n\n                <!--EDITAR HTML-->\n                <button type=\"button\" pButton pRipple icon=\"pi pi-code text-xl color-500\" (click)=\"editarAction()\"\n                    class=\"p-button-outlined  boton-accion-principal text-gray-600\" label=\"Editar HTML\">\n                </button>\n                }\n\n                <!-- DESCARGAR-->\n                <button pButton pRipple class=\"p-button-outlined  boton-accion-principal text-gray-600 color-500\"\n                    label=\"{{'link_descargar' | translate}}\" (click)=\"descargarAnexo()\"\n                    *ngIf=\"controlFuncionService.getControlFuncionalidad('seguplacor:descargar')\">\n                    <div class=\"contenedor-icono-acciones-principal\">\n                        <i class=\"glyphicons glyphicons-download color-500\"></i>\n                    </div>\n                </button>\n\n                <!--ELIMINAR-->\n                <button pButton pRipple class=\"p-button-outlined  boton-accion-principal text-gray-600 color-500\"\n                    label=\"{{'link_eliminar' | translate}}\" (click)=\"eliminarArchivo()\"\n                    *ngIf=\"controlFuncionService.getControlFuncionalidad('seguplacor:guardar')\">\n                    <div class=\"contenedor-icono-acciones-principal\">\n                        <i class=\"glyphicons glyphicons-bin color-500\"></i>\n                    </div>\n                </button>\n            </div>\n            }\n        </div>\n        }\n\n        @if(archivoSeleccionado.expanded && isVisualizarCrearCaperta){\n        <div class=\"card\">\n\n            <h5 class=\"mt-2\"><i class=\"glyphicons glyphicons-note\"></i> Nueva carpeta</h5>\n\n            <form #miFormulario=\"ngForm\">\n                <!-- campos -->\n                <div class=\"flex mb-3\">\n                    <!-- Nombre -->\n                    <div class=\"w-full p-0 mb-0\">\n                        <span class=\"p-float-label mr-2\">\n                            <input pInputText id=\"id_numero_de_evento\" [(ngModel)]=\"nomNuevaCarpeta\" required\n                                name=\"nombreCarpeta\">\n                            <label for=\"id_numero_de_evento\">{{'nombre' | translate}} *</label>\n                        </span>\n                    </div>\n\n                    <div class=\"flex justify-content-end\">\n                        <!--Guardar Carpeta-->\n                        <button pButton pRipple class=\"mr-2 p-button background-100 color-500\"\n                            icon=\"glyphicons glyphicons-floppy-save\" [label]=\"('link_guardar' | translate)\"\n                            (click)=\"guardarCarpeta()\">\n                        </button>\n                    </div>\n                </div>\n            </form>\n\n        </div>\n        }\n        <!-- EDITOR DE HTML -->\n        <div *ngIf=\"isHtml() && mostrarEditor\">\n\n            <div class=\"flex justify-content-end align-items-center mb-3\">\n                <!-- Bot\u00F3n guardar HTML -->\n                <button pButton pRipple label=\"{{'link_guardar' | translate }}\" (click)=\"guardarHtml()\"\n                    icon=\"glyphicons glyphicons-floppy-save\" class=\"p-button-secondary\"\n                    *ngIf=\"controlFuncionService.getControlFuncionalidad('seguplacor:guardar')\"></button>\n            </div>\n\n            <p-editor id=\"editor\" [style]=\"{ height: '500px' }\" required [(ngModel)]=\"modificarHTML\"\n                name=\"htmlPublicacion\"></p-editor>\n\n        </div>\n    </div>\n</div>\n\n@if(isMostrarPopupConvertir){\n<app-popup-convertir-plantillas (regresar)=\"regresarPopupConvertir($event)\"></app-popup-convertir-plantillas>\n}", styles: [":host ::ng-deep .p-fluid .p-fileupload .p-button{width:100%}:host ::ng-deep .min-width-20{min-width:20%}:host ::ng-deep .min-width-100{min-width:30%}\n"] }]
+                    ], template: "<div id=\"cargue-plantillas\">\n<p-confirmPopup key=\"eliminarCarpeta\"></p-confirmPopup>\n<p-confirmPopup key=\"eliminarArchivo\"></p-confirmPopup>\n\n<h1 class=\"mb-4\">{{'cargue' | translate}} {{'plantillas' | translate}}</h1>\n\n<div class=\"p-fluid p-formgrid grid\">\n\n    <div class=\"field col-12 md:col-6 lg:col-5 card p-5\">\n        <div class=\"flex justify-content-between align-items-center justify-content-center relative\">\n            <input type=\"text\" pInputText [(ngModel)]=\"filterValue\" placeholder=\"{{'filtro' | translate}}\"\n                (keydown)=\"filtrarEnter($event)\" />\n            <button type=\"button\" pButton pRipple icon=\"pi pi-search text-xl\" (click)=\"aplicarFiltro()\"\n                class=\"p-element p-ripple p-button-rounded  p-button-secondary p-button p-component p-button-icon-only absolute right-0 border-none bg-white-alpha-10\"\n                tooltipPosition=\"bottom\" pTooltip=\"Editar HTML\"></button>\n        </div>\n\n        <p-tree #tree scrollHeight=\"670px\" [value]=\"filteredFiles\" selectionMode=\"single\" [(selection)]=\"dataSelected\"\n            [filter]=\"false\" [filterPlaceholder]=\"'filtro' | translate\" filterMode=\"strict\"\n            (onNodeSelect)=\"seleccionarArchivo($event)\" [loading]=\"loading\"\n            (onNodeUnselect)=\"deseleccionarArchivo($event)\"></p-tree>\n    </div>\n\n    <!-- OPCINES DIRECTORIOS - ARCHIVOS -->\n    <div class=\"field col-12 md:col-6 lg:col-7 p-0 pl-3\">\n\n        @if(this.loading){\n        <p-progressBar mode=\"indeterminate\" [style]=\"{ height: '6px' }\"></p-progressBar>\n        }\n\n        @if(!this.loading){\n        <div class=\"card p-3\">\n\n            <!-- CARPETA -->\n            @if(archivoSeleccionado.expanded){\n            <div class=\"flex align-items-center\">\n                <h1 class=\"text-xl mt-2 mb-4 mr-3\">Carpeta: </h1>\n                <h5 class=\"text-sm mt-2 mb-4\"> {{archivoSeleccionado.label}} </h5>\n            </div>\n\n            <div class=\"flex justify-content-between\">\n\n                <!-- Convertir -->\n                <button type=\"button\" pButton pRipple (click)=\"convertirArchivos()\"\n                    *ngIf=\"verConvertir && controlFuncionService.getControlFuncionalidad('seguplacor:guardar')\"\n                    tooltipPosition=\"bottom\" label=\"{{'convertir' | translate}}\"\n                    class=\"w-full mr-3 p-button-secondary boton-accion-principal text-gray-600 color-500\"\n                    pTooltip=\"Convertir archivo\" tooltipPosition=\"bottom\">\n                    <div class=\"contenedor-icono-acciones-principal\">\n                        <i class=\"pi pi-arrow-right-arrow-left color-500\"></i>\n                    </div>\n                </button>\n\n                <!--Nueva Carpeta-->\n                <button *ngIf=\"controlFuncionService.getControlFuncionalidad('seguplacor:guardar')\" pButton pRipple\n                    class=\"w-full mr-3 p-button-secondary boton-accion-principal text-gray-600 color-500\"\n                    label=\"{{'link_nuevo' | translate}}\" (click)=\"crearCarpeta()\">\n                    <div class=\"contenedor-icono-acciones-principal\">\n                        <i class=\"glyphicons glyphicons-plus color-500\"></i>\n                    </div>\n                </button>\n\n                <!--Eliminar-->\n                <div class=\"btn-fileupload-claro\">\n                    <button *ngIf=\"controlFuncionService.getControlFuncionalidad('seguplacor:guardar')\" pButton pRipple\n                        class=\"p-button p-button-secondary font-semibold flex-shrink-0 boton-accion-principal mr-3\"\n                        label=\"{{'link_eliminar' | translate}}\" (click)=\"eliminarCarpeta()\">\n                        <div class=\"contenedor-icono-acciones-principal\">\n                            <i style=\"color: var(--color-500)\" class=\"glyphicons glyphicons-bin\"></i>\n                        </div>\n                    </button>\n                </div>\n\n                <!-- Cargar Archivo -->\n                <div class=\"btn-fileupload-claro\" [ngClass]=\"{ 'min-width-100': !verConvertir, 'min-width-20': verConvertir }\">\n                    <p-fileUpload #fubauto mode=\"basic\" [auto]=\"true\" [customUpload]=\"true\" chooseIcon=\"pi pi-paperclip\"\n                        *ngIf=\"controlFuncionService.getControlFuncionalidad('seguplacor:guardar')\"\n                        chooseLabel=\"{{'link_subirarchivos' | translate}}\" (onSelect)=\"cargarNuevo($event, fubauto)\">\n                        <div class=\"contenedor-icono-acciones-principal\">\n                            <i class=\"pi pi-trash\"></i>\n                        </div>\n                    </p-fileUpload>\n                </div>\n            </div>\n            }\n\n            <!-- ARCHIVO-->\n            @if(!archivoSeleccionado.expanded){\n\n            <div class=\"flex align-items-center\">\n                <h1 class=\"text-xl mt-2 mb-4 mr-3\">Archivo: </h1>\n                <h5 class=\"text-sm mt-2 mb-4\"> {{archivoSeleccionado.label}} </h5>\n            </div>\n\n            <div class=\"flex justify-content-end\">\n                @if(archivoSeleccionado.label.includes('.html')){\n\n                <!--EDITAR HTML-->\n                <button type=\"button\" pButton pRipple icon=\"pi pi-code text-xl color-500\" (click)=\"editarAction()\"\n                    class=\"mr-3 w-full p-button-secondary  boton-accion-principal \" label=\"Editar HTML\">\n                </button>\n                }\n\n                <!-- DESCARGAR-->\n                <button pButton pRipple class=\"mr-3 w-full p-button-secondary boton-accion-principal text-gray-600 color-500\"\n                    label=\"{{'link_descargar' | translate}}\" (click)=\"descargarAnexo()\"\n                    *ngIf=\"controlFuncionService.getControlFuncionalidad('seguplacor:descargar')\">\n                    <div class=\"contenedor-icono-acciones-principal\">\n                        <i class=\"glyphicons glyphicons-download color-500\"></i>\n                    </div>\n                </button>\n\n                <!--ELIMINAR-->\n                <button pButton pRipple class=\"w-full p-button-secondary  boton-accion-principal text-gray-600 color-500\"\n                    label=\"{{'link_eliminar' | translate}}\" (click)=\"eliminarArchivo()\"\n                    *ngIf=\"controlFuncionService.getControlFuncionalidad('seguplacor:guardar')\">\n                    <div class=\"contenedor-icono-acciones-principal\">\n                        <i class=\"glyphicons glyphicons-bin color-500\"></i>\n                    </div>\n                </button>\n            </div>\n            }\n        </div>\n        }\n\n        @if(archivoSeleccionado.expanded && isVisualizarCrearCaperta){\n        <div class=\"card\">\n\n            <h5 class=\"mt-2\"><i class=\"glyphicons glyphicons-note\"></i> Nueva carpeta</h5>\n\n            <form #miFormulario=\"ngForm\">\n                <!-- campos -->\n                <div class=\"flex mb-3\">\n                    <!-- Nombre -->\n                    <div class=\"w-full p-0 mb-0\">\n                        <span class=\"p-float-label mr-2\">\n                            <input pInputText id=\"id_numero_de_evento\" [(ngModel)]=\"nomNuevaCarpeta\" required\n                                name=\"nombreCarpeta\">\n                            <label for=\"id_numero_de_evento\">{{'nombre' | translate}} *</label>\n                        </span>\n                    </div>\n\n                    <div class=\"flex justify-content-end\">\n                        <!--Guardar Carpeta-->\n                        <button pButton pRipple class=\"mr-2 p-button-raised\" icon=\"glyphicons glyphicons-floppy-save\"\n                            [label]=\"('link_guardar' | translate)\" (click)=\"guardarCarpeta()\">\n                        </button>\n                    </div>\n                </div>\n            </form>\n\n        </div>\n        }\n        <!-- EDITOR DE HTML -->\n        <div *ngIf=\"isHtml() && mostrarEditor\">\n\n            <div class=\"flex justify-content-end align-items-center mb-3\">\n                <!-- Bot\u00F3n guardar HTML -->\n                <button pButton pRipple label=\"{{'link_guardar' | translate }}\" (click)=\"guardarHtml()\"\n                    icon=\"glyphicons glyphicons-floppy-save\" class=\"p-button-raised\"\n                    *ngIf=\"controlFuncionService.getControlFuncionalidad('seguplacor:guardar')\"></button>\n            </div>\n\n            <p-editor id=\"editor\" [style]=\"{ height: '500px' }\" required [(ngModel)]=\"modificarHTML\"\n                name=\"htmlPublicacion\"></p-editor>\n\n        </div>\n    </div>\n</div>\n\n@if(isMostrarPopupConvertir){\n<app-popup-convertir-plantillas (regresar)=\"regresarPopupConvertir($event)\"></app-popup-convertir-plantillas>\n}\n\n</div>", styles: [":host ::ng-deep .p-fluid .p-fileupload .p-button{width:100%;background:var(--color-85);border:none;box-shadow:none;color:var(--color-500);border-radius:10px}:host ::ng-deep .p-fluid .p-fileupload .p-button:hover{background:var(--color-100)!important}:host ::ng-deep .min-width-20{min-width:20%}:host ::ng-deep .min-width-100{min-width:30%}#cargue-plantillas .btn-fileupload-claro .p-button{background:var(--color-85)!important;color:var(--color-500)!important;border-radius:10px}#cargue-plantillas .btn-fileupload-claro .p-button:hover{background:var(--color-100)!important}#cargue-plantillas .btn-fileupload-claro .contenedor-icono-acciones-principal{background:#fff;margin-right:8px;padding:12px}#cargue-plantillas .btn-fileupload-claro .boton-accion-principal i{margin:0!important}#cargue-plantillas .contenedor-icono-acciones-principal{display:inline-block;background-color:#fff;border-radius:50%;width:25px;height:25px;display:flex;align-items:center;justify-content:center}#cargue-plantillas .boton-accion-principal i{margin-right:0!important}:host ::ng-deep span.p-button-icon.p-button-icon-left.pi.pi-paperclip{padding:6px;background:#fff;border:none;border-radius:50%;color:var(--color-400)}:host ::ng-deep span.p-button-icon.p-button-icon-left.pi.pi-code{background:#fff;padding:5px;border-radius:50%}\n"] }]
         }], ctorParameters: () => [{ type: PlantillasService }, { type: AuthService }, { type: i7$1.TranslateService }, { type: CargarControlFuncionalidadService }, { type: i7.ConfirmationService }, { type: ToastService }, { type: CargarArchivosService }, { type: EncriptadoBasicoService }, { type: GeneralPipe }, { type: UtilsService }], propDecorators: { popupConvertirPlantillasComponent: [{
                 type: ViewChild,
                 args: [PopupConvertirPlantillasComponent]