sf-documents 0.1.10 → 0.1.12

package/fesm2022/sf-documents.mjs

@@ -2,21 +2,24 @@ import * as i0 from '@angular/core';
 import { Injectable, Pipe, InjectionToken, EventEmitter, ViewChild, Output, Input, Component, inject, ElementRef } from '@angular/core';
 import { BehaviorSubject, Subject, of } from 'rxjs';
 import * as i2 from 'primeng/api';
-import { ConfirmationService } from 'primeng/api';
+import { ConfirmationService, MessageService } from 'primeng/api';
+import * as i4$2 from 'primeng/toast';
 import { ToastModule } from 'primeng/toast';
+import * as i8 from 'primeng/message';
+import { MessageModule } from 'primeng/message';
 import * as _ from 'lodash';
 import * as i3 from 'primeng/button';
 import { ButtonModule } from 'primeng/button';
-import * as i5$1 from 'primeng/confirmdialog';
+import * as i6$1 from 'primeng/confirmdialog';
 import { ConfirmDialogModule } from 'primeng/confirmdialog';
 import { PanelModule } from 'primeng/panel';
 import * as i4$1 from 'primeng/checkbox';
 import { CheckboxModule } from 'primeng/checkbox';
 import * as i4 from 'primeng/dialog';
 import { DialogModule } from 'primeng/dialog';
-import * as i8 from '@angular/common';
+import * as i9 from '@angular/common';
 import { CommonModule, registerLocaleData, DatePipe } from '@angular/common';
-import * as i2$1 from '@angular/forms';
+import * as i10 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import * as i1 from '@angular/platform-browser';
 import * as i5 from 'primeng/inputtext';
