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

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] || [];
@@ -1846,10 +1882,10 @@ class DataEnListaPipe {
         }
         return null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: DataEnListaPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.16", ngImport: i0, type: DataEnListaPipe, isStandalone: true, name: "dataEnLista" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DataEnListaPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: DataEnListaPipe, isStandalone: true, name: "dataEnLista" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: DataEnListaPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DataEnListaPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'dataEnLista',
@@ -1938,10 +1974,10 @@ class DateDiffStringPipe {
             seconds,
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: DateDiffStringPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.16", ngImport: i0, type: DateDiffStringPipe, isStandalone: true, name: "dateDiffString" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DateDiffStringPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: DateDiffStringPipe, isStandalone: true, name: "dateDiffString" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: DateDiffStringPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DateDiffStringPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'dateDiffString',
@@ -1993,10 +2029,10 @@ class FiltroPipe {
             return false;
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: FiltroPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.16", ngImport: i0, type: FiltroPipe, isStandalone: true, name: "filtro" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FiltroPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: FiltroPipe, isStandalone: true, name: "filtro" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: FiltroPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FiltroPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'filtro'
@@ -2010,10 +2046,10 @@ class FormControlIsRequiredPipe {
         }
         return formControl.hasValidator(Validators.required);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: FormControlIsRequiredPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.16", ngImport: i0, type: FormControlIsRequiredPipe, isStandalone: true, name: "formControlIsRequired" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FormControlIsRequiredPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: FormControlIsRequiredPipe, isStandalone: true, name: "formControlIsRequired" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: FormControlIsRequiredPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FormControlIsRequiredPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'formControlIsRequired'
@@ -2036,10 +2072,10 @@ class JsonParsePipe {
             return [];
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: JsonParsePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.16", ngImport: i0, type: JsonParsePipe, isStandalone: true, name: "jsonParse" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: JsonParsePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: JsonParsePipe, isStandalone: true, name: "jsonParse" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: JsonParsePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: JsonParsePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'jsonParse'
@@ -2054,10 +2090,10 @@ class NoSanitizePipe {
     transform(html) {
         return this.domSanitizer.bypassSecurityTrustHtml(html);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: NoSanitizePipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.16", ngImport: i0, type: NoSanitizePipe, isStandalone: true, name: "noSanitize" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NoSanitizePipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: NoSanitizePipe, isStandalone: true, name: "noSanitize" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: NoSanitizePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NoSanitizePipe, decorators: [{
             type: Pipe,
             args: [{ name: 'noSanitize' }]
         }], ctorParameters: () => [{ type: i1.DomSanitizer }] });
@@ -2072,10 +2108,10 @@ class TipoValorFuncionPipe {
         }
         return datoParam;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TipoValorFuncionPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.16", ngImport: i0, type: TipoValorFuncionPipe, isStandalone: true, name: "tipoValorFuncion" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TipoValorFuncionPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: TipoValorFuncionPipe, isStandalone: true, name: "tipoValorFuncion" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: TipoValorFuncionPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TipoValorFuncionPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'tipoValorFuncion',
@@ -2094,10 +2130,10 @@ class ZeroFillPipe {
         }
         return s;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: ZeroFillPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.16", ngImport: i0, type: ZeroFillPipe, isStandalone: true, name: "zeroFill" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ZeroFillPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: ZeroFillPipe, isStandalone: true, name: "zeroFill" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: ZeroFillPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ZeroFillPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'zeroFill',
@@ -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