ngx-eiffage-material 0.0.50 → 0.1.1

package/index.d.ts

@@ -1,10 +1,12 @@
 import * as _angular_core from '@angular/core';
 import { OnInit, ElementRef, WritableSignal, Type, TemplateRef, PipeTransform, InjectionToken, Signal, OnDestroy } from '@angular/core';
-import { FormControl, ControlValueAccessor } from '@angular/forms';
+import { ControlValueAccessor, FormControl, FormBuilder, FormGroup, FormArray, AbstractControl } from '@angular/forms';
+import { ErrorStateMatcher } from '@angular/material/core';
 import { SubscriptSizing } from '@angular/material/form-field';
 import { MatSelect, MatSelectChange } from '@angular/material/select';
-import { MatDialogRef, MatDialogConfig } from '@angular/material/dialog';
 import { Observable, Subject } from 'rxjs';
+import * as ngx_eiffage_material from 'ngx-eiffage-material';
+import { MatDialogRef, MatDialogConfig } from '@angular/material/dialog';
 import { DateRange } from '@angular/material/datepicker';
 import { MatMenuTrigger } from '@angular/material/menu';
 import { PageEvent, MatPaginator } from '@angular/material/paginator';
@@ -13,7 +15,6 @@ import jsPDF from 'jspdf';
 import moment from 'moment';
 import { MatTableDataSource } from '@angular/material/table';
 import { MatChipEvent } from '@angular/material/chips';
