ngx-eiffage-material 0.2.0 → 0.4.0

package/index.d.ts

@@ -1,9 +1,9 @@
 import * as _angular_core from '@angular/core';
-import { WritableSignal, Type, TemplateRef, PipeTransform, InjectionToken, Signal, EnvironmentProviders, OnInit, ElementRef, OnDestroy } from '@angular/core';
+import { WritableSignal, Type, TemplateRef, PipeTransform, InjectionToken, Signal, EnvironmentProviders, AfterViewInit, DoCheck, ElementRef, OnDestroy } from '@angular/core';
 import * as ngx_eiffage_material from 'ngx-eiffage-material';
 import { FormBuilder, FormGroup, FormArray, AbstractControl, ControlValueAccessor, FormControl } from '@angular/forms';
 import { ErrorStateMatcher } from '@angular/material/core';
-import { SubscriptSizing } from '@angular/material/form-field';
+import { MatFormFieldAppearance, SubscriptSizing } from '@angular/material/form-field';
 import { MatSelect, MatSelectChange } from '@angular/material/select';
 import { MatDialogRef, MatDialogConfig } from '@angular/material/dialog';
 import { DateRange } from '@angular/material/datepicker';
@@ -579,8 +579,19 @@ interface NgxEiffageTexts {
     /** ngx-input-file. */
     inputFile: {
         label: string;
+        /** Texto del campo vacío. */
+        placeholder: string;
+        /** Pista mientras se arrastran ficheros encima. */
         dropping: string;
+        /** Etiqueta accesible y tooltip del botón de examinar. */
+        browse: string;
         remove: (fileName: string) => string;
+        /** Fichero descartado por no cumplir `accept`. */
+        rejectedType: (fileName: string) => string;
+        /** Fichero descartado por superar `maxSize` (ya formateado: «2 MB»). */
+        rejectedSize: (fileName: string, maxSize: string) => string;
+        /** Ficheros descartados por superar `maxFiles`. */
+        rejectedCount: (max: number) => string;
     };
     skeleton: {
         loading: string;
@@ -903,57 +914,93 @@ declare class NgxLoadingButton {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxLoadingButton, "ngx-loading-button", never, { "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "matButton": { "alias": "matButton"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "spinnerDiameter": { "alias": "spinnerDiameter"; "required": false; "isSignal": true; }; "spinnerStrokeWidth": { "alias": "spinnerStrokeWidth"; "required": false; "isSignal": true; }; "busyLabel": { "alias": "busyLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-declare class NgxInputFile implements ControlValueAccessor, OnInit {
-    private _cdr;
-    value: _angular_core.WritableSignal<File[]>;
-    onChangeCb?: (files: File[]) => void;
-    onTouchCb?: () => void;
-    /** Etiqueta del campo. Por defecto, el texto `inputFile.label` de la librería. */
-    label: _angular_core.InputSignal<string | undefined>;
-    /**
-     * FormControl externo. Es opcional: si el componente se usa con
-     * `formControlName` / `[formControl]`, el enlace se hace por
-     * ControlValueAccessor y no hace falta pasarlo.
-     */
-    control: _angular_core.InputSignal<FormControl<File[]> | undefined>;
-    disabled: _angular_core.InputSignal<boolean>;
-    /** Sin uso: la plantilla nunca lo ha pintado (pendiente de revisar en ngx-input-file). */
-    placeholder: _angular_core.InputSignal<string | undefined>;
+/**
+ * Selector de ficheros con forma de campo de formulario: un `mat-form-field` con los ficheros como chips.
+ * Se usa con `formControlName` / `[formControl]` / `ngModel` (valor: `File[]`) o con `[(files)]`.
+ */
+declare class NgxInputFile implements ControlValueAccessor, AfterViewInit, DoCheck {
+    private readonly _ngControl;
+    private readonly _parentForm;
+    private readonly _cdr;
+    private readonly _host;
+    private readonly _locale;
+    private readonly _nativeInput;
+    private readonly _chipGrid;
     protected readonly texts: _angular_core.Signal<ngx_eiffage_material.NgxEiffageTexts>;
+    /** Etiqueta del campo. Por defecto, el texto `inputFile.label` de la librería. */
+    readonly label: _angular_core.InputSignal<string | undefined>;
+    /** Texto del campo vacío. Por defecto, el texto `inputFile.placeholder` de la librería. */
+    readonly placeholder: _angular_core.InputSignal<string | undefined>;
+    /** Texto de ayuda bajo el campo. */
+    readonly hint: _angular_core.InputSignal<string>;
+    /** Mensaje de error. Se ve cuando el control es inválido y está tocado o el formulario se ha enviado. */
+    readonly error: _angular_core.InputSignal<string>;
+    /** Tipos admitidos: extensiones (`.pdf`), MIME (`application/pdf`) o comodines (`image/*`). Se comprueba también al arrastrar. */
+    readonly accept: _angular_core.InputSignal<string | string[]>;
+    /** Permite varios ficheros; cada selección se añade a los que ya hay. */
+    readonly multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Tamaño máximo por fichero, en bytes. Los mayores se descartan. */
+    readonly maxSize: _angular_core.InputSignal<number | null>;
+    /** Número máximo de ficheros (con `multiple`). Los que no caben se descartan. */
+    readonly maxFiles: _angular_core.InputSignal<number | null>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Apariencia del `mat-form-field`. */
+    readonly appearance: _angular_core.InputSignal<MatFormFieldAppearance>;
+    /** Ficheros seleccionados. Admite `[(files)]` para usarlo sin formularios. */
+    readonly files: _angular_core.ModelSignal<File[]>;
+    /** Fichero descartado al seleccionar o arrastrar (tipo, tamaño o número), con el mismo formato que ngx-file-input. */
+    readonly validationError: _angular_core.OutputEmitterRef<NgxFileError>;
     protected readonly resolvedLabel: _angular_core.Signal<string>;
-    class: _angular_core.InputSignal<string>;
-    accept: _angular_core.InputSignal<string[]>;
-    multiple: _angular_core.InputSignal<boolean>;
-    hint: _angular_core.InputSignal<string>;
-    error: _angular_core.InputSignal<string>;
-    isDropping: _angular_core.WritableSignal<boolean>;
-    inputFileRef: _angular_core.Signal<ElementRef<any> | undefined>;
-    internalControl: FormControl<string[] | null>;
-    /** Estado deshabilitado que llega desde setDisabledState() (reactive forms). */
+    protected readonly resolvedPlaceholder: _angular_core.Signal<string>;
+    protected readonly acceptAttr: _angular_core.Signal<string>;
+    protected readonly items: _angular_core.Signal<{
+        file: File;
+        icon: string;
+        size: string;
+    }[]>;
     private readonly _cvaDisabled;
-    /** Estado deshabilitado efectivo: input `disabled` o el del FormControl padre. */
+    /** Deshabilitado por el input `disabled` o por el control del formulario. */
     readonly isDisabled: _angular_core.Signal<boolean>;
+    protected readonly isDropping: _angular_core.WritableSignal<boolean>;
+    protected readonly isRequired: _angular_core.WritableSignal<boolean>;
+    /** Ficheros descartados en la última selección; el mensaje se recalcula si cambia el idioma. */
+    private readonly _rejected;
+    protected readonly rejectionMessage: _angular_core.Signal<string>;
+    /** Error con el estado del control del formulario (inválido y tocado, o formulario enviado). */
+    protected readonly errorStateMatcher: ErrorStateMatcher;
+    protected readonly noSeparators: number[];
+    private _onChange;
+    private _onTouched;
+    private _controlSub?;
     constructor();
-    private checkErrors;
-    controlEffect: _angular_core.EffectRef;
-    ngOnInit(): void;
-    onContainerClick(): void;
-    onInputchange(event: any): void;
-    onDragOver(event: DragEvent): void;
-    onDragLeave(event: DragEvent): void;
-    onDrop(event: DragEvent): void;
-    attachFiles(files: FileList | null | undefined): void;
-    writeValue(files: File[] | undefined | null): void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
+    ngAfterViewInit(): void;
+    ngDoCheck(): void;
+    /** Abre el selector de ficheros del sistema. */
+    openPicker(): void;
+    /** Quita un fichero de la selección. */
+    remove(file: File): void;
+    protected onFieldClick(event: MouseEvent): void;
+    protected onTriggerKeydown(event: KeyboardEvent): void;
+    protected onTriggerBlur(): void;
+    protected onNativeChange(event: Event): void;
+    protected onNativeCancel(): void;
+    protected onDragOver(event: DragEvent): void;
+    protected onDragLeave(event: DragEvent): void;
+    protected onDrop(event: DragEvent): void;
+    writeValue(files: File[] | null | undefined): void;
+    registerOnChange(fn: (files: File[]) => void): void;
+    registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
-    onDeleteFileClick(file: File): void;
-    getAccept(): string;
-    bytesToMegaBytes(bytes: number): string;
-    private markAsTouched;
-    private markAsDirty;
+    private _control;
+    /** Escucha el control (y el envío del formulario) para refrescar el asterisco y el estado de error con OnPush. */
+    private _bindControl;
+    private _syncFormState;
+    private _addFiles;
+    private _commit;
+    private _markTouched;
+    private _message;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxInputFile, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxInputFile, "ngx-input-file", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxInputFile, "ngx-input-file", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "maxFiles": { "alias": "maxFiles"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "files": { "alias": "files"; "required": false; "isSignal": true; }; }, { "files": "filesChange"; "validationError": "validationError"; }, never, never, true, never>;
 }
 
 /** Opción ya resuelta (valor, etiqueta, disabled y visibilidad según el buscador). */
@@ -1091,6 +1138,11 @@ declare class NgxDialog<T = any, R = unknown> implements NgxDialogContext<R> {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxDialog<any, any>, "ngx-dialog", never, {}, {}, never, never, true, never>;
 }
 
+/**
+ * @deprecated Usar `NgxDialogService.confirm()` (o `template()` con contenido propio), que tiene el
+ * encabezado, el botón X y la opción `destructive` de ngx-dialog. Las tablas ya no lo usan; se
+ * mantiene solo por compatibilidad con quien lo abra directamente.
+ */
 declare class NgxConfirmDialogComponent {
     dialogRef: MatDialogRef<any, any>;
     data: ConfirmDialogData<any>;
@@ -1103,6 +1155,7 @@ declare class NgxPaginatedTable<T, U extends PaginatedFilter<T>> implements OnDe
     private readonly columnConfigService;
     private readonly advancedFilterService;
     private readonly dialog;
+    private readonly dialogService;
     private readonly datosPantallaService;
     readonly texts: Signal<ngx_eiffage_material.NgxEiffageTexts>;
     protected isDesktop: Signal<boolean>;
@@ -1206,6 +1259,7 @@ declare class NgxPaginatedTable<T, U extends PaginatedFilter<T>> implements OnDe
 declare class NgxBasicTable<T, U extends BasicFilter<T>> {
     private readonly columnConfigService;
     private readonly dialog;
+    private readonly dialogService;
     private readonly datosPantallaService;
     readonly texts: _angular_core.Signal<ngx_eiffage_material.NgxEiffageTexts>;
     protected isDesktop: _angular_core.Signal<boolean>;
@@ -1302,9 +1356,8 @@ declare class NgxBasicTable<T, U extends BasicFilter<T>> {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxBasicTable<any, any>, "ngx-basic-table", never, { "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": true; "isSignal": true; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "queryFilter": { "alias": "queryFilter"; "required": false; "isSignal": true; }; "moreFilters": { "alias": "moreFilters"; "required": false; "isSignal": true; }; }, { "createClick": "createClick"; "updateClick": "updateClick"; "deleteClick": "deleteClick"; "rowActionClick": "rowActionClick"; "expandedItemChange": "expandedItemChange"; "selectionActionEvent": "selectionActionEvent"; }, never, ["[icon-buttons]", "[more-filters]", "[extra-header-content]", "[end-container]"], true, never>;
 }
 
-declare class SearchableSelectComponent<T> {
+declare class SearchableSelectComponent<T> implements ControlValueAccessor, AfterViewInit {
     readonly texts: _angular_core.Signal<ngx_eiffage_material.NgxEiffageTexts>;
-    control: _angular_core.InputSignal<FormControl<any> | undefined>;
     options: _angular_core.InputSignal<T[]>;
     optionLabel: _angular_core.InputSignal<(option: T) => string>;
     optionValue: _angular_core.InputSignal<(option: T) => string>;
@@ -1321,7 +1374,23 @@ declare class SearchableSelectComponent<T> {
     optionChange: _angular_core.OutputEmitterRef<string | string[] | undefined>;
     protected searcher: _angular_core.Signal<ElementRef<any> | undefined>;
     protected innerControl: _angular_core.WritableSignal<FormControl<any>>;
+    /** Control del formulario si se usa con formControlName / [formControl] / ngModel (se registra como su value accessor). */
+    private readonly _ngControl;
+    private readonly _parentForm;
+    private readonly _cvaDisabled;
+    private _onChange;
+    private _onTouched;
+    /** Asterisco de obligatorio: lo decide el control del formulario. */
+    protected readonly isRequired: _angular_core.WritableSignal<boolean>;
+    /** Error con el estado del control del formulario (inválido y tocado, o formulario enviado). */
+    protected readonly errorStateMatcher: ErrorStateMatcher;
+    constructor();
     selectedEffect: _angular_core.EffectRef;
+    ngAfterViewInit(): void;
+    writeValue(value: string | string[] | undefined | null): void;
+    registerOnChange(fn: (value: string | string[] | undefined) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
     protected openedChange(open: boolean): void;
     protected cleanQuery(): void;
     protected getClearableOptionName(): string;
@@ -1329,12 +1398,11 @@ declare class SearchableSelectComponent<T> {
     protected onOptionChange(event: MatSelectChange<string | string[] | undefined>): void;
     protected numberOfResults(): number;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchableSelectComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchableSelectComponent<any>, "ngx-searchable-select", never, { "control": { "alias": "control"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "searchInputPlaceholder": { "alias": "searchInputPlaceholder"; "required": false; "isSignal": true; }; "selectLabel": { "alias": "selectLabel"; "required": false; "isSignal": true; }; "selectPlaceholder": { "alias": "selectPlaceholder"; "required": false; "isSignal": true; }; "clearableOptionLabel": { "alias": "clearableOptionLabel"; "required": false; "isSignal": true; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "optionChange": "optionChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchableSelectComponent<any>, "ngx-searchable-select", never, { "options": { "alias": "options"; "required": true; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "searchInputPlaceholder": { "alias": "searchInputPlaceholder"; "required": false; "isSignal": true; }; "selectLabel": { "alias": "selectLabel"; "required": false; "isSignal": true; }; "selectPlaceholder": { "alias": "selectPlaceholder"; "required": false; "isSignal": true; }; "clearableOptionLabel": { "alias": "clearableOptionLabel"; "required": false; "isSignal": true; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "optionChange": "optionChange"; }, never, never, true, never>;
 }
 
-declare class PaginatedSearchableSelectComponent<T, U extends PaginatedFilter<T>> implements OnDestroy {
+declare class PaginatedSearchableSelectComponent<T, U extends PaginatedFilter<T>> implements ControlValueAccessor, AfterViewInit, OnDestroy {
     readonly texts: _angular_core.Signal<ngx_eiffage_material.NgxEiffageTexts>;
-    control: _angular_core.InputSignal<FormControl<any> | undefined>;
     endpoint: _angular_core.InputSignal<(filters: U) => Observable<PaginatedItems<T>>>;
     filters: _angular_core.InputSignal<WritableSignal<U>>;
     optionLabel: _angular_core.InputSignal<(option: T) => string>;
@@ -1354,7 +1422,23 @@ declare class PaginatedSearchableSelectComponent<T, U extends PaginatedFilter<T>
     protected innerControl: WritableSignal<FormControl<any>>;
     private queryTimeout;
     private readonly debounceTime;
+    /** Control del formulario si se usa con formControlName / [formControl] / ngModel (se registra como su value accessor). */
+    private readonly _ngControl;
+    private readonly _parentForm;
+    private readonly _cvaDisabled;
+    private _onChange;
+    private _onTouched;
+    /** Asterisco de obligatorio: lo decide el control del formulario. */
+    protected readonly isRequired: WritableSignal<boolean>;
+    /** Error con el estado del control del formulario (inválido y tocado, o formulario enviado). */
+    protected readonly errorStateMatcher: ErrorStateMatcher;
+    constructor();
     selectedEffect: _angular_core.EffectRef;
+    ngAfterViewInit(): void;
+    writeValue(value: T | T[] | undefined | null): void;
+    registerOnChange(fn: (value: T | T[] | undefined) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
     dataResource: _angular_core.ResourceRef<PaginatedItems<T>>;
     protected options: WritableSignal<T[]>;
     setOptions: _angular_core.EffectRef;
@@ -1368,7 +1452,7 @@ declare class PaginatedSearchableSelectComponent<T, U extends PaginatedFilter<T>
     protected optionsSelectedForView(): T[];
     protected onMoreClick(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PaginatedSearchableSelectComponent<any, any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaginatedSearchableSelectComponent<any, any>, "ngx-paginated-searchable-select", never, { "control": { "alias": "control"; "required": false; "isSignal": true; }; "endpoint": { "alias": "endpoint"; "required": true; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "searchInputPlaceholder": { "alias": "searchInputPlaceholder"; "required": false; "isSignal": true; }; "selectLabel": { "alias": "selectLabel"; "required": false; "isSignal": true; }; "selectPlaceholder": { "alias": "selectPlaceholder"; "required": false; "isSignal": true; }; "clearableOptionLabel": { "alias": "clearableOptionLabel"; "required": false; "isSignal": true; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "optionChange": "optionChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaginatedSearchableSelectComponent<any, any>, "ngx-paginated-searchable-select", never, { "endpoint": { "alias": "endpoint"; "required": true; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "searchInputPlaceholder": { "alias": "searchInputPlaceholder"; "required": false; "isSignal": true; }; "selectLabel": { "alias": "selectLabel"; "required": false; "isSignal": true; }; "selectPlaceholder": { "alias": "selectPlaceholder"; "required": false; "isSignal": true; }; "clearableOptionLabel": { "alias": "clearableOptionLabel"; "required": false; "isSignal": true; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "optionChange": "optionChange"; }, never, never, true, never>;
 }
 
 declare class NgxAlert {
@@ -1694,83 +1778,105 @@ declare class NgxSkeleton {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxSkeleton, "ngx-skeleton", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "lines": { "alias": "lines"; "required": false; "isSignal": true; }; "lineSpacing": { "alias": "lineSpacing"; "required": false; "isSignal": true; }; "lastLineWidth": { "alias": "lastLineWidth"; "required": false; "isSignal": true; }; "animation": { "alias": "animation"; "required": false; "isSignal": true; }; "animationDuration": { "alias": "animationDuration"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "borderRadius"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "decorative": { "alias": "decorative"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class NgxFileInput implements ControlValueAccessor {
-    private readonly _platform;
-    private readonly _inputId;
+/** Familia del fichero, para el color de su icono en ngx-file-input. */
+type FileKind = 'image' | 'pdf' | 'video' | 'audio' | 'generic';
+
+/**
+ * Zona para soltar o seleccionar ficheros, con lista de ficheros y previsualización de imágenes.
+ * Se usa con `formControlName` / `[formControl]` / `ngModel` (valor: los `File[]` válidos) o con `[(files)]`.
+ */
+declare class NgxFileInput implements ControlValueAccessor, AfterViewInit, DoCheck {
+    private readonly _ngControl;
+    private readonly _parentForm;
+    private readonly _host;
+    private readonly _locale;
+    private readonly _isBrowser;
     private readonly _nativeInput;
-    /** Accepted MIME types or extensions (e.g. `'image/*,.pdf'`). */
-    readonly accept: _angular_core.InputSignal<string>;
-    /** Allow selecting multiple files. */
+    protected readonly texts: _angular_core.Signal<ngx_eiffage_material.NgxEiffageTexts>;
+    /** Tipos admitidos: extensiones (`.pdf`), MIME (`application/pdf`) o comodines (`image/*`). `'*'` = cualquiera. */
+    readonly accept: _angular_core.InputSignal<string | string[]>;
+    /** Admite varios ficheros: cada selección se añade a la anterior. */
     readonly multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Maximum file size in bytes per file. `null` means no limit. */
+    /** Tamaño máximo por fichero, en bytes. `null` = sin límite. */
     readonly maxSize: _angular_core.InputSignal<number | null>;
-    /** Maximum number of files when `multiple` is true. `null` means no limit. */
+    /** Número máximo de ficheros válidos (con `multiple`). `null` = sin límite. */
     readonly maxFiles: _angular_core.InputSignal<number | null>;
-    /** Disables the component. */
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Label text shown inside the drop zone. Por defecto, el texto `fileInput.dropLabel` de la librería. */
+    /** Texto principal. Por defecto, el texto `fileInput.dropLabel` de la librería. */
     readonly label: _angular_core.InputSignal<string | undefined>;
-    protected readonly texts: _angular_core.Signal<ngx_eiffage_material.NgxEiffageTexts>;
-    protected readonly resolvedLabel: _angular_core.Signal<string>;
-    /** Secondary hint text (formats, sizes…). */
+    /** Texto secundario (formatos, tamaños…). */
     readonly hint: _angular_core.InputSignal<string | null>;
-    /** Show the file preview list below the drop zone. */
+    /** Mensaje de error. Se ve cuando el control es inválido y está tocado o el formulario se ha enviado. */
+    readonly error: _angular_core.InputSignal<string>;
+    /** Muestra la lista de ficheros (con miniatura de las imágenes). */
     readonly showPreview: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Visual variant: `'default'` (large zone), `'compact'` (horizontal), or `'button'`. */
+    /** `'default'` (zona grande), `'compact'` (barra horizontal) o `'button'` (solo un botón). */
     readonly variant: _angular_core.InputSignal<NgxFileInputVariant>;
-    /** Emits when valid files are added. */
+    /** Ficheros válidos seleccionados. Admite `[(files)]` para usarlo sin formularios. */
+    readonly files: _angular_core.ModelSignal<File[]>;
+    /** Ficheros válidos añadidos en una selección o al soltar. */
     readonly filesSelected: _angular_core.OutputEmitterRef<NgxFileItem[]>;
-    /** Emits when a file is removed from the list. */
+    /** Fichero quitado de la lista (válido o rechazado). */
     readonly fileRemoved: _angular_core.OutputEmitterRef<NgxFileItem>;
-    /** Emits for each file that fails validation. */
+    /** Un fichero rechazado (tipo, tamaño o número). */
     readonly validationError: _angular_core.OutputEmitterRef<NgxFileError>;
-    /** All file items (valid + invalid). */
-    readonly items: _angular_core.WritableSignal<NgxFileItem[]>;
-    /** Whether the user is dragging files over the drop zone. */
-    readonly isDragOver: _angular_core.WritableSignal<boolean>;
-    /** Brief flash after a successful drop. */
-    readonly showDropConfirm: _angular_core.WritableSignal<boolean>;
-    /** Announcement text for screen readers. */
-    readonly liveAnnouncement: _angular_core.WritableSignal<string>;
-    /** Unique id for the hidden file input. */
-    readonly inputId: string;
-    /** Disabled state coming from `setDisabledState()` (reactive forms). */
+    protected readonly id: string;
+    private readonly _entries;
     private readonly _cvaDisabled;
-    /**
-     * Effective disabled state: the `disabled` input OR the state pushed by the
-     * parent FormControl through `setDisabledState()`.
-     */
+    /** Deshabilitado por el input `disabled` o por el control del formulario. */
     readonly isDisabled: _angular_core.Signal<boolean>;
-    /** Derived: valid files only (used as FormControl value). */
-    protected readonly validFiles: _angular_core.Signal<File[]>;
+    protected readonly isDragOver: _angular_core.WritableSignal<boolean>;
+    protected readonly showDropConfirm: _angular_core.WritableSignal<boolean>;
+    protected readonly announcement: _angular_core.WritableSignal<string>;
+    protected readonly isRequired: _angular_core.WritableSignal<boolean>;
+    protected readonly showError: _angular_core.WritableSignal<boolean>;
+    protected readonly resolvedLabel: _angular_core.Signal<string>;
+    protected readonly acceptAttr: _angular_core.Signal<string>;
+    protected readonly describedBy: _angular_core.Signal<string | null>;
+    /** Lo que pinta la lista: icono, color, tamaño legible y mensaje de error ya traducido. */
+    protected readonly views: _angular_core.Signal<{
+        item: NgxFileItem;
+        icon: string;
+        kind: FileKind;
+        size: string;
+        error: string | null;
+    }[]>;
     private _onChange;
     private _onTouched;
-    writeValue(files: File[] | null): void;
-    registerOnChange(fn: (value: File[]) => void): void;
-    registerOnTouched(fn: () => void): void;
-    setDisabledState(isDisabled: boolean): void;
-    onDragOver(event: DragEvent): void;
-    onDragLeave(event: DragEvent): void;
-    onDrop(event: DragEvent): void;
-    onFileInputChange(event: Event): void;
+    private _controlSub?;
+    private _confirmTimer?;
+    constructor();
+    ngAfterViewInit(): void;
+    ngDoCheck(): void;
+    /** Abre el selector de ficheros del sistema (no hace nada si está deshabilitado). */
     openFilePicker(): void;
+    /** Quita un fichero de la lista, válido o rechazado. */
     removeFile(item: NgxFileItem): void;
-    /** Format bytes to human-readable string. */
-    formatSize(bytes: number): string;
-    /** Get a Material icon name based on MIME type. */
-    getFileIcon(type: string): string;
-    /** Get an accent color class based on MIME type. */
-    getFileColorClass(type: string): string;
-    private _processFiles;
-    private _validateAndCreate;
-    private _toFileItem;
-    private _isTypeAllowed;
-    private _generatePreviews;
-    private _emitChange;
+    protected onZoneKeydown(event: KeyboardEvent): void;
+    protected onZoneBlur(): void;
+    protected onNativeChange(event: Event): void;
+    protected onDragOver(event: DragEvent): void;
+    protected onDragLeave(event: DragEvent): void;
+    protected onDrop(event: DragEvent): void;
+    writeValue(files: File[] | null | undefined): void;
+    registerOnChange(fn: (files: File[]) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    private _validFiles;
+    private _addFiles;
+    /** Publica los ficheros válidos: model, formulario y estado de tocado. */
+    private _commit;
+    /** Lista nueva a partir de un valor externo (writeValue o [files]); los rechazados se descartan. */
+    private _resetFrom;
+    private _toItem;
+    private _revokePreview;
+    private _message;
+    private _bindControl;
+    private _syncFormState;
+    private _markTouched;
     private _flashDropConfirm;
-    private _generateId;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxFileInput, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxFileInput, "ngx-file-input", never, { "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "maxFiles": { "alias": "maxFiles"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "showPreview": { "alias": "showPreview"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "filesSelected": "filesSelected"; "fileRemoved": "fileRemoved"; "validationError": "validationError"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxFileInput, "ngx-file-input", never, { "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "maxFiles": { "alias": "maxFiles"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "showPreview": { "alias": "showPreview"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "files": { "alias": "files"; "required": false; "isSignal": true; }; }, { "files": "filesChange"; "filesSelected": "filesSelected"; "fileRemoved": "fileRemoved"; "validationError": "validationError"; }, never, never, true, never>;
 }
 
 /** Opciones comunes a todos los diálogos. */
@@ -1836,7 +1942,9 @@ declare class NgxDialogService {
      * del diálogo como `dialog` (`let-data let-dialog="dialog"`).
      */
     template<T = any, R = boolean>(config: DialogHeaderOptions & {
-        template: TemplateRef<NgxDialogTemplateContext<T, R>> | TemplateRef<T>;
+        template: TemplateRef<NgxDialogTemplateContext<T, R>> | TemplateRef<{
+            $implicit: T;
+        }> | TemplateRef<T>;
         templateData?: T;
     }, dialogConfig?: MatDialogConfig): Observable<R | boolean | undefined>;
     private _open;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-eiffage-material",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "peerDependencies": {
     "@angular/cdk": "^20.0.0 || ^21.0.0 || ^22.0.0",
     "@angular/common": "^20.1.0 || ^21.0.0 || ^22.0.0",