@jvsoft/mat-form-controls 1.0.0-alpha.13

package/fesm2022/jvsoft-mat-form-controls-jvs-file-upload.mjs

@@ -0,0 +1,624 @@
+import * as i0 from '@angular/core';
+import { input, EventEmitter, HostListener, HostBinding, Output, Directive, output, computed, Component, signal, forwardRef } from '@angular/core';
+import { mensajeToast, convertirBytes, mensajeConfirmacion } from '@jvsoft/utils';
+import { NgClass, formatDate, NgTemplateOutlet } from '@angular/common';
+import * as i1 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i2 from '@angular/material/progress-bar';
+import { MatProgressBarModule } from '@angular/material/progress-bar';
+import * as i3 from '@angular/material/core';
+import { MatRippleModule } from '@angular/material/core';
+import * as i4 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { ReactiveFormsModule, NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
+import { HttpEventType } from '@angular/common/http';
+import * as i1$1 from '@angular/material/divider';
+import { MatDividerModule } from '@angular/material/divider';
+import * as i3$1 from '@angular/material/list';
+import { MatListModule } from '@angular/material/list';
+import { lastValueFrom, map, catchError, of } from 'rxjs';
+
+/**
+ * Directiva que convierte cualquier elemento en una zona de drag-and-drop
+ * para subida de archivos.
+ *
+ * @example
+ * <div jvsFileUpload [controlFile]="inputRef" (filesChange)="onFiles($event)">
+ */
+class JvsFileUploadDirective {
+    // ── Inputs ──────────────────────────────────────────────────────────────
+    fondoInicial = input('');
+    fondoDragOver = input('#e5e7eb');
+    controlFile = input.required();
+    extensionesPermitidas = input([]);
+    parteDeNombre = input([]);
+    parteDeNombreExclusivo = input([]);
+    tamanoMaximoMB = input(null);
+    isDisabled = input(false);
+    // ── Outputs ─────────────────────────────────────────────────────────────
+    filesChange = new EventEmitter();
+    filesInvalidChange = new EventEmitter();
+    // ── Host bindings ────────────────────────────────────────────────────────
+    background = '';
+    // ── Listeners ────────────────────────────────────────────────────────────
+    onDragOver(evt) {
+        evt.preventDefault();
+        evt.stopPropagation();
+        if (!this.isDisabled()) {
+            this.background = this.fondoDragOver();
+        }
+    }
+    onDragLeave(evt) {
+        evt.preventDefault();
+        evt.stopPropagation();
+        if (!this.isDisabled()) {
+            this.background = this.fondoInicial();
+        }
+    }
+    onDrop(evt) {
+        evt.preventDefault();
+        evt.stopPropagation();
+        if (this.isDisabled())
+            return;
+        this.background = this.fondoInicial();
+        const files = Array.from(evt.dataTransfer?.files ?? []);
+        const result = JvsFileUploadDirective.filtrarArchivos(files, {
+            extensionesPermitidas: this.extensionesPermitidas(),
+            parteDeNombre: this.parteDeNombre(),
+            parteDeNombreExclusivo: this.parteDeNombreExclusivo(),
+            tamanoMaximoMB: this.tamanoMaximoMB(),
+        }, this.controlFile().multiple);
+        this.filesChange.emit(result.valid);
+        this.filesInvalidChange.emit(result.invalid);
+    }
+    // ── Static helpers ───────────────────────────────────────────────────────
+    /**
+     * Filtra un array de archivos según extensión, partes de nombre y tamaño máximo.
+     *
+     * Lógica:
+     * 1. Si el archivo excede `tamanoMaximoMB` → inválido.
+     * 2. Si el nombre contiene algún valor de `parteDeNombreExclusivo` → válido sin checar extensión.
+     * 3. Si la extensión está en `extensionesPermitidas` Y el nombre contiene TODOS los valores
+     *    de `parteDeNombre` → válido.
+     * 4. En cualquier otro caso → inválido.
+     */
+    static filtrarArchivos(files, params, multiple = true) {
+        const validFiles = [];
+        const invalidFiles = [];
+        const getExt = (nombre) => {
+            const idx = nombre.lastIndexOf('.');
+            return idx !== -1 ? nombre.slice(idx + 1).toLowerCase() : '';
+        };
+        for (const file of files) {
+            const ext = getExt(file.name);
+            const tamanoMB = file.size / (1024 * 1024);
+            // 1. Validar tamaño
+            if (params.tamanoMaximoMB && tamanoMB > params.tamanoMaximoMB) {
+                mensajeToast('error', 'Archivo no válido', `El archivo <strong>${file.name}</strong> supera el tamaño máximo permitido (${params.tamanoMaximoMB} MB).`);
+                invalidFiles.push(file);
+                continue;
+            }
+            // 2. Nombre exclusivo (bypass de extensión)
+            if (params.parteDeNombreExclusivo.length > 0 &&
+                params.parteDeNombreExclusivo.some(p => file.name.includes(p))) {
+                validFiles.push(file);
+                if (!multiple)
+                    break;
+                continue;
+            }
+            // 3. Extensión permitida + partes de nombre requeridas
+            const extensionOk = params.extensionesPermitidas.length === 0 ||
+                params.extensionesPermitidas.includes(ext);
+            const nombreOk = params.parteDeNombre.every(p => file.name.includes(p));
+            if (extensionOk && nombreOk) {
+                validFiles.push(file);
+                if (!multiple)
+                    break;
+            }
+            else {
+                mensajeToast('error', 'Archivo no válido', `El archivo <strong>${file.name}</strong> no es válido.`);
+                invalidFiles.push(file);
+            }
+        }
+        return { valid: validFiles, invalid: invalidFiles };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: JvsFileUploadDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.14", type: JvsFileUploadDirective, isStandalone: true, selector: "[jvsFileUpload]", inputs: { fondoInicial: { classPropertyName: "fondoInicial", publicName: "fondoInicial", isSignal: true, isRequired: false, transformFunction: null }, fondoDragOver: { classPropertyName: "fondoDragOver", publicName: "fondoDragOver", isSignal: true, isRequired: false, transformFunction: null }, controlFile: { classPropertyName: "controlFile", publicName: "controlFile", isSignal: true, isRequired: true, transformFunction: null }, extensionesPermitidas: { classPropertyName: "extensionesPermitidas", publicName: "extensionesPermitidas", isSignal: true, isRequired: false, transformFunction: null }, parteDeNombre: { classPropertyName: "parteDeNombre", publicName: "parteDeNombre", isSignal: true, isRequired: false, transformFunction: null }, parteDeNombreExclusivo: { classPropertyName: "parteDeNombreExclusivo", publicName: "parteDeNombreExclusivo", isSignal: true, isRequired: false, transformFunction: null }, tamanoMaximoMB: { classPropertyName: "tamanoMaximoMB", publicName: "tamanoMaximoMB", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filesChange: "filesChange", filesInvalidChange: "filesInvalidChange" }, host: { listeners: { "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "drop": "onDrop($event)" }, properties: { "style.background": "this.background" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: JvsFileUploadDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[jvsFileUpload]',
+                }]
+        }], propDecorators: { filesChange: [{
+                type: Output
+            }], filesInvalidChange: [{
+                type: Output
+            }], background: [{
+                type: HostBinding,
+                args: ['style.background']
+            }], onDragOver: [{
+                type: HostListener,
+                args: ['dragover', ['$event']]
+            }], onDragLeave: [{
+                type: HostListener,
+                args: ['dragleave', ['$event']]
+            }], onDrop: [{
+                type: HostListener,
+                args: ['drop', ['$event']]
+            }] } });
+
+/**
+ * Componente de ítem individual de la lista de archivos en modo `temporal`.
+ * Muestra nombre, tamaño, barra de progreso y acciones (descargar, firmar, eliminar).
+ */
+class JvsFileUploadItemComponent {
+    // ── Inputs ───────────────────────────────────────────────────────────────
+    file = input.required();
+    permitirEliminar = input(true);
+    isDisabled = input(false);
+    // ── Outputs ──────────────────────────────────────────────────────────────
+    eliminar = output();
+    descargar = output();
+    firmar = output();
+    // ── Computed ──────────────────────────────────────────────────────────────
+    extension = computed(() => {
+        const f = this.file();
+        return f.servFile?.extension ?? f.file?.name?.split('.').pop()?.toLowerCase() ?? '';
+    });
+    nombreMostrado = computed(() => {
+        const f = this.file();
+        return f.servFile?.nombre ?? f.file?.name ?? '';
+    });
+    estadoProgreso = computed(() => {
+        const f = this.file();
+        if (f.progress === 100 && f.servFile)
+            return 'completado';
+        if (f.progress === 100 && !f.servFile)
+            return 'incompleto';
+        if (f.progress > 0 && f.progress < 100)
+            return 'cargando';
+        return '';
+    });
+    modoProgreso = computed(() => {
+        const f = this.file();
+        return (f.progress === 100 && !f.servFile) ? 'indeterminate' : 'determinate';
+    });
+    mostrarBotonDescargar = computed(() => {
+        const sf = this.file().servFile;
+        // key → DB-stored file; path → freshly uploaded (backend returns plain path string); cArchivoData → PDF generation metadata
+        return !!sf?.key || !!sf?.path || !!sf?.cArchivoData;
+    });
+    mostrarBotonFirmar = computed(() => !!this.file().servFile && !this.isDisabled());
+    mostrarBotonEliminar = computed(() => this.permitirEliminar() && !this.isDisabled());
+    tamanioArchivo = computed(() => {
+        const f = this.file();
+        const file = f.file;
+        if (!file)
+            return 0;
+        return file.size ?? 0;
+    });
+    // ── Utilidades ────────────────────────────────────────────────────────────
+    convertirBytes = convertirBytes;
+    onEliminar() {
+        this.eliminar.emit(this.file());
+    }
+    onDescargar() {
+        this.descargar.emit(this.file());
+    }
+    onFirmar() {
+        if (this.file().servFile) {
+            this.firmar.emit(this.file().servFile);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: JvsFileUploadItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: JvsFileUploadItemComponent, isStandalone: true, selector: "jvs-file-upload-item", inputs: { file: { classPropertyName: "file", publicName: "file", isSignal: true, isRequired: true, transformFunction: null }, permitirEliminar: { classPropertyName: "permitirEliminar", publicName: "permitirEliminar", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { eliminar: "eliminar", descargar: "descargar", firmar: "firmar" }, ngImport: i0, template: "<div class=\"jvs-file-item\">\n\n  <!-- \u00CDcono por tipo de archivo -->\n  <div class=\"jvs-file-item__icon\">\n    @switch (extension()) {\n      @case ('pdf') {\n        <mat-icon class=\"icon-pdf\" svgIcon=\"fa5FilePdf\" />\n      }\n      @case ('xls') {\n        <mat-icon class=\"icon-excel\" svgIcon=\"fa5FileExcel\" />\n      }\n      @case ('xlsx') {\n        <mat-icon class=\"icon-excel\" svgIcon=\"fa5FileExcel\" />\n      }\n      @case ('doc') {\n        <mat-icon class=\"icon-word\" svgIcon=\"fa5FileWord\" />\n      }\n      @case ('docx') {\n        <mat-icon class=\"icon-word\" svgIcon=\"fa5FileWord\" />\n      }\n      @case ('jpg') {\n        <mat-icon class=\"icon-image\" svgIcon=\"roundImage\" />\n      }\n      @case ('jpeg') {\n        <mat-icon class=\"icon-image\" svgIcon=\"roundImage\" />\n      }\n      @case ('png') {\n        <mat-icon class=\"icon-image\" svgIcon=\"roundImage\" />\n      }\n      @default {\n        <mat-icon svgIcon=\"fa5File\" />\n      }\n    }\n  </div>\n\n  <!-- Informaci\u00F3n del archivo -->\n  <div class=\"jvs-file-item__info\">\n    <p class=\"jvs-file-item__name\" [title]=\"nombreMostrado()\">\n      {{ nombreMostrado() }}\n    </p>\n\n    @if (file().servFile) {\n      <p class=\"jvs-file-item__status jvs-file-item__status--server\">En servidor</p>\n    } @else {\n      <p class=\"jvs-file-item__status\">\n        {{ convertirBytes(tamanioArchivo()) }}\n      </p>\n    }\n\n    @if (file().errorSubida) {\n      <p class=\"jvs-file-item__status jvs-file-item__status--error\">Error al subir</p>\n    }\n\n    <mat-progress-bar\n      [value]=\"file().progress\"\n      [mode]=\"modoProgreso()\"\n      [class]=\"estadoProgreso()\"\n    />\n  </div>\n\n  <!-- Acciones -->\n  <div class=\"jvs-file-item__actions\">\n\n    @if (mostrarBotonDescargar()) {\n      <button\n        type=\"button\"\n        class=\"jvs-file-item__btn jvs-file-item__btn--download\"\n        matRipple\n        (click)=\"onDescargar()\"\n        matTooltip=\"Descargar\"\n      >\n        <mat-icon svgIcon=\"roundDownload\" />\n      </button>\n    }\n\n    @if (mostrarBotonFirmar()) {\n      <button\n        type=\"button\"\n        class=\"jvs-file-item__btn jvs-file-item__btn--sign\"\n        matRipple\n        (click)=\"onFirmar()\"\n        matTooltip=\"Firmar\"\n      >\n        <mat-icon svgIcon=\"roundDraw\" />\n      </button>\n    }\n\n    @if (mostrarBotonEliminar()) {\n      <button\n        type=\"button\"\n        class=\"jvs-file-item__btn jvs-file-item__btn--delete\"\n        matRipple\n        (click)=\"onEliminar()\"\n        matTooltip=\"Eliminar\"\n      >\n        <mat-icon svgIcon=\"roundDelete\" />\n      </button>\n    }\n\n  </div>\n</div>\n", styles: [":host{display:block}.jvs-file-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 0}.jvs-file-item__icon{flex-shrink:0;display:flex;align-items:center}.jvs-file-item__icon mat-icon{font-size:1.25rem;width:1.25rem;height:1.25rem}.jvs-file-item__icon .icon-pdf{color:#e53e3e}.jvs-file-item__icon .icon-excel{color:#38a169}.jvs-file-item__icon .icon-word{color:#3182ce}.jvs-file-item__icon .icon-image{color:#805ad5}.jvs-file-item__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.jvs-file-item__name{margin:0;font-size:.7rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.jvs-file-item__status{margin:0;font-size:.65rem;line-height:1.2;color:#6b7280}.jvs-file-item__status--server{color:#d97706}.jvs-file-item__status--error{color:#dc2626}.jvs-file-item mat-progress-bar{border-radius:2px;height:4px;margin-top:2px}.jvs-file-item ::ng-deep .cargando .mdc-linear-progress__bar-inner{border-color:var(--mat-sys-primary, #6366f1)}.jvs-file-item ::ng-deep .incompleto .mdc-linear-progress__bar-inner{border-color:#f59e0b}.jvs-file-item ::ng-deep .completado .mdc-linear-progress__bar-inner{border-color:#10b981}.jvs-file-item ::ng-deep .mdc-linear-progress__buffer-bar{background:#e5e7eb}.jvs-file-item__actions{flex-shrink:0;display:flex;align-items:center;gap:.25rem}.jvs-file-item__btn{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:50%;border:none;cursor:pointer;background:transparent;transition:background .15s}.jvs-file-item__btn mat-icon{font-size:1rem;width:1rem;height:1rem}.jvs-file-item__btn--download{color:#3b82f6}.jvs-file-item__btn--download:hover{background:#eff6ff}.jvs-file-item__btn--sign{color:#8b5cf6}.jvs-file-item__btn--sign:hover{background:#f5f3ff}.jvs-file-item__btn--delete{color:#ef4444}.jvs-file-item__btn--delete:hover{background:#fef2f2}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i2.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i3.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: JvsFileUploadItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'jvs-file-upload-item', standalone: true, imports: [
+                        NgClass,
+                        MatIconModule,
+                        MatProgressBarModule,
+                        MatRippleModule,
+                        MatTooltipModule,
+                    ], template: "<div class=\"jvs-file-item\">\n\n  <!-- \u00CDcono por tipo de archivo -->\n  <div class=\"jvs-file-item__icon\">\n    @switch (extension()) {\n      @case ('pdf') {\n        <mat-icon class=\"icon-pdf\" svgIcon=\"fa5FilePdf\" />\n      }\n      @case ('xls') {\n        <mat-icon class=\"icon-excel\" svgIcon=\"fa5FileExcel\" />\n      }\n      @case ('xlsx') {\n        <mat-icon class=\"icon-excel\" svgIcon=\"fa5FileExcel\" />\n      }\n      @case ('doc') {\n        <mat-icon class=\"icon-word\" svgIcon=\"fa5FileWord\" />\n      }\n      @case ('docx') {\n        <mat-icon class=\"icon-word\" svgIcon=\"fa5FileWord\" />\n      }\n      @case ('jpg') {\n        <mat-icon class=\"icon-image\" svgIcon=\"roundImage\" />\n      }\n      @case ('jpeg') {\n        <mat-icon class=\"icon-image\" svgIcon=\"roundImage\" />\n      }\n      @case ('png') {\n        <mat-icon class=\"icon-image\" svgIcon=\"roundImage\" />\n      }\n      @default {\n        <mat-icon svgIcon=\"fa5File\" />\n      }\n    }\n  </div>\n\n  <!-- Informaci\u00F3n del archivo -->\n  <div class=\"jvs-file-item__info\">\n    <p class=\"jvs-file-item__name\" [title]=\"nombreMostrado()\">\n      {{ nombreMostrado() }}\n    </p>\n\n    @if (file().servFile) {\n      <p class=\"jvs-file-item__status jvs-file-item__status--server\">En servidor</p>\n    } @else {\n      <p class=\"jvs-file-item__status\">\n        {{ convertirBytes(tamanioArchivo()) }}\n      </p>\n    }\n\n    @if (file().errorSubida) {\n      <p class=\"jvs-file-item__status jvs-file-item__status--error\">Error al subir</p>\n    }\n\n    <mat-progress-bar\n      [value]=\"file().progress\"\n      [mode]=\"modoProgreso()\"\n      [class]=\"estadoProgreso()\"\n    />\n  </div>\n\n  <!-- Acciones -->\n  <div class=\"jvs-file-item__actions\">\n\n    @if (mostrarBotonDescargar()) {\n      <button\n        type=\"button\"\n        class=\"jvs-file-item__btn jvs-file-item__btn--download\"\n        matRipple\n        (click)=\"onDescargar()\"\n        matTooltip=\"Descargar\"\n      >\n        <mat-icon svgIcon=\"roundDownload\" />\n      </button>\n    }\n\n    @if (mostrarBotonFirmar()) {\n      <button\n        type=\"button\"\n        class=\"jvs-file-item__btn jvs-file-item__btn--sign\"\n        matRipple\n        (click)=\"onFirmar()\"\n        matTooltip=\"Firmar\"\n      >\n        <mat-icon svgIcon=\"roundDraw\" />\n      </button>\n    }\n\n    @if (mostrarBotonEliminar()) {\n      <button\n        type=\"button\"\n        class=\"jvs-file-item__btn jvs-file-item__btn--delete\"\n        matRipple\n        (click)=\"onEliminar()\"\n        matTooltip=\"Eliminar\"\n      >\n        <mat-icon svgIcon=\"roundDelete\" />\n      </button>\n    }\n\n  </div>\n</div>\n", styles: [":host{display:block}.jvs-file-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 0}.jvs-file-item__icon{flex-shrink:0;display:flex;align-items:center}.jvs-file-item__icon mat-icon{font-size:1.25rem;width:1.25rem;height:1.25rem}.jvs-file-item__icon .icon-pdf{color:#e53e3e}.jvs-file-item__icon .icon-excel{color:#38a169}.jvs-file-item__icon .icon-word{color:#3182ce}.jvs-file-item__icon .icon-image{color:#805ad5}.jvs-file-item__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.jvs-file-item__name{margin:0;font-size:.7rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.jvs-file-item__status{margin:0;font-size:.65rem;line-height:1.2;color:#6b7280}.jvs-file-item__status--server{color:#d97706}.jvs-file-item__status--error{color:#dc2626}.jvs-file-item mat-progress-bar{border-radius:2px;height:4px;margin-top:2px}.jvs-file-item ::ng-deep .cargando .mdc-linear-progress__bar-inner{border-color:var(--mat-sys-primary, #6366f1)}.jvs-file-item ::ng-deep .incompleto .mdc-linear-progress__bar-inner{border-color:#f59e0b}.jvs-file-item ::ng-deep .completado .mdc-linear-progress__bar-inner{border-color:#10b981}.jvs-file-item ::ng-deep .mdc-linear-progress__buffer-bar{background:#e5e7eb}.jvs-file-item__actions{flex-shrink:0;display:flex;align-items:center;gap:.25rem}.jvs-file-item__btn{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:50%;border:none;cursor:pointer;background:transparent;transition:background .15s}.jvs-file-item__btn mat-icon{font-size:1rem;width:1rem;height:1rem}.jvs-file-item__btn--download{color:#3b82f6}.jvs-file-item__btn--download:hover{background:#eff6ff}.jvs-file-item__btn--sign{color:#8b5cf6}.jvs-file-item__btn--sign:hover{background:#f5f3ff}.jvs-file-item__btn--delete{color:#ef4444}.jvs-file-item__btn--delete:hover{background:#fef2f2}\n"] }]
+        }] });
+
+/**
+ * Componente de subida de archivos reutilizable.
+ *
+ * Implementa `ControlValueAccessor` para integrarse con formularios reactivos y
+ * template-driven. El valor del control es `JvsArchivoServidor[]`.
+ *
+ * ## Modos de operación
+ *
+ * - **`temporal = false`** (defecto): los archivos se seleccionan localmente y se
+ *   envían todos juntos llamando a `uploadFilesPreForm()` antes de guardar el form.
+ *
+ * - **`temporal = true`**: cada archivo se sube de forma inmediata al seleccionarse,
+ *   mostrando barra de progreso individual. El valor del control se actualiza en
+ *   tiempo real con los archivos ya subidos.
+ *
+ * ## Ejemplo de uso
+ *
+ * ```html
+ * <jvs-file-upload
+ *   [temporal]="true"
+ *   [extensionesPermitidas]="['pdf','docx']"
+ *   [tamanoMaximoMB]="10"
+ *   [uploadFn]="filesService.upload.bind(filesService)"
+ *   [removeFn]="filesService.remove.bind(filesService)"
+ *   (archivoDescarga)="onDescargar($event)"
+ *   (firmarArchivo)="onFirmar($event)"
+ *   formControlName="archivos"
+ * />
+ * ```
+ */
+class JvsFileUploadComponent {
+    // ── Inputs ───────────────────────────────────────────────────────────────
+    /** Activa subida inmediata de cada archivo al seleccionarlo. */
+    temporal = input(false);
+    /** Habilita la opción de eliminar archivos. */
+    permitirEliminar = input(true);
+    /** Solo muestra la lista; oculta la zona de drop. */
+    readonly = input(false);
+    /** Permite seleccionar múltiples archivos. */
+    multiple = input(true);
+    /** Extensiones de archivo permitidas (sin punto, en minúsculas). */
+    extensionesPermitidas = input([]);
+    /**
+     * El nombre del archivo debe contener TODOS estos fragmentos.
+     * Solo aplica cuando `parteDeNombreExclusivo` está vacío.
+     */
+    parteDeNombre = input([]);
+    /**
+     * Si el nombre del archivo contiene ALGUNO de estos fragmentos,
+     * se acepta sin verificar extensión.
+     */
+    parteDeNombreExclusivo = input([]);
+    /** Tamaño máximo en MB. `null` = sin límite. */
+    tamanoMaximoMB = input(null);
+    /** Nombre fijo que se envía al servidor al subir. */
+    nombreArchivoFijo = input(null);
+    /**
+     * Carpeta destino en el servidor.
+     * Defecto: `temp/YYYY-MM-DD_HH`
+     */
+    carpetaSubida = input(null);
+    /** Disk de Laravel para el almacenamiento. `null` = usar default del servidor. */
+    diskSubida = input(null);
+    /**
+     * Función que recibe un `FormData` y devuelve un `Observable<HttpEvent<any>>`.
+     * Obligatoria en modo `temporal = true` o al llamar `uploadFilesPreForm()`.
+     *
+     * @example
+     * [uploadFn]="filesService.upload.bind(filesService)"
+     */
+    uploadFn = input(null);
+    /**
+     * Función que elimina un archivo del servidor.
+     * Recibe el path o parámetros necesarios y devuelve una Promise.
+     *
+     * @example
+     * [removeFn]="filesService.remove.bind(filesService)"
+     */
+    removeFn = input(null);
+    /** Clase CSS extra para el contenedor de la lista (modo temporal). */
+    cssContenedorAgregados = input('');
+    /** Clase CSS extra para el contenedor de lista de archivos válidos/inválidos. */
+    cssContenedorAgregadosLista = input('');
+    // ── Outputs ──────────────────────────────────────────────────────────────
+    /** Emite la lista de archivos restante tras eliminar un elemento. */
+    resultadoEliminado = output();
+    /**
+     * Emite el archivo del servidor cuando el usuario hace click en "Descargar".
+     * El componente padre es responsable de ejecutar la descarga real.
+     */
+    archivoDescarga = output();
+    /**
+     * Emite el archivo del servidor cuando el usuario hace click en "Firmar".
+     * El componente padre es responsable de abrir el diálogo de firma.
+     */
+    firmarArchivo = output();
+    // ── Estado interno (signals) ──────────────────────────────────────────────
+    fileList = signal([]);
+    invalidFiles = signal([]);
+    isDisabled = signal(false);
+    // ── Computed ──────────────────────────────────────────────────────────────
+    /** Verdadero si no hay archivos en la lista. */
+    isEmpty = computed(() => this.fileList().length === 0);
+    /** Extensiones normalizadas a minúsculas. */
+    extensionesNormalizadas = computed(() => this.extensionesPermitidas().map(e => e.toLowerCase()));
+    /** Texto informativo de extensiones permitidas. */
+    textoExtensiones = computed(() => {
+        const exc = this.parteDeNombreExclusivo();
+        const ext = this.extensionesNormalizadas();
+        if (exc.length > 0)
+            return `El nombre debe contener: ${exc.join(', ').toUpperCase()}`;
+        if (ext.length > 0)
+            return `Permitidos: ${ext.join(', ').toUpperCase()}`;
+        return 'Todos los archivos';
+    });
+    // ── CVA callbacks ─────────────────────────────────────────────────────────
+    onChange = () => { };
+    onTouched = () => { };
+    _onValidatorChange = () => { };
+    // ── ControlValueAccessor ──────────────────────────────────────────────────
+    writeValue(value) {
+        this.fileList.set([]);
+        if (!value || !Array.isArray(value))
+            return;
+        const entries = value.map(f => ({
+            file: { name: f.nombre ?? '' },
+            desdeServidor: true,
+            inProgress: false,
+            progress: 100,
+            servFile: f,
+        }));
+        this.fileList.set(entries);
+    }
+    registerOnChange(fn) { this.onChange = fn; }
+    registerOnTouched(fn) { this.onTouched = fn; }
+    setDisabledState(isDisabled) { this.isDisabled.set(isDisabled); }
+    registerOnValidatorChange(fn) { this._onValidatorChange = fn; }
+    // ── Validator ─────────────────────────────────────────────────────────────
+    // @ts-ignore
+    validate(_) {
+        if (this.fileList().some(f => f.inProgress))
+            return { uploadEnProgreso: true };
+        if (this.fileList().some(f => f.errorSubida))
+            return { errorSubida: true };
+        return null;
+    }
+    // ── Manejo de selección de archivos ───────────────────────────────────────
+    /** Llamado desde el template al cambiar el input[type=file]. */
+    onUploadChange(files) {
+        if (!files)
+            return;
+        const fileArray = Array.from(files);
+        const filtered = JvsFileUploadDirective.filtrarArchivos(fileArray, {
+            extensionesPermitidas: this.extensionesNormalizadas(),
+            parteDeNombre: this.parteDeNombre(),
+            parteDeNombreExclusivo: this.parteDeNombreExclusivo(),
+            tamanoMaximoMB: this.tamanoMaximoMB(),
+        }, this.multiple());
+        this.onFilesChange(filtered.valid);
+        this.invalidFiles.set(filtered.invalid);
+    }
+    /** Llamado desde la directiva drag-and-drop al soltar archivos válidos. */
+    onFilesChange(newFiles) {
+        if (!this.multiple() && (newFiles.length + this.fileList().length) > 1) {
+            mensajeToast('error', 'Error', 'Solo se permite un archivo.');
+            return;
+        }
+        if (this.temporal()) {
+            const nuevos = newFiles
+                .filter(f => !this.fileList().some(e => e.file?.name === f.name))
+                .map(f => ({
+                file: f,
+                desdeServidor: false,
+                inProgress: false,
+                progress: 0,
+                servFile: undefined,
+            }));
+            this.fileList.update(list => [...list, ...nuevos]);
+            // Subida inmediata en modo temporal
+            nuevos.forEach(entry => this.uploadFileTemporal(entry));
+        }
+        else {
+            const entries = newFiles.map(f => ({
+                file: f,
+                desdeServidor: false,
+                inProgress: false,
+                progress: 0,
+            }));
+            // Keep server-loaded entries, replace only locally selected ones
+            this.fileList.update(list => [
+                ...list.filter(f => f.desdeServidor),
+                ...entries,
+            ]);
+        }
+        this._notifyChange();
+    }
+    // ── Subida de archivos ────────────────────────────────────────────────────
+    /**
+     * Sube todos los archivos pendientes (sin `servFile`) al servidor.
+     * Para usar antes del envío del formulario en modo `temporal = false`.
+     *
+     * @param carpeta  Carpeta destino en el servidor (opcional, sobreescribe el input).
+     * @param anonimo  `true` para subir sin autenticación.
+     * @param disk     Disk de almacenamiento (opcional, sobreescribe el input).
+     * @returns Promise con la lista de `JvsArchivoServidor[]` subidos correctamente.
+     */
+    async uploadFilesPreForm(carpeta, anonimo = false, disk) {
+        const uploadFn = this.uploadFn();
+        if (!uploadFn) {
+            console.warn('[JvsFileUpload] uploadFn no proporcionado. No se subirán archivos.');
+            return this.fileList()
+                .filter(f => f.servFile)
+                .map(f => f.servFile);
+        }
+        const carpetaFinal = carpeta ?? this.carpetaSubida() ??
+            'temp/' + formatDate(new Date(), 'yyyy-MM-dd_HH', 'en');
+        const diskFinal = disk ?? this.diskSubida();
+        const pendientes = this.fileList().filter(f => !f.servFile);
+        const promises = pendientes.map(entry => this._subirEntrada(entry, uploadFn, carpetaFinal, anonimo, diskFinal));
+        await Promise.allSettled(promises);
+        const todosBien = pendientes.every(p => !p.errorSubida);
+        if (!todosBien) {
+            const hayMas = this.fileList().length > 1;
+            if (hayMas) {
+                const result = await mensajeConfirmacion('warning', 'Archivos no cargados', 'Algunos archivos no se cargaron. ¿Desea continuar de todos modos?');
+                if (!result.isConfirmed)
+                    return [];
+            }
+            else {
+                return [];
+            }
+        }
+        return this.fileList()
+            .filter(f => f.servFile)
+            .map(f => f.servFile);
+    }
+    /** Subida automática individual (modo temporal). */
+    uploadFileTemporal(entry) {
+        const uploadFn = this.uploadFn();
+        if (!uploadFn) {
+            console.warn('[JvsFileUpload] uploadFn no proporcionado. No se puede subir en modo temporal.');
+            return;
+        }
+        const carpeta = this.carpetaSubida() ??
+            'temp/' + formatDate(new Date(), 'yyyy-MM-dd_HH', 'en');
+        const disk = this.diskSubida();
+        this._subirEntrada(entry, uploadFn, carpeta, false, disk).catch(() => { });
+    }
+    /** Lógica central de subida de una entrada. */
+    _subirEntrada(entry, uploadFn, carpeta, anonimo, disk) {
+        const formData = new FormData();
+        if (this.nombreArchivoFijo()) {
+            formData.append('nombreArchivo', this.nombreArchivoFijo());
+        }
+        formData.append('archivo', entry.file);
+        formData.append('carpeta', carpeta);
+        if (disk)
+            formData.append('disk', disk);
+        this.fileList.update(list => list.map(f => f === entry ? { ...f, inProgress: true } : f));
+        this._onValidatorChange();
+        return lastValueFrom(uploadFn(formData, anonimo).pipe(map(event => {
+            switch (event.type) {
+                case HttpEventType.UploadProgress: {
+                    const loaded = event.loaded ?? 0;
+                    const total = event.total ?? 1;
+                    const progress = Math.round(loaded * 100 / total);
+                    this.fileList.update(list => list.map(f => f === entry ? { ...f, progress } : f));
+                    break;
+                }
+                case HttpEventType.Response: {
+                    const res = event;
+                    if (res.status === 200) {
+                        // Backend returns a plain path string (e.g. "temp/2024-01-15_14/file.pdf").
+                        // Normalize to JvsArchivoServidor so downstream logic (download, remove) works uniformly.
+                        const servFile = typeof res.body === 'string'
+                            ? { path: res.body }
+                            : res.body;
+                        this.fileList.update(list => list.map(f => f === entry
+                            ? { ...f, servFile, progress: 100, inProgress: false }
+                            : f));
+                        this._notifyChange();
+                    }
+                    break;
+                }
+            }
+        }), catchError(err => {
+            const mensaje = err?.error?.message ?? err?.message ?? 'Error al subir';
+            mensajeToast('error', 'Error', `No se pudo subir <strong>${entry.file?.name}</strong>: ${mensaje}`);
+            this.fileList.update(list => list.map(f => f === entry
+                ? { ...f, inProgress: false, progress: 0, errorSubida: true }
+                : f));
+            this._onValidatorChange();
+            return of(null);
+        }))).then(() => { });
+    }
+    // ── Eliminación ───────────────────────────────────────────────────────────
+    async onEliminar(entry) {
+        if (!this.permitirEliminar())
+            return;
+        if (!this.fileList().includes(entry))
+            return;
+        const remover = () => {
+            this.fileList.update(list => list.filter(f => f !== entry));
+            this._notifyChange();
+            this.resultadoEliminado.emit(this.fileList().filter(f => f.servFile).map(f => f.servFile));
+        };
+        if (entry.servFile) {
+            const removeFn = this.removeFn();
+            if (removeFn) {
+                // Archivo confirmado en servidor → confirmar y eliminar via API
+                const result = await mensajeConfirmacion('warning', 'Eliminar archivo', 'Se eliminará definitivamente este archivo. Esta acción no se puede deshacer.');
+                if (!result.isConfirmed)
+                    return;
+                try {
+                    await removeFn({ servFile: entry.servFile });
+                    remover();
+                }
+                catch {
+                    mensajeToast('error', 'Error', 'No se pudo eliminar el archivo del servidor.');
+                }
+            }
+            else {
+                // No hay removeFn: solo elimina de la lista local
+                remover();
+            }
+        }
+        else {
+            // Archivo local aún no subido → eliminar sin confirmación
+            remover();
+        }
+    }
+    // ── Métodos públicos ──────────────────────────────────────────────────────
+    /** Limpia toda la lista de archivos. */
+    reset() {
+        this.fileList.set([]);
+        this.invalidFiles.set([]);
+        this._notifyChange();
+    }
+    // ── Helpers ───────────────────────────────────────────────────────────────
+    _notifyChange() {
+        this.onTouched();
+        if (this.temporal()) {
+            this.onChange(this.fileList().map(f => f.servFile).filter(Boolean));
+        }
+        else {
+            // Server-loaded entries (desdeServidor=true) have a mock {name} object, not a real File.
+            // The parent only needs the real local File objects to upload later via uploadFilesPreForm().
+            this.onChange(this.fileList().filter(f => !f.desdeServidor).map(f => f.file));
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: JvsFileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: JvsFileUploadComponent, isStandalone: true, selector: "jvs-file-upload", inputs: { temporal: { classPropertyName: "temporal", publicName: "temporal", isSignal: true, isRequired: false, transformFunction: null }, permitirEliminar: { classPropertyName: "permitirEliminar", publicName: "permitirEliminar", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, extensionesPermitidas: { classPropertyName: "extensionesPermitidas", publicName: "extensionesPermitidas", isSignal: true, isRequired: false, transformFunction: null }, parteDeNombre: { classPropertyName: "parteDeNombre", publicName: "parteDeNombre", isSignal: true, isRequired: false, transformFunction: null }, parteDeNombreExclusivo: { classPropertyName: "parteDeNombreExclusivo", publicName: "parteDeNombreExclusivo", isSignal: true, isRequired: false, transformFunction: null }, tamanoMaximoMB: { classPropertyName: "tamanoMaximoMB", publicName: "tamanoMaximoMB", isSignal: true, isRequired: false, transformFunction: null }, nombreArchivoFijo: { classPropertyName: "nombreArchivoFijo", publicName: "nombreArchivoFijo", isSignal: true, isRequired: false, transformFunction: null }, carpetaSubida: { classPropertyName: "carpetaSubida", publicName: "carpetaSubida", isSignal: true, isRequired: false, transformFunction: null }, diskSubida: { classPropertyName: "diskSubida", publicName: "diskSubida", isSignal: true, isRequired: false, transformFunction: null }, uploadFn: { classPropertyName: "uploadFn", publicName: "uploadFn", isSignal: true, isRequired: false, transformFunction: null }, removeFn: { classPropertyName: "removeFn", publicName: "removeFn", isSignal: true, isRequired: false, transformFunction: null }, cssContenedorAgregados: { classPropertyName: "cssContenedorAgregados", publicName: "cssContenedorAgregados", isSignal: true, isRequired: false, transformFunction: null }, cssContenedorAgregadosLista: { classPropertyName: "cssContenedorAgregadosLista", publicName: "cssContenedorAgregadosLista", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { resultadoEliminado: "resultadoEliminado", archivoDescarga: "archivoDescarga", firmarArchivo: "firmarArchivo" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => JvsFileUploadComponent),
+                multi: true,
+            },
+            {
+                provide: NG_VALIDATORS,
+                useExisting: forwardRef(() => JvsFileUploadComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<!-- Solo lista: modo readonly -->\n@if (readonly()) {\n  <ng-container [ngTemplateOutlet]=\"listaTemporal\" />\n}\n\n<!-- Input oculto de selecci\u00F3n de archivo -->\n<input\n  #controlFile\n  #fileInput\n  hidden\n  type=\"file\"\n  [multiple]=\"multiple()\"\n  [disabled]=\"isDisabled()\"\n  (change)=\"onUploadChange(fileInput.files)\"\n/>\n\n<!-- Zona de drop (visible cuando NO es readonly) -->\n@if (!readonly()) {\n  <div\n    class=\"jvs-dropzone\"\n    jvsFileUpload\n    [controlFile]=\"controlFile\"\n    [extensionesPermitidas]=\"extensionesNormalizadas()\"\n    [parteDeNombre]=\"parteDeNombre()\"\n    [tamanoMaximoMB]=\"tamanoMaximoMB()\"\n    [parteDeNombreExclusivo]=\"parteDeNombreExclusivo()\"\n    [isDisabled]=\"isDisabled()\"\n    (filesChange)=\"onFilesChange($event)\"\n    (filesInvalidChange)=\"invalidFiles.set($event)\"\n    [class.jvs-dropzone--disabled]=\"isDisabled()\"\n  >\n\n    <!-- Instrucciones de selecci\u00F3n -->\n    @if (!isDisabled()) {\n      <div class=\"jvs-dropzone__prompt\" (click)=\"fileInput.click()\">\n        <mat-icon svgIcon=\"roundCloudUpload\" class=\"jvs-dropzone__icon\" />\n        <span class=\"jvs-dropzone__label\">\n          Haz click o arrastra {{ multiple() ? 'archivos' : 'un archivo' }} aqu\u00ED\n        </span>\n\n        @if (tamanoMaximoMB()) {\n          <small class=\"jvs-dropzone__hint\">Tama\u00F1o m\u00E1ximo: {{ tamanoMaximoMB() }} MB</small>\n        }\n\n        <small class=\"jvs-dropzone__hint\">{{ textoExtensiones() }}</small>\n\n        <!-- Slot para mensajes de validaci\u00F3n del form -->\n        <small class=\"jvs-dropzone__error\">\n          <ng-content select=\"[validator]\" />\n        </small>\n        <ng-content select=\"[mensajeExtra]\" />\n      </div>\n    }\n\n    <!-- Lista de archivos temporales (con progreso) -->\n    <ng-container [ngTemplateOutlet]=\"listaTemporal\" />\n\n    <!-- Lista simple: archivos v\u00E1lidos/inv\u00E1lidos (modo no-temporal) -->\n    @if (!temporal()) {\n      <div class=\"jvs-dropzone__simple-list\" [ngClass]=\"cssContenedorAgregadosLista()\">\n        @if (fileList().length > 0) {\n          <mat-list dense>\n            <h4 class=\"jvs-list-title jvs-list-title--valid\">Archivos v\u00E1lidos</h4>\n            @for (file of fileList(); track file.file?.name) {\n              <mat-list-item>\n                <mat-icon matListItemIcon svgIcon=\"roundDone\" class=\"icon-valid\" />\n                <span matListItemTitle [title]=\"file.file?.name ?? ''\">\n                  {{ file.file?.name }}\n                </span>\n              </mat-list-item>\n            }\n          </mat-list>\n        }\n\n        @if (invalidFiles().length > 0) {\n          <mat-divider />\n          <mat-list dense>\n            <h4 class=\"jvs-list-title jvs-list-title--invalid\">Archivos inv\u00E1lidos</h4>\n            @for (file of invalidFiles(); track file.name) {\n              <mat-list-item>\n                <mat-icon matListItemIcon svgIcon=\"roundCancel\" class=\"icon-invalid\" />\n                <span matListItemTitle [title]=\"file.name\">{{ file.name }}</span>\n              </mat-list-item>\n            }\n          </mat-list>\n\n          <p class=\"jvs-dropzone__warning\">\n            <mat-icon svgIcon=\"roundWarning\" class=\"icon-warning\" />\n            Solo se enviar\u00E1n los archivos\n            <mat-icon svgIcon=\"roundDone\" class=\"icon-valid-inline\" />\n            v\u00E1lidos.\n          </p>\n        }\n      </div>\n    }\n\n  </div>\n}\n\n<!-- \u2500\u2500 Template: lista temporal con progreso \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<ng-template #listaTemporal>\n  @if (temporal() && fileList().length > 0) {\n    <ul class=\"jvs-file-list\" [ngClass]=\"cssContenedorAgregados()\">\n      @for (entry of fileList(); track entry.file?.name ?? entry.servFile?.id) {\n        <li class=\"jvs-file-list__item\">\n          <jvs-file-upload-item\n            [file]=\"entry\"\n            [permitirEliminar]=\"permitirEliminar()\"\n            [isDisabled]=\"isDisabled()\"\n            (eliminar)=\"onEliminar($event)\"\n            (descargar)=\"archivoDescarga.emit($event)\"\n            (firmar)=\"firmarArchivo.emit($event)\"\n          />\n        </li>\n      }\n    </ul>\n  }\n</ng-template>\n", styles: [":host{display:block;width:100%}.jvs-dropzone{display:flex;flex-direction:column;align-items:center;min-height:60px;min-width:200px;width:100%;border:1.5px dashed #9ca3af;border-radius:.5rem;cursor:pointer;padding:.25rem .25rem .5rem;transition:border-color .2s,background .2s;box-sizing:border-box}.jvs-dropzone:hover:not(.jvs-dropzone--disabled){border-color:var(--mat-sys-primary, #6366f1)}.jvs-dropzone--disabled{cursor:default;opacity:.6;border-style:dotted}.jvs-dropzone__prompt{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.5rem;gap:.125rem;color:#6b7280}.jvs-dropzone__icon{font-size:1.75rem;width:1.75rem;height:1.75rem;color:#9ca3af}.jvs-dropzone__label{font-size:.8rem;font-weight:500;color:#374151}.jvs-dropzone__hint{font-size:.65rem;color:#9ca3af;font-style:italic}.jvs-dropzone__error{font-size:.65rem;color:#ef4444;font-style:italic;min-height:.875rem}.jvs-dropzone__simple-list{display:flex;flex-direction:column;align-items:center;width:100%;max-height:200px;overflow-y:auto;color:#374151}.jvs-dropzone__simple-list mat-list{width:100%}.jvs-dropzone__warning{font-size:.7rem;text-align:center;display:flex;align-items:center;gap:.25rem;margin:.25rem 0 0}.jvs-list-title{font-size:.7rem;font-weight:700;margin:.25rem .5rem}.jvs-list-title--valid{color:#16a34a}.jvs-list-title--invalid{color:#dc2626}.icon-valid{color:#16a34a;font-size:1rem!important;width:1rem!important;height:1rem!important}.icon-invalid{color:#dc2626;font-size:1rem!important;width:1rem!important;height:1rem!important}.icon-warning{color:#f59e0b;font-size:.875rem!important;width:.875rem!important;height:.875rem!important}.icon-valid-inline{color:#16a34a;font-size:.875rem!important;width:.875rem!important;height:.875rem!important}.jvs-file-list{list-style:none;margin:.25rem 0 0;padding:0;width:100%;max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:0}.jvs-file-list__item{border-top:1px solid #f3f4f6}.jvs-file-list__item:first-child{border-top:none}::ng-deep .mdc-list-item{height:auto!important}::ng-deep .mdc-list-item--with-leading-icon .mdc-list-item__start{margin-inline:.25rem .25rem}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i1$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i3$1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i3$1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i3$1.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i3$1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: JvsFileUploadDirective, selector: "[jvsFileUpload]", inputs: ["fondoInicial", "fondoDragOver", "controlFile", "extensionesPermitidas", "parteDeNombre", "parteDeNombreExclusivo", "tamanoMaximoMB", "isDisabled"], outputs: ["filesChange", "filesInvalidChange"] }, { kind: "component", type: JvsFileUploadItemComponent, selector: "jvs-file-upload-item", inputs: ["file", "permitirEliminar", "isDisabled"], outputs: ["eliminar", "descargar", "firmar"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: JvsFileUploadComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'jvs-file-upload', standalone: true, imports: [
+                        NgClass,
+                        NgTemplateOutlet,
+                        ReactiveFormsModule,
+                        MatDividerModule,
+                        MatIconModule,
+                        MatListModule,
+                        MatTooltipModule,
+                        JvsFileUploadDirective,
+                        JvsFileUploadItemComponent,
+                    ], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => JvsFileUploadComponent),
+                            multi: true,
+                        },
+                        {
+                            provide: NG_VALIDATORS,
+                            useExisting: forwardRef(() => JvsFileUploadComponent),
+                            multi: true,
+                        },
+                    ], template: "<!-- Solo lista: modo readonly -->\n@if (readonly()) {\n  <ng-container [ngTemplateOutlet]=\"listaTemporal\" />\n}\n\n<!-- Input oculto de selecci\u00F3n de archivo -->\n<input\n  #controlFile\n  #fileInput\n  hidden\n  type=\"file\"\n  [multiple]=\"multiple()\"\n  [disabled]=\"isDisabled()\"\n  (change)=\"onUploadChange(fileInput.files)\"\n/>\n\n<!-- Zona de drop (visible cuando NO es readonly) -->\n@if (!readonly()) {\n  <div\n    class=\"jvs-dropzone\"\n    jvsFileUpload\n    [controlFile]=\"controlFile\"\n    [extensionesPermitidas]=\"extensionesNormalizadas()\"\n    [parteDeNombre]=\"parteDeNombre()\"\n    [tamanoMaximoMB]=\"tamanoMaximoMB()\"\n    [parteDeNombreExclusivo]=\"parteDeNombreExclusivo()\"\n    [isDisabled]=\"isDisabled()\"\n    (filesChange)=\"onFilesChange($event)\"\n    (filesInvalidChange)=\"invalidFiles.set($event)\"\n    [class.jvs-dropzone--disabled]=\"isDisabled()\"\n  >\n\n    <!-- Instrucciones de selecci\u00F3n -->\n    @if (!isDisabled()) {\n      <div class=\"jvs-dropzone__prompt\" (click)=\"fileInput.click()\">\n        <mat-icon svgIcon=\"roundCloudUpload\" class=\"jvs-dropzone__icon\" />\n        <span class=\"jvs-dropzone__label\">\n          Haz click o arrastra {{ multiple() ? 'archivos' : 'un archivo' }} aqu\u00ED\n        </span>\n\n        @if (tamanoMaximoMB()) {\n          <small class=\"jvs-dropzone__hint\">Tama\u00F1o m\u00E1ximo: {{ tamanoMaximoMB() }} MB</small>\n        }\n\n        <small class=\"jvs-dropzone__hint\">{{ textoExtensiones() }}</small>\n\n        <!-- Slot para mensajes de validaci\u00F3n del form -->\n        <small class=\"jvs-dropzone__error\">\n          <ng-content select=\"[validator]\" />\n        </small>\n        <ng-content select=\"[mensajeExtra]\" />\n      </div>\n    }\n\n    <!-- Lista de archivos temporales (con progreso) -->\n    <ng-container [ngTemplateOutlet]=\"listaTemporal\" />\n\n    <!-- Lista simple: archivos v\u00E1lidos/inv\u00E1lidos (modo no-temporal) -->\n    @if (!temporal()) {\n      <div class=\"jvs-dropzone__simple-list\" [ngClass]=\"cssContenedorAgregadosLista()\">\n        @if (fileList().length > 0) {\n          <mat-list dense>\n            <h4 class=\"jvs-list-title jvs-list-title--valid\">Archivos v\u00E1lidos</h4>\n            @for (file of fileList(); track file.file?.name) {\n              <mat-list-item>\n                <mat-icon matListItemIcon svgIcon=\"roundDone\" class=\"icon-valid\" />\n                <span matListItemTitle [title]=\"file.file?.name ?? ''\">\n                  {{ file.file?.name }}\n                </span>\n              </mat-list-item>\n            }\n          </mat-list>\n        }\n\n        @if (invalidFiles().length > 0) {\n          <mat-divider />\n          <mat-list dense>\n            <h4 class=\"jvs-list-title jvs-list-title--invalid\">Archivos inv\u00E1lidos</h4>\n            @for (file of invalidFiles(); track file.name) {\n              <mat-list-item>\n                <mat-icon matListItemIcon svgIcon=\"roundCancel\" class=\"icon-invalid\" />\n                <span matListItemTitle [title]=\"file.name\">{{ file.name }}</span>\n              </mat-list-item>\n            }\n          </mat-list>\n\n          <p class=\"jvs-dropzone__warning\">\n            <mat-icon svgIcon=\"roundWarning\" class=\"icon-warning\" />\n            Solo se enviar\u00E1n los archivos\n            <mat-icon svgIcon=\"roundDone\" class=\"icon-valid-inline\" />\n            v\u00E1lidos.\n          </p>\n        }\n      </div>\n    }\n\n  </div>\n}\n\n<!-- \u2500\u2500 Template: lista temporal con progreso \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<ng-template #listaTemporal>\n  @if (temporal() && fileList().length > 0) {\n    <ul class=\"jvs-file-list\" [ngClass]=\"cssContenedorAgregados()\">\n      @for (entry of fileList(); track entry.file?.name ?? entry.servFile?.id) {\n        <li class=\"jvs-file-list__item\">\n          <jvs-file-upload-item\n            [file]=\"entry\"\n            [permitirEliminar]=\"permitirEliminar()\"\n            [isDisabled]=\"isDisabled()\"\n            (eliminar)=\"onEliminar($event)\"\n            (descargar)=\"archivoDescarga.emit($event)\"\n            (firmar)=\"firmarArchivo.emit($event)\"\n          />\n        </li>\n      }\n    </ul>\n  }\n</ng-template>\n", styles: [":host{display:block;width:100%}.jvs-dropzone{display:flex;flex-direction:column;align-items:center;min-height:60px;min-width:200px;width:100%;border:1.5px dashed #9ca3af;border-radius:.5rem;cursor:pointer;padding:.25rem .25rem .5rem;transition:border-color .2s,background .2s;box-sizing:border-box}.jvs-dropzone:hover:not(.jvs-dropzone--disabled){border-color:var(--mat-sys-primary, #6366f1)}.jvs-dropzone--disabled{cursor:default;opacity:.6;border-style:dotted}.jvs-dropzone__prompt{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.5rem;gap:.125rem;color:#6b7280}.jvs-dropzone__icon{font-size:1.75rem;width:1.75rem;height:1.75rem;color:#9ca3af}.jvs-dropzone__label{font-size:.8rem;font-weight:500;color:#374151}.jvs-dropzone__hint{font-size:.65rem;color:#9ca3af;font-style:italic}.jvs-dropzone__error{font-size:.65rem;color:#ef4444;font-style:italic;min-height:.875rem}.jvs-dropzone__simple-list{display:flex;flex-direction:column;align-items:center;width:100%;max-height:200px;overflow-y:auto;color:#374151}.jvs-dropzone__simple-list mat-list{width:100%}.jvs-dropzone__warning{font-size:.7rem;text-align:center;display:flex;align-items:center;gap:.25rem;margin:.25rem 0 0}.jvs-list-title{font-size:.7rem;font-weight:700;margin:.25rem .5rem}.jvs-list-title--valid{color:#16a34a}.jvs-list-title--invalid{color:#dc2626}.icon-valid{color:#16a34a;font-size:1rem!important;width:1rem!important;height:1rem!important}.icon-invalid{color:#dc2626;font-size:1rem!important;width:1rem!important;height:1rem!important}.icon-warning{color:#f59e0b;font-size:.875rem!important;width:.875rem!important;height:.875rem!important}.icon-valid-inline{color:#16a34a;font-size:.875rem!important;width:.875rem!important;height:.875rem!important}.jvs-file-list{list-style:none;margin:.25rem 0 0;padding:0;width:100%;max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:0}.jvs-file-list__item{border-top:1px solid #f3f4f6}.jvs-file-list__item:first-child{border-top:none}::ng-deep .mdc-list-item{height:auto!important}::ng-deep .mdc-list-item--with-leading-icon .mdc-list-item__start{margin-inline:.25rem .25rem}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { JvsFileUploadComponent, JvsFileUploadDirective, JvsFileUploadItemComponent };
+//# sourceMappingURL=jvsoft-mat-form-controls-jvs-file-upload.mjs.map