sf-documents 0.0.3 → 0.1.1

package/fesm2022/sf-documents.mjs

@@ -1,35 +1,38 @@
 import * as i0 from '@angular/core';
 import { Injectable, Pipe, InjectionToken, EventEmitter, ViewChild, Output, Input, Component, inject, ElementRef } from '@angular/core';
-import { BehaviorSubject } from 'rxjs';
-import * as i3 from 'primeng/api';
+import { BehaviorSubject, Subject, of } from 'rxjs';
+import * as i3$1 from 'primeng/api';
 import { ConfirmationService } from 'primeng/api';
-import * as i2$1 from 'primeng/dynamicdialog';
+import * as i2$2 from 'primeng/dynamicdialog';
 import { DialogService } from 'primeng/dynamicdialog';
 import { ToastModule } from 'primeng/toast';
 import * as _ from 'lodash';
 import * as i1$1 from 'primeng/button';
 import { ButtonModule } from 'primeng/button';
-import * as i6 from 'primeng/confirmdialog';
+import * as i6$1 from 'primeng/confirmdialog';
 import { ConfirmDialogModule } from 'primeng/confirmdialog';
-import * as i7 from 'primeng/panel';
 import { PanelModule } from 'primeng/panel';
-import * as i8 from 'primeng/checkbox';
+import * as i5 from 'primeng/checkbox';
 import { CheckboxModule } from 'primeng/checkbox';
 import * as i2 from 'primeng/dialog';
 import { DialogModule } from 'primeng/dialog';
-import * as i10 from '@angular/common';
+import * as i2$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i11 from '@angular/forms';
+import * as i3 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import * as i1 from '@angular/platform-browser';
-import * as i12 from 'primeng/inputtext';
+import * as i6 from 'primeng/inputtext';
 import { InputTextModule } from 'primeng/inputtext';
 import { InputIcon } from 'primeng/inputicon';
 import { IconField } from 'primeng/iconfield';
-import * as i13 from 'primeng/dropdown';
+import * as i7 from 'primeng/paginator';
+import { PaginatorModule } from 'primeng/paginator';
+import { debounceTime, distinctUntilChanged, takeUntil, tap, switchMap, finalize } from 'rxjs/operators';
+import * as i8 from 'primeng/select';
+import { SelectModule } from 'primeng/select';
+import * as i12 from 'primeng/dropdown';
 import { DropdownModule } from 'primeng/dropdown';
-import { tap, switchMap, finalize } from 'rxjs/operators';
-import * as i14 from 'primeng/datepicker';
+import * as i13 from 'primeng/datepicker';
 import { DatePickerModule } from 'primeng/datepicker';
 
 class SfDocumentsService {
@@ -94,11 +97,11 @@ class UploadDialogComponent {
         this.visible = false;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UploadDialogComponent, deps: [], 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" }, outputs: { onUploaded: "onUploaded", loadFile: "loadFile" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true, static: true }], ngImport: i0, template: "<button pButton type=\"button\" label=\"Adicionar\" icon=\"pi pi-plus\"\r\n        (click)=\"showDialog()\"></button>\r\n\r\n<p-dialog [header] = \"'Adicionar ' + selectedDocument.label\" [(visible)]=\"visible\" [modal]=\"true\"  [style]=\"{ width: '30rem' }\" [breakpoints]=\"{ '1199px': '75vw', '575px': '90vw' }\"\r\nposition = \"top\" [closable]=\"true\" (onHide)=\"visible=false\">\r\n    <div class=\"mt-3\">\r\n        <div class=\"text-center\">\r\n            <input #fileInput type=\"file\" (change)=\"fileChange($event)\" class=\"hidden\"\r\n                placeholder=\"Upload file\" accept=\"application/pdf,.pdf\" multiple>\r\n            </div>\r\n            <div class=\"text-center\">\r\n            <p-button\r\n                icon=\"pi pi-upload\"\r\n                (click)=\"loadFileClick()\"\r\n                [text] = \"true\"\r\n                [rounded]=\"true\"\r\n            ></p-button>\r\n\r\n            <!-- <label *ngIf=\"isMobile\" (click)=\"openModal2(scanContent)\" class=\"btn\">\r\n                <mat-icon style=\"font-size: 2.5em; color:#0056b2\">camera_alt</mat-icon>\r\n            </label> -->\r\n        </div>\r\n    </div>\r\n</p-dialog>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i2.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 ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: UploadDialogComponent, isStandalone: true, selector: "lib-upload-dialog", inputs: { selectedDocument: "selectedDocument" }, outputs: { onUploaded: "onUploaded", loadFile: "loadFile" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true, static: true }], ngImport: i0, template: "<button pButton type=\"button\" label=\"Subir archivo\" icon=\"pi pi-upload\"\r\n        class=\"p-button-outlined ff-btn-upload\"\r\n        (click)=\"showDialog()\"></button>\r\n\r\n<p-dialog [header] = \"'Adicionar ' + selectedDocument.label\" [(visible)]=\"visible\" [modal]=\"true\"  [style]=\"{ width: '30rem' }\" [breakpoints]=\"{ '1199px': '75vw', '575px': '90vw' }\"\r\nposition = \"top\" [closable]=\"true\" (onHide)=\"visible=false\">\r\n    <div class=\"mt-3\">\r\n        <div class=\"text-center\">\r\n            <input #fileInput type=\"file\" (change)=\"fileChange($event)\" class=\"hidden\"\r\n                placeholder=\"Upload file\" accept=\"application/pdf,.pdf\" multiple>\r\n            </div>\r\n            <div class=\"text-center\">\r\n            <p-button\r\n                icon=\"pi pi-upload\"\r\n                (click)=\"loadFileClick()\"\r\n                [text] = \"true\"\r\n                [rounded]=\"true\"\r\n            ></p-button>\r\n\r\n            <!-- <label *ngIf=\"isMobile\" (click)=\"openModal2(scanContent)\" class=\"btn\">\r\n                <mat-icon style=\"font-size: 2.5em; color:#0056b2\">camera_alt</mat-icon>\r\n            </label> -->\r\n        </div>\r\n    </div>\r\n</p-dialog>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i2.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: [{
             type: Component,
-            args: [{ selector: 'lib-upload-dialog', imports: [CommonModule, ButtonModule, DialogModule], template: "<button pButton type=\"button\" label=\"Adicionar\" icon=\"pi pi-plus\"\r\n        (click)=\"showDialog()\"></button>\r\n\r\n<p-dialog [header] = \"'Adicionar ' + selectedDocument.label\" [(visible)]=\"visible\" [modal]=\"true\"  [style]=\"{ width: '30rem' }\" [breakpoints]=\"{ '1199px': '75vw', '575px': '90vw' }\"\r\nposition = \"top\" [closable]=\"true\" (onHide)=\"visible=false\">\r\n    <div class=\"mt-3\">\r\n        <div class=\"text-center\">\r\n            <input #fileInput type=\"file\" (change)=\"fileChange($event)\" class=\"hidden\"\r\n                placeholder=\"Upload file\" accept=\"application/pdf,.pdf\" multiple>\r\n            </div>\r\n            <div class=\"text-center\">\r\n            <p-button\r\n                icon=\"pi pi-upload\"\r\n                (click)=\"loadFileClick()\"\r\n                [text] = \"true\"\r\n                [rounded]=\"true\"\r\n            ></p-button>\r\n\r\n            <!-- <label *ngIf=\"isMobile\" (click)=\"openModal2(scanContent)\" class=\"btn\">\r\n                <mat-icon style=\"font-size: 2.5em; color:#0056b2\">camera_alt</mat-icon>\r\n            </label> -->\r\n        </div>\r\n    </div>\r\n</p-dialog>\r\n" }]
+            args: [{ selector: 'lib-upload-dialog', imports: [CommonModule, ButtonModule, DialogModule], template: "<button pButton type=\"button\" label=\"Subir archivo\" icon=\"pi pi-upload\"\r\n        class=\"p-button-outlined ff-btn-upload\"\r\n        (click)=\"showDialog()\"></button>\r\n\r\n<p-dialog [header] = \"'Adicionar ' + selectedDocument.label\" [(visible)]=\"visible\" [modal]=\"true\"  [style]=\"{ width: '30rem' }\" [breakpoints]=\"{ '1199px': '75vw', '575px': '90vw' }\"\r\nposition = \"top\" [closable]=\"true\" (onHide)=\"visible=false\">\r\n    <div class=\"mt-3\">\r\n        <div class=\"text-center\">\r\n            <input #fileInput type=\"file\" (change)=\"fileChange($event)\" class=\"hidden\"\r\n                placeholder=\"Upload file\" accept=\"application/pdf,.pdf\" multiple>\r\n            </div>\r\n            <div class=\"text-center\">\r\n            <p-button\r\n                icon=\"pi pi-upload\"\r\n                (click)=\"loadFileClick()\"\r\n                [text] = \"true\"\r\n                [rounded]=\"true\"\r\n            ></p-button>\r\n\r\n            <!-- <label *ngIf=\"isMobile\" (click)=\"openModal2(scanContent)\" class=\"btn\">\r\n                <mat-icon style=\"font-size: 2.5em; color:#0056b2\">camera_alt</mat-icon>\r\n            </label> -->\r\n        </div>\r\n    </div>\r\n</p-dialog>\r\n" }]
         }], ctorParameters: () => [], propDecorators: { selectedDocument: [{
                 type: Input
             }], onUploaded: [{
@@ -110,6 +113,210 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 args: ['fileInput', { static: true }]
             }] } });
 
