@jvsoft/utils 1.0.0-alpha.6 → 1.0.0-alpha.7

package/README.md

@@ -58,6 +58,11 @@ ng e2e
 
 Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
 
+## Documentación
+
+- [Directiva JvAutocomplete](./docs/autocomplete.md): Guía detallada de uso, ejemplos y referencia de la API.
+- [Utilidades de Logging](./docs/logging.md): Guía para el uso de logs en desarrollo.
+
 ## Additional Resources
 
 For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.

package/directives/autocomplete-match-validator.directive.d.ts

@@ -0,0 +1,10 @@
+import { AbstractControl, ValidationErrors, Validator } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class AutocompleteMatchValidatorDirective implements Validator {
+    opciones: import("@angular/core").InputSignal<any[]>;
+    formControlName: import("@angular/core").InputSignal<any>;
+    idLista: import("@angular/core").InputSignal<string | undefined>;
+    validate(control: AbstractControl): ValidationErrors | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteMatchValidatorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AutocompleteMatchValidatorDirective, "[jvsAutocompleteMatch]", never, { "opciones": { "alias": "jvsAutocompleteMatch"; "required": false; "isSignal": true; }; "formControlName": { "alias": "formControlName"; "required": false; "isSignal": true; }; "idLista": { "alias": "idLista"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/directives/autocomplete.directive.d.ts

@@ -0,0 +1,23 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class JvsAutocompleteDirective implements OnInit {
+    private readonly destroyRef;
+    private readonly ngControl;
+    private readonly focus$;
+    data: import("@angular/core").InputSignal<any[] | null>;
+    fields: import("@angular/core").InputSignal<string | string[]>;
+    typeReq: import("@angular/core").InputSignal<string>;
+    queryService: import("@angular/core").InputSignal<any>;
+    minLength: import("@angular/core").InputSignal<number>;
+    dataExtra: import("@angular/core").InputSignal<any>;
+    anonimo: import("@angular/core").InputSignal<boolean>;
+    debounce: import("@angular/core").InputSignal<number>;
+    filtered: import("@angular/core").OutputEmitterRef<any[]>;
+    loading: import("@angular/core").OutputEmitterRef<boolean>;
+    onFocus(): void;
+    ngOnInit(): void;
+    private filterLocal;
+    private fetchApi;
+    static ɵfac: i0.ɵɵFactoryDeclaration<JvsAutocompleteDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<JvsAutocompleteDirective, "[jvsAutocomplete]", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "fields": { "alias": "fields"; "required": false; "isSignal": true; }; "typeReq": { "alias": "typeReq"; "required": false; "isSignal": true; }; "queryService": { "alias": "queryService"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "dataExtra": { "alias": "dataExtra"; "required": false; "isSignal": true; }; "anonimo": { "alias": "anonimo"; "required": false; "isSignal": true; }; "debounce": { "alias": "debounce"; "required": false; "isSignal": true; }; }, { "filtered": "filtered"; "loading": "loading"; }, never, never, true, never>;
+}

package/directives/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@jvsoft/utils/directives" />
+export * from './public-api';

package/directives/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './autocomplete-match-validator.directive';
+export * from './autocomplete.directive';

package/fesm2022/jvsoft-utils-directives.mjs

@@ -0,0 +1,150 @@
+import * as i0 from '@angular/core';
+import { input, forwardRef, Directive, inject, DestroyRef, output, HostListener } from '@angular/core';
+import { NG_VALIDATORS, NgControl } from '@angular/forms';
+import { Subject, merge, debounceTime, startWith, distinctUntilChanged, tap, switchMap, of, map, finalize } from 'rxjs';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+
+class AutocompleteMatchValidatorDirective {
+    opciones = input([], { alias: 'jvsAutocompleteMatch' });
+    formControlName = input();
+    idLista = input();
+    validate(control) {
+        const idLista = this.idLista() ?? this.formControlName();
+        const value = control.value;
+        const opciones = this.opciones();
+        if (!value)
+            return null;
+        if (!opciones) {
+            console.error('Debe definir opciones para el validador jvsAutocompleteMatch');
+            return { itemSelected: true };
+        }
+        const encontrado = opciones.some(item => typeof value === 'object'
+            ? item[idLista] === value[idLista]
+            : item[idLista] === value);
+        return encontrado ? null : { itemSelected: true };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AutocompleteMatchValidatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.14", type: AutocompleteMatchValidatorDirective, isStandalone: true, selector: "[jvsAutocompleteMatch]", inputs: { opciones: { classPropertyName: "opciones", publicName: "jvsAutocompleteMatch", isSignal: true, isRequired: false, transformFunction: null }, formControlName: { classPropertyName: "formControlName", publicName: "formControlName", isSignal: true, isRequired: false, transformFunction: null }, idLista: { classPropertyName: "idLista", publicName: "idLista", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: NG_VALIDATORS,
+                useExisting: forwardRef(() => AutocompleteMatchValidatorDirective),
+                multi: true,
+            },
+        ], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AutocompleteMatchValidatorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[jvsAutocompleteMatch]',
+                    providers: [
+                        {
+                            provide: NG_VALIDATORS,
+                            useExisting: forwardRef(() => AutocompleteMatchValidatorDirective),
+                            multi: true,
+                        },
+                    ],
+                    standalone: true
+                }]
+        }] });
+
+class JvsAutocompleteDirective {
+    destroyRef = inject(DestroyRef);
+    ngControl = inject(NgControl, { optional: true });
+    focus$ = new Subject();
+    // Signal-based Inputs
+    data = input(null);
+    fields = input('');
+    typeReq = input('');
+    queryService = input(null);
+    minLength = input(3);
+    dataExtra = input({});
+    anonimo = input(false);
+    debounce = input(300);
+    // Modern Outputs
+    filtered = output();
+    loading = output();
+    onFocus() {
+        this.focus$.next();
+    }
+    ngOnInit() {
+        const control = this.ngControl;
+        if (!control || !control.valueChanges) {
+            console.warn('JvsAutocompleteDirective: No se encontró ngControl o valueChanges. Asegúrate de que el input tenga un formControl o formControlName.');
+            return;
+        }
+        // Si es data local, bajamos el debounce por defecto a 0 si no se ha especificado
+        const isLocal = this.data() && !this.typeReq();
+        const actualDebounce = (isLocal && this.debounce() === 300) ? 0 : this.debounce();
+        merge(control.valueChanges.pipe(debounceTime(actualDebounce)), this.focus$).pipe(takeUntilDestroyed(this.destroyRef), startWith(control.value), distinctUntilChanged(), tap(() => {
+            if (this.typeReq())
+                this.loading.emit(true);
+        }), switchMap(() => {
+            const value = control.value;
+            // Si el valor es un objeto (proviene de seleccionar una opción), no volvemos a filtrar
+            if (typeof value === 'object' && value !== null) {
+                if (this.typeReq())
+                    this.loading.emit(false);
+                return of(null);
+            }
+            if (this.typeReq() && this.queryService()) {
+                return this.fetchApi(value?.toString() || '');
+            }
+            else if (this.data()) {
+                const res = this.filterLocal(value?.toString() || '');
+                return of(res);
+            }
+            if (this.typeReq())
+                this.loading.emit(false);
+            return of([]);
+        })).subscribe((result) => {
+            if (result !== null) {
+                this.filtered.emit(result);
+            }
+        });
+    }
+    filterLocal(value) {
+        const data = this.data();
+        if (!value)
+            return data || [];
+        const search = value.toLowerCase();
+        const rawFields = this.fields();
+        const fields = Array.isArray(rawFields) ? rawFields : [rawFields];
+        return (data || []).filter(item => {
+            return fields.some(field => {
+                const val = item[field];
+                return val && val.toString().toLowerCase().includes(search);
+            });
+        });
+    }
+    fetchApi(value) {
+        const typeReq = this.typeReq();
+        const queryService = this.queryService();
+        if (!value || value.length < this.minLength()) {
+            this.loading.emit(false);
+            return of([]);
+        }
+        return queryService.getDataMethod('GET', typeReq, {
+            ...this.dataExtra(),
+            txtBuscar: value
+        }, this.anonimo()).pipe(map((res) => res[typeReq] ?? []), finalize(() => this.loading.emit(false)));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: JvsAutocompleteDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.14", type: JvsAutocompleteDirective, isStandalone: true, selector: "[jvsAutocomplete]", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, fields: { classPropertyName: "fields", publicName: "fields", isSignal: true, isRequired: false, transformFunction: null }, typeReq: { classPropertyName: "typeReq", publicName: "typeReq", isSignal: true, isRequired: false, transformFunction: null }, queryService: { classPropertyName: "queryService", publicName: "queryService", isSignal: true, isRequired: false, transformFunction: null }, minLength: { classPropertyName: "minLength", publicName: "minLength", isSignal: true, isRequired: false, transformFunction: null }, dataExtra: { classPropertyName: "dataExtra", publicName: "dataExtra", isSignal: true, isRequired: false, transformFunction: null }, anonimo: { classPropertyName: "anonimo", publicName: "anonimo", isSignal: true, isRequired: false, transformFunction: null }, debounce: { classPropertyName: "debounce", publicName: "debounce", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filtered: "filtered", loading: "loading" }, host: { listeners: { "focus": "onFocus()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: JvsAutocompleteDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[jvsAutocomplete]',
+                    standalone: true
+                }]
+        }], propDecorators: { onFocus: [{
+                type: HostListener,
+                args: ['focus']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AutocompleteMatchValidatorDirective, JvsAutocompleteDirective };
+//# sourceMappingURL=jvsoft-utils-directives.mjs.map

package/fesm2022/jvsoft-utils-directives.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"jvsoft-utils-directives.mjs","sources":["../../../projects/utils/directives/autocomplete-match-validator.directive.ts","../../../projects/utils/directives/autocomplete.directive.ts","../../../projects/utils/directives/jvsoft-utils-directives.ts"],"sourcesContent":["import { Directive, forwardRef, input } from '@angular/core';\nimport { AbstractControl, NG_VALIDATORS, ValidationErrors, Validator } from '@angular/forms';\n\n@Directive({\n    selector: '[jvsAutocompleteMatch]',\n    providers: [\n        {\n            provide: NG_VALIDATORS,\n            useExisting: forwardRef(() => AutocompleteMatchValidatorDirective),\n            multi: true,\n        },\n    ],\n    standalone: true\n})\nexport class AutocompleteMatchValidatorDirective implements Validator {\n    opciones = input<any[]>([], { alias: 'jvsAutocompleteMatch' });\n    formControlName = input<any>();\n    idLista = input<string>();\n\n    validate(control: AbstractControl): ValidationErrors | null {\n        const idLista = this.idLista() ?? this.formControlName();\n        const value = control.value;\n        const opciones = this.opciones();\n\n        if (!value) return null;\n\n        if (!opciones) {\n            console.error('Debe definir opciones para el validador jvsAutocompleteMatch');\n            return { itemSelected: true };\n        }\n\n        const encontrado = opciones.some(item =>\n            typeof value === 'object'\n                ? item[idLista] === value[idLista]\n                : item[idLista] === value\n        );\n\n        return encontrado ? null : { itemSelected: true };\n    }\n}\n","import { Directive, ElementRef, EventEmitter, inject, OnInit, DestroyRef, HostListener, input, output } from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { debounceTime, distinctUntilChanged, isObservable, of, switchMap, takeUntil, tap, finalize, map, Observable, startWith, merge, Subject } from 'rxjs';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\n@Directive({\n    selector: '[jvsAutocomplete]',\n    standalone: true\n})\nexport class JvsAutocompleteDirective implements OnInit {\n    private readonly destroyRef = inject(DestroyRef);\n    private readonly ngControl = inject(NgControl, { optional: true });\n    private readonly focus$ = new Subject<void>();\n    \n    // Signal-based Inputs\n    data = input<any[] | null>(null);\n    fields = input<string | string[]>('');\n    typeReq = input<string>('');\n    queryService = input<any>(null);\n    minLength = input<number>(3);\n    dataExtra = input<any>({});\n    anonimo = input<boolean>(false);\n    debounce = input<number>(300);\n    \n    // Modern Outputs\n    filtered = output<any[]>();\n    loading = output<boolean>();\n\n    @HostListener('focus')\n    onFocus() {\n        this.focus$.next();\n    }\n\n    ngOnInit(): void {\n        const control = this.ngControl;\n        if (!control || !control.valueChanges) {\n            console.warn('JvsAutocompleteDirective: No se encontró ngControl o valueChanges. Asegúrate de que el input tenga un formControl o formControlName.');\n            return;\n        }\n\n        // Si es data local, bajamos el debounce por defecto a 0 si no se ha especificado\n        const isLocal = this.data() && !this.typeReq();\n        const actualDebounce = (isLocal && this.debounce() === 300) ? 0 : this.debounce();\n\n        merge(\n            control.valueChanges.pipe(debounceTime(actualDebounce)),\n            this.focus$\n        ).pipe(\n            takeUntilDestroyed(this.destroyRef),\n            startWith(control.value),\n            distinctUntilChanged(),\n            tap(() => {\n                if (this.typeReq()) this.loading.emit(true);\n            }),\n            switchMap((): Observable<any[] | null> => {\n                const value = control.value;\n                // Si el valor es un objeto (proviene de seleccionar una opción), no volvemos a filtrar\n                if (typeof value === 'object' && value !== null) {\n                    if (this.typeReq()) this.loading.emit(false);\n                    return of(null);\n                }\n\n                if (this.typeReq() && this.queryService()) {\n                    return this.fetchApi(value?.toString() || '');\n                } else if (this.data()) {\n                    const res = this.filterLocal(value?.toString() || '');\n                    return of(res);\n                }\n                \n                if (this.typeReq()) this.loading.emit(false);\n                return of([]);\n            })\n        ).subscribe((result) => {\n            if (result !== null) {\n                this.filtered.emit(result);\n            }\n        });\n    }\n\n    private filterLocal(value: string): any[] {\n        const data = this.data();\n        if (!value) return data || [];\n        \n        const search = value.toLowerCase();\n        const rawFields = this.fields();\n        const fields = Array.isArray(rawFields) ? rawFields : [rawFields];\n\n        return (data || []).filter(item => {\n            return fields.some(field => {\n                const val = item[field];\n                return val && val.toString().toLowerCase().includes(search);\n            });\n        });\n    }\n\n    private fetchApi(value: string): Observable<any[]> {\n        const typeReq = this.typeReq();\n        const queryService = this.queryService();\n\n        if (!value || value.length < this.minLength()) {\n            this.loading.emit(false);\n            return of([]);\n        }\n\n        return queryService.getDataMethod('GET', typeReq, {\n            ...this.dataExtra(),\n            txtBuscar: value\n        }, this.anonimo()).pipe(\n            map((res: any) => res[typeReq] ?? []),\n            finalize(() => this.loading.emit(false))\n        );\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/jvsoft-utils.mjs

@@ -1,6 +1,8 @@
-import { Validators, FormGroup, FormControl, FormArray } from '@angular/forms';
-import { untilDestroyed } from '@ngneat/until-destroy';
-import { startWith, debounceTime, tap, isObservable, switchMap, of, finalize } from 'rxjs';
+import { Validators, FormGroup, FormControl, FormArray, NG_VALIDATORS, NgControl } from '@angular/forms';
+import * as i0 from '@angular/core';
+import { inject, DestroyRef, Pipe, input, forwardRef, Directive, output, HostListener } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { tap, startWith, debounceTime, isObservable, switchMap, of, finalize, Subject, merge, distinctUntilChanged, map as map$1 } from 'rxjs';
 import { map } from 'rxjs/operators';
 import { Buffer } from 'buffer';
 import CryptoJS from 'crypto-js';
@@ -10,8 +12,6 @@ import { ReactiveFormConfig } from '@rxweb/reactive-form-validators';
 import moment from 'moment';
 import swal from 'sweetalert2';
 import { jwtDecode } from 'jwt-decode';
-import * as i0 from '@angular/core';
-import { Pipe } from '@angular/core';
 import * as i1 from '@angular/platform-browser';
 
 function deepMerge(source, target) {
@@ -287,6 +287,22 @@ function filtrarDatosLocal(data, value, campoBuscar) {
     });
 }
 
+/**
+ * Intenta obtener el DestroyRef desde el llamador (objThis/control)
+ * o inyectándolo si estamos en un contexto de inyección.
+ */
+function obtenerDestroyRef(caller, manualDRef, fnName = 'N/A') {
+    let dRef = manualDRef || caller?.['destroyRef'] || caller?.['_destroyRef'];
+    if (!dRef) {
+        try {
+            dRef = inject(DestroyRef, { optional: true });
+        }
+        catch (e) {
+            console.warn(`${fnName}: Falló inject(DestroyRef) (fuera del contexto de inyección). Pasa el destroyRef explícitamente o decláralo en el componente para habilitar la limpieza.`);
+        }
+    }
+    return dRef ?? undefined;
+}
 function mostrarValorEnBusqueda(campos, idxSel) {
     const impDataMostrar = () => {
         let vD;
@@ -344,8 +360,12 @@ function mostrarValorEnBusqueda(campos, idxSel) {
     }
     return '';
 }
+/**
+ * @deprecated Use JvsAutocompleteDirective en su lugar para un enfoque más declarativo y robusto.
+ */
 function changeSelectData(objThis, dataFiltro) {
-    objThis['filtrados'][dataFiltro.variableResultado] = dataFiltro.formControl.valueChanges.pipe(untilDestroyed(objThis)).pipe(startWith(''), map(value => {
+    const dRef = obtenerDestroyRef(objThis, dataFiltro.destroyRef, 'changeSelectData');
+    objThis['filtrados'][dataFiltro.variableResultado] = dataFiltro.formControl.valueChanges.pipe(dRef ? takeUntilDestroyed(dRef) : tap(() => { })).pipe(startWith(''), map(value => {
         const varN = dataFiltro.data;
         if (varN) {
             if (value) {
@@ -385,14 +405,18 @@ function changeSelectData(objThis, dataFiltro) {
         return false;
     }));
 }
-function changeSelect(control, formControl, tipo, campoBuscar, campoFiltro = null) {
+/**
+ * @deprecated Use JvsAutocompleteDirective en su lugar para un enfoque más declarativo y robusto.
+ */
+function changeSelect(control, formControl, tipo, campoBuscar, campoFiltro = null, destroyRef) {
     // console.log(formControl);
     // const formGroup = formControl.parent.controls;
     // console.warn( Object.keys(formGroup).find(name => formControl === formGroup[name]) || null );
     if (!campoFiltro) {
         campoFiltro = tipo;
     }
-    control['filtrados'][campoFiltro ?? '__'] = formControl.valueChanges.pipe(untilDestroyed(control)).pipe(startWith(''), map(value => {
+    const dRef = obtenerDestroyRef(control, destroyRef, 'changeSelect');
+    control['filtrados'][campoFiltro ?? '__'] = formControl.valueChanges.pipe(dRef ? takeUntilDestroyed(dRef) : tap(() => { })).pipe(startWith(''), map(value => {
         // console.warn(value);
         const partes = tipo.split('.');
         let varN;
@@ -440,12 +464,16 @@ function changeSelect(control, formControl, tipo, campoBuscar, campoFiltro = nul
         return false;
     }));
 }
+/**
+ * @deprecated Use JvsAutocompleteDirective en su lugar para un enfoque más declarativo y robusto.
+ */
 function changeSelectDataApi(objThis, dataFiltro) {
     if (!dataFiltro.variableResultado) {
         dataFiltro.variableResultado = dataFiltro.tipoReq;
     }
     const idFiltrado = dataFiltro.variableResultado;
-    dataFiltro.formControl.valueChanges.pipe(debounceTime(500), tap(() => {
+    const dRef = obtenerDestroyRef(objThis, dataFiltro.destroyRef, 'changeSelectDataApi');
+    dataFiltro.formControl.valueChanges.pipe(dRef ? takeUntilDestroyed(dRef) : tap(() => { }), debounceTime(500), tap(() => {
         objThis.filtrados[dataFiltro.variableResultado + 'tmp'] = isObservable(objThis.filtrados[idFiltrado]) ? [] : objThis.filtrados[idFiltrado] || [];
         if (objThis.filtrados[idFiltrado] !== objThis.filtrados[idFiltrado + 'tmp']) {
             objThis.filtrados[idFiltrado] = [];
@@ -467,8 +495,12 @@ function changeSelectDataApi(objThis, dataFiltro) {
         objThis.filtrados[idFiltrado] = data[dataFiltro.tipoReq] ?? [];
     });
 }
-function changeSelectApi(control, queryService, formControl, tipo, dataExtra = {}, dataExtraVariable = null, minLength = 1, anonimo = false) {
-    formControl.valueChanges.pipe(debounceTime(500), tap((value) => {
+/**
+ * @deprecated Use JvsAutocompleteDirective en su lugar para un enfoque más declarativo y robusto.
+ */
+function changeSelectApi(control, queryService, formControl, tipo, dataExtra = {}, dataExtraVariable = null, minLength = 1, anonimo = false, destroyRef) {
+    const dRef = obtenerDestroyRef(control, destroyRef, 'changeSelectApi');
+    formControl.valueChanges.pipe(dRef ? takeUntilDestroyed(dRef) : tap(() => { }), debounceTime(500), tap((value) => {
         control['filtrados'][tipo + 'tmp'] = isObservable(control['filtrados'][tipo]) ? [] : control['filtrados'][tipo];
         if (control['filtrados'][tipo] != control['filtrados'][tipo + 'tmp']) {
             control['filtrados'][tipo] = [];
@@ -527,9 +559,13 @@ function seleccionarTextoInput$1(event) {
  * Función genérica para vincular un FormControl con datos desde API o Promise.
  * Preparada para migrar a signals en el futuro.
  */
+/**
+ * @deprecated Use JvsAutocompleteDirective en su lugar para un enfoque más declarativo y robusto.
+ */
 function changeSelectReformateado(config) {
-    const { objThis, tipoReq, formControl, queryService, campoId, minLength = 3, dataExtra = {}, dataExtraVariable = [], anonimo = false, variableResultado = tipoReq, } = config;
-    formControl.valueChanges.pipe(debounceTime(500), tap(() => {
+    const { objThis, tipoReq, formControl, queryService, campoId, minLength = 3, dataExtra = {}, dataExtraVariable = [], anonimo = false, variableResultado = tipoReq, destroyRef } = config;
+    const dRef = obtenerDestroyRef(objThis, destroyRef, 'changeSelectReformateado');
+    formControl.valueChanges.pipe(dRef ? takeUntilDestroyed(dRef) : tap(() => { }), debounceTime(500), tap(() => {
         objThis.filtrados[variableResultado + 'tmp'] = isObservable(objThis.filtrados[variableResultado])
             ? []
             : objThis.filtrados[variableResultado] || [];
@@ -2107,18 +2143,211 @@ function zeroFill(value, digitos, ...args) {
     return new ZeroFillPipe().transform(value, digitos, args);
 }
 
+class JvsDisplayWithPipe {
+    /**
+     * Retorna una función compatible con [displayWith] de MatAutocomplete.
+     * @param lista La lista de objetos donde buscar.
+     * @param campoId El nombre del campo que coincide con el valor del control (ej: 'iCarreraId').
+     * @param campoValue El nombre del campo (o campos) a mostrar (ej: 'cCarreraNombre' o ['cCodigo', 'cNombre']).
+     * @param opcExtra Lista opcional de objetos extra donde buscar si no se encuentra en la lista principal.
+     */
+    transform(lista, campoId, campoValue, opcExtra) {
+        return (idxSel) => {
+            if (idxSel === null || idxSel === undefined || !lista) {
+                return '';
+            }
+            const impDataMostrar = (vD) => {
+                if (!vD)
+                    return '';
+                if (Array.isArray(campoValue)) {
+                    return campoValue
+                        .map(field => vD[field] ?? '')
+                        .filter(val => !!val)
+                        .join(' - ');
+                }
+                return vD[campoValue]?.toString() || '';
+            };
+            // Buscar en la lista principal
+            let item;
+            if (campoId === '*object*' || campoId === '*objeto*') {
+                item = lista.find(x => JSON.stringify(x).trim() === JSON.stringify(idxSel).trim());
+            }
+            else {
+                item = lista.find(x => x[campoId] == idxSel);
+            }
+            // Si no se encuentra, buscar en opcExtra
+            if (!item && opcExtra) {
+                if (campoId === '*object*' || campoId === '*objeto*') {
+                    item = opcExtra.find(x => JSON.stringify(x).trim() === JSON.stringify(idxSel).trim());
+                }
+                else {
+                    item = opcExtra.find(x => x[campoId] == idxSel);
+                }
+            }
+            return item ? impDataMostrar(item).trim() : '';
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: JvsDisplayWithPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: JvsDisplayWithPipe, isStandalone: true, name: "jvsDisplayWith" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: JvsDisplayWithPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'jvsDisplayWith',
+                    standalone: true
+                }]
+        }] });
+
 // export * from './otros';
 
+class AutocompleteMatchValidatorDirective {
+    opciones = input([], { alias: 'jvsAutocompleteMatch' });
+    formControlName = input();
+    idLista = input();
+    validate(control) {
+        const idLista = this.idLista() ?? this.formControlName();
+        const value = control.value;
+        const opciones = this.opciones();
+        if (!value)
+            return null;
+        if (!opciones) {
+            console.error('Debe definir opciones para el validador jvsAutocompleteMatch');
+            return { itemSelected: true };
+        }
+        const encontrado = opciones.some(item => typeof value === 'object'
+            ? item[idLista] === value[idLista]
+            : item[idLista] === value);
+        return encontrado ? null : { itemSelected: true };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AutocompleteMatchValidatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.14", type: AutocompleteMatchValidatorDirective, isStandalone: true, selector: "[jvsAutocompleteMatch]", inputs: { opciones: { classPropertyName: "opciones", publicName: "jvsAutocompleteMatch", isSignal: true, isRequired: false, transformFunction: null }, formControlName: { classPropertyName: "formControlName", publicName: "formControlName", isSignal: true, isRequired: false, transformFunction: null }, idLista: { classPropertyName: "idLista", publicName: "idLista", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: NG_VALIDATORS,
+                useExisting: forwardRef(() => AutocompleteMatchValidatorDirective),
+                multi: true,
+            },
+        ], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AutocompleteMatchValidatorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[jvsAutocompleteMatch]',
+                    providers: [
+                        {
+                            provide: NG_VALIDATORS,
+                            useExisting: forwardRef(() => AutocompleteMatchValidatorDirective),
+                            multi: true,
+                        },
+                    ],
+                    standalone: true
+                }]
+        }] });
+
+class JvsAutocompleteDirective {
+    destroyRef = inject(DestroyRef);
+    ngControl = inject(NgControl, { optional: true });
+    focus$ = new Subject();
+    // Signal-based Inputs
+    data = input(null);
+    fields = input('');
+    typeReq = input('');
+    queryService = input(null);
+    minLength = input(3);
+    dataExtra = input({});
+    anonimo = input(false);
+    debounce = input(300);
+    // Modern Outputs
+    filtered = output();
+    loading = output();
+    onFocus() {
+        this.focus$.next();
+    }
+    ngOnInit() {
+        const control = this.ngControl;
+        if (!control || !control.valueChanges) {
+            console.warn('JvsAutocompleteDirective: No se encontró ngControl o valueChanges. Asegúrate de que el input tenga un formControl o formControlName.');
+            return;
+        }
+        // Si es data local, bajamos el debounce por defecto a 0 si no se ha especificado
+        const isLocal = this.data() && !this.typeReq();
+        const actualDebounce = (isLocal && this.debounce() === 300) ? 0 : this.debounce();
+        merge(control.valueChanges.pipe(debounceTime(actualDebounce)), this.focus$).pipe(takeUntilDestroyed(this.destroyRef), startWith(control.value), distinctUntilChanged(), tap(() => {
+            if (this.typeReq())
+                this.loading.emit(true);
+        }), switchMap(() => {
+            const value = control.value;
+            // Si el valor es un objeto (proviene de seleccionar una opción), no volvemos a filtrar
+            if (typeof value === 'object' && value !== null) {
+                if (this.typeReq())
+                    this.loading.emit(false);
+                return of(null);
+            }
+            if (this.typeReq() && this.queryService()) {
+                return this.fetchApi(value?.toString() || '');
+            }
+            else if (this.data()) {
+                const res = this.filterLocal(value?.toString() || '');
+                return of(res);
+            }
+            if (this.typeReq())
+                this.loading.emit(false);
+            return of([]);
+        })).subscribe((result) => {
+            if (result !== null) {
+                this.filtered.emit(result);
+            }
+        });
+    }
+    filterLocal(value) {
+        const data = this.data();
+        if (!value)
+            return data || [];
+        const search = value.toLowerCase();
+        const rawFields = this.fields();
+        const fields = Array.isArray(rawFields) ? rawFields : [rawFields];
+        return (data || []).filter(item => {
+            return fields.some(field => {
+                const val = item[field];
+                return val && val.toString().toLowerCase().includes(search);
+            });
+        });
+    }
+    fetchApi(value) {
+        const typeReq = this.typeReq();
+        const queryService = this.queryService();
+        if (!value || value.length < this.minLength()) {
+            this.loading.emit(false);
+            return of([]);
+        }
+        return queryService.getDataMethod('GET', typeReq, {
+            ...this.dataExtra(),
+            txtBuscar: value
+        }, this.anonimo()).pipe(map$1((res) => res[typeReq] ?? []), finalize(() => this.loading.emit(false)));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: JvsAutocompleteDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.14", type: JvsAutocompleteDirective, isStandalone: true, selector: "[jvsAutocomplete]", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, fields: { classPropertyName: "fields", publicName: "fields", isSignal: true, isRequired: false, transformFunction: null }, typeReq: { classPropertyName: "typeReq", publicName: "typeReq", isSignal: true, isRequired: false, transformFunction: null }, queryService: { classPropertyName: "queryService", publicName: "queryService", isSignal: true, isRequired: false, transformFunction: null }, minLength: { classPropertyName: "minLength", publicName: "minLength", isSignal: true, isRequired: false, transformFunction: null }, dataExtra: { classPropertyName: "dataExtra", publicName: "dataExtra", isSignal: true, isRequired: false, transformFunction: null }, anonimo: { classPropertyName: "anonimo", publicName: "anonimo", isSignal: true, isRequired: false, transformFunction: null }, debounce: { classPropertyName: "debounce", publicName: "debounce", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filtered: "filtered", loading: "loading" }, host: { listeners: { "focus": "onFocus()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: JvsAutocompleteDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[jvsAutocomplete]',
+                    standalone: true
+                }]
+        }], propDecorators: { onFocus: [{
+                type: HostListener,
+                args: ['focus']
+            }] } });
+
 /*
  * Public API Surface of utils
  */
-// export * from './functions/common.function';
-// export * from './lib/utils.component';
-// export * from './lib/utils.service';
+// export * from './src/functions/common.function';
+// export * from './src/lib/utils.component';
+// export * from './src/lib/utils.service';
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { DataEnListaPipe, DataModel, DateDiffStringPipe, FiltroPipe, FormControlIsRequiredPipe, JsonParsePipe, NoSanitizePipe, TipoValorFuncionPipe, ZeroFillPipe, b64Decode, b64Encode, buscarPorCampo, changeSelect, changeSelectApi, changeSelectData, changeSelectDataApi, changeSelectReformateado, convertirBytes, dataEnLista, dateDiffString, decodeBase64Object, decodeBase64String, decodeBase64ToBlob, deepClone, deepMerge, delLocalStorage, desencriptar, devError, devGroup, devGroupEnd, devLog, devTable, devTime, devTimeEnd, devWarn, downLoadFileStream, eliminarColumnaPorIndex, eliminarDuplicados, eliminarElementos, encodeBase64File, encodeBase64Object, encodeBase64String, encriptar, esNumero, esPromise, establecerQuitarRequired, extraerDominio, filtrarDatosLocal, formControlIsRequired, formatearFecha, formatearFechaCadena, formatearFechaFormato, generateRandomString, getBrowserName, getCambiarPwd, getDataArchivoFromPath, getFormValidationErrors, getLocalStorage, getUniqueValues, getUniqueValuesByProperty, getValueByPath, groupBy, inicializarVariablesSessionStorage, isEmail, isProduction, jwtToken, jwtTokenData, jwtTokenExpiracion, jwtTokenExpiracionFaltante, localStorageKeys, markAsTouchedWithoutEmitEvent, maskEmail, mensajeAlerta, mensajeConfirmacion, mensajeTimer, mensajeToast, mensajesDeError, mensajesErrorFormControl, mostrarValorEnBusqueda, nestGroupsBy, numberToWords, objectPropertiesBoolean, objectPropertiesToType, obtenerHostDesdeUrl, obtenerMimeType, obtenerUltimoOrden, ordenarArray, ordenarPorPropiedad, ordenarPorPropiedades, roundToDecimal, sanitizarNombreArchivo, seleccionarTextoInput, setCambiarPwd, setControlDesdeLista, setJwtTokenData, setLocalStorage, setProductionMode, sumarObjetos, sumarPropiedades, tipoValorFuncion, toFormData, transformarFechasPorNombreDeCampo, verificarRUC, zeroFill };
+export { AutocompleteMatchValidatorDirective, DataEnListaPipe, DataModel, DateDiffStringPipe, FiltroPipe, FormControlIsRequiredPipe, JsonParsePipe, JvsAutocompleteDirective, JvsDisplayWithPipe, NoSanitizePipe, TipoValorFuncionPipe, ZeroFillPipe, b64Decode, b64Encode, buscarPorCampo, changeSelect, changeSelectApi, changeSelectData, changeSelectDataApi, changeSelectReformateado, convertirBytes, dataEnLista, dateDiffString, decodeBase64Object, decodeBase64String, decodeBase64ToBlob, deepClone, deepMerge, delLocalStorage, desencriptar, devError, devGroup, devGroupEnd, devLog, devTable, devTime, devTimeEnd, devWarn, downLoadFileStream, eliminarColumnaPorIndex, eliminarDuplicados, eliminarElementos, encodeBase64File, encodeBase64Object, encodeBase64String, encriptar, esNumero, esPromise, establecerQuitarRequired, extraerDominio, filtrarDatosLocal, formControlIsRequired, formatearFecha, formatearFechaCadena, formatearFechaFormato, generateRandomString, getBrowserName, getCambiarPwd, getDataArchivoFromPath, getFormValidationErrors, getLocalStorage, getUniqueValues, getUniqueValuesByProperty, getValueByPath, groupBy, inicializarVariablesSessionStorage, isEmail, isProduction, jwtToken, jwtTokenData, jwtTokenExpiracion, jwtTokenExpiracionFaltante, localStorageKeys, markAsTouchedWithoutEmitEvent, maskEmail, mensajeAlerta, mensajeConfirmacion, mensajeTimer, mensajeToast, mensajesDeError, mensajesErrorFormControl, mostrarValorEnBusqueda, nestGroupsBy, numberToWords, objectPropertiesBoolean, objectPropertiesToType, obtenerHostDesdeUrl, obtenerMimeType, obtenerUltimoOrden, ordenarArray, ordenarPorPropiedad, ordenarPorPropiedades, roundToDecimal, sanitizarNombreArchivo, seleccionarTextoInput, setCambiarPwd, setControlDesdeLista, setJwtTokenData, setLocalStorage, setProductionMode, sumarObjetos, sumarPropiedades, tipoValorFuncion, toFormData, transformarFechasPorNombreDeCampo, verificarRUC, zeroFill };
 //# sourceMappingURL=jvsoft-utils.mjs.map