-import { ErrorStateMatcher } from '@angular/material/core';
 
 declare class NgxLoadingButton {
     isLoading: _angular_core.InputSignal<boolean>;
@@ -28,13 +29,18 @@ declare class NgxLoadingButton {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxLoadingButton, "ngx-loading-button", never, { "isLoading": { "alias": "isLoading"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "matButton": { "alias": "matButton"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "spinnerDiameter": { "alias": "spinnerDiameter"; "required": false; "isSignal": true; }; "spinnerStrokeWidth": { "alias": "spinnerStrokeWidth"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class NgxInputFile implements OnInit {
+declare class NgxInputFile implements ControlValueAccessor, OnInit {
     private _cdr;
     value: _angular_core.WritableSignal<File[]>;
     onChangeCb?: (files: File[]) => void;
     onTouchCb?: () => void;
     label: _angular_core.InputSignal<string>;
-    control: _angular_core.InputSignal<FormControl<File[]>>;
+    /**
+     * 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>;
     placeholder: _angular_core.InputSignal<string>;
     class: _angular_core.InputSignal<string>;
@@ -45,6 +51,10 @@ declare class NgxInputFile implements OnInit {
     isDropping: _angular_core.WritableSignal<boolean>;
     inputFileRef: _angular_core.Signal<ElementRef<any> | undefined>;
     internalControl: FormControl<string[] | null>;
+    /** Estado deshabilitado que llega desde setDisabledState() (reactive forms). */
+    private readonly _cvaDisabled;
+    /** Estado deshabilitado efectivo: input `disabled` o el del FormControl padre. */
+    readonly isDisabled: _angular_core.Signal<boolean>;
     constructor();
     private checkErrors;
     controlEffect: _angular_core.EffectRef;
@@ -58,11 +68,14 @@ declare class NgxInputFile implements OnInit {
     writeValue(files: File[] | undefined | null): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
     onDeleteFileClick(file: File): void;
     getAccept(): string;
     bytesToMegaBytes(bytes: number): string;
+    private markAsTouched;
+    private markAsDirty;
     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": true; "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; }; "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>;
 }
 
 interface BasicSelectConfig<T> {
@@ -89,12 +102,18 @@ interface PaginatedSelectConfig<T> {
     subtitle?: (item: T) => string;
     /** Whether an individual option row is disabled */
     disabled?: (item: T) => boolean;
+    /**
+     * URL of an image shown in the circular avatar (e.g. a photo or logo).
+     * Takes priority over `avatarText` and `avatarIcon`. If the image fails to
+     * load, the component falls back to `avatarText`/`avatarIcon`/initials.
+     */
+    avatarImage?: (item: T) => string | null | undefined;
     /**
      * Short text for the circular avatar badge (e.g. initials).
-     * Takes priority over `avatarIcon`.
+     * Used when `avatarImage` is not provided. Takes priority over `avatarIcon`.
      */
     avatarText?: (item: T) => string;
-    /** Material icon name shown as avatar when `avatarText` is not provided */
+    /** Material icon name shown as avatar when `avatarImage`/`avatarText` are not provided */
     avatarIcon?: string;
 }
 
@@ -133,6 +152,8 @@ interface PaginatedTableConfig<T> {
     defaultStickyColumn?: keyof T;
     showActions?: () => boolean;
     hideExportData?: () => boolean;
+    hideColumnConfig?: () => boolean;
+    hideFullScreen?: () => boolean;
 }
 interface PaginatedTableColumn<T> {
     key: keyof T;
@@ -205,6 +226,14 @@ interface SortBy {
     direction: SortDirection;
 }
 
+/**
+ * Signal con el identificador del usuario actual. Se usa para aislar por usuario
+ * la configuracion de columnas y los filtros avanzados guardados en localStorage.
+ *
+ * Si la aplicacion no lo provee, el valor por defecto es `undefined`, lo que
+ * desactiva la persistencia: las tablas siguen funcionando, pero no recuerdan
+ * la configuracion entre sesiones.
+ */
 declare const USER_ID_FACTORY: InjectionToken<Signal<string | null | undefined>>;
 
 type FilterConnector = 'AND' | 'OR';
@@ -226,178 +255,12 @@ interface FilterRule<T> {
 }
 declare const OPERATOR_BY_FILTER_TYPE: Record<FilterType, FilterOperator[]>;
 
-interface RowActionClickEvent<T> {
-    id: string;
-    row: T;
-}
-
-interface SelectionActionEvent<T> {
-    id: string;
-    rows: T[];
-}
-
-interface ConfirmDialogData<T = any> {
-    title: string;
-    body?: string;
-    template?: TemplateRef<{
-        $implicit: T;
-    }>;
-    row?: T;
-    denyButtonLabel?: string;
-    confirmButtonLabel?: string;
-}
-
-interface BasicFilter<T> {
-    query?: string;
-    sortBy?: SortBy;
-    columnsFiltersValue?: Partial<Record<keyof T, ColumnValue>>;
-}
-
-interface BasicTableConfig<T> {
-    tableId: string;
-    primaryKey: keyof T | Array<keyof T>;
-    title: () => string;
-    columns: BasicTableColumn<T>[];
-    queryFilterPlaceholder?: string;
-    create?: TableBasicAction<T>;
-    update?: TableBasicAction<T>;
-    clickOnRowForUpdate?: boolean;
-    delete?: TableBasicAction<T>;
-    deleteConfirm?: DeleteConfirm<T>;
-    rowActions?: TableRowAction<T>[];
-    expandableDetail?: boolean;
-    expandableDetailTemplateRef?: () => TemplateRef<{
-        $implicit: T;
-    }>;
-    enableRowSelection?: boolean;
-    rowSelectionAction?: RowSelectionAction<T>[];
-    exportFileName?: () => string;
-    mapperForExportData?: (row: T) => Partial<Record<keyof T, any>>;
-    pdfConfig?: jsPDF;
-    maxHeight?: string;
-    defaultStickyColumn?: keyof T;
-    showActions?: () => boolean;
-    hideExportData?: () => boolean;
-}
-interface BasicTableColumn<T> {
-    key: keyof T;
-    label: string;
-    isFilterableByInput?: boolean;
-    sortType?: SortType;
-    sortByKey?: (row: T) => string | undefined;
-    filterType?: FilterType;
-    filterOptions?: FilterOption[];
-    endpointForPaginatedFilterOptions?: (filters: PaginatedFilter<FilterOption>) => Observable<PaginatedItems<FilterOption>>;
-    filtersForEndpointPaginatedFilterOptions?: WritableSignal<PaginatedFilter<FilterOption>>;
-    filterByKey?: (row: T) => string | undefined;
-    component?: Type<any>;
-    templateRef?: () => TemplateRef<{
-        $implicit: T;
-    }>;
-    valueGetter?: (row: T) => string;
-    pipes?: ColumnPipe | ColumnPipe[];
-    showTotalPerPage?: boolean;
-    showTotalGeneral?: boolean;
-    totalFooterFormatter?: (total: number) => string;
-    style?: string;
-    footerStyle?: string;
-}
-type SortType = 'string' | 'number' | 'date';
-
-type AlertType = 'info' | 'warning' | 'error' | 'success';
-
-type SkeletonVariant = 'text' | 'circle' | 'rect' | 'rounded';
-type SkeletonAnimation = 'shimmer' | 'pulse' | 'none';
-
-/** Visual variant of the file input component. */
-type NgxFileInputVariant = 'default' | 'compact' | 'button';
-/** Validation error codes emitted by the file input. */
-type NgxFileErrorCode = 'SIZE_EXCEEDED' | 'TYPE_NOT_ALLOWED' | 'MAX_FILES_EXCEEDED';
-/** Represents a file selected by the user, with metadata and optional preview. */
-interface NgxFileItem {
-    /** The native File object. */
-    file: File;
-    /** Unique identifier generated internally. */
-    id: string;
-    /** File name. */
-    name: string;
-    /** File size in bytes. */
-    size: number;
-    /** MIME type of the file. */
-    type: string;
-    /** Data URL for image previews. */
-    preview?: string;
-    /** Whether the file passed validation. */
-    status: 'valid' | 'error';
-    /** Validation error message, if any. */
-    error?: string;
-}
-/** Describes a validation error for a specific file. */
-interface NgxFileError {
-    /** The native File that failed validation. */
-    file: File;
-    /** Machine-readable error code. */
-    code: NgxFileErrorCode;
-    /** Human-readable error message. */
-    message: string;
-}
-
-declare class NgxBasicSelect<T> {
-    readonly label: _angular_core.InputSignal<string>;
-    readonly options: _angular_core.InputSignal<T[]>;
-    readonly basicSelectConfig: _angular_core.InputSignal<BasicSelectConfig<T>>;
-    readonly control: _angular_core.InputSignal<FormControl<any>>;
-    readonly isLoading: _angular_core.InputSignal<boolean>;
-    readonly placeholder: _angular_core.InputSignal<string>;
-    readonly subscriptSizing: _angular_core.InputSignal<SubscriptSizing>;
-    readonly appearance: _angular_core.InputSignal<"fill" | "outline">;
-    readonly multiple: _angular_core.InputSignal<boolean>;
-    readonly disabled: _angular_core.InputSignal<boolean>;
-    readonly clearable: _angular_core.InputSignal<boolean>;
-    readonly error: _angular_core.InputSignal<string>;
-    readonly class: _angular_core.InputSignal<string>;
-    selectionChange: _angular_core.OutputEmitterRef<any>;
-    readonly matSelect: _angular_core.Signal<MatSelect>;
-    readonly searchInput: _angular_core.Signal<ElementRef<any> | undefined>;
-    constructor();
-    onOpenedChange(opened: boolean): void;
-    includeInFilter(option: T, query: string): boolean;
-    onClearClick(): void;
-    onSelectionChange(event: MatSelectChange): void;
-    onClearInputClick(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxBasicSelect<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxBasicSelect<any>, "ngx-basic-select", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "basicSelectConfig": { "alias": "basicSelectConfig"; "required": true; "isSignal": true; }; "control": { "alias": "control"; "required": true; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
-}
-
-declare enum DialogBodyType {
-    TEXT = "text",
-    HTML = "html",
-    COMPONENT = "component",
-    TEMPLATE = "template"
-}
-interface DialogBodyConfig<T = any> {
-    type: DialogBodyType;
-    content: string | Type<T> | TemplateRef<any>;
-    data?: T;
-}
-
-declare class NgxDialog<T = any> {
-    private _dialogRef;
-    private _data;
-    readonly title: string;
-    readonly icon: string | undefined;
-    readonly iconColor: string | undefined;
-    readonly subtitle: string | undefined;
-    readonly body: DialogBodyConfig<T>;
-    readonly showCancel: boolean;
-    readonly showConfirm: boolean;
-    readonly cancelText: string;
-    readonly confirmText: string;
-    DialogBodyType: typeof DialogBodyType;
-    onCancelClick(): void;
-    onConfirmClick(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxDialog<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxDialog<any>, "ngx-dialog", never, {}, {}, never, never, true, never>;
+interface DynamicFilter<T> {
+    campo: keyof T;
+    operador: FilterOperator;
+    valor: string;
+    conector: FilterConnector;
+    grupo: string;
 }
 
 declare class NgxTablesIntl {
@@ -568,6 +431,26 @@ declare class NgxTablesIntl {
     noResultsMessage: string;
     /** Etiqueta del botón de ver más resultados */
     showMoreLabel: string;
+    /** Botón de confirmar selección (modo múltiple) */
+    paginatedSelectConfirmLabel: string;
+    /** Botón de limpiar selección (modo múltiple) */
+    paginatedSelectResetLabel: string;
+    /** Etiqueta del toggle "Seleccionar todo" */
+    paginatedSelectSelectAllLabel: string;
+    /** Fila "cargando más…" al paginar por scroll */
+    paginatedSelectLoadingMoreLabel: string;
+    /** Fila de fin de lista cuando ya no quedan más resultados */
+    paginatedSelectEndOfListLabel: string;
+    /** Ayuda bajo el mensaje de "sin resultados" cuando hay búsqueda activa */
+    paginatedSelectNoResultsHint: string;
+    /** Botón para limpiar la búsqueda desde el estado vacío */
+    paginatedSelectClearSearchLabel: string;
+    /** Título del estado de error al fallar la carga */
+    paginatedSelectErrorTitle: string;
+    /** Ayuda del estado de error */
+    paginatedSelectErrorHint: string;
+    /** Botón de reintentar la carga */
+    paginatedSelectRetryLabel: string;
     /**
      * Función para obtener el mensaje de confirmación de eliminación
      * @param itemName Nombre del elemento a eliminar (opcional)
@@ -598,24 +481,332 @@ declare class NgxTablesIntl {
      * @param optionName Nombre de la opción (opcional)
      */
     getRemoveOptionText(optionName: string): string;
+    /**
+     * Mensaje anunciado por lectores de pantalla (aria-live) con el número de
+     * resultados tras filtrar en un select buscable.
+     * @param count Número de resultados visibles
+     */
+    getSearchResultsCountMessage(count: number): string;
+    /**
+     * Footer del ngx-paginated-select en modo múltiple: elementos seleccionados
+     * sobre el total disponible.
+     */
+    getPaginatedSelectSelectedCountLabel(selected: number, total: number): string;
+    /**
+     * Footer del ngx-paginated-select en modo simple: número total de resultados.
+     */
+    getPaginatedSelectResultsCountLabel(total: number): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxTablesIntl, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<NgxTablesIntl>;
 }
 
-declare class NgxConfirmDialogComponent {
-    dialogRef: MatDialogRef<any, any>;
-    data: ConfirmDialogData<any>;
-    intl: NgxTablesIntl;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxConfirmDialogComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxConfirmDialogComponent, "ngx-confirm-dialog", never, {}, {}, never, never, true, never>;
+declare class AdvancedFilterUtils {
+    static createAdvancedFilter: <T>(fb: FormBuilder, advancedFilter: AdvancedFilter<T>) => FormGroup;
+    static createFilterGroup: <T>(fb: FormBuilder, group: FilterGroup<T>) => FormGroup;
+    static createFilterRule: <T>(fb: FormBuilder, rule: FilterRule<T>) => FormGroup;
+    static isFilterGroup: <T>(obj: any) => obj is FilterGroup<T>;
+    private static isFilterRule;
+    static addGroupToGroup<T>(fb: FormBuilder, form: FormGroup, groupId: string, group: FilterGroup<T>): void;
+    static deleteGroup<T>(form: FormGroup, groupId: string): boolean;
+    static addRuleToGroup: <T>(fb: FormBuilder, form: FormGroup, groupId: string, rule: FilterRule<T>) => void;
+    static deleteRule<T>(form: FormGroup, ruleId: string): boolean;
+    private static deleteByIdRecursive;
+    static findGroupFormById(array: FormArray, id: string): FormGroup | null;
+    static isFilterGroupForm(group: AbstractControl): boolean;
+    static mapFormToAdvancedFilter<T>(form: FormGroup): AdvancedFilter<T>;
+    private static mapFormGroupToFilterGroup;
+    private static mapFormGroupToFilterRule;
+    private static isNonEmptyFilter;
+    private static isNonEmptyGroup;
+    private static isNonEmptyRule;
+    static groupsToReadableHtml<T>(groups: FilterGroup<T>[], columns: PaginatedTableColumn<T>[], intl: NgxTablesIntl): string;
+    private static groupToHtml;
+    private static ruleToHtml;
+    private static getOperatorLabel;
+    private static valueToHtml;
+    static mapToDynamicFilter<T>(advancedFilter: AdvancedFilter<T>): DynamicFilter<T>[];
+    private static mapGroupToDynamicFilters;
+    static normalizeAdvancedFilterForBackend<T>(filter: AdvancedFilter<T>): AdvancedFilter<T>;
+    private static normalizeGroupForBackend;
+    private static normalizeRuleForBackend;
 }
 
+interface RowActionClickEvent<T> {
+    id: string;
+    row: T;
+}
+
+interface SelectionActionEvent<T> {
+    id: string;
+    rows: T[];
+}
+
+interface ConfirmDialogData<T = any> {
+    title: string;
+    body?: string;
+    template?: TemplateRef<{
+        $implicit: T;
+    }>;
+    row?: T;
+    denyButtonLabel?: string;
+    confirmButtonLabel?: string;
+}
+
+interface BasicFilter<T> {
+    query?: string;
+    sortBy?: SortBy;
+    columnsFiltersValue?: Partial<Record<keyof T, ColumnValue>>;
+}
+
+interface BasicTableConfig<T> {
+    tableId: string;
+    primaryKey: keyof T | Array<keyof T>;
+    title: () => string;
+    columns: BasicTableColumn<T>[];
+    queryFilterPlaceholder?: string;
+    create?: TableBasicAction<T>;
+    update?: TableBasicAction<T>;
+    clickOnRowForUpdate?: boolean;
+    delete?: TableBasicAction<T>;
+    deleteConfirm?: DeleteConfirm<T>;
+    rowActions?: TableRowAction<T>[];
+    expandableDetail?: boolean;
+    expandableDetailTemplateRef?: () => TemplateRef<{
+        $implicit: T;
+    }>;
+    enableRowSelection?: boolean;
+    rowSelectionAction?: RowSelectionAction<T>[];
+    exportFileName?: () => string;
+    mapperForExportData?: (row: T) => Partial<Record<keyof T, any>>;
+    pdfConfig?: jsPDF;
+    maxHeight?: string;
+    defaultStickyColumn?: keyof T;
+    showActions?: () => boolean;
+    hideExportData?: () => boolean;
+    hideColumnConfig?: () => boolean;
+    hideFullScreen?: () => boolean;
+}
+interface BasicTableColumn<T> {
+    key: keyof T;
+    label: string;
+    isFilterableByInput?: boolean;
+    sortType?: SortType;
+    sortByKey?: (row: T) => string | undefined;
+    filterType?: FilterType;
+    filterOptions?: FilterOption[];
+    endpointForPaginatedFilterOptions?: (filters: PaginatedFilter<FilterOption>) => Observable<PaginatedItems<FilterOption>>;
+    filtersForEndpointPaginatedFilterOptions?: WritableSignal<PaginatedFilter<FilterOption>>;
+    filterByKey?: (row: T) => string | undefined;
+    component?: Type<any>;
+    templateRef?: () => TemplateRef<{
+        $implicit: T;
+    }>;
+    valueGetter?: (row: T) => string;
+    pipes?: ColumnPipe | ColumnPipe[];
+    showTotalPerPage?: boolean;
+    showTotalGeneral?: boolean;
+    totalFooterFormatter?: (total: number) => string;
+    style?: string;
+    footerStyle?: string;
+}
+type SortType = 'string' | 'number' | 'date';
+
+type AlertType = 'info' | 'warning' | 'error' | 'success';
+
+type SkeletonVariant = 'text' | 'circle' | 'rect' | 'rounded';
+type SkeletonAnimation = 'shimmer' | 'pulse' | 'none';
+
+/** Visual variant of the file input component. */
+type NgxFileInputVariant = 'default' | 'compact' | 'button';
+/** Validation error codes emitted by the file input. */
+type NgxFileErrorCode = 'SIZE_EXCEEDED' | 'TYPE_NOT_ALLOWED' | 'MAX_FILES_EXCEEDED';
+/** Represents a file selected by the user, with metadata and optional preview. */
+interface NgxFileItem {
+    /** The native File object. */
+    file: File;
+    /** Unique identifier generated internally. */
+    id: string;
+    /** File name. */
+    name: string;
+    /** File size in bytes. */
+    size: number;
+    /** MIME type of the file. */
+    type: string;
+    /** Data URL for image previews. */
+    preview?: string;
+    /** Whether the file passed validation. */
+    status: 'valid' | 'error';
+    /** Validation error message, if any. */
+    error?: string;
+}
+/** Describes a validation error for a specific file. */
+interface NgxFileError {
+    /** The native File that failed validation. */
+    file: File;
+    /** Machine-readable error code. */
+    code: NgxFileErrorCode;
+    /** Human-readable error message. */
+    message: string;
+}
+
+declare enum DialogBodyType {
+    TEXT = "text",
+    HTML = "html",
+    COMPONENT = "component",
+    TEMPLATE = "template"
+}
+interface DialogBodyConfig<T = any> {
+    type: DialogBodyType;
+    content: string | Type<T> | TemplateRef<any>;
+    data?: T;
+}
+interface DialogConfig<T = any> {
+    title: string;
+    icon?: string;
+    iconColor?: string;
+    subtitle?: string;
+    body: DialogBodyConfig<T>;
+    showCancel?: boolean;
+    showConfirm?: boolean;
+    cancelText?: string;
+    confirmText?: string;
+}
+
+interface ConfigureTableColumnData<T> {
+    tableId: string;
+    tableName: string;
+    columns: ColumnConfig<T>[];
+    filtersValue: Partial<Record<keyof T, ColumnValue>>;
+    columnsLabels: Partial<Record<keyof T, string>>;
+}
 interface ColumnConfig<T> {
     key: keyof T;
     show: boolean;
     isSticky: boolean;
 }
 
+type TipoPantalla = 'movil' | 'tablet' | 'escritorio';
+
+interface Pantalla {
+    tipo: TipoPantalla;
+    ancho: number;
+    alto: number;
+}
+
+type SendType = 'save' | 'save_and_apply';
+
+/** Opción ya resuelta (valor, etiqueta, disabled y visibilidad según el buscador). */
+interface ResolvedOption<T> {
+    value: T[keyof T];
+    label: string;
+    disabled: boolean;
+    visible: boolean;
+}
+declare class NgxBasicSelect<T> implements ControlValueAccessor {
+    readonly intl: NgxTablesIntl;
+    /**
+     * Se auto-registra como ControlValueAccessor del control del formulario.
+     * Se usa `self`/`optional` para poder leer el estado de validación (invalid/touched)
+     * y para no fallar cuando el componente se usa sin formulario.
+     */
+    private readonly _ngControl;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly options: _angular_core.InputSignal<T[]>;
+    readonly basicSelectConfig: _angular_core.InputSignal<BasicSelectConfig<T>>;
+    readonly isLoading: _angular_core.InputSignal<boolean>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly subscriptSizing: _angular_core.InputSignal<SubscriptSizing>;
+    readonly appearance: _angular_core.InputSignal<"fill" | "outline">;
+    readonly multiple: _angular_core.InputSignal<boolean>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly clearable: _angular_core.InputSignal<boolean>;
+    readonly error: _angular_core.InputSignal<string>;
+    readonly class: _angular_core.InputSignal<string>;
+    /** Emite el/los valor(es) de `valueKey` al cambiar la selección. */
+    selectionChange: _angular_core.OutputEmitterRef<T[keyof T] | T[keyof T][] | null>;
+    readonly matSelect: _angular_core.Signal<MatSelect>;
+    readonly searchInput: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
+    /** FormControl interno que gobierna el mat-select (independiente del control del form). */
+    protected readonly innerControl: FormControl<any>;
+    /** Copia del valor como signal, para leerlo reactivamente en plantilla (OnPush). */
+    protected readonly value: _angular_core.WritableSignal<any>;
+    /** Deshabilitado que llega vía setDisabledState (reactive forms). */
+    private readonly cvaDisabled;
+    /** Estado del buscador (signal, no el DOM, para funcionar en zoneless). */
+    protected readonly searchQuery: _angular_core.WritableSignal<string>;
+    private onChange;
+    private onTouched;
+    /** Deshabilitado efectivo: input `disabled` o el que llega del formulario. */
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
+    /**
+     * Opciones resueltas y marcadas con `visible` según el buscador. Las no visibles
+     * NO se quitan del DOM (se ocultan con display:none) para que el mat-select siga
+     * pudiendo pintar la etiqueta del valor seleccionado aunque esté filtrado.
+     */
+    protected readonly resolvedOptions: _angular_core.Signal<ResolvedOption<T>[]>;
+    /** Hay datos de entrada (con independencia del buscador). */
+    protected readonly hasData: _angular_core.Signal<boolean>;
+    /**
+     * Opciones que se renderizan realmente: las que casan con el buscador MÁS las que
+     * estén seleccionadas (aunque no casen). Se quitan del DOM las que no casan para que
+     * el ListKeyManager de mat-select no las pueda enfocar con las flechas —marcarlas
+     * `disabled` no basta: con el panel abierto Material permite enfocar deshabilitadas
+     * (recomendación WAI-ARIA)—. Las seleccionadas se conservan para que el trigger
+     * pueda pintar su etiqueta y no se pierda el valor al filtrar.
+     */
+    protected readonly displayedOptions: _angular_core.Signal<ResolvedOption<T>[]>;
+    /** No hay ninguna opción que mostrar (ni coincidencia ni seleccionada). */
+    protected readonly showNoOptionsMessage: _angular_core.Signal<boolean>;
+    /** Mensaje aria-live con el recuento de resultados al filtrar. */
+    protected readonly searchAnnouncement: _angular_core.Signal<string>;
+    /** ErrorStateMatcher que refleja el estado del control del formulario. */
+    protected readonly errorStateMatcher: ErrorStateMatcher;
+    constructor();
+    writeValue(value: any): void;
+    registerOnChange(fn: (value: any) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    onOpenedChange(opened: boolean): void;
+    onSearchInput(value: string): void;
+    /**
+     * Deja pasar al mat-select las teclas de navegación (flechas, Enter, Escape…) para
+     * poder moverse por la lista sin salir del buscador, y detiene las de carácter para
+     * que no disparen el typeahead nativo del mat-select.
+     */
+    onSearchKeydown(event: KeyboardEvent): void;
+    clearSearch(): void;
+    onClearClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxBasicSelect<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxBasicSelect<any>, "ngx-basic-select", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "basicSelectConfig": { "alias": "basicSelectConfig"; "required": true; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
+}
+
+declare class NgxDialog<T = any> {
+    private _dialogRef;
+    private _data;
+    readonly title: string;
+    readonly icon: string | undefined;
+    readonly iconColor: string | undefined;
+    readonly subtitle: string | undefined;
+    readonly body: ngx_eiffage_material.DialogBodyConfig<T>;
+    readonly showCancel: boolean;
+    readonly showConfirm: boolean;
+    readonly cancelText: string;
+    readonly confirmText: string;
+    DialogBodyType: typeof DialogBodyType;
+    onCancelClick(): void;
+    onConfirmClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxDialog<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxDialog<any>, "ngx-dialog", never, {}, {}, never, never, true, never>;
+}
+
+declare class NgxConfirmDialogComponent {
+    dialogRef: MatDialogRef<any, any>;
+    data: ConfirmDialogData<any>;
+    intl: NgxTablesIntl;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxConfirmDialogComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxConfirmDialogComponent, "ngx-confirm-dialog", never, {}, {}, never, never, true, never>;
+}
+
 declare class NgxPaginatedTable<T, U extends PaginatedFilter<T>> implements OnInit, OnDestroy {
     private readonly columnConfigService;
     private readonly advancedFilterService;
@@ -665,7 +856,6 @@ declare class NgxPaginatedTable<T, U extends PaginatedFilter<T>> implements OnIn
     private overlayRef?;
     private portal?;
     protected defaultFiltersForPaginatedFilterOptions: WritableSignal<PaginatedFilter<FilterOption>>;
-    constructor(intl: NgxTablesIntl | null);
     ngOnInit(): void;
     onEscape(): void;
     ngOnDestroy(): void;
@@ -720,7 +910,7 @@ declare class NgxPaginatedTable<T, U extends PaginatedFilter<T>> implements OnIn
     private enterFullscreen;
     private exitFullscreen;
     private isMyOverlayOnTop;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxPaginatedTable<any, any>, [{ optional: true; }]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxPaginatedTable<any, any>, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxPaginatedTable<any, any>, "ngx-paginated-table", never, { "endpoint": { "alias": "endpoint"; "required": true; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": true; "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>;
 }
 
@@ -842,7 +1032,6 @@ 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>>;
-    constructor(intl: NgxTablesIntl | null);
     selectedEffect: _angular_core.EffectRef;
     protected openedChange(open: boolean): void;
     protected cleanQuery(): void;
@@ -850,7 +1039,7 @@ declare class SearchableSelectComponent<T> {
     protected showOption(option: T): boolean;
     protected onOptionChange(event: MatSelectChange<string | string[] | undefined>): void;
     protected numberOfResults(): number;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchableSelectComponent<any>, [{ optional: true; }]>;
+    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>;
 }
 
@@ -876,7 +1065,6 @@ declare class PaginatedSearchableSelectComponent<T, U extends PaginatedFilter<T>
     protected innerControl: WritableSignal<FormControl<any>>;
     private queryTimeout;
     private readonly debounceTime;
-    constructor(intl: NgxTablesIntl | null);
     selectedEffect: _angular_core.EffectRef;
     dataResource: _angular_core.ResourceRef<PaginatedItems<T>>;
     protected options: WritableSignal<T[]>;
@@ -890,7 +1078,7 @@ declare class PaginatedSearchableSelectComponent<T, U extends PaginatedFilter<T>
     protected onOptionChange(event: MatSelectChange<T | T[] | undefined>): void;
     protected optionsSelectedForView(): T[];
     protected onMoreClick(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PaginatedSearchableSelectComponent<any, any>, [{ optional: true; }]>;
+    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>;
 }
 
@@ -903,10 +1091,11 @@ declare class NgxAlert {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxAlert, "ngx-alert", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-declare class NgxPaginatedSelect<T, U extends PaginatedFilter<T>> implements OnInit {
+declare class NgxPaginatedSelect<T, U extends PaginatedFilter<T>> implements ControlValueAccessor {
     private readonly _bottomSheet;
-    private readonly _cdr;
-    private readonly _matSelect;
+    /** Se auto-registra como CVA (self/optional para leer validación y no fallar sin form). */
+    private readonly _ngControl;
+    readonly intl: NgxTablesIntl;
     /** Label that floats on the form field */
     readonly label: _angular_core.InputSignal<string>;
     /** Title shown in the bottom sheet header */
@@ -917,8 +1106,6 @@ declare class NgxPaginatedSelect<T, U extends PaginatedFilter<T>> implements OnI
     readonly config: _angular_core.InputSignal<PaginatedSelectConfig<T>>;
     /** Writable signal with the current filter state */
     readonly filters: _angular_core.InputSignal<WritableSignal<U>>;
-    /** FormControl to integrate with reactive forms */
-    readonly control: _angular_core.InputSignal<FormControl<any>>;
     /** Pre-selected items — accepts full objects OR partials with only the valueKey set */
     readonly selectedItems: _angular_core.InputSignal<Partial<T>[]>;
     /** Allow selecting multiple items */
@@ -932,17 +1119,17 @@ declare class NgxPaginatedSelect<T, U extends PaginatedFilter<T>> implements OnI
      * - 'chips': a chip per selected item (default when multiple=true)
      * - 'text': a single comma-joined text line
      */
-    readonly displayMode: _angular_core.InputSignal<"chips" | "text">;
+    readonly displayMode: _angular_core.InputSignal<"text" | "chips">;
     /** Whether to show the search input inside the bottom sheet */
     readonly showSearch: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Placeholder for the search input inside the bottom sheet */
-    readonly searchPlaceholder: _angular_core.InputSignal<string>;
-    /** Message when no results are found */
-    readonly noResultsMessage: _angular_core.InputSignal<string>;
-    /** Label for the confirm button (multiple mode) */
-    readonly confirmLabel: _angular_core.InputSignal<string>;
-    /** Label for the reset button (multiple mode) */
-    readonly resetLabel: _angular_core.InputSignal<string>;
+    /** Placeholder for the search input inside the bottom sheet (defaults to intl) */
+    readonly searchPlaceholder: _angular_core.InputSignal<string | undefined>;
+    /** Message when no results are found (defaults to intl) */
+    readonly noResultsMessage: _angular_core.InputSignal<string | undefined>;
+    /** Label for the confirm button (multiple mode, defaults to intl) */
+    readonly confirmLabel: _angular_core.InputSignal<string | undefined>;
+    /** Label for the reset button (multiple mode, defaults to intl) */
+    readonly resetLabel: _angular_core.InputSignal<string | undefined>;
     /** Controls how the subscript wrapper (hint/error) reserves space */
     readonly subscriptSizing: _angular_core.InputSignal<SubscriptSizing>;
     /** Error message rendered inside mat-error */
@@ -964,35 +1151,55 @@ declare class NgxPaginatedSelect<T, U extends PaginatedFilter<T>> implements OnI
     readonly chipsDirection: _angular_core.InputSignal<"row" | "column">;
     /** Whether to show a "Select all" toggle in the bottom sheet (multiple mode) */
     readonly showSelectAll: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Label for the select all toggle */
-    readonly selectAllLabel: _angular_core.InputSignal<string>;
+    /** Label for the select all toggle (defaults to intl) */
+    readonly selectAllLabel: _angular_core.InputSignal<string | undefined>;
     /** Emits the full T object (single) or T[] (multiple) when selection changes */
     readonly valueChange: _angular_core.OutputEmitterRef<Partial<T> | Partial<T>[] | undefined>;
     /** Emits the raw array of selected items (may be partial if never confirmed) */
     readonly selectionChange: _angular_core.OutputEmitterRef<Partial<T>[]>;
-    protected _selectedItems: WritableSignal<Partial<T>[]>;
-    protected _isDisabled: WritableSignal<boolean>;
-    protected _isOpen: WritableSignal<boolean>;
+    protected readonly _selectedItems: WritableSignal<Partial<T>[]>;
+    private readonly _cvaDisabled;
+    protected readonly _isOpen: WritableSignal<boolean>;
+    private onChange;
+    private onTouched;
+    /** Evita re-emitir onChange cuando el cambio viene del formulario (writeValue). */
+    private _suppressEmit;
+    /** Huella de la última selección aplicada desde el input `selectedItems`. */
+    private _lastSyncedSelection;
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
     protected readonly selectedLabel: _angular_core.Signal<string>;
-    /**
-     * Safe label resolver: tries `displayedLabel(item)`, falls back to
-     * `String(item[valueKey])` so partial objects never throw.
-     */
-    protected getLabel(item: Partial<T>): string;
     protected readonly hasSelection: _angular_core.Signal<boolean>;
-    /** ErrorStateMatcher that reflects the bound FormControl's touched+invalid state */
-    protected readonly errorStateMatcher: _angular_core.Signal<ErrorStateMatcher>;
     protected readonly showChips: _angular_core.Signal<boolean>;
     protected readonly displayedChips: _angular_core.Signal<Partial<T>[]>;
     protected readonly remainingChipsCount: _angular_core.Signal<number>;
+    /** ErrorStateMatcher que refleja el estado del control del formulario. */
+    protected readonly errorStateMatcher: ErrorStateMatcher;
+    protected readonly effectiveSearchPlaceholder: _angular_core.Signal<string>;
+    protected readonly effectiveNoResults: _angular_core.Signal<string>;
+    protected readonly effectiveConfirmLabel: _angular_core.Signal<string>;
+    protected readonly effectiveResetLabel: _angular_core.Signal<string>;
+    protected readonly effectiveSelectAllLabel: _angular_core.Signal<string>;
     constructor();
-    ngOnInit(): void;
+    writeValue(value: T[keyof T] | T[keyof T][] | null): void;
+    registerOnChange(fn: (value: T[keyof T] | T[keyof T][] | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    private keysFromValue;
+    private applyValueFromKeys;
+    private sameKeySet;
+    private emitChange;
+    /**
+     * Safe label resolver: tries `displayedLabel(item)`, falls back to
+     * `String(item[valueKey])` so partial objects never throw.
+     */
+    protected getLabel(item: Partial<T>): string;
     openBottomSheet(event: Event): void;
+    /** Abrir el bottom sheet desde el teclado (Enter / Espacio / flecha abajo). */
+    onTriggerKeydown(event: KeyboardEvent): void;
     removeChip(item: Partial<T>, _event: MatChipEvent): void;
-    preventOpen(isOpen: boolean): void;
     clearSelection(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxPaginatedSelect<any, any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxPaginatedSelect<any, any>, "ngx-paginated-select", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "endpoint": { "alias": "endpoint"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": true; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "selectedItems": { "alias": "selectedItems"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "displayMode": { "alias": "displayMode"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "noResultsMessage": { "alias": "noResultsMessage"; "required": false; "isSignal": true; }; "confirmLabel": { "alias": "confirmLabel"; "required": false; "isSignal": true; }; "resetLabel": { "alias": "resetLabel"; "required": false; "isSignal": true; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "optionTemplate": { "alias": "optionTemplate"; "required": false; "isSignal": true; }; "extraFiltersTemplate": { "alias": "extraFiltersTemplate"; "required": false; "isSignal": true; }; "maxChipsDisplayed": { "alias": "maxChipsDisplayed"; "required": false; "isSignal": true; }; "chipsDirection": { "alias": "chipsDirection"; "required": false; "isSignal": true; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; "isSignal": true; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "selectionChange": "selectionChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxPaginatedSelect<any, any>, "ngx-paginated-select", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "endpoint": { "alias": "endpoint"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": true; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "selectedItems": { "alias": "selectedItems"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "displayMode": { "alias": "displayMode"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "noResultsMessage": { "alias": "noResultsMessage"; "required": false; "isSignal": true; }; "confirmLabel": { "alias": "confirmLabel"; "required": false; "isSignal": true; }; "resetLabel": { "alias": "resetLabel"; "required": false; "isSignal": true; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "optionTemplate": { "alias": "optionTemplate"; "required": false; "isSignal": true; }; "extraFiltersTemplate": { "alias": "extraFiltersTemplate"; "required": false; "isSignal": true; }; "maxChipsDisplayed": { "alias": "maxChipsDisplayed"; "required": false; "isSignal": true; }; "chipsDirection": { "alias": "chipsDirection"; "required": false; "isSignal": true; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; "isSignal": true; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "selectionChange": "selectionChange"; }, never, never, true, never>;
 }
 
 interface NgxPaginatedSelectBottomSheetData<T, U extends PaginatedFilter<T>> {
@@ -1019,6 +1226,7 @@ declare class NgxPaginatedSelectBottomSheetComponent<T, U extends PaginatedFilte
     private readonly _ref;
     private readonly _destroy;
     readonly data: NgxPaginatedSelectBottomSheetData<T, U>;
+    readonly intl: NgxTablesIntl;
     /** Raw input value — updates on every keystroke, does NOT trigger the resource */
     readonly query: WritableSignal<string | undefined>;
     /** Holds Partial<T> initially; items get upgraded to full T when toggled from the list */
@@ -1038,8 +1246,26 @@ declare class NgxPaginatedSelectBottomSheetComponent<T, U extends PaginatedFilte
     readonly resource: _angular_core.ResourceRef<PaginatedItems<T>>;
     readonly isLoading: _angular_core.Signal<boolean>;
     readonly options: _angular_core.Signal<T[]>;
-    readonly total: _angular_core.Signal<number>;
+    readonly hasError: _angular_core.Signal<boolean>;
     readonly selectedCount: _angular_core.Signal<number>;
+    /**
+     * Total como signal, actualizado SOLO cuando el recurso no está cargando. Durante
+     * la carga por scroll, resource.value() pasa transitoriamente al defaultValue
+     * (total: 0); leerlo directamente hacía parpadear el footer a "0 resultados"
+     * aunque el total real no cambie. Con este signal el total se mantiene estable
+     * mientras se cargan más páginas.
+     */
+    private readonly _total;
+    readonly total: _angular_core.Signal<number>;
+    private readonly _totalEffect;
+    /** Cargando la PRIMERA página (lista vacía) → se muestran skeletons. */
+    readonly isInitialLoading: _angular_core.Signal<boolean>;
+    /** Cargando MÁS páginas (scroll) → fila inline "cargando más…", sin barra superior. */
+    readonly isLoadingMore: _angular_core.Signal<boolean>;
+    /** Ya se han cargado todos los resultados disponibles. */
+    readonly allLoaded: _angular_core.Signal<boolean>;
+    /** Cabecera con sombra solo cuando la lista está desplazada. */
+    readonly headerScrolled: WritableSignal<boolean>;
     readonly allSelected: _angular_core.Signal<boolean>;
     readonly someSelected: _angular_core.Signal<boolean>;
     /**
@@ -1069,11 +1295,19 @@ declare class NgxPaginatedSelectBottomSheetComponent<T, U extends PaginatedFilte
      */
     getLabel(item: Partial<T>): string;
     getAvatarText(item: Partial<T>): string;
+    /** Claves de items cuya imagen de avatar falló al cargar (para el fallback). */
+    private readonly failedImages;
+    /** URL de imagen del avatar, o null si no hay o si falló al cargar. */
+    getAvatarImage(item: Partial<T>): string | null | undefined;
+    /** Marca la imagen como fallida para caer al texto/icono. */
+    onAvatarError(item: Partial<T>): void;
     toggleItem(item: T): void;
     removeSelectedChip(item: Partial<T>): void;
     onQueryInput(event: Event, container: HTMLElement): void;
-    clearQuery(inputEl: HTMLInputElement, container: HTMLElement): void;
+    clearQuery(container?: HTMLElement): void;
     onScroll(container: HTMLElement): void;
+    /** Reintenta la carga tras un error. */
+    retry(): void;
     toggleSelectAll(): void;
     confirm(): void;
     reset(): void;
@@ -1118,6 +1352,7 @@ declare class NgxSkeleton {
 declare class NgxFileInput implements ControlValueAccessor {
     private readonly _platform;
     private readonly _inputId;
+    private readonly _nativeInput;
     /** Accepted MIME types or extensions (e.g. `'image/*,.pdf'`). */
     readonly accept: _angular_core.InputSignal<string>;
     /** Allow selecting multiple files. */
@@ -1152,6 +1387,13 @@ declare class NgxFileInput implements ControlValueAccessor {
     readonly liveAnnouncement: _angular_core.WritableSignal<string>;
     /** Unique id for the hidden file input. */
     readonly inputId: string;
+    /** Disabled state coming from `setDisabledState()` (reactive forms). */
+    private readonly _cvaDisabled;
+    /**
+     * Effective disabled state: the `disabled` input OR the state pushed by the
+     * parent FormControl through `setDisabledState()`.
+     */
+    readonly isDisabled: _angular_core.Signal<boolean>;
     /** Derived: valid files only (used as FormControl value). */
     protected readonly validFiles: _angular_core.Signal<File[]>;
     private _onChange;
@@ -1159,6 +1401,7 @@ declare class NgxFileInput implements ControlValueAccessor {
     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;
@@ -1304,6 +1547,44 @@ declare class NgxDialogService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<NgxDialogService>;
 }
 
+declare class AdvancedFilterService {
+    private userIdFactory;
+    private readonly PARTIAL_KEY_STORAGE_ADVANCED_FILTER_CONFIG;
+    private fullKey;
+    private _advancedFilters;
+    advancedFilters: _angular_core.Signal<Record<string, AdvancedFilter<any>[]>>;
+    private setAdvancedFiltersEffect;
+    constructor();
+    private setAdvancedFilter;
+    saveAdvancedFilter(tableId: string, advancedFilter: AdvancedFilter<any>): boolean;
+    deleteAdvancedFilter(tableId: string, advancedFilter: AdvancedFilter<any>): boolean;
+    getAdvancedFilterById(tableId: string, advancedFilterId: string, normalizeForBackend?: boolean): AdvancedFilter<any> | undefined;
+    getDynamicFiltersById(tableId: string, advancedFilterId: string): DynamicFilter<any>[];
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AdvancedFilterService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AdvancedFilterService>;
+}
+
+declare class ColumnConfigService {
+    private userIdFactory;
+    private readonly PARTIAL_KEY_STORAGE_COLUMN_CONFIG;
+    private fullKey;
+    private _columnConfigs;
+    columnConfigs: _angular_core.Signal<Record<string, ColumnConfig<any>[]>>;
+    private setColumnConfigEffect;
+    saveColumnConfig(tableId: string, columnConfig: ColumnConfig<any>[]): boolean;
+    deleteColumnConfig(tableId: string): boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColumnConfigService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ColumnConfigService>;
+}
+
+declare class DatosPantallaService {
+    private readonly isBrowser;
+    pantalla: Signal<Pantalla | undefined>;
+    private obtenerDatosPantalla;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DatosPantallaService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<DatosPantallaService>;
+}
+
 declare class DynamicHostDirective<T> {
     private _vcr;
     private _currentRef;
@@ -1317,5 +1598,5 @@ declare class DynamicHostDirective<T> {
 declare const includeNoSensible: (cadena: string, query: string) => boolean;
 declare const base64ToUtf8: (str: string) => string;
 
-export { DynamicHostDirective, NgxAlert, NgxBasicSelect, NgxBasicTable, NgxConfirmDialogComponent, NgxDialog, NgxDialogService, NgxFileInput, NgxInputFile, NgxLoadingButton, NgxPaginatedSelect, NgxPaginatedSelectBottomSheetComponent, NgxPaginatedTable, NgxSkeleton, NgxTablesIntl, OPERATOR_BY_FILTER_TYPE, PaginatedSearchableSelectComponent, SearchableSelectComponent, USER_ID_FACTORY, base64ToUtf8, includeNoSensible, isFilterOption };
-export type { AdvancedFilter, AlertType, BasicFilter, BasicSelectConfig, BasicTableColumn, BasicTableConfig, ColumnPipe, ConfirmDialogData, DeleteConfirm, FilterConnector, FilterGroup, FilterOperator, FilterOption, FilterRule, FilterType, NgxFileError, NgxFileErrorCode, NgxFileInputVariant, NgxFileItem, NgxPaginatedSelectBottomSheetData, PaginatedFilter, PaginatedItems, PaginatedSelectConfig, PaginatedTableColumn, PaginatedTableConfig, RowActionClickEvent, RowActionIconColor, RowSelectionAction, SelectionActionEvent, SkeletonAnimation, SkeletonVariant, SortBy, SortType, TableBasicAction, TableRowAction };
+export { AdvancedFilterService, AdvancedFilterUtils, ColumnConfigService, DatosPantallaService, DialogBodyType, DynamicHostDirective, NgxAlert, NgxBasicSelect, NgxBasicTable, NgxConfirmDialogComponent, NgxDialog, NgxDialogService, NgxFileInput, NgxInputFile, NgxLoadingButton, NgxPaginatedSelect, NgxPaginatedSelectBottomSheetComponent, NgxPaginatedTable, NgxSkeleton, NgxTablesIntl, OPERATOR_BY_FILTER_TYPE, PaginatedSearchableSelectComponent, SearchableSelectComponent, USER_ID_FACTORY, base64ToUtf8, includeNoSensible, isFilterOption };
+export type { AdvancedFilter, AlertType, BasicFilter, BasicSelectConfig, BasicTableColumn, BasicTableConfig, ColumnConfig, ColumnPipe, ColumnValue, ConfigureTableColumnData, ConfirmDialogData, DeleteConfirm, DialogBodyConfig, DialogConfig, DynamicFilter, FilterConnector, FilterGroup, FilterOperator, FilterOption, FilterRule, FilterType, NgxFileError, NgxFileErrorCode, NgxFileInputVariant, NgxFileItem, NgxPaginatedSelectBottomSheetData, PaginatedFilter, PaginatedItems, PaginatedSelectConfig, PaginatedTableColumn, PaginatedTableConfig, Pantalla, RowActionClickEvent, RowActionIconColor, RowSelectionAction, SelectionActionEvent, SendType, SkeletonAnimation, SkeletonVariant, SortBy, SortType, TableBasicAction, TableRowAction, TipoPantalla };