npm - general-library-union - Versions diffs - 2.9.93 → 2.9.95 - Mend

general-library-union 2.9.93 → 2.9.95

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/fesm2022/general-library-union.mjs CHANGED Viewed

@@ -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 {
@@ -15581,6 +15581,10 @@ class CarguePlantillaGeneralComponent {
     rutaPrincipal;
     filteredFiles = [];
     filterValue = '';
+    filtroConvertir;
+    html;
+    mostrarEditor;
+    modificarHTML;
     FORMATS_VALIDOS = new Set([
         '.doc',
         '.html',
@@ -15597,10 +15601,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 +15615,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 +15635,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 +15699,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 +15723,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 +15755,7 @@ class CarguePlantillaGeneralComponent {
         });
     }
     async setEliminarArchivo() {
+        this.loading = true;
         //Ruta archivo
         let rutaComplemento = this.archivoSeleccionado.data;
         if (!this.archivoSeleccionado?.parent) {
@@ -15806,6 +15810,7 @@ class CarguePlantillaGeneralComponent {
         });
     }
     async setEliminarCarpeta() {
+        this.loading = true;
         let rutaComplemento = this.archivoSeleccionado.data;
         if (!this.archivoSeleccionado?.parent) {
             rutaComplemento = '';
@@ -15855,7 +15860,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 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 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 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 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 +15875,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 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 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 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 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]