+class FolderFilesComponent {
+    documentService;
+    documentsService = inject(DOCUMENT_SERVICE);
+    searchSubject = new Subject();
+    destroy$ = new Subject();
+    carpeta;
+    isMobile = false;
+    idKatios;
+    server = '';
+    subestado = '';
+    requestData;
+    useBreadcrumb = false;
+    onFileChange = new EventEmitter();
+    onCargarArchivo = new EventEmitter();
+    onEliminarMasivo = new EventEmitter();
+    onOpenVisorDoc = new EventEmitter();
+    onOpenNewWindow = new EventEmitter();
+    onBack = new EventEmitter();
+    usesApi = false;
+    items = [];
+    page = 1;
+    pageSize = 10;
+    totalRecords = 0;
+    totalPages = 0;
+    first = 0;
+    searchQuery = '';
+    docsEliminables = [];
+    totalDocsEliminadosApi = { existoso: 0, fallido: 0 };
+    loading = false;
+    allSelected = false;
+    pageSizeOptions = [
+        { label: '5/pág', value: 5 },
+        { label: '10/pág', value: 10 },
+        { label: '20/pág', value: 20 }
+    ];
+    constructor(documentService) {
+        this.documentService = documentService;
+        this.searchSubject.pipe(debounceTime(400), distinctUntilChanged(), takeUntil(this.destroy$)).subscribe(() => {
+            this.page = 1;
+            this.loadFiles();
+        });
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    ngOnChanges(changes) {
+        if (changes['carpeta'] && this.carpeta) {
+            this.init();
+        }
+    }
+    init() {
+        this.docsEliminables = [];
+        this.totalDocsEliminadosApi = { existoso: 0, fallido: 0 };
+        this.searchQuery = '';
+        this.page = 1;
+        this.applyPermissions();
+        if (this.carpeta.children && this.carpeta.children.length > 0) {
+            // Modo children pre-cargados
+            this.usesApi = false;
+            this.items = this.carpeta.children;
+            this.items.forEach((item) => (item.delete = false));
+        }
+        else {
+            // Modo API paginada
+            this.usesApi = true;
+            this.items = [];
+            this.loadFiles();
+        }
+    }
+    applyPermissions() {
+        if (this.carpeta?.reglas && typeof this.carpeta.reglas === 'string') {
+            this.carpeta.reglas = JSON.parse(this.carpeta.reglas);
+        }
+        if (!this.carpeta?.reglas?.permisos?.subestados && this.carpeta?.reglas?.permisos) {
+            this.carpeta.reglas.permisos.cargarFront = this.carpeta.reglas.permisos.cargar;
+            this.carpeta.reglas.permisos.borrarFront = this.carpeta.reglas.permisos.borrar;
+        }
+        else if (this.carpeta?.reglas?.permisos?.subestados && this.subestado?.trim()) {
+            const sub = this.subestado.toLowerCase().trim();
+            this.carpeta.reglas.permisos.cargarFront = Array.isArray(this.carpeta.reglas.permisos.subestados.cargar)
+                ? this.carpeta.reglas.permisos.subestados.cargar.map((c) => c.toLowerCase().trim()).includes(sub)
+                : this.carpeta.reglas.permisos.cargar;
+            this.carpeta.reglas.permisos.borrarFront = Array.isArray(this.carpeta.reglas.permisos.subestados.borrar)
+                ? this.carpeta.reglas.permisos.subestados.borrar.map((b) => b.toLowerCase().trim()).includes(sub)
+                : this.carpeta.reglas.permisos.borrar;
+        }
+    }
+    loadFiles() {
+        this.loading = true;
+        this.documentsService.getFilesByFolder(this.idKatios, this.carpeta.NMCo, this.requestData, this.page, this.pageSize, this.searchQuery).subscribe({
+            next: (response) => {
+                const res = response?.data ?? response;
+                this.totalRecords = res.total ?? 0;
+                this.page = res.page ?? 1;
+                this.totalPages = res.totalPages ?? 0;
+                this.items = res.items ?? [];
+                this.items.forEach((item) => (item.delete = false));
+                this.buildPaths(this.items);
+                this.loading = false;
+            },
+            error: (error) => {
+                console.error('Error loading files by folder:', error);
+                this.loading = false;
+            }
+        });
+    }
+    onPageChange(event) {
+        this.first = event.first ?? 0;
+        this.page = (event.page ?? 0) + 1;
+        this.pageSize = event.rows ?? this.pageSize;
+        this.loadFiles();
+    }
+    onSearchInput() {
+        this.searchSubject.next(this.searchQuery);
+    }
+    /** Construye la ruta completa de cada archivo usando el server */
+    buildPaths(items) {
+        if (!this.server)
+            return;
+        items.forEach((item) => {
+            if (item.Path && !item.Path.startsWith('http')) {
+                let path = 'Imagenes/' + item.Path + item.label;
+                path = path.replace(/\\/g, '/');
+                item.Path = this.server + path;
+            }
+        });
+    }
+    fileChange(data) {
+        this.onFileChange.emit(data);
+    }
+    cargarArchivo() {
+        this.onCargarArchivo.emit(this.carpeta);
+    }
+    openVisorDoc(item) {
+        this.onOpenVisorDoc.emit(item);
+    }
+    openNewWindow(item) {
+        this.onOpenNewWindow.emit(item);
+    }
+    goBack() {
+        this.onBack.emit();
+    }
+    onClickedCheckDelete(event, document) {
+        if (event.checked)
+            this.docsEliminables.push(document);
+        else
+            this.docsEliminables = this.docsEliminables.filter(doc => doc !== document);
+    }
+    emitEliminarMasivo() {
+        this.onEliminarMasivo.emit(this.docsEliminables);
+    }
+    toggleSelectAll() {
+        this.items.forEach(item => (item.delete = this.allSelected));
+        this.docsEliminables = this.allSelected ? [...this.items] : [];
+    }
+    refresh() {
+        if (this.usesApi) {
+            this.loadFiles();
+        }
+    }
+    onPageSizeChange() {
+        this.first = 0;
+        this.page = 1;
+        this.loadFiles();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FolderFilesComponent, deps: [{ token: SfDocumentsService }], 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" }, outputs: { onFileChange: "onFileChange", onCargarArchivo: "onCargarArchivo", onEliminarMasivo: "onEliminarMasivo", onOpenVisorDoc: "onOpenVisorDoc", onOpenNewWindow: "onOpenNewWindow", onBack: "onBack" }, 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 pButton type=\"button\" icon=\"pi pi-arrow-left\" label=\"Volver\" (click)=\"goBack()\"></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 type=\"text\" pInputText\r\n               [placeholder]=\"'Buscar en ' + carpeta.label.replace('#toolbar=0&navpanes=0&statusbar=0','')\"\r\n               [(ngModel)]=\"searchQuery\"\r\n               (input)=\"onSearchInput()\"\r\n               class=\"w-full\">\r\n      </p-iconfield>\r\n\r\n      <div class=\"ff-toolbar__actions\">\r\n        <lib-upload-dialog *ngIf=\"carpeta?.reglas?.permisos?.cargarFront\"\r\n          [selectedDocument]=\"carpeta\"\r\n          (onUploaded)=\"fileChange($event)\"\r\n          (loadFile)=\"cargarArchivo()\">\r\n        </lib-upload-dialog>\r\n\r\n        <button pButton 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          <span class=\"ff-btn-label\">Eliminar ({{docsEliminables.length}})</span>\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 *ngIf=\"carpeta?.reglas?.permisos?.borrarFront\"\r\n          [binary]=\"true\"\r\n          [(ngModel)]=\"allSelected\"\r\n          (onChange)=\"toggleSelectAll()\">\r\n        </p-checkbox>\r\n        <span *ngIf=\"carpeta?.reglas?.permisos?.borrarFront\" class=\"ff-select-row__label\">Seleccionar todo</span>\r\n      </div>\r\n      <span class=\"ff-select-row__count\">{{totalRecords || items.length}} {{(totalRecords || items.length) === 1 ? 'archivo' : 'archivos'}}</span>\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 class=\"ff-file-item\" *ngFor=\"let item of items\" (click)=\"openVisorDoc(item)\">\r\n        <p-checkbox *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        </p-checkbox>\r\n\r\n        <div class=\"ff-file-item__preview\">\r\n          <embed *ngIf=\"carpeta.TipoArchivo == '2'\" class=\"ff-file-item__frame\"\r\n            [src]=\"item.Path | safe\">\r\n          <img *ngIf=\"carpeta.TipoArchivo == '1' && isMobile\" class=\"ff-file-item__frame\"\r\n            src=\"https://macuna.tecfinanzas.com/Imagenes/pdf_icon.png\">\r\n          <iframe *ngIf=\"carpeta.TipoArchivo == '1' && !isMobile\" class=\"ff-file-item__frame\"\r\n            [src]=\"item.Path | safe\" frameborder=\"0\"></iframe>\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\">Fecha Subida: {{item.FechaSubida | date:'dd/MM/yyyy HH:mm'}}</span>\r\n          <span class=\"ff-file-item__date\" *ngIf=\"item.FechaSubida && isMobile\">{{item.FechaSubida | date:'dd/MM/yyyy HH:mm'}}</span>\r\n          <i class=\"pi pi-external-link ff-file-item__open\"\r\n           (click)=\"openNewWindow(item); $event.stopPropagation()\"\r\n           role=\"button\" tabindex=\"0\"\r\n           aria-label=\"Abrir en nueva ventana\"\r\n           (keydown.enter)=\"openNewWindow(item); $event.stopPropagation()\"></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 [options]=\"pageSizeOptions\" optionLabel=\"label\" optionValue=\"value\"\r\n                [(ngModel)]=\"pageSize\" (ngModelChange)=\"onPageSizeChange()\">\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      </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__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;white-space:nowrap}.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__name{font-size:12px}.ff-file-item__date{font-size:11px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i1$1.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: i5.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: i6.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: i7.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"], outputs: ["onUploaded", "loadFile"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i8.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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FolderFilesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-folder-files', imports: [
+                        CommonModule, FormsModule, ButtonModule,
+                        CheckboxModule, InputTextModule, InputIcon, IconField,
+                        PaginatorModule, SafePipe, UploadDialogComponent, SelectModule
+                    ], 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 pButton type=\"button\" icon=\"pi pi-arrow-left\" label=\"Volver\" (click)=\"goBack()\"></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 type=\"text\" pInputText\r\n               [placeholder]=\"'Buscar en ' + carpeta.label.replace('#toolbar=0&navpanes=0&statusbar=0','')\"\r\n               [(ngModel)]=\"searchQuery\"\r\n               (input)=\"onSearchInput()\"\r\n               class=\"w-full\">\r\n      </p-iconfield>\r\n\r\n      <div class=\"ff-toolbar__actions\">\r\n        <lib-upload-dialog *ngIf=\"carpeta?.reglas?.permisos?.cargarFront\"\r\n          [selectedDocument]=\"carpeta\"\r\n          (onUploaded)=\"fileChange($event)\"\r\n          (loadFile)=\"cargarArchivo()\">\r\n        </lib-upload-dialog>\r\n\r\n        <button pButton 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          <span class=\"ff-btn-label\">Eliminar ({{docsEliminables.length}})</span>\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 *ngIf=\"carpeta?.reglas?.permisos?.borrarFront\"\r\n          [binary]=\"true\"\r\n          [(ngModel)]=\"allSelected\"\r\n          (onChange)=\"toggleSelectAll()\">\r\n        </p-checkbox>\r\n        <span *ngIf=\"carpeta?.reglas?.permisos?.borrarFront\" class=\"ff-select-row__label\">Seleccionar todo</span>\r\n      </div>\r\n      <span class=\"ff-select-row__count\">{{totalRecords || items.length}} {{(totalRecords || items.length) === 1 ? 'archivo' : 'archivos'}}</span>\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 class=\"ff-file-item\" *ngFor=\"let item of items\" (click)=\"openVisorDoc(item)\">\r\n        <p-checkbox *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        </p-checkbox>\r\n\r\n        <div class=\"ff-file-item__preview\">\r\n          <embed *ngIf=\"carpeta.TipoArchivo == '2'\" class=\"ff-file-item__frame\"\r\n            [src]=\"item.Path | safe\">\r\n          <img *ngIf=\"carpeta.TipoArchivo == '1' && isMobile\" class=\"ff-file-item__frame\"\r\n            src=\"https://macuna.tecfinanzas.com/Imagenes/pdf_icon.png\">\r\n          <iframe *ngIf=\"carpeta.TipoArchivo == '1' && !isMobile\" class=\"ff-file-item__frame\"\r\n            [src]=\"item.Path | safe\" frameborder=\"0\"></iframe>\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\">Fecha Subida: {{item.FechaSubida | date:'dd/MM/yyyy HH:mm'}}</span>\r\n          <span class=\"ff-file-item__date\" *ngIf=\"item.FechaSubida && isMobile\">{{item.FechaSubida | date:'dd/MM/yyyy HH:mm'}}</span>\r\n          <i class=\"pi pi-external-link ff-file-item__open\"\r\n           (click)=\"openNewWindow(item); $event.stopPropagation()\"\r\n           role=\"button\" tabindex=\"0\"\r\n           aria-label=\"Abrir en nueva ventana\"\r\n           (keydown.enter)=\"openNewWindow(item); $event.stopPropagation()\"></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 [options]=\"pageSizeOptions\" optionLabel=\"label\" optionValue=\"value\"\r\n                [(ngModel)]=\"pageSize\" (ngModelChange)=\"onPageSizeChange()\">\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      </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__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;white-space:nowrap}.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__name{font-size:12px}.ff-file-item__date{font-size:11px}}\n"] }]
+        }], ctorParameters: () => [{ type: SfDocumentsService }], propDecorators: { carpeta: [{
+                type: Input
+            }], isMobile: [{
+                type: Input
+            }], idKatios: [{
+                type: Input
+            }], server: [{
+                type: Input
+            }], subestado: [{
+                type: Input
+            }], requestData: [{
+                type: Input
+            }], useBreadcrumb: [{
+                type: Input
+            }], onFileChange: [{
+                type: Output
+            }], onCargarArchivo: [{
+                type: Output
+            }], onEliminarMasivo: [{
+                type: Output
+            }], onOpenVisorDoc: [{
+                type: Output
+            }], onOpenNewWindow: [{
+                type: Output
+            }], onBack: [{
+                type: Output
+            }] } });
+
 class SfDocumentsComponent {
     sanitizer;
     dialog;
@@ -137,6 +344,8 @@ class SfDocumentsComponent {
     botones = true;
     aplFiltro = false;
     nmco = [];
+    useBreadcrumb = false;
+    onNavigationChange = new EventEmitter();
     server = "";
     valorFiltro = "";
     tab = 1;
@@ -148,7 +357,6 @@ class SfDocumentsComponent {
     modalReference;
     modalReference2;
     documentoSeleccionado;
-    docsEliminables = [];
     totalDocsEliminadosApi = { existoso: 0, fallido: 0 };
     file;
     urlDoc;
@@ -162,7 +370,7 @@ class SfDocumentsComponent {
     UsuarioTdoc;
     idKatios;
     displayGenerate = false;
-    canGenerate = true; // lo puedes controlar por permisos si aplica
+    canGenerate = true;
     documentTypes = [];
     documentsToGenerate = [];
     documentsToGenerateMap = {};
@@ -178,7 +386,40 @@ class SfDocumentsComponent {
         this.confirmationService = confirmationService;
         this.documentService = documentService;
     }
-    ngOnInit() {
+    // ngOnInit() {
+    //   if (this.oSession != null && this.oSession.UsuarioSistema.TDOC !== undefined && this.oSession.UsuarioSistema.NDOC !== undefined) {
+    //     this.idKatios = this.oSession.UsuarioSistema.IDKATIOS.trim();
+    //     this.perfilDocumentos = this.oSession.UsuarioSistema.PERDOCUMENTOS.trim();
+    //   }
+    //   if (this.tipo && this.perfilDocumentos) {
+    //     this.cargarParametros(this.tipo)
+    //   }
+    // }
+    ngOnChanges(changes) {
+        this.files = [];
+        this.filesFilter = [];
+        this.imagePathInput = null;
+        this.modalReference = undefined;
+        this.modalReference2 = undefined;
+        this.carpetaSeleccionada = null;
+        this.documentoSeleccionado = null;
+        this.totalDocsEliminadosApi = { existoso: 0, fallido: 0 };
+        this.file = null;
+        this.urlDoc = null;
+        this.pdfUrl = null;
+        this.current_path = "";
+        this.current_label = "";
+        this.scanFileList = new Array();
+        this.displayPDF = false;
+        this.displayGenerate = false;
+        this.canGenerate = true;
+        this.documentTypes = [];
+        this.documentsToGenerate = [];
+        this.documentsToGenerateMap = {};
+        this.dynamicParams = [];
+        this.dynamicValues = {};
+        this.selectedDocType = null;
+        this.selectedRange = null;
         if (this.oSession != null && this.oSession.UsuarioSistema.TDOC !== undefined && this.oSession.UsuarioSistema.NDOC !== undefined) {
             this.idKatios = this.oSession.UsuarioSistema.IDKATIOS.trim();
             this.perfilDocumentos = this.oSession.UsuarioSistema.PERDOCUMENTOS.trim();
@@ -201,9 +442,11 @@ class SfDocumentsComponent {
             product: this.Producto
         };
         this.documentsService.getFolders(this.idKatios, data).pipe(tap((response) => {
-            const res = response.data.RESPUESTA;
+            let res = response.data;
+            if (response.data.RESPUESTA)
+                res = response.data.RESPUESTA;
             this.okCargoArbol(res);
-        }), switchMap(() => this.documentsService.getDocumentsToGenerate(this.idKatios, this.Solicitud)), tap((resp) => {
+        }), switchMap(() => this.Solicitud ? this.documentsService.getDocumentsToGenerate(this.idKatios, this.Solicitud) : of(null)), tap((resp) => {
             const list = resp?.data ?? []; // según tu JSON real
             this.documentsToGenerate = list;
             this.documentsToGenerateMap = {};
@@ -222,6 +465,7 @@ class SfDocumentsComponent {
         });
         this.tab = 1;
         this.documentoSeleccionado = null;
+        this.emitNavigationState();
     }
     expandAll() {
         this.files.forEach((node) => {
@@ -246,7 +490,10 @@ class SfDocumentsComponent {
         }
     }
     okCargoArbol = (iArbol) => {
-        if (iArbol.CARPETA.length === undefined) {
+        if (!iArbol.CARPETA && iArbol.length === undefined) {
+            iArbol = new Array(iArbol);
+        }
+        else if (iArbol.CARPETA.length === undefined) {
             iArbol = new Array(iArbol.CARPETA);
         }
         iArbol.forEach((element) => {
@@ -264,15 +511,13 @@ class SfDocumentsComponent {
         this.message("error", "Error al traer la información", iError.message);
         this.documentService.loading = false;
     };
-    onClickedCheckDelete($event, document) {
-        if ($event.checked)
-            this.docsEliminables.push(document);
-        else
-            this.docsEliminables = this.docsEliminables.filter(doc => doc !== document);
-    }
-    funcOkDelDocumentMasivo = () => {
+    // onClickedCheckDelete($event: any, document: any) {
+    //   if ($event.checked) this.docsEliminables.push(document);
+    //   else this.docsEliminables = this.docsEliminables.filter(doc => doc !== document);
+    // }
+    funcOkDelDocumentMasivo = (docsEliminables) => {
         this.totalDocsEliminadosApi.existoso += 1;
-        if (this.totalDocsEliminadosApi.existoso + this.totalDocsEliminadosApi.fallido === this.docsEliminables.length) {
+        if (this.totalDocsEliminadosApi.existoso + this.totalDocsEliminadosApi.fallido === docsEliminables.length) {
             this.cargarParametros(this.tipo);
             if (this.totalDocsEliminadosApi.fallido > 0)
                 this.message("warn", "", "Algunos documentos no pudieron ser eliminados");
@@ -280,30 +525,30 @@ class SfDocumentsComponent {
                 this.message("success", "", "Documentos eliminados satisfactoriamente");
         }
     };
-    funcErrDelDocumentMasivo = () => {
+    funcErrDelDocumentMasivo = (docsEliminables) => {
         this.totalDocsEliminadosApi.fallido += 1;
-        if (this.totalDocsEliminadosApi.existoso + this.totalDocsEliminadosApi.fallido === this.docsEliminables.length) {
+        if (this.totalDocsEliminadosApi.existoso + this.totalDocsEliminadosApi.fallido === docsEliminables.length) {
             this.cargarParametros(this.tipo);
             this.message("warn", "", "Algunos documentos no pudieron ser eliminados");
         }
     };
-    eliminarMasivo() {
+    eliminarMasivo(docsEliminables) {
         this.confirmationService.confirm({
-            message: `¿Desea eliminar los ${this.docsEliminables.length} documentos seleccionados?`,
+            message: `¿Desea eliminar los ${docsEliminables.length} documentos seleccionados?`,
             acceptLabel: 'Si',
             rejectLabel: 'No',
             accept: () => {
                 this.documentService.loading = true;
                 this.totalDocsEliminadosApi = { existoso: 0, fallido: 0 };
-                this.docsEliminables.forEach(doc => {
+                docsEliminables.forEach(doc => {
                     let data = { "code": doc.codigo, "status": "DES" };
                     this.documentsService.updateStatus(this.idKatios, data).subscribe({
                         next: (response) => {
-                            this.funcOkDelDocumentMasivo();
+                            this.funcOkDelDocumentMasivo(docsEliminables);
                         },
                         error: (error) => {
                             this.documentService.loading = false;
-                            this.funcErrDelDocumentMasivo();
+                            this.funcErrDelDocumentMasivo(docsEliminables);
                         }
                     });
                 });
@@ -542,55 +787,36 @@ class SfDocumentsComponent {
     gotoBottom() {
         window.scrollBy(0, this.panel.nativeElement.scrollHeight);
     }
+    get requestData() {
+        return {
+            action: this.accion,
+            entity: this.entidad,
+            tdoc: this.tdoc,
+            ndoc: this.ndoc,
+            request: this.Solicitud,
+            documentProfile: this.perfilDocumentos,
+            product: this.Producto
+        };
+    }
     VerDetalleTab(items) {
-        if (items?.reglas && typeof (items.reglas) == 'string')
-            items.reglas = JSON.parse(items.reglas);
-        if (!items?.reglas?.permisos?.subestados && items?.reglas?.permisos) {
-            items.reglas.permisos.cargarFront = items.reglas.permisos.cargar;
-            items.reglas.permisos.borrarFront = items.reglas.permisos.borrar;
-        }
-        else if (items?.reglas?.permisos?.subestados && !this.isEmptyString(this.subestado)) {
-            items.reglas.permisos.cargarFront = Array.isArray(items.reglas.permisos.subestados.cargar) ? items.reglas.permisos.subestados.cargar.map((c) => c.toLowerCase().trim()).includes(this.subestado.toLowerCase().trim()) : items.reglas.permisos.cargar;
-            items.reglas.permisos.borrarFront = Array.isArray(items.reglas.permisos.subestados.borrar) ? items.reglas.permisos.subestados.borrar.map((b) => b.toLowerCase().trim()).includes(this.subestado.toLowerCase().trim()) : items.reglas.permisos.borrar;
-        }
         this.carpetaSeleccionada = items;
-        this.docsEliminables = [];
         this.totalDocsEliminadosApi = { existoso: 0, fallido: 0 };
-        this.carpetaSeleccionada.children.forEach((element) => element.delete = false);
         this.tab = 2;
+        this.emitNavigationState();
     }
-    isEmptyString(str) {
-        return str === undefined || str === null || str.trim() === '';
-    }
-    eliminarDocumento(docEliminar, e, funcOkDelDocument = this.ok_eliminarDocumento, funcErrDelDocument = this.err_eliminarDocumento) {
-        e.stopPropagation();
-        this.confirmationService.confirm({
-            message: `¿Desea eliminar el documento?`,
-            accept: () => {
-                let data = { "code": docEliminar.codigo, "status": "DES" };
-                this.documentsService.updateStatus(this.idKatios, data).subscribe({
-                    next: (response) => {
-                        funcOkDelDocument();
-                    },
-                    error: (error) => {
-                        this.documentService.loading = false;
-                        funcErrDelDocument(error);
-                    }
-                });
-            }
-        });
-    }
-    ok_eliminarDocumento = () => {
-        this.message("success", "", "Documento eliminado satisfactoriamente");
-        if (this.tipo !== undefined) {
-            this.cargarParametros(this.tipo);
-        }
-    };
-    err_eliminarDocumento = (err) => {
-        this.message("error", "No se pudo eliminar el documento", err.message);
-    };
     goToTab(tab) {
         this.tab = tab;
+        this.emitNavigationState();
+    }
+    emitNavigationState() {
+        if (!this.useBreadcrumb)
+            return;
+        const state = { tab: this.tab };
+        if (this.tab === 2 && this.carpetaSeleccionada) {
+            state.folderLabel = (this.carpetaSeleccionada.label || '')
+                .replace('#toolbar=0&navpanes=0&statusbar=0', '');
+        }
+        this.onNavigationChange.emit(state);
     }
     next(iValor) {
         if (iValor < 0) {
@@ -701,18 +927,18 @@ class SfDocumentsComponent {
             this.dynamicValues[key] = null;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SfDocumentsComponent, deps: [{ token: i1.DomSanitizer }, { token: i2$1.DialogService }, { token: i3.MessageService }, { token: i0.ApplicationRef }, { token: i3.ConfirmationService }, { token: SfDocumentsService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.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", server: "server", idKatios: "idKatios" }, outputs: { nextTabPapa: "nextTabPapa" }, providers: [DialogService, ConfirmationService], viewQueries: [{ propertyName: "panel", first: true, predicate: ["pdf"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"buttons\" *ngIf=\"botones\">\r\n  <div class=\"div-table-col50\" style=\"text-align: center\" *ngIf=\"bAtras\">\r\n    <button pButton type=\"button\" label=\"Atras\" icon=\"pi pi-arrow-left\" (click)=\"next(-1)\"></button>\r\n  </div>\r\n  <div class=\"div-table-col50\" style=\"text-align: center\" *ngIf=\"!bFinal && botones\">\r\n    <button pButton type=\"button\" label=\"Siguiente\" icon=\"pi pi-arrow-right\" (click)=\"next(1)\"></button>\r\n  </div>\r\n  <div class=\"div-table-col50\" *ngIf=\"bFinal\">\r\n    <button pButton type=\"button\" label=\"Finalizar\" icon=\"pi pi-home\" (click)=\"next(0)\"></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 type=\"text\" pInputText placeholder=\"Busqueda\"\r\n             [(ngModel)]=\"valorFiltro\"\r\n             (keyup)=\"filtrarDocumentos()\"\r\n             class=\"w-full\">\r\n    </p-iconfield>\r\n  </div>\r\n\r\n    <div class=\"doc-toolbar-right\" *ngIf=\"(documentTypes?.length ?? 0) > 0\" >\r\n    <button pButton type=\"button\"\r\n            label=\"Generar documento\"\r\n            icon=\"pi pi-file-edit\"\r\n            class=\"p-button-primary\"\r\n            (click)=\"openGenerateDialog()\"\r\n            [disabled]=\"enProceso || !canGenerate\">\r\n    </button>\r\n  </div>\r\n</div>\r\n<p-confirmDialog header=\"Atencion\" icon=\"pi pi-exclamation-triangle\"></p-confirmDialog>\r\n<ng-container *ngIf=\"tab==1\" class=\"tablaGestor\">\r\n  <ng-container *ngFor=\"let carpeta of filesFilter\" class=\"tablaGestor\">\r\n    <p-panel header=\"{{carpeta.label}}\" [style]=\"{'height':'100%'}\">\r\n      <ul class=\"contacts\">\r\n        <li *ngFor=\"let item of carpeta.children\">\r\n          <a (click)=\"VerDetalleTab(item)\">\r\n             <i class=\"{{item.collapsedIcon || 'pi pi-folder'}} imagen\" [ngStyle]=\"{'color': item.children?.length > 0 ? 'green':'red' }\"></i>\r\n            <span class=\"name\">{{item.label}}</span>\r\n            <span class=\"email\" *ngIf=\"item.children !== undefined && item.children.length > 0\">Documentos cargados:\r\n              {{item.children.length}}</span>\r\n            <span class=\"email\" *ngIf=\"item.children?.length === undefined || item.children?.length == 0\">Sin documentos cargados</span>\r\n          </a>\r\n        </li>\r\n      </ul>\r\n    </p-panel>\r\n  </ng-container>\r\n  <ng-container class=\"buttons\" *ngIf=\"botones\">\r\n    <div class=\"div-table-col50\" style=\"text-align: center\" *ngIf=\"bAtras\">\r\n      <button pButton type=\"button\" label=\"Atras\" icon=\"pi pi-arrow-left\" (click)=\"next(-1)\"></button>\r\n    </div>\r\n    <div class=\"div-table-col50\" style=\"text-align: center\" *ngIf=\"!bFinal && botones\">\r\n      <button pButton type=\"button\" label=\"Siguiente\" icon=\"pi pi-arrow-right\" (click)=\"next(1)\"></button>\r\n    </div>\r\n    <div class=\"div-table-col50\" *ngIf=\"bFinal\">\r\n      <button pButton type=\"button\" label=\"Finalizar\" icon=\"pi pi-home\" (click)=\"next(0)\"></button>\r\n    </div>\r\n  </ng-container>\r\n</ng-container>\r\n<ng-container *ngIf=\"tab==2\">\r\n  <div style=\"margin-block: 15px; display: flex;\">\r\n    <button pButton type=\"button\" icon=\"pi pi-arrow-left\" label=\"Volver\" (click)=\"goToTab('1')\"></button>\r\n  </div>\r\n  <p-panel [header]=\"carpetaSeleccionada.label.replace('#toolbar=0&navpanes=0&statusbar=0','')\"\r\n    [style]=\"{'height':'100%'}\">\r\n    <ul class=\"contacts\">\r\n      <li *ngFor=\"let item of carpetaSeleccionada.children\">\r\n        <p-checkbox *ngIf=\"carpetaSeleccionada?.reglas?.permisos?.borrarFront\" [binary]=\"true\" [(ngModel)]=\"item.delete\"\r\n          (onChange)=\"onClickedCheckDelete($event, item)\"></p-checkbox>\r\n        <a (click)=\"openVisorDoc(item)\">\r\n          <span class=\"imagen\" [ngStyle]=\"{'color': item.color }\">\r\n            <embed *ngIf=\"carpetaSeleccionada.TipoArchivo == '2'\" class=\"frameDoc\" scrolling=\"no\"\r\n              [src]=\"item.Path | safe\" style=\"width:75px; height:90px;\">\r\n            <img *ngIf=\"carpetaSeleccionada.TipoArchivo == '1' && isMobile\" class=\"frameDoc\" scrolling=\"no\"\r\n              src=\"https://macuna.tecfinanzas.com/Imagenes/pdf_icon.png\" style=\"width:75px; height:90px;\">\r\n            <iframe *ngIf=\"carpetaSeleccionada.TipoArchivo == '1' && !isMobile\" class=\"frameDoc\"\r\n              style=\"width:85px; height:90px;\" [src]=\"item.Path | safe\" frameborder=\"0\"></iframe>\r\n          </span>\r\n          <div>\r\n            <div>\r\n              <span class=\"name\">{{item.label}}</span>\r\n            </div>\r\n            <div>\r\n              <span class=\"Label\" *ngIf=\"item.FechaSubida && !isMobile\">Fecha Subida: {{item.FechaSubida}}</span>\r\n              <span class=\"Label\" *ngIf=\"item.FechaSubida && isMobile\">{{item.FechaSubida}}</span>\r\n            </div>\r\n          </div>\r\n          <span class=\"celular\">\r\n            <i\r\n              class=\"pi pi-external-link text-blue-500 text-2xl cursor-pointer\"\r\n              (click)=\"openNewWindow(item); $event.stopPropagation()\"\r\n              role=\"button\"\r\n              tabindex=\"0\"\r\n              aria-label=\"Abrir en una nueva ventana\"\r\n              (keydown.enter)=\"openNewWindow(item); $event.stopPropagation()\"\r\n              (keydown.space)=\"openNewWindow(item); $event.stopPropagation()\"\r\n            ></i>\r\n          </span>\r\n        </a>\r\n      </li>\r\n    </ul>\r\n  </p-panel>\r\n  <div class=\"div-table\" style=\"text-align: center;\">\r\n    <div class=\"div-table-row\" style=\"text-align: center;\" class=\"buttons\">\r\n        <lib-upload-dialog *ngIf=\"carpetaSeleccionada?.reglas?.permisos?.cargarFront\" [selectedDocument]=\"carpetaSeleccionada\" (onUploaded)=\"fileChange($event)\" (loadFile)=\"cargarArchivo(carpetaSeleccionada)\"></lib-upload-dialog>\r\n      <button pButton type=\"button\" label=\"Eliminar\" icon=\"pi pi-trash\"\r\n        *ngIf=\"carpetaSeleccionada?.reglas?.permisos?.borrarFront\" (click)=\"eliminarMasivo()\"\r\n        [disabled]=\"docsEliminables.length === 0\"></button>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"div-table\" style=\"font-size: 5px\">\r\n    V1.0.3\r\n  </div>\r\n</ng-container>\r\n\r\n<p-dialog *ngIf=\"displayPDF\" [(visible)]=\"displayPDF\"\r\n  header=\"{{current_label.replace('#toolbar=0&navpanes=0&statusbar=0','')}}\" [modal]=\"true\" [style]=\"{width: '70vw'}\">\r\n  <embed *ngIf=\"carpetaSeleccionada.TipoArchivo == '2'\" [src]=\"current_path | safe\"\r\n    style=\"width:100%; min-height: 600px\">\r\n  <iframe *ngIf=\"carpetaSeleccionada.TipoArchivo == '1'\" style=\"width:100%; min-height: 600px\"\r\n    [src]=\"current_path | safe\"></iframe>\r\n</p-dialog>\r\n\r\n\r\n<ng-template #pdfContent>\r\n  <div class=\"modal-header\">\r\n    <h4 class=\"modal-title\" id=\"modal-basic-title\">{{current_label.replace('#toolbar=0&navpanes=0&statusbar=0','')}}\r\n    </h4>\r\n    <button type=\"button\" class=\"close\" aria-label=\"Close\" (click)=\"modalReference?.close()\">\r\n      <span aria-hidden=\"true\">&times;</span>\r\n    </button>\r\n  </div>\r\n  <div>\r\n    <embed *ngIf=\"carpetaSeleccionada.TipoArchivo == '2'\" [src]=\"current_path | safe\"\r\n      style=\"width:100%; min-height: 600px\">\r\n    <iframe *ngIf=\"carpetaSeleccionada.TipoArchivo == '1'\" style=\"width:100%; min-height: 600px\"\r\n      [src]=\"current_path | safe\"></iframe>\r\n\r\n  </div>\r\n</ng-template>\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<p-dialog 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      </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        </p-datepicker>\r\n\r\n        <!-- String -->\r\n        <input\r\n          *ngIf=\"(p.type || '').toLowerCase() === 'nvarchar' || (p.type || '').toLowerCase() === 'string'\"\r\n          pInputText\r\n          class=\"gen-control\"\r\n          [(ngModel)]=\"dynamicValues[p.name]\"\r\n          placeholder=\"Ingrese un valor\" />\r\n\r\n        <!-- Number -->\r\n        <p-inputNumber\r\n          *ngIf=\"['int','decimal','number'].includes((p.type || '').toLowerCase())\"\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 class=\"gen-control gen-checkbox\"\r\n             *ngIf=\"['boolean','bit','bool'].includes((p.type || '').toLowerCase())\">\r\n          <p-checkbox\r\n            [binary]=\"true\"\r\n            [(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 pButton type=\"button\" label=\"Cancelar\" class=\"p-button-text\"\r\n            (click)=\"displayGenerate=false\"></button>\r\n\r\n    <button pButton type=\"button\" label=\"Generar\" 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\r\n", styles: [".iconWhatsApp{font-size:40px;color:#6495ed}.doc-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0 14px}.doc-toolbar-left{flex:1;min-width:180px}.doc-toolbar-right{display:flex;justify-content:flex-end}@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%}}.buttons{display:flex;justify-content:space-around;margin-block:15px}.frameDoc{overflow:hidden;border:none}.contacts{list-style-type:none;padding:0;margin:0}.contacts li{display:flex;border-bottom:1px solid #e3e3e3}.contacts li>p-checkbox{margin-inline:10px}.contacts li a{padding:0;width:100%;height:90px;box-sizing:border-box;text-decoration:none;position:relative;display:flex;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-transition:background-color .2s;-o-transition:background-color .2s;-webkit-transition:background-color .2s;transition:background-color .2s}.contacts li a .name{position:absolute;right:0;top:3px;font-size:18px}.contacts li a .Label{position:absolute;right:0;top:22px;font-size:13px}.contacts li a .email{position:absolute;right:0;top:30px;font-size:14px;color:#a4a4a4}.contacts li a .imagen{height:40px;width:40px;border-radius:50%;font-size:25px;color:#000;top:5px;display:absolute;text-align:left;vertical-align:center}.contacts li a .celular{position:absolute;right:10px;top:45px;font-size:14px;color:#a4a4a4}.contacts li a:hover{cursor:pointer;background-color:#eee}.contacts li:last-child{border:0}@media only screen and (max-width: 656px),(max-device-width: 656px){.contacts li a .name{position:absolute;right:0;top:10px;font-size:15px;width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contacts li>p-checkbox{margin-left:0}.contacts li a .email{position:absolute;right:0;top:30px;font-size:12px;color:#a4a4a4}.contacts li a .imagen{height:40px;width:40px;border-radius:50%;left:0%;font-size:25px;color:#000;top:5px;display:inline-block;text-align:center;vertical-align:center}.contacts li a .celular{position:absolute;right:10px;top:45px;font-size:15px;color:#00f}.tablaGestor{width:100%}}.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}\n"], dependencies: [{ kind: "ngmodule", type: ToastModule }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i1$1.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.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: "component", type: i7.Panel, selector: "p-panel", inputs: ["toggleable", "header", "collapsed", "style", "styleClass", "iconPos", "expandIcon", "collapseIcon", "showHeader", "toggler", "transitionOptions", "toggleButtonProps"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i8.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: i2.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: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i10.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i11.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: i11.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i11.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: i12.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: UploadDialogComponent, selector: "lib-upload-dialog", inputs: ["selectedDocument"], outputs: ["onUploaded", "loadFile"] }, { kind: "ngmodule", type: DropdownModule }, { kind: "component", type: i13.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: i14.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"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SfDocumentsComponent, deps: [{ token: i1.DomSanitizer }, { token: i2$2.DialogService }, { token: i3$1.MessageService }, { token: i0.ApplicationRef }, { token: i3$1.ConfirmationService }, { token: SfDocumentsService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.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", server: "server", idKatios: "idKatios" }, outputs: { nextTabPapa: "nextTabPapa", onNavigationChange: "onNavigationChange" }, providers: [DialogService, 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 pButton type=\"button\" label=\"Atras\" icon=\"pi pi-arrow-left\" (click)=\"next(-1)\"></button>\r\n      </div>\r\n      <div class=\"div-table-col50\" style=\"text-align: center\" *ngIf=\"!bFinal && botones\">\r\n        <button pButton type=\"button\" label=\"Siguiente\" icon=\"pi pi-arrow-right\" (click)=\"next(1)\"></button>\r\n      </div>\r\n      <div class=\"div-table-col50\" *ngIf=\"bFinal\">\r\n        <button pButton type=\"button\" label=\"Finalizar\" icon=\"pi pi-home\" (click)=\"next(0)\"></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 type=\"text\" pInputText placeholder=\"Buscar carpeta...\"\r\n                 [(ngModel)]=\"valorFiltro\"\r\n                 (keyup)=\"filtrarDocumentos()\"\r\n                 class=\"w-full\">\r\n        </p-iconfield>\r\n      </div>\r\n\r\n        <div class=\"doc-toolbar-right\" *ngIf=\"(documentTypes.length > 0)\" >\r\n        <button pButton 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 header=\"Atencion\" icon=\"pi pi-exclamation-triangle\"></p-confirmDialog>\r\n  <div class=\"sf-doc-scrollable\" *ngIf=\"tab==1\">\r\n    <ng-container *ngFor=\"let carpeta of filesFilter\">\r\n      <div class=\"folder-list\">\r\n        <div class=\"folder-item\" *ngFor=\"let item of carpeta.children\" (click)=\"VerDetalleTab(item)\">\r\n          <i class=\"pi pi-folder folder-item__icon\" [ngStyle]=\"{'color': (item.children?.length > 0 || item.fileCount > 0) ? 'green':'red' }\"></i>\r\n          <div class=\"folder-item__info\">\r\n            <span class=\"folder-item__name\">{{item.label}}</span>\r\n            <span class=\"folder-item__count\" *ngIf=\"item.children?.length > 0\">{{item.children.length}} {{item.children.length === 1 ? 'archivo' : 'archivos'}}</span>\r\n            <span class=\"folder-item__count\" *ngIf=\"(!item.children || item.children.length === 0) && item.fileCount\">{{item.fileCount}} {{item.fileCount === 1 ? 'archivo' : 'archivos'}}</span>\r\n            <span class=\"folder-item__count\" *ngIf=\"(!item.children || item.children.length === 0) && !item.fileCount\">0 archivos</span>\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    <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 pButton type=\"button\" label=\"Atras\" icon=\"pi pi-arrow-left\" (click)=\"next(-1)\"></button>\r\n        </div>\r\n        <div class=\"div-table-col50\" style=\"text-align: center\" *ngIf=\"!bFinal && botones\">\r\n          <button pButton type=\"button\" label=\"Siguiente\" icon=\"pi pi-arrow-right\" (click)=\"next(1)\"></button>\r\n        </div>\r\n        <div class=\"div-table-col50\" *ngIf=\"bFinal\">\r\n          <button pButton type=\"button\" label=\"Finalizar\" icon=\"pi pi-home\" (click)=\"next(0)\"></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      (onFileChange)=\"fileChange($event)\"\r\n      (onCargarArchivo)=\"cargarArchivo($event)\"\r\n      (onOpenVisorDoc)=\"openVisorDoc($event)\"\r\n      (onOpenNewWindow)=\"openNewWindow($event)\"\r\n      (onEliminarMasivo)=\"eliminarMasivo($event)\"\r\n      (onBack)=\"goToTab('1')\">\r\n    </lib-folder-files>\r\n  </div>\r\n</div>\r\n\r\n<p-dialog *ngIf=\"displayPDF\" [(visible)]=\"displayPDF\"\r\n  header=\"{{current_label.replace('#toolbar=0&navpanes=0&statusbar=0','')}}\" [modal]=\"true\" [style]=\"{width: '70vw'}\">\r\n  <embed *ngIf=\"carpetaSeleccionada.TipoArchivo == '2'\" [src]=\"current_path | safe\"\r\n    style=\"width:100%; min-height: 600px\">\r\n  <iframe *ngIf=\"carpetaSeleccionada.TipoArchivo == '1'\" style=\"width:100%; min-height: 600px\"\r\n    [src]=\"current_path | safe\"></iframe>\r\n</p-dialog>\r\n\r\n\r\n<ng-template #pdfContent>\r\n  <div class=\"modal-header\">\r\n    <h4 class=\"modal-title\" id=\"modal-basic-title\">{{current_label.replace('#toolbar=0&navpanes=0&statusbar=0','')}}\r\n    </h4>\r\n    <button type=\"button\" class=\"close\" aria-label=\"Close\" (click)=\"modalReference?.close()\">\r\n      <span aria-hidden=\"true\">&times;</span>\r\n    </button>\r\n  </div>\r\n  <div>\r\n    <embed *ngIf=\"carpetaSeleccionada.TipoArchivo == '2'\" [src]=\"current_path | safe\"\r\n      style=\"width:100%; min-height: 600px\">\r\n    <iframe *ngIf=\"carpetaSeleccionada.TipoArchivo == '1'\" style=\"width:100%; min-height: 600px\"\r\n      [src]=\"current_path | safe\"></iframe>\r\n\r\n  </div>\r\n</ng-template>\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<p-dialog 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      </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        </p-datepicker>\r\n\r\n        <!-- String -->\r\n        <input\r\n          *ngIf=\"(p.type || '').toLowerCase() === 'nvarchar' || (p.type || '').toLowerCase() === 'string'\"\r\n          pInputText\r\n          class=\"gen-control\"\r\n          [(ngModel)]=\"dynamicValues[p.name]\"\r\n          placeholder=\"Ingrese un valor\" />\r\n\r\n        <!-- Number -->\r\n        <p-inputNumber\r\n          *ngIf=\"['int','decimal','number'].includes((p.type || '').toLowerCase())\"\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 class=\"gen-control gen-checkbox\"\r\n             *ngIf=\"['boolean','bit','bool'].includes((p.type || '').toLowerCase())\">\r\n          <p-checkbox\r\n            [binary]=\"true\"\r\n            [(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 pButton type=\"button\" label=\"Cancelar\" class=\"p-button-text\"\r\n            (click)=\"displayGenerate=false\"></button>\r\n\r\n    <button pButton type=\"button\" label=\"Generar\" 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\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}.frameDoc{overflow:hidden;border:none}.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}\n"], dependencies: [{ kind: "ngmodule", type: ToastModule }, { kind: "directive", type: i3$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i1$1.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: i5.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: i2.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: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.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: i6.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"], outputs: ["onFileChange", "onCargarArchivo", "onEliminarMasivo", "onOpenVisorDoc", "onOpenNewWindow", "onBack"] }, { kind: "ngmodule", type: DropdownModule }, { kind: "component", type: i12.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: 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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SfDocumentsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-sf-documents', imports: [
                         ToastModule, ButtonModule, ConfirmDialogModule, PanelModule, CheckboxModule,
                         DialogModule, CommonModule, FormsModule, SafePipe, InputTextModule, InputIcon,
-                        IconField, UploadDialogComponent,
+                        IconField, FolderFilesComponent,
                         DropdownModule, DatePickerModule
-                    ], providers: [DialogService, ConfirmationService], standalone: true, template: "<div class=\"buttons\" *ngIf=\"botones\">\r\n  <div class=\"div-table-col50\" style=\"text-align: center\" *ngIf=\"bAtras\">\r\n    <button pButton type=\"button\" label=\"Atras\" icon=\"pi pi-arrow-left\" (click)=\"next(-1)\"></button>\r\n  </div>\r\n  <div class=\"div-table-col50\" style=\"text-align: center\" *ngIf=\"!bFinal && botones\">\r\n    <button pButton type=\"button\" label=\"Siguiente\" icon=\"pi pi-arrow-right\" (click)=\"next(1)\"></button>\r\n  </div>\r\n  <div class=\"div-table-col50\" *ngIf=\"bFinal\">\r\n    <button pButton type=\"button\" label=\"Finalizar\" icon=\"pi pi-home\" (click)=\"next(0)\"></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 type=\"text\" pInputText placeholder=\"Busqueda\"\r\n             [(ngModel)]=\"valorFiltro\"\r\n             (keyup)=\"filtrarDocumentos()\"\r\n             class=\"w-full\">\r\n    </p-iconfield>\r\n  </div>\r\n\r\n    <div class=\"doc-toolbar-right\" *ngIf=\"(documentTypes?.length ?? 0) > 0\" >\r\n    <button pButton type=\"button\"\r\n            label=\"Generar documento\"\r\n            icon=\"pi pi-file-edit\"\r\n            class=\"p-button-primary\"\r\n            (click)=\"openGenerateDialog()\"\r\n            [disabled]=\"enProceso || !canGenerate\">\r\n    </button>\r\n  </div>\r\n</div>\r\n<p-confirmDialog header=\"Atencion\" icon=\"pi pi-exclamation-triangle\"></p-confirmDialog>\r\n<ng-container *ngIf=\"tab==1\" class=\"tablaGestor\">\r\n  <ng-container *ngFor=\"let carpeta of filesFilter\" class=\"tablaGestor\">\r\n    <p-panel header=\"{{carpeta.label}}\" [style]=\"{'height':'100%'}\">\r\n      <ul class=\"contacts\">\r\n        <li *ngFor=\"let item of carpeta.children\">\r\n          <a (click)=\"VerDetalleTab(item)\">\r\n             <i class=\"{{item.collapsedIcon || 'pi pi-folder'}} imagen\" [ngStyle]=\"{'color': item.children?.length > 0 ? 'green':'red' }\"></i>\r\n            <span class=\"name\">{{item.label}}</span>\r\n            <span class=\"email\" *ngIf=\"item.children !== undefined && item.children.length > 0\">Documentos cargados:\r\n              {{item.children.length}}</span>\r\n            <span class=\"email\" *ngIf=\"item.children?.length === undefined || item.children?.length == 0\">Sin documentos cargados</span>\r\n          </a>\r\n        </li>\r\n      </ul>\r\n    </p-panel>\r\n  </ng-container>\r\n  <ng-container class=\"buttons\" *ngIf=\"botones\">\r\n    <div class=\"div-table-col50\" style=\"text-align: center\" *ngIf=\"bAtras\">\r\n      <button pButton type=\"button\" label=\"Atras\" icon=\"pi pi-arrow-left\" (click)=\"next(-1)\"></button>\r\n    </div>\r\n    <div class=\"div-table-col50\" style=\"text-align: center\" *ngIf=\"!bFinal && botones\">\r\n      <button pButton type=\"button\" label=\"Siguiente\" icon=\"pi pi-arrow-right\" (click)=\"next(1)\"></button>\r\n    </div>\r\n    <div class=\"div-table-col50\" *ngIf=\"bFinal\">\r\n      <button pButton type=\"button\" label=\"Finalizar\" icon=\"pi pi-home\" (click)=\"next(0)\"></button>\r\n    </div>\r\n  </ng-container>\r\n</ng-container>\r\n<ng-container *ngIf=\"tab==2\">\r\n  <div style=\"margin-block: 15px; display: flex;\">\r\n    <button pButton type=\"button\" icon=\"pi pi-arrow-left\" label=\"Volver\" (click)=\"goToTab('1')\"></button>\r\n  </div>\r\n  <p-panel [header]=\"carpetaSeleccionada.label.replace('#toolbar=0&navpanes=0&statusbar=0','')\"\r\n    [style]=\"{'height':'100%'}\">\r\n    <ul class=\"contacts\">\r\n      <li *ngFor=\"let item of carpetaSeleccionada.children\">\r\n        <p-checkbox *ngIf=\"carpetaSeleccionada?.reglas?.permisos?.borrarFront\" [binary]=\"true\" [(ngModel)]=\"item.delete\"\r\n          (onChange)=\"onClickedCheckDelete($event, item)\"></p-checkbox>\r\n        <a (click)=\"openVisorDoc(item)\">\r\n          <span class=\"imagen\" [ngStyle]=\"{'color': item.color }\">\r\n            <embed *ngIf=\"carpetaSeleccionada.TipoArchivo == '2'\" class=\"frameDoc\" scrolling=\"no\"\r\n              [src]=\"item.Path | safe\" style=\"width:75px; height:90px;\">\r\n            <img *ngIf=\"carpetaSeleccionada.TipoArchivo == '1' && isMobile\" class=\"frameDoc\" scrolling=\"no\"\r\n              src=\"https://macuna.tecfinanzas.com/Imagenes/pdf_icon.png\" style=\"width:75px; height:90px;\">\r\n            <iframe *ngIf=\"carpetaSeleccionada.TipoArchivo == '1' && !isMobile\" class=\"frameDoc\"\r\n              style=\"width:85px; height:90px;\" [src]=\"item.Path | safe\" frameborder=\"0\"></iframe>\r\n          </span>\r\n          <div>\r\n            <div>\r\n              <span class=\"name\">{{item.label}}</span>\r\n            </div>\r\n            <div>\r\n              <span class=\"Label\" *ngIf=\"item.FechaSubida && !isMobile\">Fecha Subida: {{item.FechaSubida}}</span>\r\n              <span class=\"Label\" *ngIf=\"item.FechaSubida && isMobile\">{{item.FechaSubida}}</span>\r\n            </div>\r\n          </div>\r\n          <span class=\"celular\">\r\n            <i\r\n              class=\"pi pi-external-link text-blue-500 text-2xl cursor-pointer\"\r\n              (click)=\"openNewWindow(item); $event.stopPropagation()\"\r\n              role=\"button\"\r\n              tabindex=\"0\"\r\n              aria-label=\"Abrir en una nueva ventana\"\r\n              (keydown.enter)=\"openNewWindow(item); $event.stopPropagation()\"\r\n              (keydown.space)=\"openNewWindow(item); $event.stopPropagation()\"\r\n            ></i>\r\n          </span>\r\n        </a>\r\n      </li>\r\n    </ul>\r\n  </p-panel>\r\n  <div class=\"div-table\" style=\"text-align: center;\">\r\n    <div class=\"div-table-row\" style=\"text-align: center;\" class=\"buttons\">\r\n        <lib-upload-dialog *ngIf=\"carpetaSeleccionada?.reglas?.permisos?.cargarFront\" [selectedDocument]=\"carpetaSeleccionada\" (onUploaded)=\"fileChange($event)\" (loadFile)=\"cargarArchivo(carpetaSeleccionada)\"></lib-upload-dialog>\r\n      <button pButton type=\"button\" label=\"Eliminar\" icon=\"pi pi-trash\"\r\n        *ngIf=\"carpetaSeleccionada?.reglas?.permisos?.borrarFront\" (click)=\"eliminarMasivo()\"\r\n        [disabled]=\"docsEliminables.length === 0\"></button>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"div-table\" style=\"font-size: 5px\">\r\n    V1.0.3\r\n  </div>\r\n</ng-container>\r\n\r\n<p-dialog *ngIf=\"displayPDF\" [(visible)]=\"displayPDF\"\r\n  header=\"{{current_label.replace('#toolbar=0&navpanes=0&statusbar=0','')}}\" [modal]=\"true\" [style]=\"{width: '70vw'}\">\r\n  <embed *ngIf=\"carpetaSeleccionada.TipoArchivo == '2'\" [src]=\"current_path | safe\"\r\n    style=\"width:100%; min-height: 600px\">\r\n  <iframe *ngIf=\"carpetaSeleccionada.TipoArchivo == '1'\" style=\"width:100%; min-height: 600px\"\r\n    [src]=\"current_path | safe\"></iframe>\r\n</p-dialog>\r\n\r\n\r\n<ng-template #pdfContent>\r\n  <div class=\"modal-header\">\r\n    <h4 class=\"modal-title\" id=\"modal-basic-title\">{{current_label.replace('#toolbar=0&navpanes=0&statusbar=0','')}}\r\n    </h4>\r\n    <button type=\"button\" class=\"close\" aria-label=\"Close\" (click)=\"modalReference?.close()\">\r\n      <span aria-hidden=\"true\">&times;</span>\r\n    </button>\r\n  </div>\r\n  <div>\r\n    <embed *ngIf=\"carpetaSeleccionada.TipoArchivo == '2'\" [src]=\"current_path | safe\"\r\n      style=\"width:100%; min-height: 600px\">\r\n    <iframe *ngIf=\"carpetaSeleccionada.TipoArchivo == '1'\" style=\"width:100%; min-height: 600px\"\r\n      [src]=\"current_path | safe\"></iframe>\r\n\r\n  </div>\r\n</ng-template>\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<p-dialog 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      </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        </p-datepicker>\r\n\r\n        <!-- String -->\r\n        <input\r\n          *ngIf=\"(p.type || '').toLowerCase() === 'nvarchar' || (p.type || '').toLowerCase() === 'string'\"\r\n          pInputText\r\n          class=\"gen-control\"\r\n          [(ngModel)]=\"dynamicValues[p.name]\"\r\n          placeholder=\"Ingrese un valor\" />\r\n\r\n        <!-- Number -->\r\n        <p-inputNumber\r\n          *ngIf=\"['int','decimal','number'].includes((p.type || '').toLowerCase())\"\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 class=\"gen-control gen-checkbox\"\r\n             *ngIf=\"['boolean','bit','bool'].includes((p.type || '').toLowerCase())\">\r\n          <p-checkbox\r\n            [binary]=\"true\"\r\n            [(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 pButton type=\"button\" label=\"Cancelar\" class=\"p-button-text\"\r\n            (click)=\"displayGenerate=false\"></button>\r\n\r\n    <button pButton type=\"button\" label=\"Generar\" 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\r\n", styles: [".iconWhatsApp{font-size:40px;color:#6495ed}.doc-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0 14px}.doc-toolbar-left{flex:1;min-width:180px}.doc-toolbar-right{display:flex;justify-content:flex-end}@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%}}.buttons{display:flex;justify-content:space-around;margin-block:15px}.frameDoc{overflow:hidden;border:none}.contacts{list-style-type:none;padding:0;margin:0}.contacts li{display:flex;border-bottom:1px solid #e3e3e3}.contacts li>p-checkbox{margin-inline:10px}.contacts li a{padding:0;width:100%;height:90px;box-sizing:border-box;text-decoration:none;position:relative;display:flex;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-transition:background-color .2s;-o-transition:background-color .2s;-webkit-transition:background-color .2s;transition:background-color .2s}.contacts li a .name{position:absolute;right:0;top:3px;font-size:18px}.contacts li a .Label{position:absolute;right:0;top:22px;font-size:13px}.contacts li a .email{position:absolute;right:0;top:30px;font-size:14px;color:#a4a4a4}.contacts li a .imagen{height:40px;width:40px;border-radius:50%;font-size:25px;color:#000;top:5px;display:absolute;text-align:left;vertical-align:center}.contacts li a .celular{position:absolute;right:10px;top:45px;font-size:14px;color:#a4a4a4}.contacts li a:hover{cursor:pointer;background-color:#eee}.contacts li:last-child{border:0}@media only screen and (max-width: 656px),(max-device-width: 656px){.contacts li a .name{position:absolute;right:0;top:10px;font-size:15px;width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contacts li>p-checkbox{margin-left:0}.contacts li a .email{position:absolute;right:0;top:30px;font-size:12px;color:#a4a4a4}.contacts li a .imagen{height:40px;width:40px;border-radius:50%;left:0%;font-size:25px;color:#000;top:5px;display:inline-block;text-align:center;vertical-align:center}.contacts li a .celular{position:absolute;right:10px;top:45px;font-size:15px;color:#00f}.tablaGestor{width:100%}}.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}\n"] }]
-        }], ctorParameters: () => [{ type: i1.DomSanitizer }, { type: i2$1.DialogService }, { type: i3.MessageService }, { type: i0.ApplicationRef }, { type: i3.ConfirmationService }, { type: SfDocumentsService }], propDecorators: { accion: [{
+                    ], providers: [DialogService, 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 pButton type=\"button\" label=\"Atras\" icon=\"pi pi-arrow-left\" (click)=\"next(-1)\"></button>\r\n      </div>\r\n      <div class=\"div-table-col50\" style=\"text-align: center\" *ngIf=\"!bFinal && botones\">\r\n        <button pButton type=\"button\" label=\"Siguiente\" icon=\"pi pi-arrow-right\" (click)=\"next(1)\"></button>\r\n      </div>\r\n      <div class=\"div-table-col50\" *ngIf=\"bFinal\">\r\n        <button pButton type=\"button\" label=\"Finalizar\" icon=\"pi pi-home\" (click)=\"next(0)\"></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 type=\"text\" pInputText placeholder=\"Buscar carpeta...\"\r\n                 [(ngModel)]=\"valorFiltro\"\r\n                 (keyup)=\"filtrarDocumentos()\"\r\n                 class=\"w-full\">\r\n        </p-iconfield>\r\n      </div>\r\n\r\n        <div class=\"doc-toolbar-right\" *ngIf=\"(documentTypes.length > 0)\" >\r\n        <button pButton 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 header=\"Atencion\" icon=\"pi pi-exclamation-triangle\"></p-confirmDialog>\r\n  <div class=\"sf-doc-scrollable\" *ngIf=\"tab==1\">\r\n    <ng-container *ngFor=\"let carpeta of filesFilter\">\r\n      <div class=\"folder-list\">\r\n        <div class=\"folder-item\" *ngFor=\"let item of carpeta.children\" (click)=\"VerDetalleTab(item)\">\r\n          <i class=\"pi pi-folder folder-item__icon\" [ngStyle]=\"{'color': (item.children?.length > 0 || item.fileCount > 0) ? 'green':'red' }\"></i>\r\n          <div class=\"folder-item__info\">\r\n            <span class=\"folder-item__name\">{{item.label}}</span>\r\n            <span class=\"folder-item__count\" *ngIf=\"item.children?.length > 0\">{{item.children.length}} {{item.children.length === 1 ? 'archivo' : 'archivos'}}</span>\r\n            <span class=\"folder-item__count\" *ngIf=\"(!item.children || item.children.length === 0) && item.fileCount\">{{item.fileCount}} {{item.fileCount === 1 ? 'archivo' : 'archivos'}}</span>\r\n            <span class=\"folder-item__count\" *ngIf=\"(!item.children || item.children.length === 0) && !item.fileCount\">0 archivos</span>\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    <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 pButton type=\"button\" label=\"Atras\" icon=\"pi pi-arrow-left\" (click)=\"next(-1)\"></button>\r\n        </div>\r\n        <div class=\"div-table-col50\" style=\"text-align: center\" *ngIf=\"!bFinal && botones\">\r\n          <button pButton type=\"button\" label=\"Siguiente\" icon=\"pi pi-arrow-right\" (click)=\"next(1)\"></button>\r\n        </div>\r\n        <div class=\"div-table-col50\" *ngIf=\"bFinal\">\r\n          <button pButton type=\"button\" label=\"Finalizar\" icon=\"pi pi-home\" (click)=\"next(0)\"></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      (onFileChange)=\"fileChange($event)\"\r\n      (onCargarArchivo)=\"cargarArchivo($event)\"\r\n      (onOpenVisorDoc)=\"openVisorDoc($event)\"\r\n      (onOpenNewWindow)=\"openNewWindow($event)\"\r\n      (onEliminarMasivo)=\"eliminarMasivo($event)\"\r\n      (onBack)=\"goToTab('1')\">\r\n    </lib-folder-files>\r\n  </div>\r\n</div>\r\n\r\n<p-dialog *ngIf=\"displayPDF\" [(visible)]=\"displayPDF\"\r\n  header=\"{{current_label.replace('#toolbar=0&navpanes=0&statusbar=0','')}}\" [modal]=\"true\" [style]=\"{width: '70vw'}\">\r\n  <embed *ngIf=\"carpetaSeleccionada.TipoArchivo == '2'\" [src]=\"current_path | safe\"\r\n    style=\"width:100%; min-height: 600px\">\r\n  <iframe *ngIf=\"carpetaSeleccionada.TipoArchivo == '1'\" style=\"width:100%; min-height: 600px\"\r\n    [src]=\"current_path | safe\"></iframe>\r\n</p-dialog>\r\n\r\n\r\n<ng-template #pdfContent>\r\n  <div class=\"modal-header\">\r\n    <h4 class=\"modal-title\" id=\"modal-basic-title\">{{current_label.replace('#toolbar=0&navpanes=0&statusbar=0','')}}\r\n    </h4>\r\n    <button type=\"button\" class=\"close\" aria-label=\"Close\" (click)=\"modalReference?.close()\">\r\n      <span aria-hidden=\"true\">&times;</span>\r\n    </button>\r\n  </div>\r\n  <div>\r\n    <embed *ngIf=\"carpetaSeleccionada.TipoArchivo == '2'\" [src]=\"current_path | safe\"\r\n      style=\"width:100%; min-height: 600px\">\r\n    <iframe *ngIf=\"carpetaSeleccionada.TipoArchivo == '1'\" style=\"width:100%; min-height: 600px\"\r\n      [src]=\"current_path | safe\"></iframe>\r\n\r\n  </div>\r\n</ng-template>\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<p-dialog 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      </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        </p-datepicker>\r\n\r\n        <!-- String -->\r\n        <input\r\n          *ngIf=\"(p.type || '').toLowerCase() === 'nvarchar' || (p.type || '').toLowerCase() === 'string'\"\r\n          pInputText\r\n          class=\"gen-control\"\r\n          [(ngModel)]=\"dynamicValues[p.name]\"\r\n          placeholder=\"Ingrese un valor\" />\r\n\r\n        <!-- Number -->\r\n        <p-inputNumber\r\n          *ngIf=\"['int','decimal','number'].includes((p.type || '').toLowerCase())\"\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 class=\"gen-control gen-checkbox\"\r\n             *ngIf=\"['boolean','bit','bool'].includes((p.type || '').toLowerCase())\">\r\n          <p-checkbox\r\n            [binary]=\"true\"\r\n            [(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 pButton type=\"button\" label=\"Cancelar\" class=\"p-button-text\"\r\n            (click)=\"displayGenerate=false\"></button>\r\n\r\n    <button pButton type=\"button\" label=\"Generar\" 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\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}.frameDoc{overflow:hidden;border:none}.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}\n"] }]
+        }], ctorParameters: () => [{ type: i1.DomSanitizer }, { type: i2$2.DialogService }, { type: i3$1.MessageService }, { type: i0.ApplicationRef }, { type: i3$1.ConfirmationService }, { type: SfDocumentsService }], propDecorators: { accion: [{
                 type: Input
             }], entidad: [{
                 type: Input
@@ -748,6 +974,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 type: Input
             }], nmco: [{
                 type: Input
+            }], useBreadcrumb: [{
+                type: Input
+            }], onNavigationChange: [{
+                type: Output
             }], server: [{
                 type: Input
             }], panel: [{
@@ -765,5 +995,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { DOCUMENT_SERVICE, SfDocumentsComponent, SfDocumentsService };
+export { DOCUMENT_SERVICE, FolderFilesComponent, SfDocumentsComponent, SfDocumentsService };
 //# sourceMappingURL=sf-documents.mjs.map