@@ -29,11 +32,11 @@ import { debounceTime, distinctUntilChanged, takeUntil, tap, switchMap, finalize
 import * as i7 from 'primeng/select';
 import { SelectModule } from 'primeng/select';
 import localeEs from '@angular/common/locales/es';
-import * as i11 from 'primeng/dropdown';
-import { DropdownModule } from 'primeng/dropdown';
-import * as i12 from 'primeng/datepicker';
+import * as i13 from 'primeng/datepicker';
 import { DatePickerModule } from 'primeng/datepicker';
-import * as i13 from 'primeng/skeleton';
+import * as i14 from 'primeng/inputnumber';
+import { InputNumberModule } from 'primeng/inputnumber';
+import * as i15 from 'primeng/skeleton';
 import { SkeletonModule } from 'primeng/skeleton';
 
 class SfDocumentsService {
@@ -54,10 +57,10 @@ class SfDocumentsService {
         return this._loadingData.getValue();
     }
     constructor() { }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SfDocumentsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SfDocumentsService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SfDocumentsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SfDocumentsService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SfDocumentsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SfDocumentsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -72,10 +75,10 @@ class SafePipe {
     transform(url) {
         return this.sanitizer.bypassSecurityTrustResourceUrl(url);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SafePipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: SafePipe, isStandalone: true, name: "safe" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SafePipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: SafePipe, isStandalone: true, name: "safe" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SafePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SafePipe, decorators: [{
             type: Pipe,
             args: [{ name: 'safe' }]
         }], ctorParameters: () => [{ type: i1.DomSanitizer }] });
@@ -185,6 +188,12 @@ function getFileTypeIcon(name) {
     return match ? ICON_BY_EXTENSION[match] : 'pi-file';
 }
 
+/**
+ * `key` de los avisos de la librería. Solo los pinta el `<p-toast>` de `SfDocumentsComponent`:
+ * un `<p-toast>` del host sin `key` (o con otra) no los muestra, así que no salen duplicados.
+ */
+const SF_DOCUMENTS_TOAST_KEY = 'sf-documents';
+
 class UploadDialogComponent {
     messageService;
     selectedDocument;
@@ -256,14 +265,15 @@ class UploadDialogComponent {
         this.pendingTagValue = null;
     }
     addMessage(severity, summary, detail) {
-        this.messageService.add({ severity, summary, detail, life: 4000 });
+        // Usa el MessageService y el <p-toast> de SfDocumentsComponent (ver SF_DOCUMENTS_TOAST_KEY).
+        this.messageService.add({ key: SF_DOCUMENTS_TOAST_KEY, severity, summary, detail, life: 4000 });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UploadDialogComponent, deps: [{ token: i2.MessageService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: UploadDialogComponent, isStandalone: true, selector: "lib-upload-dialog", inputs: { selectedDocument: "selectedDocument", allowedExtensions: "allowedExtensions" }, outputs: { onUploaded: "onUploaded", loadFile: "loadFile" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true, static: true }], ngImport: i0, template: "<input\r\n  #fileInput\r\n  type=\"file\"\r\n  (change)=\"fileChange($event)\"\r\n  class=\"hidden\"\r\n  placeholder=\"Upload file\"\r\n  [attr.accept]=\"acceptedFileTypes\"\r\n  multiple\r\n/>\r\n<button\r\n  pButton\r\n  type=\"button\"\r\n  label=\"Subir archivo\"\r\n  icon=\"pi pi-upload\"\r\n  class=\"p-button-outlined ff-btn-upload\"\r\n  (click)=\"loadFileClick()\"\r\n></button>\r\n\r\n<p-dialog\r\n  header=\"Archivos que superan el tama\u00F1o permitido\"\r\n  [(visible)]=\"displayOversizedDialog\"\r\n  [modal]=\"true\"\r\n  [closable]=\"false\"\r\n  [style]=\"{ width: '32rem' }\"\r\n  [breakpoints]=\"{ '1199px': '75vw', '575px': '90vw' }\"\r\n>\r\n  <p>\r\n    Tama\u00F1o m\u00E1ximo por archivo:\r\n    <strong>{{ formatSize(maxFileSize) }}</strong>\r\n  </p>\r\n\r\n  <div class=\"oversized-section\">\r\n    <p class=\"oversized-title\">Archivos rechazados:</p>\r\n    <ul class=\"oversized-list\">\r\n      <li *ngFor=\"let file of rejectedFiles\">\r\n        {{ file.name }} \u2014 {{ formatSize(file.size) }}\r\n      </li>\r\n    </ul>\r\n  </div>\r\n\r\n  <div class=\"oversized-section\" *ngIf=\"allowedFiles.length\">\r\n    <p class=\"oversized-title\">Archivos que s\u00ED se enviar\u00E1n:</p>\r\n    <ul class=\"oversized-list\">\r\n      <li *ngFor=\"let file of allowedFiles\">{{ file.name }}</li>\r\n    </ul>\r\n  </div>\r\n  <p *ngIf=\"!allowedFiles.length\">No hay archivos v\u00E1lidos para enviar.</p>\r\n\r\n  <ng-template pTemplate=\"footer\">\r\n    <button\r\n      pButton\r\n      type=\"button\"\r\n      label=\"Cancelar\"\r\n      class=\"p-button-text\"\r\n      (click)=\"cancelarEnvio()\"\r\n    ></button>\r\n\r\n    <button\r\n      pButton\r\n      type=\"button\"\r\n      label=\"Continuar\"\r\n      icon=\"pi pi-upload\"\r\n      [disabled]=\"!allowedFiles.length\"\r\n      (click)=\"continuarConPermitidos()\"\r\n    ></button>\r\n  </ng-template>\r\n</p-dialog>\r\n", styles: [".oversized-section{margin-bottom:1rem}.oversized-section .oversized-title{font-weight:600;margin-bottom:.25rem}.oversized-section .oversized-list{margin:0;padding-left:1.25rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i4.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: UploadDialogComponent, deps: [{ token: i2.MessageService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: UploadDialogComponent, isStandalone: true, selector: "lib-upload-dialog", inputs: { selectedDocument: "selectedDocument", allowedExtensions: "allowedExtensions" }, outputs: { onUploaded: "onUploaded", loadFile: "loadFile" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true, static: true }], ngImport: i0, template: "<input\n  #fileInput\n  type=\"file\"\n  (change)=\"fileChange($event)\"\n  class=\"hidden\"\n  placeholder=\"Upload file\"\n  [attr.accept]=\"acceptedFileTypes\"\n  multiple\n/>\n<button\n  pButton\n  type=\"button\"\n  label=\"Subir archivo\"\n  icon=\"pi pi-upload\"\n  class=\"p-button-outlined ff-btn-upload\"\n  (click)=\"loadFileClick()\"\n></button>\n\n<p-dialog\n  header=\"Archivos que superan el tama\u00F1o permitido\"\n  [(visible)]=\"displayOversizedDialog\"\n  [modal]=\"true\"\n  [closable]=\"false\"\n  [style]=\"{ width: '32rem' }\"\n  [breakpoints]=\"{ '1199px': '75vw', '575px': '90vw' }\"\n>\n  <p>\n    Tama\u00F1o m\u00E1ximo por archivo:\n    <strong>{{ formatSize(maxFileSize) }}</strong>\n  </p>\n\n  <div class=\"oversized-section\">\n    <p class=\"oversized-title\">Archivos rechazados:</p>\n    <ul class=\"oversized-list\">\n      <li *ngFor=\"let file of rejectedFiles\">\n        {{ file.name }} \u2014 {{ formatSize(file.size) }}\n      </li>\n    </ul>\n  </div>\n\n  <div class=\"oversized-section\" *ngIf=\"allowedFiles.length\">\n    <p class=\"oversized-title\">Archivos que s\u00ED se enviar\u00E1n:</p>\n    <ul class=\"oversized-list\">\n      <li *ngFor=\"let file of allowedFiles\">{{ file.name }}</li>\n    </ul>\n  </div>\n  <p *ngIf=\"!allowedFiles.length\">No hay archivos v\u00E1lidos para enviar.</p>\n\n  <ng-template #footer>\n    <button\n      pButton\n      type=\"button\"\n      label=\"Cancelar\"\n      class=\"p-button-text\"\n      (click)=\"cancelarEnvio()\"\n    ></button>\n\n    <button\n      pButton\n      type=\"button\"\n      label=\"Continuar\"\n      icon=\"pi pi-upload\"\n      [disabled]=\"!allowedFiles.length\"\n      (click)=\"continuarConPermitidos()\"\n    ></button>\n  </ng-template>\n</p-dialog>\n", styles: [".oversized-section{margin-bottom:1rem}.oversized-section .oversized-title{font-weight:600;margin-bottom:.25rem}.oversized-section .oversized-list{margin:0;padding-left:1.25rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i4.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UploadDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: UploadDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-upload-dialog', imports: [CommonModule, ButtonModule, DialogModule], template: "<input\r\n  #fileInput\r\n  type=\"file\"\r\n  (change)=\"fileChange($event)\"\r\n  class=\"hidden\"\r\n  placeholder=\"Upload file\"\r\n  [attr.accept]=\"acceptedFileTypes\"\r\n  multiple\r\n/>\r\n<button\r\n  pButton\r\n  type=\"button\"\r\n  label=\"Subir archivo\"\r\n  icon=\"pi pi-upload\"\r\n  class=\"p-button-outlined ff-btn-upload\"\r\n  (click)=\"loadFileClick()\"\r\n></button>\r\n\r\n<p-dialog\r\n  header=\"Archivos que superan el tama\u00F1o permitido\"\r\n  [(visible)]=\"displayOversizedDialog\"\r\n  [modal]=\"true\"\r\n  [closable]=\"false\"\r\n  [style]=\"{ width: '32rem' }\"\r\n  [breakpoints]=\"{ '1199px': '75vw', '575px': '90vw' }\"\r\n>\r\n  <p>\r\n    Tama\u00F1o m\u00E1ximo por archivo:\r\n    <strong>{{ formatSize(maxFileSize) }}</strong>\r\n  </p>\r\n\r\n  <div class=\"oversized-section\">\r\n    <p class=\"oversized-title\">Archivos rechazados:</p>\r\n    <ul class=\"oversized-list\">\r\n      <li *ngFor=\"let file of rejectedFiles\">\r\n        {{ file.name }} \u2014 {{ formatSize(file.size) }}\r\n      </li>\r\n    </ul>\r\n  </div>\r\n\r\n  <div class=\"oversized-section\" *ngIf=\"allowedFiles.length\">\r\n    <p class=\"oversized-title\">Archivos que s\u00ED se enviar\u00E1n:</p>\r\n    <ul class=\"oversized-list\">\r\n      <li *ngFor=\"let file of allowedFiles\">{{ file.name }}</li>\r\n    </ul>\r\n  </div>\r\n  <p *ngIf=\"!allowedFiles.length\">No hay archivos v\u00E1lidos para enviar.</p>\r\n\r\n  <ng-template pTemplate=\"footer\">\r\n    <button\r\n      pButton\r\n      type=\"button\"\r\n      label=\"Cancelar\"\r\n      class=\"p-button-text\"\r\n      (click)=\"cancelarEnvio()\"\r\n    ></button>\r\n\r\n    <button\r\n      pButton\r\n      type=\"button\"\r\n      label=\"Continuar\"\r\n      icon=\"pi pi-upload\"\r\n      [disabled]=\"!allowedFiles.length\"\r\n      (click)=\"continuarConPermitidos()\"\r\n    ></button>\r\n  </ng-template>\r\n</p-dialog>\r\n", styles: [".oversized-section{margin-bottom:1rem}.oversized-section .oversized-title{font-weight:600;margin-bottom:.25rem}.oversized-section .oversized-list{margin:0;padding-left:1.25rem}\n"] }]
+            args: [{ selector: 'lib-upload-dialog', imports: [CommonModule, ButtonModule, DialogModule], template: "<input\n  #fileInput\n  type=\"file\"\n  (change)=\"fileChange($event)\"\n  class=\"hidden\"\n  placeholder=\"Upload file\"\n  [attr.accept]=\"acceptedFileTypes\"\n  multiple\n/>\n<button\n  pButton\n  type=\"button\"\n  label=\"Subir archivo\"\n  icon=\"pi pi-upload\"\n  class=\"p-button-outlined ff-btn-upload\"\n  (click)=\"loadFileClick()\"\n></button>\n\n<p-dialog\n  header=\"Archivos que superan el tama\u00F1o permitido\"\n  [(visible)]=\"displayOversizedDialog\"\n  [modal]=\"true\"\n  [closable]=\"false\"\n  [style]=\"{ width: '32rem' }\"\n  [breakpoints]=\"{ '1199px': '75vw', '575px': '90vw' }\"\n>\n  <p>\n    Tama\u00F1o m\u00E1ximo por archivo:\n    <strong>{{ formatSize(maxFileSize) }}</strong>\n  </p>\n\n  <div class=\"oversized-section\">\n    <p class=\"oversized-title\">Archivos rechazados:</p>\n    <ul class=\"oversized-list\">\n      <li *ngFor=\"let file of rejectedFiles\">\n        {{ file.name }} \u2014 {{ formatSize(file.size) }}\n      </li>\n    </ul>\n  </div>\n\n  <div class=\"oversized-section\" *ngIf=\"allowedFiles.length\">\n    <p class=\"oversized-title\">Archivos que s\u00ED se enviar\u00E1n:</p>\n    <ul class=\"oversized-list\">\n      <li *ngFor=\"let file of allowedFiles\">{{ file.name }}</li>\n    </ul>\n  </div>\n  <p *ngIf=\"!allowedFiles.length\">No hay archivos v\u00E1lidos para enviar.</p>\n\n  <ng-template #footer>\n    <button\n      pButton\n      type=\"button\"\n      label=\"Cancelar\"\n      class=\"p-button-text\"\n      (click)=\"cancelarEnvio()\"\n    ></button>\n\n    <button\n      pButton\n      type=\"button\"\n      label=\"Continuar\"\n      icon=\"pi pi-upload\"\n      [disabled]=\"!allowedFiles.length\"\n      (click)=\"continuarConPermitidos()\"\n    ></button>\n  </ng-template>\n</p-dialog>\n", styles: [".oversized-section{margin-bottom:1rem}.oversized-section .oversized-title{font-weight:600;margin-bottom:.25rem}.oversized-section .oversized-list{margin:0;padding-left:1.25rem}\n"] }]
         }], ctorParameters: () => [{ type: i2.MessageService }], propDecorators: { selectedDocument: [{
                 type: Input
             }], allowedExtensions: [{
@@ -326,14 +336,110 @@ class FlexibleDatePipe {
             return d;
         return null; // no se pudo parsear
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FlexibleDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: FlexibleDatePipe, isStandalone: true, name: "flexibleDate" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FlexibleDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: FlexibleDatePipe, isStandalone: true, name: "flexibleDate" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FlexibleDatePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FlexibleDatePipe, decorators: [{
             type: Pipe,
             args: [{ name: 'flexibleDate' }]
         }] });
 
+/**
+ * Traduce el error de una llamada del puerto a un texto para el usuario, en español y de usted.
+ *
+ * Nunca devuelve el mensaje del backend, `err.message`, JSON ni texto en inglés: el texto sale
+ * siempre de este archivo, según el código de error. El detalle técnico va a `console.error`
+ * con el prefijo `[sf-documents]` para soporte.
+ *
+ * Formas de error que llegan hoy:
+ * - DocumentService directo (documents-manager-ui): `err.error` es su `ApiResponse`,
+ *   `{ success, statusCode, message, errors: ['CODIGO'] }`.
+ * - Vía TFAServices (TFB): la fachada lanza `new Exception(response.Content)` y responde
+ *   `{ success: false, message: 'Error: {json de DocumentService}' }`. Se desenvuelve ese JSON.
+ */
+const GENERIC_ERROR_MESSAGE = 'Ocurrió un error inesperado. Intente de nuevo.';
+const NETWORK_ERROR_MESSAGE = 'No hay conexión con el servidor. Revise su conexión e intente de nuevo.';
+/**
+ * Códigos de `errors[0]` que devuelve DocumentService (`ExceptionHandlerMiddleware` y
+ * `Core/Exceptions`) → texto para el usuario. Un código que no esté aquí usa el genérico.
+ */
+const ERROR_CODE_MESSAGES = {
+    DOCUMENT_PART_MISSING: 'Falta un documento requerido en el gestor para esta solicitud. Revise las carpetas e intente de nuevo.',
+    DOCUMENT_TOO_LARGE: 'El documento supera el tamaño máximo permitido. Contacte a soporte.',
+    DOCUMENT_GENERATION_ERROR: 'Una parte del documento no se pudo producir. Intente de nuevo; si persiste, contacte a soporte.',
+    DOCUMENT_CONFIGURATION_ERROR: 'El documento no está configurado correctamente. Contacte a soporte.',
+    RESOURCE_NOT_FOUND: 'No se encontró la información solicitada. Recargue la pantalla e intente de nuevo.',
+    VALIDATION_ERROR: 'Revise los datos ingresados e intente de nuevo.',
+    INVALID_ARGUMENT: 'Revise los datos ingresados e intente de nuevo.',
+    BATCH_TOO_LARGE: 'Los archivos superan el tamaño máximo permitido por envío. Suba menos archivos a la vez.',
+    REQUEST_TIMEOUT: 'El servidor tardó demasiado en responder. Intente de nuevo.',
+};
+/** Prefijo con el que TFAServices envuelve el cuerpo de DocumentService (`$"Error: {ex.Message}"`). */
+const TFA_WRAPPER_PREFIX = 'Error: ';
+function tryParseObject(text) {
+    if (typeof text !== 'string')
+        return null;
+    const trimmed = text.trim();
+    if (!trimmed.startsWith('{'))
+        return null;
+    try {
+        const parsed = JSON.parse(trimmed);
+        return parsed && typeof parsed === 'object' && !Array.isArray(parsed)
+            ? parsed
+            : null;
+    }
+    catch {
+        return null;
+    }
+}
+/** Cuerpo de la respuesta de error, ya desenvuelto si viene de TFAServices. */
+function extractBody(err) {
+    let body = null;
+    const raw = err?.error;
+    if (raw && typeof raw === 'object') {
+        body = raw;
+    }
+    else if (typeof raw === 'string') {
+        body = tryParseObject(raw);
+    }
+    else if (err && typeof err === 'object' && Array.isArray(err.errors)) {
+        // El host ya entregó el cuerpo (p. ej. un catchError que hace throwError(() => e.error)).
+        body = err;
+    }
+    const message = body?.['message'];
+    if (typeof message === 'string' && message.startsWith(TFA_WRAPPER_PREFIX + '{')) {
+        const inner = tryParseObject(message.slice(TFA_WRAPPER_PREFIX.length));
+        if (inner)
+            body = inner;
+    }
+    return body;
+}
+function extractCode(body) {
+    const first = Array.isArray(body?.['errors']) ? body['errors'][0] : null;
+    return typeof first === 'string' && first.trim() ? first.trim() : null;
+}
+/**
+ * Texto para el usuario a partir de un error del puerto.
+ * @param context Qué se estaba haciendo, solo para el log de soporte (p. ej. 'generateDocument').
+ */
+function getUserErrorMessage(err, context = '') {
+    const e = err;
+    const body = extractBody(e);
+    const code = extractCode(body);
+    const status = typeof e?.status === 'number' ? e.status : null;
+    console.error(`[sf-documents]${context ? ' ' + context : ''}`, {
+        status,
+        statusCode: body?.['statusCode'] ?? null,
+        code,
+        detail: body?.['message'] ?? e?.message ?? e,
+    });
+    if (status === 0)
+        return NETWORK_ERROR_MESSAGE;
+    if (code && ERROR_CODE_MESSAGES[code])
+        return ERROR_CODE_MESSAGES[code];
+    return GENERIC_ERROR_MESSAGE;
+}
+
 class FolderFilesComponent {
     documentsService = inject(DOCUMENT_SERVICE);
     searchSubject = new Subject();
@@ -363,6 +469,9 @@ class FolderFilesComponent {
     docsEliminables = [];
     totalDocsEliminadosApi = { existoso: 0, fallido: 0 };
     loading = false;
+    /** Error de la última carga de archivos; se muestra con "Reintentar" en lugar de la lista. */
+    loadError = null;
+    filesSub;
     allSelected = false;
     pageSizeOptions = [
         { label: '5/pág', value: 5 },
@@ -407,6 +516,7 @@ class FolderFilesComponent {
         this.totalDocsEliminadosApi = { existoso: 0, fallido: 0 };
         this.searchQuery = '';
         this.page = 1;
+        this.loadError = null;
         this.applyPermissions();
         if (!this.usesApi) {
             // Modo children pre-cargados
@@ -449,9 +559,15 @@ class FolderFilesComponent {
         }
     }
     loadFiles() {
+        // Una carga nueva (otra carpeta, página o búsqueda) cancela la anterior: así una respuesta
+        // vieja, buena o con error, no pisa lo que el usuario está mirando.
+        this.filesSub?.unsubscribe();
         this.loading = true;
-        this.documentsService
+        // loadError no se limpia aquí: mientras se reintenta, el error queda visible con
+        // "Reintentar" en estado de carga, y el foco no se pierde.
+        this.filesSub = this.documentsService
             .getFilesByFolder(this.idKatios, this.carpeta.NMCo, this.requestData, this.page, this.pageSize, this.searchQuery)
+            .pipe(takeUntil(this.destroy$))
             .subscribe({
             next: (response) => {
                 const res = response?.data ?? response;
@@ -461,10 +577,13 @@ class FolderFilesComponent {
                 this.items = res.items ?? [];
                 this.items.forEach((item) => (item.delete = false));
                 this.buildPaths(this.items);
+                this.loadError = null;
                 this.loading = false;
             },
             error: (error) => {
-                console.error('Error loading files by folder:', error);
+                // getUserErrorMessage deja el detalle técnico en console.error para soporte.
+                this.loadError = getUserErrorMessage(error, 'getFilesByFolder');
+                this.items = [];
                 this.loading = false;
             },
         });
@@ -535,10 +654,10 @@ class FolderFilesComponent {
         this.page = 1;
         this.loadFiles();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FolderFilesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: FolderFilesComponent, isStandalone: true, selector: "lib-folder-files", inputs: { carpeta: "carpeta", isMobile: "isMobile", idKatios: "idKatios", server: "server", subestado: "subestado", requestData: "requestData", useBreadcrumb: "useBreadcrumb", usesApi: "usesApi", allowedUploadTypes: "allowedUploadTypes" }, outputs: { onFileChange: "onFileChange", onCargarArchivo: "onCargarArchivo", onEliminarMasivo: "onEliminarMasivo", onBack: "onBack", viewDocument: "viewDocument" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"ff-layout\">\r\n  <!-- Header fijo -->\r\n  <div class=\"ff-header\">\r\n    <div class=\"ff-back-row\" *ngIf=\"!useBreadcrumb\">\r\n      <button\r\n        pButton\r\n        type=\"button\"\r\n        icon=\"pi pi-arrow-left\"\r\n        label=\"Volver\"\r\n        (click)=\"goBack()\"\r\n      ></button>\r\n    </div>\r\n\r\n    <!-- Toolbar: b\u00FAsqueda + botones de acci\u00F3n -->\r\n    <div class=\"ff-toolbar\">\r\n      <p-iconfield class=\"ff-toolbar__search\">\r\n        <p-inputicon class=\"pi pi-search\" />\r\n        <input\r\n          type=\"text\"\r\n          pInputText\r\n          [placeholder]=\"\r\n            'Buscar en ' +\r\n            carpeta.label.replace('#toolbar=0&navpanes=0&statusbar=0', '')\r\n          \"\r\n          [(ngModel)]=\"searchQuery\"\r\n          (input)=\"onSearchInput()\"\r\n          class=\"w-full\"\r\n        />\r\n      </p-iconfield>\r\n\r\n      <div class=\"ff-toolbar__actions\">\r\n        <lib-upload-dialog\r\n          *ngIf=\"carpeta?.reglas?.permisos?.cargarFront\"\r\n          [selectedDocument]=\"carpeta\"\r\n          [allowedExtensions]=\"allowedUploadTypes\"\r\n          (onUploaded)=\"fileChange($event)\"\r\n          (loadFile)=\"cargarArchivo()\"\r\n        >\r\n        </lib-upload-dialog>\r\n\r\n        <button\r\n          pButton\r\n          type=\"button\"\r\n          icon=\"pi pi-trash\"\r\n          *ngIf=\"carpeta?.reglas?.permisos?.borrarFront\"\r\n          (click)=\"emitEliminarMasivo()\"\r\n          [disabled]=\"docsEliminables.length === 0\"\r\n          class=\"p-button-outlined p-button-danger p-button-sm ff-btn-delete\"\r\n        >\r\n          <span class=\"ff-btn-label\"\r\n            >Eliminar ({{ docsEliminables.length }})</span\r\n          >\r\n        </button>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Fila seleccionar todo / total archivos -->\r\n    <div class=\"ff-select-row\" *ngIf=\"!loading && items.length > 0\">\r\n      <div class=\"ff-select-row__left\">\r\n        <p-checkbox\r\n          *ngIf=\"carpeta?.reglas?.permisos?.borrarFront\"\r\n          [binary]=\"true\"\r\n          [(ngModel)]=\"allSelected\"\r\n          (onChange)=\"toggleSelectAll()\"\r\n        >\r\n        </p-checkbox>\r\n        <span\r\n          *ngIf=\"carpeta?.reglas?.permisos?.borrarFront\"\r\n          class=\"ff-select-row__label\"\r\n          >Seleccionar todo</span\r\n        >\r\n      </div>\r\n      <span class=\"ff-select-row__count\"\r\n        >{{ totalRecords || items.length }}\r\n        {{\r\n          (totalRecords || items.length) === 1 ? \"archivo\" : \"archivos\"\r\n        }}</span\r\n      >\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Contenido scrollable -->\r\n  <div class=\"ff-file-list-wrapper\">\r\n    <!-- Loading -->\r\n    <div *ngIf=\"loading\" class=\"ff-loading\">\r\n      <i class=\"pi pi-spin pi-spinner\" style=\"font-size: 2rem\"></i>\r\n    </div>\r\n\r\n    <!-- Lista de archivos -->\r\n    <div class=\"ff-file-list\" *ngIf=\"!loading\">\r\n      <div\r\n        class=\"ff-file-item\"\r\n        *ngFor=\"let item of items\"\r\n        (click)=\"openVisorDoc(item)\"\r\n      >\r\n        <p-checkbox\r\n          *ngIf=\"carpeta?.reglas?.permisos?.borrarFront\"\r\n          [binary]=\"true\"\r\n          [(ngModel)]=\"item.delete\"\r\n          (onChange)=\"onClickedCheckDelete($event, item)\"\r\n          (click)=\"$event.stopPropagation()\"\r\n        >\r\n        </p-checkbox>\r\n\r\n        <div class=\"ff-file-item__preview\">\r\n          <i\r\n            *ngIf=\"!canPreview(item.label, item.Path)\"\r\n            class=\"pi ff-file-item__frame ff-file-item__icon\"\r\n            [ngClass]=\"previewFallbackIcon(item.label, item.Path)\"\r\n          ></i>\r\n          <ng-container *ngIf=\"canPreview(item.label, item.Path)\">\r\n            <embed\r\n              *ngIf=\"carpeta.TipoArchivo == '2'\"\r\n              class=\"ff-file-item__frame\"\r\n              [src]=\"item.Path | safe\"\r\n            />\r\n            <img\r\n              *ngIf=\"carpeta.TipoArchivo == '1' && isMobile\"\r\n              class=\"ff-file-item__frame\"\r\n              src=\"https://macuna.tecfinanzas.com/Imagenes/pdf_icon.png\"\r\n            />\r\n            <iframe\r\n              *ngIf=\"carpeta.TipoArchivo == '1' && !isMobile\"\r\n              class=\"ff-file-item__frame\"\r\n              [src]=\"item.Path | safe\"\r\n              frameborder=\"0\"\r\n            ></iframe>\r\n          </ng-container>\r\n        </div>\r\n\r\n        <div class=\"ff-file-item__info\">\r\n          <span class=\"ff-file-item__name\">{{ item.label }}</span>\r\n          <span class=\"ff-file-item__date\" *ngIf=\"item.FechaSubida && !isMobile\"\r\n            >Fecha Subida:\r\n            {{ item.FechaSubida | flexibleDate: \"dd/MM/yyyy HH:mm\" }}</span\r\n          >\r\n          <span\r\n            class=\"ff-file-item__date\"\r\n            *ngIf=\"item.FechaSubida && isMobile\"\r\n            >{{ item.FechaSubida | flexibleDate: \"dd/MM/yyyy HH:mm\" }}</span\r\n          >\r\n          <i\r\n            class=\"pi pi-external-link ff-file-item__open\"\r\n            (click)=\"\r\n              openCurrentInNewWindow(item.Path); $event.stopPropagation()\r\n            \"\r\n            role=\"button\"\r\n            tabindex=\"0\"\r\n            aria-label=\"Abrir en nueva ventana\"\r\n            (keydown.enter)=\"\r\n              openCurrentInNewWindow(item.Path); $event.stopPropagation()\r\n            \"\r\n          ></i>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Sin resultados -->\r\n    <div *ngIf=\"!loading && items.length === 0\" class=\"ff-empty\">\r\n      Sin documentos cargados\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Footer fijo: paginaci\u00F3n compacta -->\r\n  <div class=\"ff-footer\" *ngIf=\"usesApi && totalRecords > 0\">\r\n    <div class=\"ff-pagination\">\r\n      <p-select\r\n        [options]=\"pageSizeOptions\"\r\n        optionLabel=\"label\"\r\n        optionValue=\"value\"\r\n        [(ngModel)]=\"pageSize\"\r\n        (ngModelChange)=\"onPageSizeChange()\"\r\n      >\r\n      </p-select>\r\n      <p-paginator\r\n        [first]=\"first\"\r\n        [rows]=\"pageSize\"\r\n        [totalRecords]=\"totalRecords\"\r\n        (onPageChange)=\"onPageChange($event)\"\r\n        [showCurrentPageReport]=\"true\"\r\n        currentPageReportTemplate=\"{first} - {last} de {totalRecords}\"\r\n        [showPageLinks]=\"false\"\r\n        [showFirstLastIcon]=\"false\"\r\n      >\r\n      </p-paginator>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";:host{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.ff-layout{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.ff-header{flex-shrink:0}.ff-back-row{display:flex;margin-block:15px}.ff-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:4px;padding:.5rem}.ff-toolbar__search{flex:1;min-width:0}:host ::ng-deep .ff-toolbar .p-inputtext{padding:.45rem .65rem .45rem 2.5rem;font-size:13px}.ff-toolbar__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}:host ::ng-deep .ff-toolbar__actions lib-upload-dialog .p-button{background:transparent;border:1px solid #d1d5db;color:#374151;font-weight:500;font-size:13px;padding:.4rem .75rem}:host ::ng-deep .ff-toolbar__actions lib-upload-dialog .p-button:hover{background:#f9fafb;border-color:#9ca3af}:host ::ng-deep .ff-btn-delete{white-space:nowrap;font-size:13px;padding:.4rem .75rem}.ff-select-row{display:flex;align-items:center;justify-content:space-between;padding:8px 4px;border-bottom:1px solid #e5e7eb;padding:.5rem}.ff-select-row__left{display:flex;align-items:center;gap:8px}.ff-select-row__label{font-size:13px;color:#374151}.ff-select-row__count{font-size:13px;color:#6b7280}.ff-file-list-wrapper{flex:1;min-height:0;overflow-y:auto}.ff-loading{text-align:center;padding:20px}.ff-file-list{display:flex;flex-direction:column}.ff-file-item{display:flex;align-items:center;gap:12px;padding:12px 8px;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background-color .15s ease}.ff-file-item:hover{background-color:#f9fafb}.ff-file-item__preview{flex-shrink:0;width:85px;height:100px;overflow:hidden;display:flex;align-items:center;justify-content:center}.ff-file-item__frame{width:85px;height:100px;border:none;pointer-events:none;object-fit:cover}.ff-file-item__icon{display:flex;align-items:center;justify-content:center;font-size:40px;color:#6b7280;background-color:#f3f4f6;border-radius:4px}.ff-file-item__icon.pi-file-excel{color:#1d6f42;background-color:#f0faf5}.ff-file-item__icon.pi-file-pdf{color:#b91c1c;background-color:#fef2f2}.ff-file-item__icon.pi-file-word{color:#1d4ed8;background-color:#eff6ff}.ff-file-item__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;text-align:right}.ff-file-item__name{font-size:13px;font-weight:500;color:#111827;min-width:0;word-break:break-word}.ff-file-item__date{font-size:12px;color:#9ca3af;overflow:hidden}.ff-file-item__open{font-size:18px;color:#3b82f6;flex-shrink:0;padding:4px;border-radius:4px;transition:color .15s ease,background-color .15s ease;cursor:pointer;align-self:flex-end}.ff-file-item__open:hover{color:#2563eb;background-color:#eff6ff}.ff-empty{text-align:center;padding:20px;color:#999}.ff-footer{flex-shrink:0;border-top:1px solid #e5e7eb}.ff-pagination{display:flex;align-items:center;justify-content:flex-end;gap:4px;padding:6px 8px;font-size:13px}:host ::ng-deep .ff-pagination .p-select{width:auto;min-width:90px}:host ::ng-deep .ff-pagination .p-select .p-select-label{font-size:12px;padding:4px 8px}:host ::ng-deep .ff-pagination .p-paginator{padding:0;background:transparent;border:none;gap:0}:host ::ng-deep .ff-pagination .p-paginator .p-paginator-current{font-size:12px;color:#6b7280;padding:0 6px;min-width:auto;height:auto}:host ::ng-deep .ff-pagination .p-paginator .p-paginator-prev,:host ::ng-deep .ff-pagination .p-paginator .p-paginator-next{min-width:28px;height:28px;font-size:12px}@media only screen and (max-width: 656px){.ff-toolbar{gap:6px}.ff-btn-label{display:none}:host ::ng-deep .ff-toolbar__actions lib-upload-dialog .p-button .p-button-label{display:none}:host ::ng-deep .ff-toolbar__actions .p-button{padding:.5rem}.ff-file-item__preview,.ff-file-item__frame{width:65px;height:80px}.ff-file-item__icon{font-size:28px}.ff-file-item__name{font-size:12px}.ff-file-item__date{font-size:11px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i8.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$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: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i4$1.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "name", "disabled", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "inputStyle", "styleClass", "inputClass", "indeterminate", "size", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i5.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "component", type: InputIcon, selector: "p-inputicon, p-inputIcon", inputs: ["styleClass"] }, { kind: "component", type: IconField, selector: "p-iconfield, p-iconField, p-icon-field", inputs: ["iconPosition", "styleClass"] }, { kind: "ngmodule", type: PaginatorModule }, { kind: "component", type: i6.Paginator, selector: "p-paginator", inputs: ["pageLinkSize", "style", "styleClass", "alwaysShow", "dropdownAppendTo", "templateLeft", "templateRight", "appendTo", "dropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showFirstLastIcon", "totalRecords", "rows", "rowsPerPageOptions", "showJumpToPageDropdown", "showJumpToPageInput", "jumpToPageItemTemplate", "showPageLinks", "locale", "dropdownItemTemplate", "first"], outputs: ["onPageChange"] }, { kind: "pipe", type: SafePipe, name: "safe" }, { kind: "component", type: UploadDialogComponent, selector: "lib-upload-dialog", inputs: ["selectedDocument", "allowedExtensions"], outputs: ["onUploaded", "loadFile"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i7.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "size", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "pipe", type: FlexibleDatePipe, name: "flexibleDate" }, { kind: "ngmodule", type: DialogModule }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FolderFilesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: FolderFilesComponent, isStandalone: true, selector: "lib-folder-files", inputs: { carpeta: "carpeta", isMobile: "isMobile", idKatios: "idKatios", server: "server", subestado: "subestado", requestData: "requestData", useBreadcrumb: "useBreadcrumb", usesApi: "usesApi", allowedUploadTypes: "allowedUploadTypes" }, outputs: { onFileChange: "onFileChange", onCargarArchivo: "onCargarArchivo", onEliminarMasivo: "onEliminarMasivo", onBack: "onBack", viewDocument: "viewDocument" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"ff-layout\">\n  <!-- Header fijo -->\n  <div class=\"ff-header\">\n    <div class=\"ff-back-row\" *ngIf=\"!useBreadcrumb\">\n      <button\n        pButton\n        type=\"button\"\n        icon=\"pi pi-arrow-left\"\n        label=\"Volver\"\n        (click)=\"goBack()\"\n      ></button>\n    </div>\n\n    <!-- Toolbar: b\u00FAsqueda + botones de acci\u00F3n -->\n    <div class=\"ff-toolbar\">\n      <p-iconfield class=\"ff-toolbar__search\">\n        <p-inputicon class=\"pi pi-search\" />\n        <input\n          type=\"text\"\n          pInputText\n          [placeholder]=\"\n            'Buscar en ' +\n            carpeta.label.replace('#toolbar=0&navpanes=0&statusbar=0', '')\n          \"\n          [(ngModel)]=\"searchQuery\"\n          (input)=\"onSearchInput()\"\n          class=\"w-full\"\n        />\n      </p-iconfield>\n\n      <div class=\"ff-toolbar__actions\">\n        <lib-upload-dialog\n          *ngIf=\"carpeta?.reglas?.permisos?.cargarFront\"\n          [selectedDocument]=\"carpeta\"\n          [allowedExtensions]=\"allowedUploadTypes\"\n          (onUploaded)=\"fileChange($event)\"\n          (loadFile)=\"cargarArchivo()\"\n        >\n        </lib-upload-dialog>\n\n        <button\n          pButton\n          type=\"button\"\n          icon=\"pi pi-trash\"\n          *ngIf=\"carpeta?.reglas?.permisos?.borrarFront\"\n          (click)=\"emitEliminarMasivo()\"\n          [disabled]=\"docsEliminables.length === 0\"\n          class=\"p-button-outlined p-button-danger p-button-sm ff-btn-delete\"\n        >\n          <span class=\"ff-btn-label\"\n            >Eliminar ({{ docsEliminables.length }})</span\n          >\n        </button>\n      </div>\n    </div>\n\n    <!-- Fila seleccionar todo / total archivos -->\n    <div class=\"ff-select-row\" *ngIf=\"!loading && items.length > 0\">\n      <div class=\"ff-select-row__left\">\n        <p-checkbox\n          *ngIf=\"carpeta?.reglas?.permisos?.borrarFront\"\n          [binary]=\"true\"\n          [(ngModel)]=\"allSelected\"\n          (onChange)=\"toggleSelectAll()\"\n        >\n        </p-checkbox>\n        <span\n          *ngIf=\"carpeta?.reglas?.permisos?.borrarFront\"\n          class=\"ff-select-row__label\"\n          >Seleccionar todo</span\n        >\n      </div>\n      <span class=\"ff-select-row__count\"\n        >{{ totalRecords || items.length }}\n        {{\n          (totalRecords || items.length) === 1 ? \"archivo\" : \"archivos\"\n        }}</span\n      >\n    </div>\n  </div>\n\n  <!-- Contenido scrollable -->\n  <div class=\"ff-file-list-wrapper\">\n    <!-- Loading -->\n    <div *ngIf=\"loading && !loadError\" class=\"ff-loading\">\n      <i class=\"pi pi-spin pi-spinner\" style=\"font-size: 2rem\"></i>\n    </div>\n\n    <!-- Error al cargar: el usuario puede volver a pedir solo esta carpeta. Mientras se\n         reintenta, el error sigue a la vista y el bot\u00F3n muestra la carga. Sin [disabled]: un\n         bot\u00F3n deshabilitado suelta el foco al body y quien usa teclado vuelve a empezar. -->\n    <div *ngIf=\"loadError\" class=\"ff-error\">\n      <p-message severity=\"error\" icon=\"pi pi-times-circle\" styleClass=\"w-full\">\n        No se pudieron cargar los documentos. {{ loadError }}\n      </p-message>\n      <button\n        pButton\n        type=\"button\"\n        label=\"Reintentar\"\n        icon=\"pi pi-refresh\"\n        [loading]=\"loading\"\n        [attr.aria-disabled]=\"loading\"\n        (click)=\"!loading && loadFiles()\"\n      ></button>\n    </div>\n\n    <!-- Lista de archivos -->\n    <div class=\"ff-file-list\" *ngIf=\"!loading && !loadError\">\n      <div\n        class=\"ff-file-item\"\n        *ngFor=\"let item of items\"\n        (click)=\"openVisorDoc(item)\"\n      >\n        <p-checkbox\n          *ngIf=\"carpeta?.reglas?.permisos?.borrarFront\"\n          [binary]=\"true\"\n          [(ngModel)]=\"item.delete\"\n          (onChange)=\"onClickedCheckDelete($event, item)\"\n          (click)=\"$event.stopPropagation()\"\n        >\n        </p-checkbox>\n\n        <div class=\"ff-file-item__preview\">\n          <i\n            *ngIf=\"!canPreview(item.label, item.Path)\"\n            class=\"pi ff-file-item__frame ff-file-item__icon\"\n            [ngClass]=\"previewFallbackIcon(item.label, item.Path)\"\n          ></i>\n          <ng-container *ngIf=\"canPreview(item.label, item.Path)\">\n            <embed\n              *ngIf=\"carpeta.TipoArchivo == '2'\"\n              class=\"ff-file-item__frame\"\n              [src]=\"item.Path | safe\"\n            />\n            <img\n              *ngIf=\"carpeta.TipoArchivo == '1' && isMobile\"\n              class=\"ff-file-item__frame\"\n              src=\"https://macuna.tecfinanzas.com/Imagenes/pdf_icon.png\"\n            />\n            <iframe\n              *ngIf=\"carpeta.TipoArchivo == '1' && !isMobile\"\n              class=\"ff-file-item__frame\"\n              [src]=\"item.Path | safe\"\n              frameborder=\"0\"\n            ></iframe>\n          </ng-container>\n        </div>\n\n        <div class=\"ff-file-item__info\">\n          <span class=\"ff-file-item__name\">{{ item.label }}</span>\n          <span class=\"ff-file-item__date\" *ngIf=\"item.FechaSubida && !isMobile\"\n            >Fecha Subida:\n            {{ item.FechaSubida | flexibleDate: \"dd/MM/yyyy HH:mm\" }}</span\n          >\n          <span\n            class=\"ff-file-item__date\"\n            *ngIf=\"item.FechaSubida && isMobile\"\n            >{{ item.FechaSubida | flexibleDate: \"dd/MM/yyyy HH:mm\" }}</span\n          >\n          <i\n            class=\"pi pi-external-link ff-file-item__open\"\n            (click)=\"\n              openCurrentInNewWindow(item.Path); $event.stopPropagation()\n            \"\n            role=\"button\"\n            tabindex=\"0\"\n            aria-label=\"Abrir en nueva ventana\"\n            (keydown.enter)=\"\n              openCurrentInNewWindow(item.Path); $event.stopPropagation()\n            \"\n          ></i>\n        </div>\n      </div>\n    </div>\n\n    <!-- Sin resultados -->\n    <div *ngIf=\"!loading && !loadError && items.length === 0\" class=\"ff-empty\">\n      Sin documentos cargados\n    </div>\n  </div>\n\n  <!-- Footer fijo: paginaci\u00F3n compacta -->\n  <div class=\"ff-footer\" *ngIf=\"usesApi && totalRecords > 0 && !loadError\">\n    <div class=\"ff-pagination\">\n      <p-select\n        [options]=\"pageSizeOptions\"\n        optionLabel=\"label\"\n        optionValue=\"value\"\n        [(ngModel)]=\"pageSize\"\n        (ngModelChange)=\"onPageSizeChange()\"\n      >\n      </p-select>\n      <p-paginator\n        [first]=\"first\"\n        [rows]=\"pageSize\"\n        [totalRecords]=\"totalRecords\"\n        (onPageChange)=\"onPageChange($event)\"\n        [showCurrentPageReport]=\"true\"\n        currentPageReportTemplate=\"{first} - {last} de {totalRecords}\"\n        [showPageLinks]=\"false\"\n        [showFirstLastIcon]=\"false\"\n      >\n      </p-paginator>\n    </div>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.ff-layout{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.ff-header{flex-shrink:0}.ff-back-row{display:flex;margin-block:15px}.ff-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:4px;padding:.5rem}.ff-toolbar__search{flex:1;min-width:0}:host ::ng-deep .ff-toolbar .p-inputtext{padding:.45rem .65rem .45rem 2.5rem;font-size:13px}.ff-toolbar__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}:host ::ng-deep .ff-toolbar__actions lib-upload-dialog .p-button{background:transparent;border:1px solid #d1d5db;color:#374151;font-weight:500;font-size:13px;padding:.4rem .75rem}:host ::ng-deep .ff-toolbar__actions lib-upload-dialog .p-button:hover{background:#f9fafb;border-color:#9ca3af}:host ::ng-deep .ff-btn-delete{white-space:nowrap;font-size:13px;padding:.4rem .75rem}.ff-select-row{display:flex;align-items:center;justify-content:space-between;padding:8px 4px;border-bottom:1px solid #e5e7eb;padding:.5rem}.ff-select-row__left{display:flex;align-items:center;gap:8px}.ff-select-row__label{font-size:13px;color:#374151}.ff-select-row__count{font-size:13px;color:#6b7280}.ff-file-list-wrapper{flex:1;min-height:0;overflow-y:auto}.ff-loading{text-align:center;padding:20px}.ff-file-list{display:flex;flex-direction:column}.ff-file-item{display:flex;align-items:center;gap:12px;padding:12px 8px;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background-color .15s ease}.ff-file-item:hover{background-color:#f9fafb}.ff-file-item__preview{flex-shrink:0;width:85px;height:100px;overflow:hidden;display:flex;align-items:center;justify-content:center}.ff-file-item__frame{width:85px;height:100px;border:none;pointer-events:none;object-fit:cover}.ff-file-item__icon{display:flex;align-items:center;justify-content:center;font-size:40px;color:#6b7280;background-color:#f3f4f6;border-radius:4px}.ff-file-item__icon.pi-file-excel{color:#1d6f42;background-color:#f0faf5}.ff-file-item__icon.pi-file-pdf{color:#b91c1c;background-color:#fef2f2}.ff-file-item__icon.pi-file-word{color:#1d4ed8;background-color:#eff6ff}.ff-file-item__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;text-align:right}.ff-file-item__name{font-size:13px;font-weight:500;color:#111827;min-width:0;word-break:break-word}.ff-file-item__date{font-size:12px;color:#9ca3af;overflow:hidden}.ff-file-item__open{font-size:18px;color:#3b82f6;flex-shrink:0;padding:4px;border-radius:4px;transition:color .15s ease,background-color .15s ease;cursor:pointer;align-self:flex-end}.ff-file-item__open:hover{color:#2563eb;background-color:#eff6ff}.ff-empty{text-align:center;padding:20px;color:#999}.ff-error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px}.ff-error p-message{align-self:stretch}.ff-footer{flex-shrink:0;border-top:1px solid #e5e7eb}.ff-pagination{display:flex;align-items:center;justify-content:flex-end;gap:4px;padding:6px 8px;font-size:13px}:host ::ng-deep .ff-pagination .p-select{width:auto;min-width:90px}:host ::ng-deep .ff-pagination .p-select .p-select-label{font-size:12px;padding:4px 8px}:host ::ng-deep .ff-pagination .p-paginator{padding:0;background:transparent;border:none;gap:0}:host ::ng-deep .ff-pagination .p-paginator .p-paginator-current{font-size:12px;color:#6b7280;padding:0 6px;min-width:auto;height:auto}:host ::ng-deep .ff-pagination .p-paginator .p-paginator-prev,:host ::ng-deep .ff-pagination .p-paginator .p-paginator-next{min-width:28px;height:28px;font-size:12px}@media only screen and (max-width: 656px){.ff-toolbar{gap:6px}.ff-btn-label{display:none}:host ::ng-deep .ff-toolbar__actions lib-upload-dialog .p-button .p-button-label{display:none}:host ::ng-deep .ff-toolbar__actions .p-button{padding:.5rem}.ff-file-item__preview,.ff-file-item__frame{width:65px;height:80px}.ff-file-item__icon{font-size:28px}.ff-file-item__name{font-size:12px}.ff-file-item__date{font-size:11px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i9.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i10.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: i10.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i10.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i4$1.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "name", "disabled", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "inputStyle", "styleClass", "inputClass", "indeterminate", "size", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i5.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "component", type: InputIcon, selector: "p-inputicon, p-inputIcon", inputs: ["styleClass"] }, { kind: "component", type: IconField, selector: "p-iconfield, p-iconField, p-icon-field", inputs: ["iconPosition", "styleClass"] }, { kind: "ngmodule", type: PaginatorModule }, { kind: "component", type: i6.Paginator, selector: "p-paginator", inputs: ["pageLinkSize", "style", "styleClass", "alwaysShow", "dropdownAppendTo", "templateLeft", "templateRight", "appendTo", "dropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showFirstLastIcon", "totalRecords", "rows", "rowsPerPageOptions", "showJumpToPageDropdown", "showJumpToPageInput", "jumpToPageItemTemplate", "showPageLinks", "locale", "dropdownItemTemplate", "first"], outputs: ["onPageChange"] }, { kind: "pipe", type: SafePipe, name: "safe" }, { kind: "component", type: UploadDialogComponent, selector: "lib-upload-dialog", inputs: ["selectedDocument", "allowedExtensions"], outputs: ["onUploaded", "loadFile"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i7.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "size", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "pipe", type: FlexibleDatePipe, name: "flexibleDate" }, { kind: "ngmodule", type: DialogModule }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i8.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant"], outputs: ["onClose"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FolderFilesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FolderFilesComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-folder-files', imports: [
                         CommonModule,
@@ -554,7 +673,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                         SelectModule,
                         FlexibleDatePipe,
                         DialogModule,
-                    ], standalone: true, template: "<div class=\"ff-layout\">\r\n  <!-- Header fijo -->\r\n  <div class=\"ff-header\">\r\n    <div class=\"ff-back-row\" *ngIf=\"!useBreadcrumb\">\r\n      <button\r\n        pButton\r\n        type=\"button\"\r\n        icon=\"pi pi-arrow-left\"\r\n        label=\"Volver\"\r\n        (click)=\"goBack()\"\r\n      ></button>\r\n    </div>\r\n\r\n    <!-- Toolbar: b\u00FAsqueda + botones de acci\u00F3n -->\r\n    <div class=\"ff-toolbar\">\r\n      <p-iconfield class=\"ff-toolbar__search\">\r\n        <p-inputicon class=\"pi pi-search\" />\r\n        <input\r\n          type=\"text\"\r\n          pInputText\r\n          [placeholder]=\"\r\n            'Buscar en ' +\r\n            carpeta.label.replace('#toolbar=0&navpanes=0&statusbar=0', '')\r\n          \"\r\n          [(ngModel)]=\"searchQuery\"\r\n          (input)=\"onSearchInput()\"\r\n          class=\"w-full\"\r\n        />\r\n      </p-iconfield>\r\n\r\n      <div class=\"ff-toolbar__actions\">\r\n        <lib-upload-dialog\r\n          *ngIf=\"carpeta?.reglas?.permisos?.cargarFront\"\r\n          [selectedDocument]=\"carpeta\"\r\n          [allowedExtensions]=\"allowedUploadTypes\"\r\n          (onUploaded)=\"fileChange($event)\"\r\n          (loadFile)=\"cargarArchivo()\"\r\n        >\r\n        </lib-upload-dialog>\r\n\r\n        <button\r\n          pButton\r\n          type=\"button\"\r\n          icon=\"pi pi-trash\"\r\n          *ngIf=\"carpeta?.reglas?.permisos?.borrarFront\"\r\n          (click)=\"emitEliminarMasivo()\"\r\n          [disabled]=\"docsEliminables.length === 0\"\r\n          class=\"p-button-outlined p-button-danger p-button-sm ff-btn-delete\"\r\n        >\r\n          <span class=\"ff-btn-label\"\r\n            >Eliminar ({{ docsEliminables.length }})</span\r\n          >\r\n        </button>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Fila seleccionar todo / total archivos -->\r\n    <div class=\"ff-select-row\" *ngIf=\"!loading && items.length > 0\">\r\n      <div class=\"ff-select-row__left\">\r\n        <p-checkbox\r\n          *ngIf=\"carpeta?.reglas?.permisos?.borrarFront\"\r\n          [binary]=\"true\"\r\n          [(ngModel)]=\"allSelected\"\r\n          (onChange)=\"toggleSelectAll()\"\r\n        >\r\n        </p-checkbox>\r\n        <span\r\n          *ngIf=\"carpeta?.reglas?.permisos?.borrarFront\"\r\n          class=\"ff-select-row__label\"\r\n          >Seleccionar todo</span\r\n        >\r\n      </div>\r\n      <span class=\"ff-select-row__count\"\r\n        >{{ totalRecords || items.length }}\r\n        {{\r\n          (totalRecords || items.length) === 1 ? \"archivo\" : \"archivos\"\r\n        }}</span\r\n      >\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Contenido scrollable -->\r\n  <div class=\"ff-file-list-wrapper\">\r\n    <!-- Loading -->\r\n    <div *ngIf=\"loading\" class=\"ff-loading\">\r\n      <i class=\"pi pi-spin pi-spinner\" style=\"font-size: 2rem\"></i>\r\n    </div>\r\n\r\n    <!-- Lista de archivos -->\r\n    <div class=\"ff-file-list\" *ngIf=\"!loading\">\r\n      <div\r\n        class=\"ff-file-item\"\r\n        *ngFor=\"let item of items\"\r\n        (click)=\"openVisorDoc(item)\"\r\n      >\r\n        <p-checkbox\r\n          *ngIf=\"carpeta?.reglas?.permisos?.borrarFront\"\r\n          [binary]=\"true\"\r\n          [(ngModel)]=\"item.delete\"\r\n          (onChange)=\"onClickedCheckDelete($event, item)\"\r\n          (click)=\"$event.stopPropagation()\"\r\n        >\r\n        </p-checkbox>\r\n\r\n        <div class=\"ff-file-item__preview\">\r\n          <i\r\n            *ngIf=\"!canPreview(item.label, item.Path)\"\r\n            class=\"pi ff-file-item__frame ff-file-item__icon\"\r\n            [ngClass]=\"previewFallbackIcon(item.label, item.Path)\"\r\n          ></i>\r\n          <ng-container *ngIf=\"canPreview(item.label, item.Path)\">\r\n            <embed\r\n              *ngIf=\"carpeta.TipoArchivo == '2'\"\r\n              class=\"ff-file-item__frame\"\r\n              [src]=\"item.Path | safe\"\r\n            />\r\n            <img\r\n              *ngIf=\"carpeta.TipoArchivo == '1' && isMobile\"\r\n              class=\"ff-file-item__frame\"\r\n              src=\"https://macuna.tecfinanzas.com/Imagenes/pdf_icon.png\"\r\n            />\r\n            <iframe\r\n              *ngIf=\"carpeta.TipoArchivo == '1' && !isMobile\"\r\n              class=\"ff-file-item__frame\"\r\n              [src]=\"item.Path | safe\"\r\n              frameborder=\"0\"\r\n            ></iframe>\r\n          </ng-container>\r\n        </div>\r\n\r\n        <div class=\"ff-file-item__info\">\r\n          <span class=\"ff-file-item__name\">{{ item.label }}</span>\r\n          <span class=\"ff-file-item__date\" *ngIf=\"item.FechaSubida && !isMobile\"\r\n            >Fecha Subida:\r\n            {{ item.FechaSubida | flexibleDate: \"dd/MM/yyyy HH:mm\" }}</span\r\n          >\r\n          <span\r\n            class=\"ff-file-item__date\"\r\n            *ngIf=\"item.FechaSubida && isMobile\"\r\n            >{{ item.FechaSubida | flexibleDate: \"dd/MM/yyyy HH:mm\" }}</span\r\n          >\r\n          <i\r\n            class=\"pi pi-external-link ff-file-item__open\"\r\n            (click)=\"\r\n              openCurrentInNewWindow(item.Path); $event.stopPropagation()\r\n            \"\r\n            role=\"button\"\r\n            tabindex=\"0\"\r\n            aria-label=\"Abrir en nueva ventana\"\r\n            (keydown.enter)=\"\r\n              openCurrentInNewWindow(item.Path); $event.stopPropagation()\r\n            \"\r\n          ></i>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Sin resultados -->\r\n    <div *ngIf=\"!loading && items.length === 0\" class=\"ff-empty\">\r\n      Sin documentos cargados\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Footer fijo: paginaci\u00F3n compacta -->\r\n  <div class=\"ff-footer\" *ngIf=\"usesApi && totalRecords > 0\">\r\n    <div class=\"ff-pagination\">\r\n      <p-select\r\n        [options]=\"pageSizeOptions\"\r\n        optionLabel=\"label\"\r\n        optionValue=\"value\"\r\n        [(ngModel)]=\"pageSize\"\r\n        (ngModelChange)=\"onPageSizeChange()\"\r\n      >\r\n      </p-select>\r\n      <p-paginator\r\n        [first]=\"first\"\r\n        [rows]=\"pageSize\"\r\n        [totalRecords]=\"totalRecords\"\r\n        (onPageChange)=\"onPageChange($event)\"\r\n        [showCurrentPageReport]=\"true\"\r\n        currentPageReportTemplate=\"{first} - {last} de {totalRecords}\"\r\n        [showPageLinks]=\"false\"\r\n        [showFirstLastIcon]=\"false\"\r\n      >\r\n      </p-paginator>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";:host{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.ff-layout{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.ff-header{flex-shrink:0}.ff-back-row{display:flex;margin-block:15px}.ff-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:4px;padding:.5rem}.ff-toolbar__search{flex:1;min-width:0}:host ::ng-deep .ff-toolbar .p-inputtext{padding:.45rem .65rem .45rem 2.5rem;font-size:13px}.ff-toolbar__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}:host ::ng-deep .ff-toolbar__actions lib-upload-dialog .p-button{background:transparent;border:1px solid #d1d5db;color:#374151;font-weight:500;font-size:13px;padding:.4rem .75rem}:host ::ng-deep .ff-toolbar__actions lib-upload-dialog .p-button:hover{background:#f9fafb;border-color:#9ca3af}:host ::ng-deep .ff-btn-delete{white-space:nowrap;font-size:13px;padding:.4rem .75rem}.ff-select-row{display:flex;align-items:center;justify-content:space-between;padding:8px 4px;border-bottom:1px solid #e5e7eb;padding:.5rem}.ff-select-row__left{display:flex;align-items:center;gap:8px}.ff-select-row__label{font-size:13px;color:#374151}.ff-select-row__count{font-size:13px;color:#6b7280}.ff-file-list-wrapper{flex:1;min-height:0;overflow-y:auto}.ff-loading{text-align:center;padding:20px}.ff-file-list{display:flex;flex-direction:column}.ff-file-item{display:flex;align-items:center;gap:12px;padding:12px 8px;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background-color .15s ease}.ff-file-item:hover{background-color:#f9fafb}.ff-file-item__preview{flex-shrink:0;width:85px;height:100px;overflow:hidden;display:flex;align-items:center;justify-content:center}.ff-file-item__frame{width:85px;height:100px;border:none;pointer-events:none;object-fit:cover}.ff-file-item__icon{display:flex;align-items:center;justify-content:center;font-size:40px;color:#6b7280;background-color:#f3f4f6;border-radius:4px}.ff-file-item__icon.pi-file-excel{color:#1d6f42;background-color:#f0faf5}.ff-file-item__icon.pi-file-pdf{color:#b91c1c;background-color:#fef2f2}.ff-file-item__icon.pi-file-word{color:#1d4ed8;background-color:#eff6ff}.ff-file-item__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;text-align:right}.ff-file-item__name{font-size:13px;font-weight:500;color:#111827;min-width:0;word-break:break-word}.ff-file-item__date{font-size:12px;color:#9ca3af;overflow:hidden}.ff-file-item__open{font-size:18px;color:#3b82f6;flex-shrink:0;padding:4px;border-radius:4px;transition:color .15s ease,background-color .15s ease;cursor:pointer;align-self:flex-end}.ff-file-item__open:hover{color:#2563eb;background-color:#eff6ff}.ff-empty{text-align:center;padding:20px;color:#999}.ff-footer{flex-shrink:0;border-top:1px solid #e5e7eb}.ff-pagination{display:flex;align-items:center;justify-content:flex-end;gap:4px;padding:6px 8px;font-size:13px}:host ::ng-deep .ff-pagination .p-select{width:auto;min-width:90px}:host ::ng-deep .ff-pagination .p-select .p-select-label{font-size:12px;padding:4px 8px}:host ::ng-deep .ff-pagination .p-paginator{padding:0;background:transparent;border:none;gap:0}:host ::ng-deep .ff-pagination .p-paginator .p-paginator-current{font-size:12px;color:#6b7280;padding:0 6px;min-width:auto;height:auto}:host ::ng-deep .ff-pagination .p-paginator .p-paginator-prev,:host ::ng-deep .ff-pagination .p-paginator .p-paginator-next{min-width:28px;height:28px;font-size:12px}@media only screen and (max-width: 656px){.ff-toolbar{gap:6px}.ff-btn-label{display:none}:host ::ng-deep .ff-toolbar__actions lib-upload-dialog .p-button .p-button-label{display:none}:host ::ng-deep .ff-toolbar__actions .p-button{padding:.5rem}.ff-file-item__preview,.ff-file-item__frame{width:65px;height:80px}.ff-file-item__icon{font-size:28px}.ff-file-item__name{font-size:12px}.ff-file-item__date{font-size:11px}}\n"] }]
+                        MessageModule,
+                    ], standalone: true, template: "<div class=\"ff-layout\">\n  <!-- Header fijo -->\n  <div class=\"ff-header\">\n    <div class=\"ff-back-row\" *ngIf=\"!useBreadcrumb\">\n      <button\n        pButton\n        type=\"button\"\n        icon=\"pi pi-arrow-left\"\n        label=\"Volver\"\n        (click)=\"goBack()\"\n      ></button>\n    </div>\n\n    <!-- Toolbar: b\u00FAsqueda + botones de acci\u00F3n -->\n    <div class=\"ff-toolbar\">\n      <p-iconfield class=\"ff-toolbar__search\">\n        <p-inputicon class=\"pi pi-search\" />\n        <input\n          type=\"text\"\n          pInputText\n          [placeholder]=\"\n            'Buscar en ' +\n            carpeta.label.replace('#toolbar=0&navpanes=0&statusbar=0', '')\n          \"\n          [(ngModel)]=\"searchQuery\"\n          (input)=\"onSearchInput()\"\n          class=\"w-full\"\n        />\n      </p-iconfield>\n\n      <div class=\"ff-toolbar__actions\">\n        <lib-upload-dialog\n          *ngIf=\"carpeta?.reglas?.permisos?.cargarFront\"\n          [selectedDocument]=\"carpeta\"\n          [allowedExtensions]=\"allowedUploadTypes\"\n          (onUploaded)=\"fileChange($event)\"\n          (loadFile)=\"cargarArchivo()\"\n        >\n        </lib-upload-dialog>\n\n        <button\n          pButton\n          type=\"button\"\n          icon=\"pi pi-trash\"\n          *ngIf=\"carpeta?.reglas?.permisos?.borrarFront\"\n          (click)=\"emitEliminarMasivo()\"\n          [disabled]=\"docsEliminables.length === 0\"\n          class=\"p-button-outlined p-button-danger p-button-sm ff-btn-delete\"\n        >\n          <span class=\"ff-btn-label\"\n            >Eliminar ({{ docsEliminables.length }})</span\n          >\n        </button>\n      </div>\n    </div>\n\n    <!-- Fila seleccionar todo / total archivos -->\n    <div class=\"ff-select-row\" *ngIf=\"!loading && items.length > 0\">\n      <div class=\"ff-select-row__left\">\n        <p-checkbox\n          *ngIf=\"carpeta?.reglas?.permisos?.borrarFront\"\n          [binary]=\"true\"\n          [(ngModel)]=\"allSelected\"\n          (onChange)=\"toggleSelectAll()\"\n        >\n        </p-checkbox>\n        <span\n          *ngIf=\"carpeta?.reglas?.permisos?.borrarFront\"\n          class=\"ff-select-row__label\"\n          >Seleccionar todo</span\n        >\n      </div>\n      <span class=\"ff-select-row__count\"\n        >{{ totalRecords || items.length }}\n        {{\n          (totalRecords || items.length) === 1 ? \"archivo\" : \"archivos\"\n        }}</span\n      >\n    </div>\n  </div>\n\n  <!-- Contenido scrollable -->\n  <div class=\"ff-file-list-wrapper\">\n    <!-- Loading -->\n    <div *ngIf=\"loading && !loadError\" class=\"ff-loading\">\n      <i class=\"pi pi-spin pi-spinner\" style=\"font-size: 2rem\"></i>\n    </div>\n\n    <!-- Error al cargar: el usuario puede volver a pedir solo esta carpeta. Mientras se\n         reintenta, el error sigue a la vista y el bot\u00F3n muestra la carga. Sin [disabled]: un\n         bot\u00F3n deshabilitado suelta el foco al body y quien usa teclado vuelve a empezar. -->\n    <div *ngIf=\"loadError\" class=\"ff-error\">\n      <p-message severity=\"error\" icon=\"pi pi-times-circle\" styleClass=\"w-full\">\n        No se pudieron cargar los documentos. {{ loadError }}\n      </p-message>\n      <button\n        pButton\n        type=\"button\"\n        label=\"Reintentar\"\n        icon=\"pi pi-refresh\"\n        [loading]=\"loading\"\n        [attr.aria-disabled]=\"loading\"\n        (click)=\"!loading && loadFiles()\"\n      ></button>\n    </div>\n\n    <!-- Lista de archivos -->\n    <div class=\"ff-file-list\" *ngIf=\"!loading && !loadError\">\n      <div\n        class=\"ff-file-item\"\n        *ngFor=\"let item of items\"\n        (click)=\"openVisorDoc(item)\"\n      >\n        <p-checkbox\n          *ngIf=\"carpeta?.reglas?.permisos?.borrarFront\"\n          [binary]=\"true\"\n          [(ngModel)]=\"item.delete\"\n          (onChange)=\"onClickedCheckDelete($event, item)\"\n          (click)=\"$event.stopPropagation()\"\n        >\n        </p-checkbox>\n\n        <div class=\"ff-file-item__preview\">\n          <i\n            *ngIf=\"!canPreview(item.label, item.Path)\"\n            class=\"pi ff-file-item__frame ff-file-item__icon\"\n            [ngClass]=\"previewFallbackIcon(item.label, item.Path)\"\n          ></i>\n          <ng-container *ngIf=\"canPreview(item.label, item.Path)\">\n            <embed\n              *ngIf=\"carpeta.TipoArchivo == '2'\"\n              class=\"ff-file-item__frame\"\n              [src]=\"item.Path | safe\"\n            />\n            <img\n              *ngIf=\"carpeta.TipoArchivo == '1' && isMobile\"\n              class=\"ff-file-item__frame\"\n              src=\"https://macuna.tecfinanzas.com/Imagenes/pdf_icon.png\"\n            />\n            <iframe\n              *ngIf=\"carpeta.TipoArchivo == '1' && !isMobile\"\n              class=\"ff-file-item__frame\"\n              [src]=\"item.Path | safe\"\n              frameborder=\"0\"\n            ></iframe>\n          </ng-container>\n        </div>\n\n        <div class=\"ff-file-item__info\">\n          <span class=\"ff-file-item__name\">{{ item.label }}</span>\n          <span class=\"ff-file-item__date\" *ngIf=\"item.FechaSubida && !isMobile\"\n            >Fecha Subida:\n            {{ item.FechaSubida | flexibleDate: \"dd/MM/yyyy HH:mm\" }}</span\n          >\n          <span\n            class=\"ff-file-item__date\"\n            *ngIf=\"item.FechaSubida && isMobile\"\n            >{{ item.FechaSubida | flexibleDate: \"dd/MM/yyyy HH:mm\" }}</span\n          >\n          <i\n            class=\"pi pi-external-link ff-file-item__open\"\n            (click)=\"\n              openCurrentInNewWindow(item.Path); $event.stopPropagation()\n            \"\n            role=\"button\"\n            tabindex=\"0\"\n            aria-label=\"Abrir en nueva ventana\"\n            (keydown.enter)=\"\n              openCurrentInNewWindow(item.Path); $event.stopPropagation()\n            \"\n          ></i>\n        </div>\n      </div>\n    </div>\n\n    <!-- Sin resultados -->\n    <div *ngIf=\"!loading && !loadError && items.length === 0\" class=\"ff-empty\">\n      Sin documentos cargados\n    </div>\n  </div>\n\n  <!-- Footer fijo: paginaci\u00F3n compacta -->\n  <div class=\"ff-footer\" *ngIf=\"usesApi && totalRecords > 0 && !loadError\">\n    <div class=\"ff-pagination\">\n      <p-select\n        [options]=\"pageSizeOptions\"\n        optionLabel=\"label\"\n        optionValue=\"value\"\n        [(ngModel)]=\"pageSize\"\n        (ngModelChange)=\"onPageSizeChange()\"\n      >\n      </p-select>\n      <p-paginator\n        [first]=\"first\"\n        [rows]=\"pageSize\"\n        [totalRecords]=\"totalRecords\"\n        (onPageChange)=\"onPageChange($event)\"\n        [showCurrentPageReport]=\"true\"\n        currentPageReportTemplate=\"{first} - {last} de {totalRecords}\"\n        [showPageLinks]=\"false\"\n        [showFirstLastIcon]=\"false\"\n      >\n      </p-paginator>\n    </div>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.ff-layout{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.ff-header{flex-shrink:0}.ff-back-row{display:flex;margin-block:15px}.ff-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:4px;padding:.5rem}.ff-toolbar__search{flex:1;min-width:0}:host ::ng-deep .ff-toolbar .p-inputtext{padding:.45rem .65rem .45rem 2.5rem;font-size:13px}.ff-toolbar__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}:host ::ng-deep .ff-toolbar__actions lib-upload-dialog .p-button{background:transparent;border:1px solid #d1d5db;color:#374151;font-weight:500;font-size:13px;padding:.4rem .75rem}:host ::ng-deep .ff-toolbar__actions lib-upload-dialog .p-button:hover{background:#f9fafb;border-color:#9ca3af}:host ::ng-deep .ff-btn-delete{white-space:nowrap;font-size:13px;padding:.4rem .75rem}.ff-select-row{display:flex;align-items:center;justify-content:space-between;padding:8px 4px;border-bottom:1px solid #e5e7eb;padding:.5rem}.ff-select-row__left{display:flex;align-items:center;gap:8px}.ff-select-row__label{font-size:13px;color:#374151}.ff-select-row__count{font-size:13px;color:#6b7280}.ff-file-list-wrapper{flex:1;min-height:0;overflow-y:auto}.ff-loading{text-align:center;padding:20px}.ff-file-list{display:flex;flex-direction:column}.ff-file-item{display:flex;align-items:center;gap:12px;padding:12px 8px;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background-color .15s ease}.ff-file-item:hover{background-color:#f9fafb}.ff-file-item__preview{flex-shrink:0;width:85px;height:100px;overflow:hidden;display:flex;align-items:center;justify-content:center}.ff-file-item__frame{width:85px;height:100px;border:none;pointer-events:none;object-fit:cover}.ff-file-item__icon{display:flex;align-items:center;justify-content:center;font-size:40px;color:#6b7280;background-color:#f3f4f6;border-radius:4px}.ff-file-item__icon.pi-file-excel{color:#1d6f42;background-color:#f0faf5}.ff-file-item__icon.pi-file-pdf{color:#b91c1c;background-color:#fef2f2}.ff-file-item__icon.pi-file-word{color:#1d4ed8;background-color:#eff6ff}.ff-file-item__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;text-align:right}.ff-file-item__name{font-size:13px;font-weight:500;color:#111827;min-width:0;word-break:break-word}.ff-file-item__date{font-size:12px;color:#9ca3af;overflow:hidden}.ff-file-item__open{font-size:18px;color:#3b82f6;flex-shrink:0;padding:4px;border-radius:4px;transition:color .15s ease,background-color .15s ease;cursor:pointer;align-self:flex-end}.ff-file-item__open:hover{color:#2563eb;background-color:#eff6ff}.ff-empty{text-align:center;padding:20px;color:#999}.ff-error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px}.ff-error p-message{align-self:stretch}.ff-footer{flex-shrink:0;border-top:1px solid #e5e7eb}.ff-pagination{display:flex;align-items:center;justify-content:flex-end;gap:4px;padding:6px 8px;font-size:13px}:host ::ng-deep .ff-pagination .p-select{width:auto;min-width:90px}:host ::ng-deep .ff-pagination .p-select .p-select-label{font-size:12px;padding:4px 8px}:host ::ng-deep .ff-pagination .p-paginator{padding:0;background:transparent;border:none;gap:0}:host ::ng-deep .ff-pagination .p-paginator .p-paginator-current{font-size:12px;color:#6b7280;padding:0 6px;min-width:auto;height:auto}:host ::ng-deep .ff-pagination .p-paginator .p-paginator-prev,:host ::ng-deep .ff-pagination .p-paginator .p-paginator-next{min-width:28px;height:28px;font-size:12px}@media only screen and (max-width: 656px){.ff-toolbar{gap:6px}.ff-btn-label{display:none}:host ::ng-deep .ff-toolbar__actions lib-upload-dialog .p-button .p-button-label{display:none}:host ::ng-deep .ff-toolbar__actions .p-button{padding:.5rem}.ff-file-item__preview,.ff-file-item__frame{width:65px;height:80px}.ff-file-item__icon{font-size:28px}.ff-file-item__name{font-size:12px}.ff-file-item__date{font-size:11px}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { carpeta: [{
                 type: Input
             }], isMobile: [{
@@ -636,6 +756,9 @@ class SfDocumentsComponent {
     UsuarioTdoc;
     idKatios;
     displayGenerate = false;
+    /** Error de la última generación; se muestra dentro del diálogo hasta reintentar o cambiar el tipo. */
+    generateError = null;
+    toastKey = SF_DOCUMENTS_TOAST_KEY;
     canGenerate = true;
     documentTypes = [];
     documentsToGenerate = [];
@@ -676,6 +799,7 @@ class SfDocumentsComponent {
         this.scanFileList = new Array();
         this.displayPDF = false;
         this.displayGenerate = false;
+        this.generateError = null;
         this.canGenerate = true;
         this.documentTypes = [];
         this.documentsToGenerate = [];
@@ -780,7 +904,7 @@ class SfDocumentsComponent {
         this.documentService.loadingData = false;
     };
     errorCargarArbol = (iError) => {
-        this.message('error', 'Error al traer la información', iError.message);
+        this.message('error', 'Error al traer la información', getUserErrorMessage(iError, 'getFolders'));
         this.documentService.loadingData = false;
     };
     // onClickedCheckDelete($event: any, document: any) {
@@ -955,8 +1079,7 @@ class SfDocumentsComponent {
             },
             error: (err) => {
                 this.documentService.loading = false;
-                this.message('error', 'Se presentaron inconvenientes almacenando el documento', err.message);
-                console.error('Error : ' + err);
+                this.message('error', 'Se presentaron inconvenientes almacenando el documento', getUserErrorMessage(err, 'uploadFiles'));
             },
         });
     }
@@ -1020,6 +1143,7 @@ class SfDocumentsComponent {
     }
     message(severity, summary, message) {
         this.snackBar.add({
+            key: SF_DOCUMENTS_TOAST_KEY,
             severity: severity,
             summary: summary,
             detail: message,
@@ -1101,27 +1225,28 @@ class SfDocumentsComponent {
     openGenerateDialog() {
         this.selectedDocType = null;
         this.selectedRange = null;
+        this.generateError = null;
         this.displayGenerate = true;
     }
     generateDocument() {
         if (!this.selectedDocType)
             return;
-        // Validación mínima: si hay params, exigir que no estén vacíos
+        // Un error anterior no debe quedar junto al aviso de un parámetro faltante.
+        this.generateError = null;
+        // Solo los obligatorios deben tener valor
         for (const p of this.dynamicParams || []) {
-            const key = p.name;
-            const v = this.dynamicValues?.[key];
-            if (v === null || v === undefined || v === '') {
+            if (this.isRequired(p) && this.isEmpty(this.dynamicValues?.[p.name])) {
                 this.message('warn', '', `Falta el parámetro ${p.description}`);
                 return;
             }
         }
-        // construir params
+        // construir params: van todos, porque DocumentService exige cada parámetro de la
+        // configuración; un opcional vacío viaja como null (DBNull en el SP).
         const paramsToSend = {};
         for (const p of this.dynamicParams || []) {
-            const key = p.name;
-            const raw = this.dynamicValues?.[key];
-            paramsToSend[p.name] =
-                (p.type || '').toLowerCase() === 'date' ? this.toYYYYMMDD(raw) : raw;
+            const raw = this.dynamicValues?.[p.name];
+            const value = (p.type || '').toLowerCase() === 'date' ? this.toYYYYMMDD(raw) : raw;
+            paramsToSend[p.name] = this.isEmpty(value) ? null : value;
         }
         this.enProceso = true;
         const payload = {
@@ -1137,7 +1262,13 @@ class SfDocumentsComponent {
                 this.enProceso = false;
             },
             error: (err) => {
-                this.message('error', 'No se pudo generar el documento', err?.message || err);
+                // El diálogo queda abierto con el error visible (p-message, role="alert") para
+                // corregir o reintentar. El toast solo si el usuario ya lo cerró: así un lector de
+                // pantalla no anuncia el mismo error dos veces.
+                this.generateError = getUserErrorMessage(err, 'generateDocument');
+                if (!this.displayGenerate) {
+                    this.message('error', 'No se pudo generar el documento', this.generateError);
+                }
                 this.enProceso = false;
             },
         });
@@ -1155,13 +1286,34 @@ class SfDocumentsComponent {
         const doc = this.selectedDocType
             ? this.documentsToGenerateMap[this.selectedDocType]
             : null;
+        this.generateError = null;
         this.dynamicParams = doc?.params ?? [];
         this.dynamicValues = {}; // reset valores
-        // valores default opcionales
+        // Valores iniciales: un bit arranca en false (sin marcar ya es un valor); el resto, vacío.
         for (const p of this.dynamicParams) {
-            const key = p.name;
-            this.dynamicValues[key] = null;
+            this.dynamicValues[p.name] = this.isBoolean(p) ? false : null;
+        }
+    }
+    /**
+     * `required` viene de JCONFIGURACION (query.params) sin esquema: se acepta true, 1 y
+     * "true"/"1"/"s"/"si"/"sí" en texto; cualquier otra cosa (false, "false", ausente) es
+     * opcional. No aplica a los bit: arrancan en false, que ya es un valor.
+     */
+    isRequired(p) {
+        if (this.isBoolean(p))
+            return false;
+        const r = p?.required;
+        if (typeof r === 'string') {
+            return ['true', '1', 's', 'si', 'sí'].includes(r.trim().toLowerCase());
         }
+        return r === true || r === 1;
+    }
+    /** Vacío para la validación y el envío: null, undefined o texto en blanco (0 y false no). */
+    isEmpty(v) {
+        return v === null || v === undefined || (typeof v === 'string' && v.trim() === '');
+    }
+    isBoolean(p) {
+        return ['boolean', 'bit', 'bool'].includes((p?.type || '').toLowerCase());
     }
     openVisorDoc(item) {
         if (this.carpetaSeleccionada.TipoArchivo == '1' && this.isMobile) {
@@ -1184,10 +1336,10 @@ class SfDocumentsComponent {
     previewFallbackIcon(label, path) {
         return getFileTypeIcon(label || this.current_label || path || this.current_path);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SfDocumentsComponent, deps: [{ token: i1.DomSanitizer }, { token: i2.MessageService }, { token: i0.ApplicationRef }, { token: i2.ConfirmationService }, { token: SfDocumentsService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: SfDocumentsComponent, isStandalone: true, selector: "app-sf-documents", inputs: { accion: "accion", entidad: "entidad", ndoc: "ndoc", tdoc: "tdoc", tipo: "tipo", Kasociada: "Kasociada", Producto: "Producto", Solicitud: "Solicitud", oSession: "oSession", perfilDocumentos: "perfilDocumentos", subestado: "subestado", isMobile: "isMobile", bAtras: "bAtras", bFinal: "bFinal", botones: "botones", aplFiltro: "aplFiltro", nmco: "nmco", useBreadcrumb: "useBreadcrumb", usesApi: "usesApi", allowedUploadTypes: "allowedUploadTypes", server: "server", idKatios: "idKatios" }, outputs: { nextTabPapa: "nextTabPapa", onNavigationChange: "onNavigationChange" }, providers: [ConfirmationService], viewQueries: [{ propertyName: "panel", first: true, predicate: ["pdf"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<div class=\"sf-doc-layout\">\r\n  <div class=\"sf-doc-fixed\">\r\n    <div class=\"buttons\" *ngIf=\"botones\">\r\n      <div class=\"div-table-col50\" style=\"text-align: center\" *ngIf=\"bAtras\">\r\n        <button\r\n          pButton\r\n          type=\"button\"\r\n          label=\"Atras\"\r\n          icon=\"pi pi-arrow-left\"\r\n          (click)=\"next(-1)\"\r\n        ></button>\r\n      </div>\r\n      <div\r\n        class=\"div-table-col50\"\r\n        style=\"text-align: center\"\r\n        *ngIf=\"!bFinal && botones\"\r\n      >\r\n        <button\r\n          pButton\r\n          type=\"button\"\r\n          label=\"Siguiente\"\r\n          icon=\"pi pi-arrow-right\"\r\n          (click)=\"next(1)\"\r\n        ></button>\r\n      </div>\r\n      <div class=\"div-table-col50\" *ngIf=\"bFinal\">\r\n        <button\r\n          pButton\r\n          type=\"button\"\r\n          label=\"Finalizar\"\r\n          icon=\"pi pi-home\"\r\n          (click)=\"next(0)\"\r\n        ></button>\r\n      </div>\r\n    </div>\r\n    <!-- Toolbar superior (solo tab 1) -->\r\n    <div *ngIf=\"tab == 1\" class=\"doc-toolbar\">\r\n      <div class=\"doc-toolbar-left\" *ngIf=\"aplFiltro\">\r\n        <p-iconfield>\r\n          <p-inputicon class=\"pi pi-search\" />\r\n          <input\r\n            type=\"text\"\r\n            pInputText\r\n            placeholder=\"Buscar carpeta...\"\r\n            [(ngModel)]=\"valorFiltro\"\r\n            (keyup)=\"filtrarDocumentos()\"\r\n            class=\"w-full\"\r\n            [disabled]=\"documentService.loadingData\"\r\n          />\r\n        </p-iconfield>\r\n      </div>\r\n\r\n      <div class=\"doc-toolbar-right\" *ngIf=\"documentTypes.length > 0\">\r\n        <button\r\n          pButton\r\n          type=\"button\"\r\n          label=\"Generar documento\"\r\n          icon=\"pi pi-plus\"\r\n          class=\"p-button-sm\"\r\n          (click)=\"openGenerateDialog()\"\r\n          [disabled]=\"enProceso || !canGenerate\"\r\n        ></button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <p-confirmDialog\r\n    header=\"Atencion\"\r\n    icon=\"pi pi-exclamation-triangle\"\r\n  ></p-confirmDialog>\r\n  <div class=\"sf-doc-scrollable\" *ngIf=\"tab == 1\">\r\n    <div class=\"folder-list\">\r\n      @if (!documentService.loadingData) {\r\n        <ng-container *ngFor=\"let carpeta of filesFilter\">\r\n          <div class=\"folder-list\">\r\n            <div\r\n              class=\"folder-item\"\r\n              *ngFor=\"let item of carpeta.children\"\r\n              (click)=\"VerDetalleTab(item)\"\r\n            >\r\n              <i\r\n                class=\"pi pi-folder folder-item__icon\"\r\n                [ngStyle]=\"{\r\n                  color:\r\n                    item.children?.length > 0 || item.fileCount > 0\r\n                      ? 'green'\r\n                      : 'red',\r\n                }\"\r\n              ></i>\r\n              <div class=\"folder-item__info\">\r\n                <span class=\"folder-item__name\">{{ item.label }}</span>\r\n                <span\r\n                  class=\"folder-item__count\"\r\n                  *ngIf=\"item.children?.length > 0\"\r\n                  >{{ item.children.length }}\r\n                  {{\r\n                    item.children.length === 1 ? \"archivo\" : \"archivos\"\r\n                  }}</span\r\n                >\r\n                <span\r\n                  class=\"folder-item__count\"\r\n                  *ngIf=\"\r\n                    (!item.children || item.children.length === 0) &&\r\n                    item.fileCount\r\n                  \"\r\n                  >{{ item.fileCount }}\r\n                  {{ item.fileCount === 1 ? \"archivo\" : \"archivos\" }}</span\r\n                >\r\n                <span\r\n                  class=\"folder-item__count\"\r\n                  *ngIf=\"\r\n                    (!item.children || item.children.length === 0) &&\r\n                    !item.fileCount\r\n                  \"\r\n                  >0 archivos</span\r\n                >\r\n              </div>\r\n              <i class=\"pi pi-chevron-right folder-item__arrow\"></i>\r\n            </div>\r\n          </div>\r\n        </ng-container>\r\n      } @else {\r\n        <div class=\"folder-item\">\r\n          <p-skeleton shape=\"circle\" size=\"2rem\" styleClass=\"mr-2\" />\r\n          <div class=\"self-center\" style=\"flex: 1\">\r\n            <p-skeleton width=\"100%\" styleClass=\"mb-2\" />\r\n            <p-skeleton width=\"75%\" />\r\n          </div>\r\n        </div>\r\n        <div class=\"folder-item\">\r\n          <p-skeleton shape=\"circle\" size=\"2rem\" styleClass=\"mr-2\" />\r\n          <div class=\"self-center\" style=\"flex: 1\">\r\n            <p-skeleton width=\"100%\" styleClass=\"mb-2\" />\r\n            <p-skeleton width=\"75%\" />\r\n          </div>\r\n        </div>\r\n        <div class=\"folder-item\">\r\n          <p-skeleton shape=\"circle\" size=\"2rem\" styleClass=\"mr-2\" />\r\n          <div class=\"self-center\" style=\"flex: 1\">\r\n            <p-skeleton width=\"100%\" styleClass=\"mb-2\" />\r\n            <p-skeleton width=\"75%\" />\r\n          </div>\r\n        </div>\r\n        <div class=\"folder-item\">\r\n          <p-skeleton shape=\"circle\" size=\"2rem\" styleClass=\"mr-2\" />\r\n          <div class=\"self-center\" style=\"flex: 1\">\r\n            <p-skeleton width=\"100%\" styleClass=\"mb-2\" />\r\n            <p-skeleton width=\"75%\" />\r\n          </div>\r\n        </div>\r\n        <div class=\"folder-item\">\r\n          <p-skeleton shape=\"circle\" size=\"2rem\" styleClass=\"mr-2\" />\r\n          <div class=\"self-center\" style=\"flex: 1\">\r\n            <p-skeleton width=\"100%\" styleClass=\"mb-2\" />\r\n            <p-skeleton width=\"75%\" />\r\n          </div>\r\n        </div>\r\n        <div class=\"folder-item\">\r\n          <p-skeleton shape=\"circle\" size=\"2rem\" styleClass=\"mr-2\" />\r\n          <div class=\"self-center\" style=\"flex: 1\">\r\n            <p-skeleton width=\"100%\" styleClass=\"mb-2\" />\r\n            <p-skeleton width=\"75%\" />\r\n          </div>\r\n        </div>\r\n      }\r\n    </div>\r\n    <ng-container *ngIf=\"botones\">\r\n      <div class=\"buttons\">\r\n        <div class=\"div-table-col50\" style=\"text-align: center\" *ngIf=\"bAtras\">\r\n          <button\r\n            pButton\r\n            type=\"button\"\r\n            label=\"Atras\"\r\n            icon=\"pi pi-arrow-left\"\r\n            (click)=\"next(-1)\"\r\n          ></button>\r\n        </div>\r\n        <div\r\n          class=\"div-table-col50\"\r\n          style=\"text-align: center\"\r\n          *ngIf=\"!bFinal && botones\"\r\n        >\r\n          <button\r\n            pButton\r\n            type=\"button\"\r\n            label=\"Siguiente\"\r\n            icon=\"pi pi-arrow-right\"\r\n            (click)=\"next(1)\"\r\n          ></button>\r\n        </div>\r\n        <div class=\"div-table-col50\" *ngIf=\"bFinal\">\r\n          <button\r\n            pButton\r\n            type=\"button\"\r\n            label=\"Finalizar\"\r\n            icon=\"pi pi-home\"\r\n            (click)=\"next(0)\"\r\n          ></button>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n  <div class=\"sf-doc-scrollable sf-doc-scrollable--files\" *ngIf=\"tab == 2\">\r\n    <lib-folder-files\r\n      [carpeta]=\"carpetaSeleccionada\"\r\n      [isMobile]=\"isMobile\"\r\n      [idKatios]=\"idKatios\"\r\n      [server]=\"server\"\r\n      [subestado]=\"subestado\"\r\n      [requestData]=\"requestData\"\r\n      [useBreadcrumb]=\"useBreadcrumb\"\r\n      [usesApi]=\"usesApi\"\r\n      [allowedUploadTypes]=\"allowedUploadTypes\"\r\n      (onFileChange)=\"fileChange($event)\"\r\n      (onCargarArchivo)=\"cargarArchivo($event)\"\r\n      (onEliminarMasivo)=\"eliminarMasivo($event)\"\r\n      (onBack)=\"goToTab('1')\"\r\n      (viewDocument)=\"openVisorDoc($event)\"\r\n    >\r\n    </lib-folder-files>\r\n  </div>\r\n</div>\r\n\r\n<!-- <ng-template #scanContent>\r\n  <div class=\"div-table\">\r\n    <div class=\"div-table-row\" style=\"text-align: center\">\r\n      <h4>Escanear documentos</h4>\r\n    </div>\r\n    <div class=\"div-table-row\" style=\"text-align: center\">\r\n      Archivos cargados: <h4>{{scanFileList.length}}</h4>\r\n    </div>\r\n    <div class=\"div-table-row\" style=\"text-align: center\">\r\n      <label (click)=\"takePhotoClick()\" class=\"btn\">\r\n        <mat-icon style=\"font-size: 2.5em; color:#0056b2\">add_to_photos</mat-icon>\r\n      </label>\r\n\r\n      <label *ngIf=\"scanFileList.length != 0\" (click)=\"subirFotosScan()\" class=\"btn\">\r\n        <mat-icon style=\"font-size: 2.5em; color:#0056b2\">share</mat-icon>\r\n      </label>\r\n    </div>\r\n  </div>\r\n</ng-template> -->\r\n\r\n<p-dialog\r\n  [(visible)]=\"displayView\"\r\n  [header]=\"current_label.replace('#toolbar=0&navpanes=0&statusbar=0', '')\"\r\n  [modal]=\"true\"\r\n  [style]=\"{ width: '70vw' }\"\r\n  appendTo=\"body\"\r\n>\r\n  <div *ngIf=\"!canPreview()\" class=\"sf-doc-preview-fallback\">\r\n    <i class=\"pi\" [ngClass]=\"previewFallbackIcon()\"></i>\r\n    <p>La vista previa no est\u00E1 disponible para este tipo de archivo.</p>\r\n    <button\r\n      pButton\r\n      type=\"button\"\r\n      label=\"Abrir en una nueva ventana\"\r\n      icon=\"pi pi-external-link\"\r\n      (click)=\"openCurrentInNewWindow()\"\r\n    ></button>\r\n  </div>\r\n  <ng-container *ngIf=\"canPreview()\">\r\n    <embed\r\n      *ngIf=\"carpetaSeleccionada.TipoArchivo == '2'\"\r\n      [src]=\"current_path | safe\"\r\n      style=\"width: 100%; min-height: 600px\"\r\n    />\r\n    <iframe\r\n      *ngIf=\"carpetaSeleccionada.TipoArchivo == '1'\"\r\n      style=\"width: 100%; min-height: 600px\"\r\n      [src]=\"current_path | safe\"\r\n    ></iframe>\r\n  </ng-container>\r\n</p-dialog>\r\n\r\n<p-dialog\r\n  header=\"Generar documento\"\r\n  [(visible)]=\"displayGenerate\"\r\n  [modal]=\"true\"\r\n  [closable]=\"true\"\r\n  [style]=\"{ width: isMobile ? '95vw' : '520px' }\"\r\n>\r\n  <div class=\"gen-form\">\r\n    <!-- Tipo de documento -->\r\n    <div class=\"gen-field\">\r\n      <label class=\"gen-label\">Tipo de documento</label>\r\n      <p-dropdown\r\n        class=\"gen-control\"\r\n        [options]=\"documentTypes\"\r\n        optionLabel=\"label\"\r\n        optionValue=\"code\"\r\n        [(ngModel)]=\"selectedDocType\"\r\n        placeholder=\"Seleccione un tipo\"\r\n        appendTo=\"body\"\r\n        (onChange)=\"onDocTypeChange()\"\r\n      >\r\n      </p-dropdown>\r\n    </div>\r\n\r\n    <!-- Par\u00E1metros din\u00E1micos -->\r\n    <div class=\"gen-section\" *ngIf=\"dynamicParams.length\">\r\n      <div class=\"gen-field\" *ngFor=\"let p of dynamicParams\">\r\n        <label class=\"gen-label\">\r\n          {{ p.description }}\r\n          <span class=\"gen-required\" *ngIf=\"p.required\">*</span>\r\n        </label>\r\n\r\n        <!-- Date -->\r\n        <p-datepicker\r\n          *ngIf=\"(p.type || '').toLowerCase() === 'date'\"\r\n          class=\"gen-control\"\r\n          [(ngModel)]=\"dynamicValues[p.name]\"\r\n          [showIcon]=\"true\"\r\n          appendTo=\"body\"\r\n          dateFormat=\"yy-mm-dd\"\r\n        >\r\n        </p-datepicker>\r\n\r\n        <!-- String -->\r\n        <input\r\n          *ngIf=\"\r\n            (p.type || '').toLowerCase() === 'nvarchar' ||\r\n            (p.type || '').toLowerCase() === 'string'\r\n          \"\r\n          pInputText\r\n          class=\"gen-control\"\r\n          [(ngModel)]=\"dynamicValues[p.name]\"\r\n          placeholder=\"Ingrese un valor\"\r\n        />\r\n\r\n        <!-- Number -->\r\n        <p-inputNumber\r\n          *ngIf=\"\r\n            ['int', 'decimal', 'number'].includes((p.type || '').toLowerCase())\r\n          \"\r\n          class=\"gen-control\"\r\n          [(ngModel)]=\"dynamicValues[p.name]\"\r\n        >\r\n        </p-inputNumber>\r\n\r\n        <!-- Boolean -->\r\n        <div\r\n          class=\"gen-control gen-checkbox\"\r\n          *ngIf=\"\r\n            ['boolean', 'bit', 'bool'].includes((p.type || '').toLowerCase())\r\n          \"\r\n        >\r\n          <p-checkbox [binary]=\"true\" [(ngModel)]=\"dynamicValues[p.name]\">\r\n          </p-checkbox>\r\n          <span class=\"gen-checkbox-label\">S\u00ED</span>\r\n        </div>\r\n\r\n        <!-- helper opcional -->\r\n        <small class=\"gen-help\" *ngIf=\"p.help\">{{ p.help }}</small>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <ng-template pTemplate=\"footer\">\r\n    <button\r\n      pButton\r\n      type=\"button\"\r\n      label=\"Cancelar\"\r\n      class=\"p-button-text\"\r\n      (click)=\"displayGenerate = false\"\r\n    ></button>\r\n\r\n    <button\r\n      pButton\r\n      type=\"button\"\r\n      label=\"Generar\"\r\n      icon=\"pi pi-cog\"\r\n      (click)=\"generateDocument()\"\r\n      [disabled]=\"!selectedDocType || enProceso\"\r\n    ></button>\r\n  </ng-template>\r\n</p-dialog>\r\n", styles: [":host{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.sf-doc-layout{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.sf-doc-fixed{flex-shrink:0}.sf-doc-scrollable{flex:1;min-height:0;overflow-y:auto}.sf-doc-scrollable--files{overflow:hidden;display:flex;flex-direction:column}:host ::ng-deep .sf-doc-scrollable--files>lib-folder-files{flex:1;min-height:0}.iconWhatsApp{font-size:40px;color:#6495ed}.doc-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:.5rem}:host ::ng-deep .doc-toolbar .p-inputtext{padding:.45rem .65rem .45rem 2.5rem;font-size:13px}.doc-toolbar-left{flex:1;min-width:180px}.doc-toolbar-right{display:flex;justify-content:flex-end}:host ::ng-deep .doc-toolbar-right .p-button-outlined{background:transparent;border:1px solid #d1d5db;color:#374151;font-weight:500;font-size:13px}:host ::ng-deep .doc-toolbar-right .p-button-outlined:hover{background:#f9fafb;border-color:#9ca3af}:host ::ng-deep .doc-toolbar-right .p-button-outlined:disabled{opacity:.5}@media only screen and (max-width: 656px),(max-device-width: 656px){.doc-toolbar{flex-direction:column;align-items:stretch}.doc-toolbar-right{justify-content:stretch}.doc-toolbar-right button{width:100%}}.folder-list{display:flex;flex-direction:column}.folder-item{display:flex;align-items:center;padding:12px 8px;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background-color .15s ease}.folder-item:hover{background-color:#f9fafb}.folder-item:last-child{border-bottom:1px solid #e5e7eb}.folder-item__icon{font-size:18px;color:#6b7280;margin-right:12px;flex-shrink:0}.folder-item__info{display:flex;flex-direction:column;flex:1;min-width:0}.folder-item__name{font-size:13.5px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-item__count{font-size:12px;color:#9ca3af;margin-top:1px}.folder-item__arrow{font-size:13px;color:#9ca3af;margin-left:12px;flex-shrink:0}.buttons{display:flex;justify-content:space-around;margin-block:15px}.buttonResponsive,buttonResponsiveBotonFinal{display:inline-block;border-radius:4px;background-color:#00f;border:none;color:#fff;text-align:center;font-size:12px;padding:10px;width:200px;transition:all .5s;cursor:pointer;margin:20px 5px 5px}.gen-form{display:flex;flex-direction:column;gap:14px}.gen-section{display:flex;flex-direction:column;gap:12px}.gen-field{display:flex;flex-direction:column;gap:6px}.gen-label{font-size:13px;font-weight:600;color:#111827}.gen-required{color:#ef4444;margin-left:4px}.gen-control{width:100%}:host ::ng-deep .gen-control .p-dropdown,:host ::ng-deep .gen-control .p-inputtext,:host ::ng-deep .gen-control .p-inputnumber,:host ::ng-deep .gen-control .p-datepicker{width:100%}:host ::ng-deep .gen-control .p-inputnumber-input{width:100%}.gen-checkbox{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #e5e7eb;border-radius:8px}.gen-checkbox-label{font-size:14px;color:#374151}.gen-help{color:#6b7280}.sf-doc-preview-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:300px;text-align:center;color:#374151}.sf-doc-preview-fallback i{font-size:48px;color:#6b7280}.sf-doc-preview-fallback i.pi-file-excel{color:#1d6f42}.sf-doc-preview-fallback i.pi-file-pdf{color:#b91c1c}.sf-doc-preview-fallback i.pi-file-word{color:#1d4ed8}.frameDoc{overflow:hidden;border:none}\n"], dependencies: [{ kind: "ngmodule", type: ToastModule }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }, { kind: "ngmodule", type: ConfirmDialogModule }, { kind: "component", type: i5$1.ConfirmDialog, selector: "p-confirmDialog, p-confirmdialog, p-confirm-dialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "visible", "position", "draggable"], outputs: ["onHide"] }, { kind: "ngmodule", type: PanelModule }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i4$1.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "name", "disabled", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "inputStyle", "styleClass", "inputClass", "indeterminate", "size", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i4.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i8.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i8.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$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: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: SafePipe, name: "safe" }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i5.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "component", type: InputIcon, selector: "p-inputicon, p-inputIcon", inputs: ["styleClass"] }, { kind: "component", type: IconField, selector: "p-iconfield, p-iconField, p-icon-field", inputs: ["iconPosition", "styleClass"] }, { kind: "component", type: FolderFilesComponent, selector: "lib-folder-files", inputs: ["carpeta", "isMobile", "idKatios", "server", "subestado", "requestData", "useBreadcrumb", "usesApi", "allowedUploadTypes"], outputs: ["onFileChange", "onCargarArchivo", "onEliminarMasivo", "onBack", "viewDocument"] }, { kind: "ngmodule", type: DropdownModule }, { kind: "component", type: i11.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i12.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "fluid", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "size", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i13.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "style", "shape", "animation", "borderRadius", "size", "width", "height"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SfDocumentsComponent, deps: [{ token: i1.DomSanitizer }, { token: i2.MessageService }, { token: i0.ApplicationRef }, { token: i2.ConfirmationService }, { token: SfDocumentsService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: SfDocumentsComponent, isStandalone: true, selector: "app-sf-documents", inputs: { accion: "accion", entidad: "entidad", ndoc: "ndoc", tdoc: "tdoc", tipo: "tipo", Kasociada: "Kasociada", Producto: "Producto", Solicitud: "Solicitud", oSession: "oSession", perfilDocumentos: "perfilDocumentos", subestado: "subestado", isMobile: "isMobile", bAtras: "bAtras", bFinal: "bFinal", botones: "botones", aplFiltro: "aplFiltro", nmco: "nmco", useBreadcrumb: "useBreadcrumb", usesApi: "usesApi", allowedUploadTypes: "allowedUploadTypes", server: "server", idKatios: "idKatios" }, outputs: { nextTabPapa: "nextTabPapa", onNavigationChange: "onNavigationChange" }, providers: [ConfirmationService, MessageService], viewQueries: [{ propertyName: "panel", first: true, predicate: ["pdf"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<div class=\"sf-doc-layout\">\n  <div class=\"sf-doc-fixed\">\n    <div class=\"buttons\" *ngIf=\"botones\">\n      <div class=\"div-table-col50\" style=\"text-align: center\" *ngIf=\"bAtras\">\n        <button\n          pButton\n          type=\"button\"\n          label=\"Atras\"\n          icon=\"pi pi-arrow-left\"\n          (click)=\"next(-1)\"\n        ></button>\n      </div>\n      <div\n        class=\"div-table-col50\"\n        style=\"text-align: center\"\n        *ngIf=\"!bFinal && botones\"\n      >\n        <button\n          pButton\n          type=\"button\"\n          label=\"Siguiente\"\n          icon=\"pi pi-arrow-right\"\n          (click)=\"next(1)\"\n        ></button>\n      </div>\n      <div class=\"div-table-col50\" *ngIf=\"bFinal\">\n        <button\n          pButton\n          type=\"button\"\n          label=\"Finalizar\"\n          icon=\"pi pi-home\"\n          (click)=\"next(0)\"\n        ></button>\n      </div>\n    </div>\n    <!-- Toolbar superior (solo tab 1) -->\n    <div *ngIf=\"tab == 1\" class=\"doc-toolbar\">\n      <div class=\"doc-toolbar-left\" *ngIf=\"aplFiltro\">\n        <p-iconfield>\n          <p-inputicon class=\"pi pi-search\" />\n          <input\n            type=\"text\"\n            pInputText\n            placeholder=\"Buscar carpeta...\"\n            [(ngModel)]=\"valorFiltro\"\n            (keyup)=\"filtrarDocumentos()\"\n            class=\"w-full\"\n            [disabled]=\"documentService.loadingData\"\n          />\n        </p-iconfield>\n      </div>\n\n      <div class=\"doc-toolbar-right\" *ngIf=\"documentTypes.length > 0\">\n        <button\n          pButton\n          type=\"button\"\n          label=\"Generar documento\"\n          icon=\"pi pi-plus\"\n          class=\"p-button-sm\"\n          (click)=\"openGenerateDialog()\"\n          [disabled]=\"enProceso || !canGenerate\"\n        ></button>\n      </div>\n    </div>\n  </div>\n  <p-confirmDialog\n    header=\"Atenci\u00F3n\"\n    icon=\"pi pi-exclamation-triangle\"\n  ></p-confirmDialog>\n  <!-- Avisos de la librer\u00EDa: solo los de su key, as\u00ED el toast del host no los duplica. -->\n  <p-toast\n    [key]=\"toastKey\"\n    [breakpoints]=\"{ '576px': { width: 'calc(100vw - 40px)' } }\"\n  ></p-toast>\n  <div class=\"sf-doc-scrollable\" *ngIf=\"tab == 1\">\n    <div class=\"folder-list\">\n      @if (!documentService.loadingData) {\n        <ng-container *ngFor=\"let carpeta of filesFilter\">\n          <div class=\"folder-list\">\n            <div\n              class=\"folder-item\"\n              *ngFor=\"let item of carpeta.children\"\n              (click)=\"VerDetalleTab(item)\"\n            >\n              <i\n                class=\"pi pi-folder folder-item__icon\"\n                [ngStyle]=\"{\n                  color:\n                    item.children?.length > 0 || item.fileCount > 0\n                      ? 'green'\n                      : 'red',\n                }\"\n              ></i>\n              <div class=\"folder-item__info\">\n                <span class=\"folder-item__name\">{{ item.label }}</span>\n                <span\n                  class=\"folder-item__count\"\n                  *ngIf=\"item.children?.length > 0\"\n                  >{{ item.children.length }}\n                  {{\n                    item.children.length === 1 ? \"archivo\" : \"archivos\"\n                  }}</span\n                >\n                <span\n                  class=\"folder-item__count\"\n                  *ngIf=\"\n                    (!item.children || item.children.length === 0) &&\n                    item.fileCount\n                  \"\n                  >{{ item.fileCount }}\n                  {{ item.fileCount === 1 ? \"archivo\" : \"archivos\" }}</span\n                >\n                <span\n                  class=\"folder-item__count\"\n                  *ngIf=\"\n                    (!item.children || item.children.length === 0) &&\n                    !item.fileCount\n                  \"\n                  >0 archivos</span\n                >\n              </div>\n              <i class=\"pi pi-chevron-right folder-item__arrow\"></i>\n            </div>\n          </div>\n        </ng-container>\n      } @else {\n        <div class=\"folder-item\">\n          <p-skeleton shape=\"circle\" size=\"2rem\" styleClass=\"mr-2\" />\n          <div class=\"self-center\" style=\"flex: 1\">\n            <p-skeleton width=\"100%\" styleClass=\"mb-2\" />\n            <p-skeleton width=\"75%\" />\n          </div>\n        </div>\n        <div class=\"folder-item\">\n          <p-skeleton shape=\"circle\" size=\"2rem\" styleClass=\"mr-2\" />\n          <div class=\"self-center\" style=\"flex: 1\">\n            <p-skeleton width=\"100%\" styleClass=\"mb-2\" />\n            <p-skeleton width=\"75%\" />\n          </div>\n        </div>\n        <div class=\"folder-item\">\n          <p-skeleton shape=\"circle\" size=\"2rem\" styleClass=\"mr-2\" />\n          <div class=\"self-center\" style=\"flex: 1\">\n            <p-skeleton width=\"100%\" styleClass=\"mb-2\" />\n            <p-skeleton width=\"75%\" />\n          </div>\n        </div>\n        <div class=\"folder-item\">\n          <p-skeleton shape=\"circle\" size=\"2rem\" styleClass=\"mr-2\" />\n          <div class=\"self-center\" style=\"flex: 1\">\n            <p-skeleton width=\"100%\" styleClass=\"mb-2\" />\n            <p-skeleton width=\"75%\" />\n          </div>\n        </div>\n        <div class=\"folder-item\">\n          <p-skeleton shape=\"circle\" size=\"2rem\" styleClass=\"mr-2\" />\n          <div class=\"self-center\" style=\"flex: 1\">\n            <p-skeleton width=\"100%\" styleClass=\"mb-2\" />\n            <p-skeleton width=\"75%\" />\n          </div>\n        </div>\n        <div class=\"folder-item\">\n          <p-skeleton shape=\"circle\" size=\"2rem\" styleClass=\"mr-2\" />\n          <div class=\"self-center\" style=\"flex: 1\">\n            <p-skeleton width=\"100%\" styleClass=\"mb-2\" />\n            <p-skeleton width=\"75%\" />\n          </div>\n        </div>\n      }\n    </div>\n    <ng-container *ngIf=\"botones\">\n      <div class=\"buttons\">\n        <div class=\"div-table-col50\" style=\"text-align: center\" *ngIf=\"bAtras\">\n          <button\n            pButton\n            type=\"button\"\n            label=\"Atras\"\n            icon=\"pi pi-arrow-left\"\n            (click)=\"next(-1)\"\n          ></button>\n        </div>\n        <div\n          class=\"div-table-col50\"\n          style=\"text-align: center\"\n          *ngIf=\"!bFinal && botones\"\n        >\n          <button\n            pButton\n            type=\"button\"\n            label=\"Siguiente\"\n            icon=\"pi pi-arrow-right\"\n            (click)=\"next(1)\"\n          ></button>\n        </div>\n        <div class=\"div-table-col50\" *ngIf=\"bFinal\">\n          <button\n            pButton\n            type=\"button\"\n            label=\"Finalizar\"\n            icon=\"pi pi-home\"\n            (click)=\"next(0)\"\n          ></button>\n        </div>\n      </div>\n    </ng-container>\n  </div>\n  <div class=\"sf-doc-scrollable sf-doc-scrollable--files\" *ngIf=\"tab == 2\">\n    <lib-folder-files\n      [carpeta]=\"carpetaSeleccionada\"\n      [isMobile]=\"isMobile\"\n      [idKatios]=\"idKatios\"\n      [server]=\"server\"\n      [subestado]=\"subestado\"\n      [requestData]=\"requestData\"\n      [useBreadcrumb]=\"useBreadcrumb\"\n      [usesApi]=\"usesApi\"\n      [allowedUploadTypes]=\"allowedUploadTypes\"\n      (onFileChange)=\"fileChange($event)\"\n      (onCargarArchivo)=\"cargarArchivo($event)\"\n      (onEliminarMasivo)=\"eliminarMasivo($event)\"\n      (onBack)=\"goToTab('1')\"\n      (viewDocument)=\"openVisorDoc($event)\"\n    >\n    </lib-folder-files>\n  </div>\n</div>\n\n<!-- <ng-template #scanContent>\n  <div class=\"div-table\">\n    <div class=\"div-table-row\" style=\"text-align: center\">\n      <h4>Escanear documentos</h4>\n    </div>\n    <div class=\"div-table-row\" style=\"text-align: center\">\n      Archivos cargados: <h4>{{scanFileList.length}}</h4>\n    </div>\n    <div class=\"div-table-row\" style=\"text-align: center\">\n      <label (click)=\"takePhotoClick()\" class=\"btn\">\n        <mat-icon style=\"font-size: 2.5em; color:#0056b2\">add_to_photos</mat-icon>\n      </label>\n\n      <label *ngIf=\"scanFileList.length != 0\" (click)=\"subirFotosScan()\" class=\"btn\">\n        <mat-icon style=\"font-size: 2.5em; color:#0056b2\">share</mat-icon>\n      </label>\n    </div>\n  </div>\n</ng-template> -->\n\n<p-dialog\n  [(visible)]=\"displayView\"\n  [header]=\"current_label.replace('#toolbar=0&navpanes=0&statusbar=0', '')\"\n  [modal]=\"true\"\n  [style]=\"{ width: '70vw' }\"\n  appendTo=\"body\"\n>\n  <div *ngIf=\"!canPreview()\" class=\"sf-doc-preview-fallback\">\n    <i class=\"pi\" [ngClass]=\"previewFallbackIcon()\"></i>\n    <p>La vista previa no est\u00E1 disponible para este tipo de archivo.</p>\n    <button\n      pButton\n      type=\"button\"\n      label=\"Abrir en una nueva ventana\"\n      icon=\"pi pi-external-link\"\n      (click)=\"openCurrentInNewWindow()\"\n    ></button>\n  </div>\n  <ng-container *ngIf=\"canPreview()\">\n    <embed\n      *ngIf=\"carpetaSeleccionada.TipoArchivo == '2'\"\n      [src]=\"current_path | safe\"\n      style=\"width: 100%; min-height: 600px\"\n    />\n    <iframe\n      *ngIf=\"carpetaSeleccionada.TipoArchivo == '1'\"\n      style=\"width: 100%; min-height: 600px\"\n      [src]=\"current_path | safe\"\n    ></iframe>\n  </ng-container>\n</p-dialog>\n\n<p-dialog\n  header=\"Generar documento\"\n  [(visible)]=\"displayGenerate\"\n  [modal]=\"true\"\n  [closable]=\"true\"\n  [style]=\"{ width: isMobile ? '95vw' : '520px' }\"\n>\n  <div class=\"gen-form\">\n    <!-- Error de la \u00FAltima generaci\u00F3n: el di\u00E1logo queda abierto para corregir o reintentar -->\n    <p-message\n      *ngIf=\"generateError\"\n      severity=\"error\"\n      icon=\"pi pi-times-circle\"\n      styleClass=\"w-full\"\n    >\n      No se pudo generar el documento. {{ generateError }}\n    </p-message>\n\n    <!-- Tipo de documento -->\n    <div class=\"gen-field\">\n      <!-- p-select pone el inputId en un span (combobox): el nombre le llega por aria-labelledby -->\n      <label class=\"gen-label\" id=\"gen-doc-type-label\" for=\"gen-doc-type\">Tipo de documento</label>\n      <p-select\n        class=\"gen-control\"\n        inputId=\"gen-doc-type\"\n        ariaLabelledBy=\"gen-doc-type-label\"\n        [options]=\"documentTypes\"\n        optionLabel=\"label\"\n        optionValue=\"code\"\n        [(ngModel)]=\"selectedDocType\"\n        placeholder=\"Seleccione un tipo\"\n        appendTo=\"body\"\n        (onChange)=\"onDocTypeChange()\"\n      >\n      </p-select>\n    </div>\n\n    <!-- Par\u00E1metros din\u00E1micos: cada label apunta al id de su control, gen-param-{\u00EDndice}\n         (el name puede traer caracteres que no sirven en un id) -->\n    <div class=\"gen-section\" *ngIf=\"dynamicParams.length\">\n      <div class=\"gen-field\" *ngFor=\"let p of dynamicParams; let i = index\">\n        <label class=\"gen-label\" [attr.for]=\"'gen-param-' + i\">\n          {{ p.description }}\n          <span class=\"gen-required\" *ngIf=\"isRequired(p)\" aria-hidden=\"true\">*</span>\n        </label>\n\n        <!-- Date -->\n        <p-datepicker\n          *ngIf=\"(p.type || '').toLowerCase() === 'date'\"\n          class=\"gen-control\"\n          [inputId]=\"'gen-param-' + i\"\n          [required]=\"isRequired(p)\"\n          [(ngModel)]=\"dynamicValues[p.name]\"\n          [showIcon]=\"true\"\n          appendTo=\"body\"\n          dateFormat=\"yy-mm-dd\"\n        >\n        </p-datepicker>\n\n        <!-- String -->\n        <input\n          *ngIf=\"\n            (p.type || '').toLowerCase() === 'nvarchar' ||\n            (p.type || '').toLowerCase() === 'string'\n          \"\n          pInputText\n          class=\"gen-control\"\n          [id]=\"'gen-param-' + i\"\n          [attr.aria-required]=\"isRequired(p)\"\n          [(ngModel)]=\"dynamicValues[p.name]\"\n          placeholder=\"Ingrese un valor\"\n        />\n\n        <!-- Number: los int van sin decimales ni separador de miles (suelen ser ids o a\u00F1os) -->\n        <p-inputNumber\n          *ngIf=\"\n            ['int', 'decimal', 'number'].includes((p.type || '').toLowerCase())\n          \"\n          class=\"gen-control\"\n          [inputId]=\"'gen-param-' + i\"\n          [(ngModel)]=\"dynamicValues[p.name]\"\n          locale=\"es-CO\"\n          [maxFractionDigits]=\"(p.type || '').toLowerCase() === 'int' ? 0 : 4\"\n          [useGrouping]=\"(p.type || '').toLowerCase() !== 'int'\"\n          [max]=\"(p.type || '').toLowerCase() === 'int' ? 2147483647 : null\"\n          [ariaRequired]=\"isRequired(p)\"\n          placeholder=\"Ingrese un valor\"\n        >\n        </p-inputNumber>\n\n        <!-- Boolean -->\n        <div\n          class=\"gen-control gen-checkbox\"\n          *ngIf=\"isBoolean(p)\"\n        >\n          <p-checkbox\n            [binary]=\"true\"\n            [inputId]=\"'gen-param-' + i\"\n            [(ngModel)]=\"dynamicValues[p.name]\"\n          >\n          </p-checkbox>\n          <span class=\"gen-checkbox-label\" aria-hidden=\"true\">S\u00ED</span>\n        </div>\n\n        <!-- helper opcional -->\n        <small class=\"gen-help\" *ngIf=\"p.help\">{{ p.help }}</small>\n      </div>\n    </div>\n  </div>\n\n  <ng-template #footer>\n    <button\n      pButton\n      type=\"button\"\n      label=\"Cancelar\"\n      class=\"p-button-text\"\n      (click)=\"displayGenerate = false\"\n    ></button>\n\n    <button\n      pButton\n      type=\"button\"\n      [label]=\"generateError ? 'Reintentar' : 'Generar'\"\n      [icon]=\"generateError ? 'pi pi-refresh' : 'pi pi-cog'\"\n      (click)=\"generateDocument()\"\n      [loading]=\"enProceso\"\n      [disabled]=\"!selectedDocType || enProceso\"\n    ></button>\n  </ng-template>\n</p-dialog>\n", styles: [":host{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.sf-doc-layout{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.sf-doc-fixed{flex-shrink:0}.sf-doc-scrollable{flex:1;min-height:0;overflow-y:auto}.sf-doc-scrollable--files{overflow:hidden;display:flex;flex-direction:column}:host ::ng-deep .sf-doc-scrollable--files>lib-folder-files{flex:1;min-height:0}.iconWhatsApp{font-size:40px;color:#6495ed}.doc-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:.5rem}:host ::ng-deep .doc-toolbar .p-inputtext{padding:.45rem .65rem .45rem 2.5rem;font-size:13px}.doc-toolbar-left{flex:1;min-width:180px}.doc-toolbar-right{display:flex;justify-content:flex-end}:host ::ng-deep .doc-toolbar-right .p-button-outlined{background:transparent;border:1px solid #d1d5db;color:#374151;font-weight:500;font-size:13px}:host ::ng-deep .doc-toolbar-right .p-button-outlined:hover{background:#f9fafb;border-color:#9ca3af}:host ::ng-deep .doc-toolbar-right .p-button-outlined:disabled{opacity:.5}@media only screen and (max-width: 656px),(max-device-width: 656px){.doc-toolbar{flex-direction:column;align-items:stretch}.doc-toolbar-right{justify-content:stretch}.doc-toolbar-right button{width:100%}}.folder-list{display:flex;flex-direction:column}.folder-item{display:flex;align-items:center;padding:12px 8px;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background-color .15s ease}.folder-item:hover{background-color:#f9fafb}.folder-item:last-child{border-bottom:1px solid #e5e7eb}.folder-item__icon{font-size:18px;color:#6b7280;margin-right:12px;flex-shrink:0}.folder-item__info{display:flex;flex-direction:column;flex:1;min-width:0}.folder-item__name{font-size:13.5px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-item__count{font-size:12px;color:#9ca3af;margin-top:1px}.folder-item__arrow{font-size:13px;color:#9ca3af;margin-left:12px;flex-shrink:0}.buttons{display:flex;justify-content:space-around;margin-block:15px}.buttonResponsive,buttonResponsiveBotonFinal{display:inline-block;border-radius:4px;background-color:#00f;border:none;color:#fff;text-align:center;font-size:12px;padding:10px;width:200px;transition:all .5s;cursor:pointer;margin:20px 5px 5px}.gen-form{display:flex;flex-direction:column;gap:14px}.gen-section{display:flex;flex-direction:column;gap:12px}.gen-field{display:flex;flex-direction:column;gap:6px}.gen-label{font-size:13px;font-weight:600;color:var(--p-text-color)}.gen-required{color:var(--p-form-field-invalid-border-color);margin-left:4px}.gen-control{width:100%}:host ::ng-deep .gen-control .p-inputtext,:host ::ng-deep .gen-control .p-inputnumber,:host ::ng-deep .gen-control .p-datepicker{width:100%}:host ::ng-deep .gen-control .p-inputnumber-input{width:100%}.gen-checkbox{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--p-content-border-color);border-radius:8px}.gen-checkbox-label{font-size:14px;color:var(--p-text-color)}.gen-help{color:var(--p-text-muted-color)}.sf-doc-preview-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:300px;text-align:center;color:#374151}.sf-doc-preview-fallback i{font-size:48px;color:#6b7280}.sf-doc-preview-fallback i.pi-file-excel{color:#1d6f42}.sf-doc-preview-fallback i.pi-file-pdf{color:#b91c1c}.sf-doc-preview-fallback i.pi-file-word{color:#1d4ed8}.frameDoc{overflow:hidden;border:none}\n"], dependencies: [{ kind: "ngmodule", type: ToastModule }, { kind: "component", type: i4$2.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }, { kind: "ngmodule", type: ConfirmDialogModule }, { kind: "component", type: i6$1.ConfirmDialog, selector: "p-confirmDialog, p-confirmdialog, p-confirm-dialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "visible", "position", "draggable"], outputs: ["onHide"] }, { kind: "ngmodule", type: PanelModule }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i4$1.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "name", "disabled", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "inputStyle", "styleClass", "inputClass", "indeterminate", "size", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i4.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i9.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i9.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i10.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: i10.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i10.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i10.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: SafePipe, name: "safe" }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i5.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "component", type: InputIcon, selector: "p-inputicon, p-inputIcon", inputs: ["styleClass"] }, { kind: "component", type: IconField, selector: "p-iconfield, p-iconField, p-icon-field", inputs: ["iconPosition", "styleClass"] }, { kind: "component", type: FolderFilesComponent, selector: "lib-folder-files", inputs: ["carpeta", "isMobile", "idKatios", "server", "subestado", "requestData", "useBreadcrumb", "usesApi", "allowedUploadTypes"], outputs: ["onFileChange", "onCargarArchivo", "onEliminarMasivo", "onBack", "viewDocument"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i7.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "size", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i13.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "fluid", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "size", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "ngmodule", type: InputNumberModule }, { kind: "component", type: i14.InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled", "fluid"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i15.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "style", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i8.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant"], outputs: ["onClose"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SfDocumentsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SfDocumentsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-sf-documents', imports: [
                         ToastModule,
@@ -1203,10 +1355,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                         InputIcon,
                         IconField,
                         FolderFilesComponent,
-                        DropdownModule,
+                        SelectModule,
                         DatePickerModule,
+                        InputNumberModule,
                         SkeletonModule,
-                    ], providers: [ConfirmationService], standalone: true, template: "<div class=\"sf-doc-layout\">\r\n  <div class=\"sf-doc-fixed\">\r\n    <div class=\"buttons\" *ngIf=\"botones\">\r\n      <div class=\"div-table-col50\" style=\"text-align: center\" *ngIf=\"bAtras\">\r\n        <button\r\n          pButton\r\n          type=\"button\"\r\n          label=\"Atras\"\r\n          icon=\"pi pi-arrow-left\"\r\n          (click)=\"next(-1)\"\r\n        ></button>\r\n      </div>\r\n      <div\r\n        class=\"div-table-col50\"\r\n        style=\"text-align: center\"\r\n        *ngIf=\"!bFinal && botones\"\r\n      >\r\n        <button\r\n          pButton\r\n          type=\"button\"\r\n          label=\"Siguiente\"\r\n          icon=\"pi pi-arrow-right\"\r\n          (click)=\"next(1)\"\r\n        ></button>\r\n      </div>\r\n      <div class=\"div-table-col50\" *ngIf=\"bFinal\">\r\n        <button\r\n          pButton\r\n          type=\"button\"\r\n          label=\"Finalizar\"\r\n          icon=\"pi pi-home\"\r\n          (click)=\"next(0)\"\r\n        ></button>\r\n      </div>\r\n    </div>\r\n    <!-- Toolbar superior (solo tab 1) -->\r\n    <div *ngIf=\"tab == 1\" class=\"doc-toolbar\">\r\n      <div class=\"doc-toolbar-left\" *ngIf=\"aplFiltro\">\r\n        <p-iconfield>\r\n          <p-inputicon class=\"pi pi-search\" />\r\n          <input\r\n            type=\"text\"\r\n            pInputText\r\n            placeholder=\"Buscar carpeta...\"\r\n            [(ngModel)]=\"valorFiltro\"\r\n            (keyup)=\"filtrarDocumentos()\"\r\n            class=\"w-full\"\r\n            [disabled]=\"documentService.loadingData\"\r\n          />\r\n        </p-iconfield>\r\n      </div>\r\n\r\n      <div class=\"doc-toolbar-right\" *ngIf=\"documentTypes.length > 0\">\r\n        <button\r\n          pButton\r\n          type=\"button\"\r\n          label=\"Generar documento\"\r\n          icon=\"pi pi-plus\"\r\n          class=\"p-button-sm\"\r\n          (click)=\"openGenerateDialog()\"\r\n          [disabled]=\"enProceso || !canGenerate\"\r\n        ></button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <p-confirmDialog\r\n    header=\"Atencion\"\r\n    icon=\"pi pi-exclamation-triangle\"\r\n  ></p-confirmDialog>\r\n  <div class=\"sf-doc-scrollable\" *ngIf=\"tab == 1\">\r\n    <div class=\"folder-list\">\r\n      @if (!documentService.loadingData) {\r\n        <ng-container *ngFor=\"let carpeta of filesFilter\">\r\n          <div class=\"folder-list\">\r\n            <div\r\n              class=\"folder-item\"\r\n              *ngFor=\"let item of carpeta.children\"\r\n              (click)=\"VerDetalleTab(item)\"\r\n            >\r\n              <i\r\n                class=\"pi pi-folder folder-item__icon\"\r\n                [ngStyle]=\"{\r\n                  color:\r\n                    item.children?.length > 0 || item.fileCount > 0\r\n                      ? 'green'\r\n                      : 'red',\r\n                }\"\r\n              ></i>\r\n              <div class=\"folder-item__info\">\r\n                <span class=\"folder-item__name\">{{ item.label }}</span>\r\n                <span\r\n                  class=\"folder-item__count\"\r\n                  *ngIf=\"item.children?.length > 0\"\r\n                  >{{ item.children.length }}\r\n                  {{\r\n                    item.children.length === 1 ? \"archivo\" : \"archivos\"\r\n                  }}</span\r\n                >\r\n                <span\r\n                  class=\"folder-item__count\"\r\n                  *ngIf=\"\r\n                    (!item.children || item.children.length === 0) &&\r\n                    item.fileCount\r\n                  \"\r\n                  >{{ item.fileCount }}\r\n                  {{ item.fileCount === 1 ? \"archivo\" : \"archivos\" }}</span\r\n                >\r\n                <span\r\n                  class=\"folder-item__count\"\r\n                  *ngIf=\"\r\n                    (!item.children || item.children.length === 0) &&\r\n                    !item.fileCount\r\n                  \"\r\n                  >0 archivos</span\r\n                >\r\n              </div>\r\n              <i class=\"pi pi-chevron-right folder-item__arrow\"></i>\r\n            </div>\r\n          </div>\r\n        </ng-container>\r\n      } @else {\r\n        <div class=\"folder-item\">\r\n          <p-skeleton shape=\"circle\" size=\"2rem\" styleClass=\"mr-2\" />\r\n          <div class=\"self-center\" style=\"flex: 1\">\r\n            <p-skeleton width=\"100%\" styleClass=\"mb-2\" />\r\n            <p-skeleton width=\"75%\" />\r\n          </div>\r\n        </div>\r\n        <div class=\"folder-item\">\r\n          <p-skeleton shape=\"circle\" size=\"2rem\" styleClass=\"mr-2\" />\r\n          <div class=\"self-center\" style=\"flex: 1\">\r\n            <p-skeleton width=\"100%\" styleClass=\"mb-2\" />\r\n            <p-skeleton width=\"75%\" />\r\n          </div>\r\n        </div>\r\n        <div class=\"folder-item\">\r\n          <p-skeleton shape=\"circle\" size=\"2rem\" styleClass=\"mr-2\" />\r\n          <div class=\"self-center\" style=\"flex: 1\">\r\n            <p-skeleton width=\"100%\" styleClass=\"mb-2\" />\r\n            <p-skeleton width=\"75%\" />\r\n          </div>\r\n        </div>\r\n        <div class=\"folder-item\">\r\n          <p-skeleton shape=\"circle\" size=\"2rem\" styleClass=\"mr-2\" />\r\n          <div class=\"self-center\" style=\"flex: 1\">\r\n            <p-skeleton width=\"100%\" styleClass=\"mb-2\" />\r\n            <p-skeleton width=\"75%\" />\r\n          </div>\r\n        </div>\r\n        <div class=\"folder-item\">\r\n          <p-skeleton shape=\"circle\" size=\"2rem\" styleClass=\"mr-2\" />\r\n          <div class=\"self-center\" style=\"flex: 1\">\r\n            <p-skeleton width=\"100%\" styleClass=\"mb-2\" />\r\n            <p-skeleton width=\"75%\" />\r\n          </div>\r\n        </div>\r\n        <div class=\"folder-item\">\r\n          <p-skeleton shape=\"circle\" size=\"2rem\" styleClass=\"mr-2\" />\r\n          <div class=\"self-center\" style=\"flex: 1\">\r\n            <p-skeleton width=\"100%\" styleClass=\"mb-2\" />\r\n            <p-skeleton width=\"75%\" />\r\n          </div>\r\n        </div>\r\n      }\r\n    </div>\r\n    <ng-container *ngIf=\"botones\">\r\n      <div class=\"buttons\">\r\n        <div class=\"div-table-col50\" style=\"text-align: center\" *ngIf=\"bAtras\">\r\n          <button\r\n            pButton\r\n            type=\"button\"\r\n            label=\"Atras\"\r\n            icon=\"pi pi-arrow-left\"\r\n            (click)=\"next(-1)\"\r\n          ></button>\r\n        </div>\r\n        <div\r\n          class=\"div-table-col50\"\r\n          style=\"text-align: center\"\r\n          *ngIf=\"!bFinal && botones\"\r\n        >\r\n          <button\r\n            pButton\r\n            type=\"button\"\r\n            label=\"Siguiente\"\r\n            icon=\"pi pi-arrow-right\"\r\n            (click)=\"next(1)\"\r\n          ></button>\r\n        </div>\r\n        <div class=\"div-table-col50\" *ngIf=\"bFinal\">\r\n          <button\r\n            pButton\r\n            type=\"button\"\r\n            label=\"Finalizar\"\r\n            icon=\"pi pi-home\"\r\n            (click)=\"next(0)\"\r\n          ></button>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n  <div class=\"sf-doc-scrollable sf-doc-scrollable--files\" *ngIf=\"tab == 2\">\r\n    <lib-folder-files\r\n      [carpeta]=\"carpetaSeleccionada\"\r\n      [isMobile]=\"isMobile\"\r\n      [idKatios]=\"idKatios\"\r\n      [server]=\"server\"\r\n      [subestado]=\"subestado\"\r\n      [requestData]=\"requestData\"\r\n      [useBreadcrumb]=\"useBreadcrumb\"\r\n      [usesApi]=\"usesApi\"\r\n      [allowedUploadTypes]=\"allowedUploadTypes\"\r\n      (onFileChange)=\"fileChange($event)\"\r\n      (onCargarArchivo)=\"cargarArchivo($event)\"\r\n      (onEliminarMasivo)=\"eliminarMasivo($event)\"\r\n      (onBack)=\"goToTab('1')\"\r\n      (viewDocument)=\"openVisorDoc($event)\"\r\n    >\r\n    </lib-folder-files>\r\n  </div>\r\n</div>\r\n\r\n<!-- <ng-template #scanContent>\r\n  <div class=\"div-table\">\r\n    <div class=\"div-table-row\" style=\"text-align: center\">\r\n      <h4>Escanear documentos</h4>\r\n    </div>\r\n    <div class=\"div-table-row\" style=\"text-align: center\">\r\n      Archivos cargados: <h4>{{scanFileList.length}}</h4>\r\n    </div>\r\n    <div class=\"div-table-row\" style=\"text-align: center\">\r\n      <label (click)=\"takePhotoClick()\" class=\"btn\">\r\n        <mat-icon style=\"font-size: 2.5em; color:#0056b2\">add_to_photos</mat-icon>\r\n      </label>\r\n\r\n      <label *ngIf=\"scanFileList.length != 0\" (click)=\"subirFotosScan()\" class=\"btn\">\r\n        <mat-icon style=\"font-size: 2.5em; color:#0056b2\">share</mat-icon>\r\n      </label>\r\n    </div>\r\n  </div>\r\n</ng-template> -->\r\n\r\n<p-dialog\r\n  [(visible)]=\"displayView\"\r\n  [header]=\"current_label.replace('#toolbar=0&navpanes=0&statusbar=0', '')\"\r\n  [modal]=\"true\"\r\n  [style]=\"{ width: '70vw' }\"\r\n  appendTo=\"body\"\r\n>\r\n  <div *ngIf=\"!canPreview()\" class=\"sf-doc-preview-fallback\">\r\n    <i class=\"pi\" [ngClass]=\"previewFallbackIcon()\"></i>\r\n    <p>La vista previa no est\u00E1 disponible para este tipo de archivo.</p>\r\n    <button\r\n      pButton\r\n      type=\"button\"\r\n      label=\"Abrir en una nueva ventana\"\r\n      icon=\"pi pi-external-link\"\r\n      (click)=\"openCurrentInNewWindow()\"\r\n    ></button>\r\n  </div>\r\n  <ng-container *ngIf=\"canPreview()\">\r\n    <embed\r\n      *ngIf=\"carpetaSeleccionada.TipoArchivo == '2'\"\r\n      [src]=\"current_path | safe\"\r\n      style=\"width: 100%; min-height: 600px\"\r\n    />\r\n    <iframe\r\n      *ngIf=\"carpetaSeleccionada.TipoArchivo == '1'\"\r\n      style=\"width: 100%; min-height: 600px\"\r\n      [src]=\"current_path | safe\"\r\n    ></iframe>\r\n  </ng-container>\r\n</p-dialog>\r\n\r\n<p-dialog\r\n  header=\"Generar documento\"\r\n  [(visible)]=\"displayGenerate\"\r\n  [modal]=\"true\"\r\n  [closable]=\"true\"\r\n  [style]=\"{ width: isMobile ? '95vw' : '520px' }\"\r\n>\r\n  <div class=\"gen-form\">\r\n    <!-- Tipo de documento -->\r\n    <div class=\"gen-field\">\r\n      <label class=\"gen-label\">Tipo de documento</label>\r\n      <p-dropdown\r\n        class=\"gen-control\"\r\n        [options]=\"documentTypes\"\r\n        optionLabel=\"label\"\r\n        optionValue=\"code\"\r\n        [(ngModel)]=\"selectedDocType\"\r\n        placeholder=\"Seleccione un tipo\"\r\n        appendTo=\"body\"\r\n        (onChange)=\"onDocTypeChange()\"\r\n      >\r\n      </p-dropdown>\r\n    </div>\r\n\r\n    <!-- Par\u00E1metros din\u00E1micos -->\r\n    <div class=\"gen-section\" *ngIf=\"dynamicParams.length\">\r\n      <div class=\"gen-field\" *ngFor=\"let p of dynamicParams\">\r\n        <label class=\"gen-label\">\r\n          {{ p.description }}\r\n          <span class=\"gen-required\" *ngIf=\"p.required\">*</span>\r\n        </label>\r\n\r\n        <!-- Date -->\r\n        <p-datepicker\r\n          *ngIf=\"(p.type || '').toLowerCase() === 'date'\"\r\n          class=\"gen-control\"\r\n          [(ngModel)]=\"dynamicValues[p.name]\"\r\n          [showIcon]=\"true\"\r\n          appendTo=\"body\"\r\n          dateFormat=\"yy-mm-dd\"\r\n        >\r\n        </p-datepicker>\r\n\r\n        <!-- String -->\r\n        <input\r\n          *ngIf=\"\r\n            (p.type || '').toLowerCase() === 'nvarchar' ||\r\n            (p.type || '').toLowerCase() === 'string'\r\n          \"\r\n          pInputText\r\n          class=\"gen-control\"\r\n          [(ngModel)]=\"dynamicValues[p.name]\"\r\n          placeholder=\"Ingrese un valor\"\r\n        />\r\n\r\n        <!-- Number -->\r\n        <p-inputNumber\r\n          *ngIf=\"\r\n            ['int', 'decimal', 'number'].includes((p.type || '').toLowerCase())\r\n          \"\r\n          class=\"gen-control\"\r\n          [(ngModel)]=\"dynamicValues[p.name]\"\r\n        >\r\n        </p-inputNumber>\r\n\r\n        <!-- Boolean -->\r\n        <div\r\n          class=\"gen-control gen-checkbox\"\r\n          *ngIf=\"\r\n            ['boolean', 'bit', 'bool'].includes((p.type || '').toLowerCase())\r\n          \"\r\n        >\r\n          <p-checkbox [binary]=\"true\" [(ngModel)]=\"dynamicValues[p.name]\">\r\n          </p-checkbox>\r\n          <span class=\"gen-checkbox-label\">S\u00ED</span>\r\n        </div>\r\n\r\n        <!-- helper opcional -->\r\n        <small class=\"gen-help\" *ngIf=\"p.help\">{{ p.help }}</small>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <ng-template pTemplate=\"footer\">\r\n    <button\r\n      pButton\r\n      type=\"button\"\r\n      label=\"Cancelar\"\r\n      class=\"p-button-text\"\r\n      (click)=\"displayGenerate = false\"\r\n    ></button>\r\n\r\n    <button\r\n      pButton\r\n      type=\"button\"\r\n      label=\"Generar\"\r\n      icon=\"pi pi-cog\"\r\n      (click)=\"generateDocument()\"\r\n      [disabled]=\"!selectedDocType || enProceso\"\r\n    ></button>\r\n  </ng-template>\r\n</p-dialog>\r\n", styles: [":host{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.sf-doc-layout{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.sf-doc-fixed{flex-shrink:0}.sf-doc-scrollable{flex:1;min-height:0;overflow-y:auto}.sf-doc-scrollable--files{overflow:hidden;display:flex;flex-direction:column}:host ::ng-deep .sf-doc-scrollable--files>lib-folder-files{flex:1;min-height:0}.iconWhatsApp{font-size:40px;color:#6495ed}.doc-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:.5rem}:host ::ng-deep .doc-toolbar .p-inputtext{padding:.45rem .65rem .45rem 2.5rem;font-size:13px}.doc-toolbar-left{flex:1;min-width:180px}.doc-toolbar-right{display:flex;justify-content:flex-end}:host ::ng-deep .doc-toolbar-right .p-button-outlined{background:transparent;border:1px solid #d1d5db;color:#374151;font-weight:500;font-size:13px}:host ::ng-deep .doc-toolbar-right .p-button-outlined:hover{background:#f9fafb;border-color:#9ca3af}:host ::ng-deep .doc-toolbar-right .p-button-outlined:disabled{opacity:.5}@media only screen and (max-width: 656px),(max-device-width: 656px){.doc-toolbar{flex-direction:column;align-items:stretch}.doc-toolbar-right{justify-content:stretch}.doc-toolbar-right button{width:100%}}.folder-list{display:flex;flex-direction:column}.folder-item{display:flex;align-items:center;padding:12px 8px;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background-color .15s ease}.folder-item:hover{background-color:#f9fafb}.folder-item:last-child{border-bottom:1px solid #e5e7eb}.folder-item__icon{font-size:18px;color:#6b7280;margin-right:12px;flex-shrink:0}.folder-item__info{display:flex;flex-direction:column;flex:1;min-width:0}.folder-item__name{font-size:13.5px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-item__count{font-size:12px;color:#9ca3af;margin-top:1px}.folder-item__arrow{font-size:13px;color:#9ca3af;margin-left:12px;flex-shrink:0}.buttons{display:flex;justify-content:space-around;margin-block:15px}.buttonResponsive,buttonResponsiveBotonFinal{display:inline-block;border-radius:4px;background-color:#00f;border:none;color:#fff;text-align:center;font-size:12px;padding:10px;width:200px;transition:all .5s;cursor:pointer;margin:20px 5px 5px}.gen-form{display:flex;flex-direction:column;gap:14px}.gen-section{display:flex;flex-direction:column;gap:12px}.gen-field{display:flex;flex-direction:column;gap:6px}.gen-label{font-size:13px;font-weight:600;color:#111827}.gen-required{color:#ef4444;margin-left:4px}.gen-control{width:100%}:host ::ng-deep .gen-control .p-dropdown,:host ::ng-deep .gen-control .p-inputtext,:host ::ng-deep .gen-control .p-inputnumber,:host ::ng-deep .gen-control .p-datepicker{width:100%}:host ::ng-deep .gen-control .p-inputnumber-input{width:100%}.gen-checkbox{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #e5e7eb;border-radius:8px}.gen-checkbox-label{font-size:14px;color:#374151}.gen-help{color:#6b7280}.sf-doc-preview-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:300px;text-align:center;color:#374151}.sf-doc-preview-fallback i{font-size:48px;color:#6b7280}.sf-doc-preview-fallback i.pi-file-excel{color:#1d6f42}.sf-doc-preview-fallback i.pi-file-pdf{color:#b91c1c}.sf-doc-preview-fallback i.pi-file-word{color:#1d4ed8}.frameDoc{overflow:hidden;border:none}\n"] }]
+                        MessageModule,
+                    ], providers: [ConfirmationService, MessageService], standalone: true, template: "<div class=\"sf-doc-layout\">\n  <div class=\"sf-doc-fixed\">\n    <div class=\"buttons\" *ngIf=\"botones\">\n      <div class=\"div-table-col50\" style=\"text-align: center\" *ngIf=\"bAtras\">\n        <button\n          pButton\n          type=\"button\"\n          label=\"Atras\"\n          icon=\"pi pi-arrow-left\"\n          (click)=\"next(-1)\"\n        ></button>\n      </div>\n      <div\n        class=\"div-table-col50\"\n        style=\"text-align: center\"\n        *ngIf=\"!bFinal && botones\"\n      >\n        <button\n          pButton\n          type=\"button\"\n          label=\"Siguiente\"\n          icon=\"pi pi-arrow-right\"\n          (click)=\"next(1)\"\n        ></button>\n      </div>\n      <div class=\"div-table-col50\" *ngIf=\"bFinal\">\n        <button\n          pButton\n          type=\"button\"\n          label=\"Finalizar\"\n          icon=\"pi pi-home\"\n          (click)=\"next(0)\"\n        ></button>\n      </div>\n    </div>\n    <!-- Toolbar superior (solo tab 1) -->\n    <div *ngIf=\"tab == 1\" class=\"doc-toolbar\">\n      <div class=\"doc-toolbar-left\" *ngIf=\"aplFiltro\">\n        <p-iconfield>\n          <p-inputicon class=\"pi pi-search\" />\n          <input\n            type=\"text\"\n            pInputText\n            placeholder=\"Buscar carpeta...\"\n            [(ngModel)]=\"valorFiltro\"\n            (keyup)=\"filtrarDocumentos()\"\n            class=\"w-full\"\n            [disabled]=\"documentService.loadingData\"\n          />\n        </p-iconfield>\n      </div>\n\n      <div class=\"doc-toolbar-right\" *ngIf=\"documentTypes.length > 0\">\n        <button\n          pButton\n          type=\"button\"\n          label=\"Generar documento\"\n          icon=\"pi pi-plus\"\n          class=\"p-button-sm\"\n          (click)=\"openGenerateDialog()\"\n          [disabled]=\"enProceso || !canGenerate\"\n        ></button>\n      </div>\n    </div>\n  </div>\n  <p-confirmDialog\n    header=\"Atenci\u00F3n\"\n    icon=\"pi pi-exclamation-triangle\"\n  ></p-confirmDialog>\n  <!-- Avisos de la librer\u00EDa: solo los de su key, as\u00ED el toast del host no los duplica. -->\n  <p-toast\n    [key]=\"toastKey\"\n    [breakpoints]=\"{ '576px': { width: 'calc(100vw - 40px)' } }\"\n  ></p-toast>\n  <div class=\"sf-doc-scrollable\" *ngIf=\"tab == 1\">\n    <div class=\"folder-list\">\n      @if (!documentService.loadingData) {\n        <ng-container *ngFor=\"let carpeta of filesFilter\">\n          <div class=\"folder-list\">\n            <div\n              class=\"folder-item\"\n              *ngFor=\"let item of carpeta.children\"\n              (click)=\"VerDetalleTab(item)\"\n            >\n              <i\n                class=\"pi pi-folder folder-item__icon\"\n                [ngStyle]=\"{\n                  color:\n                    item.children?.length > 0 || item.fileCount > 0\n                      ? 'green'\n                      : 'red',\n                }\"\n              ></i>\n              <div class=\"folder-item__info\">\n                <span class=\"folder-item__name\">{{ item.label }}</span>\n                <span\n                  class=\"folder-item__count\"\n                  *ngIf=\"item.children?.length > 0\"\n                  >{{ item.children.length }}\n                  {{\n                    item.children.length === 1 ? \"archivo\" : \"archivos\"\n                  }}</span\n                >\n                <span\n                  class=\"folder-item__count\"\n                  *ngIf=\"\n                    (!item.children || item.children.length === 0) &&\n                    item.fileCount\n                  \"\n                  >{{ item.fileCount }}\n                  {{ item.fileCount === 1 ? \"archivo\" : \"archivos\" }}</span\n                >\n                <span\n                  class=\"folder-item__count\"\n                  *ngIf=\"\n                    (!item.children || item.children.length === 0) &&\n                    !item.fileCount\n                  \"\n                  >0 archivos</span\n                >\n              </div>\n              <i class=\"pi pi-chevron-right folder-item__arrow\"></i>\n            </div>\n          </div>\n        </ng-container>\n      } @else {\n        <div class=\"folder-item\">\n          <p-skeleton shape=\"circle\" size=\"2rem\" styleClass=\"mr-2\" />\n          <div class=\"self-center\" style=\"flex: 1\">\n            <p-skeleton width=\"100%\" styleClass=\"mb-2\" />\n            <p-skeleton width=\"75%\" />\n          </div>\n        </div>\n        <div class=\"folder-item\">\n          <p-skeleton shape=\"circle\" size=\"2rem\" styleClass=\"mr-2\" />\n          <div class=\"self-center\" style=\"flex: 1\">\n            <p-skeleton width=\"100%\" styleClass=\"mb-2\" />\n            <p-skeleton width=\"75%\" />\n          </div>\n        </div>\n        <div class=\"folder-item\">\n          <p-skeleton shape=\"circle\" size=\"2rem\" styleClass=\"mr-2\" />\n          <div class=\"self-center\" style=\"flex: 1\">\n            <p-skeleton width=\"100%\" styleClass=\"mb-2\" />\n            <p-skeleton width=\"75%\" />\n          </div>\n        </div>\n        <div class=\"folder-item\">\n          <p-skeleton shape=\"circle\" size=\"2rem\" styleClass=\"mr-2\" />\n          <div class=\"self-center\" style=\"flex: 1\">\n            <p-skeleton width=\"100%\" styleClass=\"mb-2\" />\n            <p-skeleton width=\"75%\" />\n          </div>\n        </div>\n        <div class=\"folder-item\">\n          <p-skeleton shape=\"circle\" size=\"2rem\" styleClass=\"mr-2\" />\n          <div class=\"self-center\" style=\"flex: 1\">\n            <p-skeleton width=\"100%\" styleClass=\"mb-2\" />\n            <p-skeleton width=\"75%\" />\n          </div>\n        </div>\n        <div class=\"folder-item\">\n          <p-skeleton shape=\"circle\" size=\"2rem\" styleClass=\"mr-2\" />\n          <div class=\"self-center\" style=\"flex: 1\">\n            <p-skeleton width=\"100%\" styleClass=\"mb-2\" />\n            <p-skeleton width=\"75%\" />\n          </div>\n        </div>\n      }\n    </div>\n    <ng-container *ngIf=\"botones\">\n      <div class=\"buttons\">\n        <div class=\"div-table-col50\" style=\"text-align: center\" *ngIf=\"bAtras\">\n          <button\n            pButton\n            type=\"button\"\n            label=\"Atras\"\n            icon=\"pi pi-arrow-left\"\n            (click)=\"next(-1)\"\n          ></button>\n        </div>\n        <div\n          class=\"div-table-col50\"\n          style=\"text-align: center\"\n          *ngIf=\"!bFinal && botones\"\n        >\n          <button\n            pButton\n            type=\"button\"\n            label=\"Siguiente\"\n            icon=\"pi pi-arrow-right\"\n            (click)=\"next(1)\"\n          ></button>\n        </div>\n        <div class=\"div-table-col50\" *ngIf=\"bFinal\">\n          <button\n            pButton\n            type=\"button\"\n            label=\"Finalizar\"\n            icon=\"pi pi-home\"\n            (click)=\"next(0)\"\n          ></button>\n        </div>\n      </div>\n    </ng-container>\n  </div>\n  <div class=\"sf-doc-scrollable sf-doc-scrollable--files\" *ngIf=\"tab == 2\">\n    <lib-folder-files\n      [carpeta]=\"carpetaSeleccionada\"\n      [isMobile]=\"isMobile\"\n      [idKatios]=\"idKatios\"\n      [server]=\"server\"\n      [subestado]=\"subestado\"\n      [requestData]=\"requestData\"\n      [useBreadcrumb]=\"useBreadcrumb\"\n      [usesApi]=\"usesApi\"\n      [allowedUploadTypes]=\"allowedUploadTypes\"\n      (onFileChange)=\"fileChange($event)\"\n      (onCargarArchivo)=\"cargarArchivo($event)\"\n      (onEliminarMasivo)=\"eliminarMasivo($event)\"\n      (onBack)=\"goToTab('1')\"\n      (viewDocument)=\"openVisorDoc($event)\"\n    >\n    </lib-folder-files>\n  </div>\n</div>\n\n<!-- <ng-template #scanContent>\n  <div class=\"div-table\">\n    <div class=\"div-table-row\" style=\"text-align: center\">\n      <h4>Escanear documentos</h4>\n    </div>\n    <div class=\"div-table-row\" style=\"text-align: center\">\n      Archivos cargados: <h4>{{scanFileList.length}}</h4>\n    </div>\n    <div class=\"div-table-row\" style=\"text-align: center\">\n      <label (click)=\"takePhotoClick()\" class=\"btn\">\n        <mat-icon style=\"font-size: 2.5em; color:#0056b2\">add_to_photos</mat-icon>\n      </label>\n\n      <label *ngIf=\"scanFileList.length != 0\" (click)=\"subirFotosScan()\" class=\"btn\">\n        <mat-icon style=\"font-size: 2.5em; color:#0056b2\">share</mat-icon>\n      </label>\n    </div>\n  </div>\n</ng-template> -->\n\n<p-dialog\n  [(visible)]=\"displayView\"\n  [header]=\"current_label.replace('#toolbar=0&navpanes=0&statusbar=0', '')\"\n  [modal]=\"true\"\n  [style]=\"{ width: '70vw' }\"\n  appendTo=\"body\"\n>\n  <div *ngIf=\"!canPreview()\" class=\"sf-doc-preview-fallback\">\n    <i class=\"pi\" [ngClass]=\"previewFallbackIcon()\"></i>\n    <p>La vista previa no est\u00E1 disponible para este tipo de archivo.</p>\n    <button\n      pButton\n      type=\"button\"\n      label=\"Abrir en una nueva ventana\"\n      icon=\"pi pi-external-link\"\n      (click)=\"openCurrentInNewWindow()\"\n    ></button>\n  </div>\n  <ng-container *ngIf=\"canPreview()\">\n    <embed\n      *ngIf=\"carpetaSeleccionada.TipoArchivo == '2'\"\n      [src]=\"current_path | safe\"\n      style=\"width: 100%; min-height: 600px\"\n    />\n    <iframe\n      *ngIf=\"carpetaSeleccionada.TipoArchivo == '1'\"\n      style=\"width: 100%; min-height: 600px\"\n      [src]=\"current_path | safe\"\n    ></iframe>\n  </ng-container>\n</p-dialog>\n\n<p-dialog\n  header=\"Generar documento\"\n  [(visible)]=\"displayGenerate\"\n  [modal]=\"true\"\n  [closable]=\"true\"\n  [style]=\"{ width: isMobile ? '95vw' : '520px' }\"\n>\n  <div class=\"gen-form\">\n    <!-- Error de la \u00FAltima generaci\u00F3n: el di\u00E1logo queda abierto para corregir o reintentar -->\n    <p-message\n      *ngIf=\"generateError\"\n      severity=\"error\"\n      icon=\"pi pi-times-circle\"\n      styleClass=\"w-full\"\n    >\n      No se pudo generar el documento. {{ generateError }}\n    </p-message>\n\n    <!-- Tipo de documento -->\n    <div class=\"gen-field\">\n      <!-- p-select pone el inputId en un span (combobox): el nombre le llega por aria-labelledby -->\n      <label class=\"gen-label\" id=\"gen-doc-type-label\" for=\"gen-doc-type\">Tipo de documento</label>\n      <p-select\n        class=\"gen-control\"\n        inputId=\"gen-doc-type\"\n        ariaLabelledBy=\"gen-doc-type-label\"\n        [options]=\"documentTypes\"\n        optionLabel=\"label\"\n        optionValue=\"code\"\n        [(ngModel)]=\"selectedDocType\"\n        placeholder=\"Seleccione un tipo\"\n        appendTo=\"body\"\n        (onChange)=\"onDocTypeChange()\"\n      >\n      </p-select>\n    </div>\n\n    <!-- Par\u00E1metros din\u00E1micos: cada label apunta al id de su control, gen-param-{\u00EDndice}\n         (el name puede traer caracteres que no sirven en un id) -->\n    <div class=\"gen-section\" *ngIf=\"dynamicParams.length\">\n      <div class=\"gen-field\" *ngFor=\"let p of dynamicParams; let i = index\">\n        <label class=\"gen-label\" [attr.for]=\"'gen-param-' + i\">\n          {{ p.description }}\n          <span class=\"gen-required\" *ngIf=\"isRequired(p)\" aria-hidden=\"true\">*</span>\n        </label>\n\n        <!-- Date -->\n        <p-datepicker\n          *ngIf=\"(p.type || '').toLowerCase() === 'date'\"\n          class=\"gen-control\"\n          [inputId]=\"'gen-param-' + i\"\n          [required]=\"isRequired(p)\"\n          [(ngModel)]=\"dynamicValues[p.name]\"\n          [showIcon]=\"true\"\n          appendTo=\"body\"\n          dateFormat=\"yy-mm-dd\"\n        >\n        </p-datepicker>\n\n        <!-- String -->\n        <input\n          *ngIf=\"\n            (p.type || '').toLowerCase() === 'nvarchar' ||\n            (p.type || '').toLowerCase() === 'string'\n          \"\n          pInputText\n          class=\"gen-control\"\n          [id]=\"'gen-param-' + i\"\n          [attr.aria-required]=\"isRequired(p)\"\n          [(ngModel)]=\"dynamicValues[p.name]\"\n          placeholder=\"Ingrese un valor\"\n        />\n\n        <!-- Number: los int van sin decimales ni separador de miles (suelen ser ids o a\u00F1os) -->\n        <p-inputNumber\n          *ngIf=\"\n            ['int', 'decimal', 'number'].includes((p.type || '').toLowerCase())\n          \"\n          class=\"gen-control\"\n          [inputId]=\"'gen-param-' + i\"\n          [(ngModel)]=\"dynamicValues[p.name]\"\n          locale=\"es-CO\"\n          [maxFractionDigits]=\"(p.type || '').toLowerCase() === 'int' ? 0 : 4\"\n          [useGrouping]=\"(p.type || '').toLowerCase() !== 'int'\"\n          [max]=\"(p.type || '').toLowerCase() === 'int' ? 2147483647 : null\"\n          [ariaRequired]=\"isRequired(p)\"\n          placeholder=\"Ingrese un valor\"\n        >\n        </p-inputNumber>\n\n        <!-- Boolean -->\n        <div\n          class=\"gen-control gen-checkbox\"\n          *ngIf=\"isBoolean(p)\"\n        >\n          <p-checkbox\n            [binary]=\"true\"\n            [inputId]=\"'gen-param-' + i\"\n            [(ngModel)]=\"dynamicValues[p.name]\"\n          >\n          </p-checkbox>\n          <span class=\"gen-checkbox-label\" aria-hidden=\"true\">S\u00ED</span>\n        </div>\n\n        <!-- helper opcional -->\n        <small class=\"gen-help\" *ngIf=\"p.help\">{{ p.help }}</small>\n      </div>\n    </div>\n  </div>\n\n  <ng-template #footer>\n    <button\n      pButton\n      type=\"button\"\n      label=\"Cancelar\"\n      class=\"p-button-text\"\n      (click)=\"displayGenerate = false\"\n    ></button>\n\n    <button\n      pButton\n      type=\"button\"\n      [label]=\"generateError ? 'Reintentar' : 'Generar'\"\n      [icon]=\"generateError ? 'pi pi-refresh' : 'pi pi-cog'\"\n      (click)=\"generateDocument()\"\n      [loading]=\"enProceso\"\n      [disabled]=\"!selectedDocType || enProceso\"\n    ></button>\n  </ng-template>\n</p-dialog>\n", styles: [":host{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.sf-doc-layout{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.sf-doc-fixed{flex-shrink:0}.sf-doc-scrollable{flex:1;min-height:0;overflow-y:auto}.sf-doc-scrollable--files{overflow:hidden;display:flex;flex-direction:column}:host ::ng-deep .sf-doc-scrollable--files>lib-folder-files{flex:1;min-height:0}.iconWhatsApp{font-size:40px;color:#6495ed}.doc-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:.5rem}:host ::ng-deep .doc-toolbar .p-inputtext{padding:.45rem .65rem .45rem 2.5rem;font-size:13px}.doc-toolbar-left{flex:1;min-width:180px}.doc-toolbar-right{display:flex;justify-content:flex-end}:host ::ng-deep .doc-toolbar-right .p-button-outlined{background:transparent;border:1px solid #d1d5db;color:#374151;font-weight:500;font-size:13px}:host ::ng-deep .doc-toolbar-right .p-button-outlined:hover{background:#f9fafb;border-color:#9ca3af}:host ::ng-deep .doc-toolbar-right .p-button-outlined:disabled{opacity:.5}@media only screen and (max-width: 656px),(max-device-width: 656px){.doc-toolbar{flex-direction:column;align-items:stretch}.doc-toolbar-right{justify-content:stretch}.doc-toolbar-right button{width:100%}}.folder-list{display:flex;flex-direction:column}.folder-item{display:flex;align-items:center;padding:12px 8px;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background-color .15s ease}.folder-item:hover{background-color:#f9fafb}.folder-item:last-child{border-bottom:1px solid #e5e7eb}.folder-item__icon{font-size:18px;color:#6b7280;margin-right:12px;flex-shrink:0}.folder-item__info{display:flex;flex-direction:column;flex:1;min-width:0}.folder-item__name{font-size:13.5px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-item__count{font-size:12px;color:#9ca3af;margin-top:1px}.folder-item__arrow{font-size:13px;color:#9ca3af;margin-left:12px;flex-shrink:0}.buttons{display:flex;justify-content:space-around;margin-block:15px}.buttonResponsive,buttonResponsiveBotonFinal{display:inline-block;border-radius:4px;background-color:#00f;border:none;color:#fff;text-align:center;font-size:12px;padding:10px;width:200px;transition:all .5s;cursor:pointer;margin:20px 5px 5px}.gen-form{display:flex;flex-direction:column;gap:14px}.gen-section{display:flex;flex-direction:column;gap:12px}.gen-field{display:flex;flex-direction:column;gap:6px}.gen-label{font-size:13px;font-weight:600;color:var(--p-text-color)}.gen-required{color:var(--p-form-field-invalid-border-color);margin-left:4px}.gen-control{width:100%}:host ::ng-deep .gen-control .p-inputtext,:host ::ng-deep .gen-control .p-inputnumber,:host ::ng-deep .gen-control .p-datepicker{width:100%}:host ::ng-deep .gen-control .p-inputnumber-input{width:100%}.gen-checkbox{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--p-content-border-color);border-radius:8px}.gen-checkbox-label{font-size:14px;color:var(--p-text-color)}.gen-help{color:var(--p-text-muted-color)}.sf-doc-preview-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:300px;text-align:center;color:#374151}.sf-doc-preview-fallback i{font-size:48px;color:#6b7280}.sf-doc-preview-fallback i.pi-file-excel{color:#1d6f42}.sf-doc-preview-fallback i.pi-file-pdf{color:#b91c1c}.sf-doc-preview-fallback i.pi-file-word{color:#1d4ed8}.frameDoc{overflow:hidden;border:none}\n"] }]
         }], ctorParameters: () => [{ type: i1.DomSanitizer }, { type: i2.MessageService }, { type: i0.ApplicationRef }, { type: i2.ConfirmationService }, { type: SfDocumentsService }], propDecorators: { accion: [{
                 type: Input
             }], entidad: [{