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

package/README.md

@@ -0,0 +1,184 @@
+# mat-form-controls
+
+Librería de componentes personalizados (Custom Form Controls) basados en Angular Material para proyectos de @jvsoft.
+
+## JvsAutocompleteComponent
+
+Un componente unificado de autocompletado que cumple con la interfaz `MatFormFieldControl`, permitiendo su uso tanto dentro de un `mat-form-field` como de forma independiente.
+
+### Características
+- **Soporte Nativo para Angular 19+**: Basado íntegramente en Angular Signals para máxima eficiencia.
+- **Doble Modo de Visualización**:
+  - **Integrado**: Se adapta automáticamente al estilo de un `mat-form-field` (outline, fill, etc.).
+  - **Standalone (Plano)**: Muestra un borde y estilo de input estándar cuando se usa fuera de un form-field.
+- **Búsqueda Local y Remota**: Soporta arrays estáticos y servicios que implementan `getData`.
+- **Botón de Búsqueda/Limpiar**: Incluye un sufijo integrado para acciones rápidas.
+
+---
+
+### Instalación y Uso
+
+#### 1. Importar el componente
+El componente es standalone y se encuentra en su propio entry point para mejorar el tree-shaking:
+
+```typescript
+import { JvsAutocompleteComponent } from '@jvsoft/mat-form-controls/jvs-autocomplete';
+
+@Component({
+  standalone: true,
+  imports: [JvsAutocompleteComponent, ReactiveFormsModule, ...],
+  // ...
+})
+```
+
+#### 2. Uso dentro de Mat-Form-Field (Recomendado)
+Aprovecha todas las funcionalidades de Material (labels, hints, errors, prefixes/suffixes):
+
+```html
+<mat-form-field appearance="outline" class="w-full">
+  <mat-label>Seleccionar Usuario</mat-label>
+  <jvs-autocomplete
+    [formControl]="miControl"
+    [data]="listaUsuarios"
+    [fields]="['nombre', 'apellido', 'codigo']"
+    idField="id"
+    displayField="nombreCompleto"
+  ></jvs-autocomplete>
+  <mat-hint>Busca por nombre o código</mat-hint>
+</mat-form-field>
+```
+
+#### 3. Uso Standalone (Plano)
+Ideal para filtros rápidos o áreas sin espacio para labels flotantes:
+
+```html
+<jvs-autocomplete
+  [formControl]="miControl"
+  [data]="listaUsuarios"
+  [fields]="['nombre']"
+  placeholder="Escribe para buscar..."
+></jvs-autocomplete>
+```
+
+#### 4. Búsqueda Remota (Service-based)
+Si necesitas realizar búsquedas contra una API:
+
+```html
+<jvs-autocomplete
+  [formControl]="miControl"
+  [queryService]="miServicioData"
+  [fields]="['nombre']"
+></jvs-autocomplete>
+```
+*Nota: El `queryService` debe tener un método `getData(filtro: string)` que devuelva un `Observable` de resultados.*
+
+---
+
+### API del Componente
+
+#### Entry Point: `@jvsoft/mat-form-controls/jvs-autocomplete`
+
+#### Inputs
+| Propiedad | Tipo | Por defecto | Descripción |
+| :--- | :--- | :--- | :--- |
+| `data` | `any[]` | `null` | Array de datos para búsqueda local. |
+| `fields` | `string \| string[]` | `''` | Campos sobre los que se realizará el filtro. |
+| `idField` | `string` | `'id'` | Campo que se usará como valor identificador. |
+| `displayField`| `string` | `'display'` | Campo que se mostrará en el input tras seleccionar. |
+| `queryService`| `any` | `null` | Servicio para búsqueda remota. |
+| `showSearchButton`| `boolean`| `true` | Muestra/oculta el ícono de búsqueda/limpiar. |
+| `placeholder` | `string` | `''` | Texto de ayuda en el input. |
+| `required` | `boolean` | `false` | Indica si el campo es obligatorio. |
+
+---
+
+### Verificación en Storybook
+Para ver todos los escenarios de uso de forma interactiva, ejecuta:
+```bash
+npx nx run mat-form-controls:storybook
+```
+Navega a la sección `JvsAutocomplete` para probar los modos **InsideFormField**, **StandalonePlano** y **RemoteSearch**.
+
+---
+
+## JvsFileUploadComponent
+
+Componente de subida de archivos reutilizable con soporte de drag-and-drop, validación, barra de progreso y firma electrónica delegada. Construido con el estándar Angular 19+ (signals, `input()`, `output()`).
+
+### Características
+- **Signals nativos**: `input()`, `output()`, `signal()`, `computed()` — sin decoradores legacy.
+- **Dos modos**: subida manual (pre-form) y subida inmediata (temporal) con barra de progreso.
+- **Drag & Drop** integrado con directiva interna `jvsFileUpload`.
+- **Validación flexible**: por extensión, tamaño máximo, partes del nombre y nombres exclusivos.
+- **Inversión de dependencias**: las funciones de `upload` y `remove` se pasan como `input()`.
+- **Firma delegada**: emite `(firmarArchivo)` para que el padre gestione la firma electrónica.
+- **Modo readonly**: solo muestra la lista, sin zona de drop.
+
+### Instalación y uso rápido
+
+```typescript
+import { JvsFileUploadComponent } from '@jvsoft/mat-form-controls/jvs-file-upload';
+```
+
+#### Modo manual (pre-form)
+
+```html
+<jvs-file-upload
+  [extensionesPermitidas]="['pdf', 'docx']"
+  [tamanoMaximoMB]="10"
+  formControlName="archivos"
+/>
+```
+
+```typescript
+// Antes de guardar el formulario:
+const archivos = await this.fileUpload.uploadFilesPreForm('documentos/2024');
+```
+
+#### Modo temporal (subida inmediata)
+
+```html
+<jvs-file-upload
+  [temporal]="true"
+  [extensionesPermitidas]="['pdf']"
+  [uploadFn]="uploadFn"
+  [removeFn]="removeFn"
+  (archivoDescarga)="onDescargar($event)"
+  (firmarArchivo)="onFirmar($event)"
+  formControlName="archivos"
+/>
+```
+
+### API resumida
+
+#### Entry Point: `@jvsoft/mat-form-controls/jvs-file-upload`
+
+#### Inputs principales
+| Propiedad | Tipo | Por defecto | Descripción |
+| :--- | :--- | :--- | :--- |
+| `temporal` | `boolean` | `false` | Subida inmediata al seleccionar. |
+| `permitirEliminar` | `boolean` | `true` | Muestra botón eliminar. |
+| `readonly` | `boolean` | `false` | Solo vista, sin edición. |
+| `multiple` | `boolean` | `true` | Permite múltiples archivos. |
+| `extensionesPermitidas` | `string[]` | `[]` | Extensiones válidas (sin punto). |
+| `tamanoMaximoMB` | `number \| null` | `null` | Límite de tamaño en MB. |
+| `uploadFn` | `JvsUploadFn \| null` | `null` | Función de subida al servidor. |
+| `removeFn` | `JvsRemoveFn \| null` | `null` | Función de eliminación del servidor. |
+| `carpetaSubida` | `string \| null` | `null` | Carpeta destino en el servidor. |
+| `diskSubida` | `string \| null` | `null` | Disk de almacenamiento. |
+
+#### Outputs
+| Evento | Emite | Descripción |
+| :--- | :--- | :--- |
+| `resultadoEliminado` | `JvsArchivoServidor[]` | Lista actualizada tras eliminar. |
+| `archivoDescarga` | `JvsFileEntry` | Usuario solicita descarga. |
+| `firmarArchivo` | `JvsArchivoServidor` | Usuario solicita firma. |
+
+#### Métodos públicos (via `ViewChild`)
+| Método | Descripción |
+| :--- | :--- |
+| `uploadFilesPreForm(carpeta?, anonimo?, disk?)` | Sube archivos pendientes, retorna `Promise<JvsArchivoServidor[]>`. |
+| `reset()` | Limpia la lista y notifica al `FormControl`. |
+
+> 📖 **Documentación completa**: ver [`jvs-file-upload/README.md`](./jvs-file-upload/README.md)
+

package/base/index.d.ts

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

package/base/jvs-mat-form-control-base.d.ts

@@ -0,0 +1,51 @@
+import { FocusMonitor } from '@angular/cdk/a11y';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
+import { MatFormField, MatFormFieldControl } from '@angular/material/form-field';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare abstract class JvsMatFormControlBase<T> implements MatFormFieldControl<T>, ControlValueAccessor, OnInit, OnDestroy {
+    static nextId: number;
+    inputElement: ElementRef<HTMLInputElement>;
+    protected _focusMonitor: FocusMonitor;
+    protected _elementRef: ElementRef<any>;
+    _formField: MatFormField | null;
+    ngControl: NgControl | null;
+    private injector;
+    readonly stateChanges: Subject<void>;
+    readonly controlType = "jvs-mat-form-control";
+    readonly id: string;
+    protected readonly _focused: import("@angular/core").WritableSignal<boolean>;
+    get focused(): boolean;
+    protected readonly _touched: import("@angular/core").WritableSignal<boolean>;
+    get touched(): boolean;
+    get placeholder(): string;
+    set placeholder(value: string);
+    private readonly _placeholder;
+    get required(): boolean;
+    set required(value: BooleanInput);
+    private readonly _required;
+    get disabled(): boolean;
+    set disabled(value: BooleanInput);
+    private readonly _disabled;
+    get value(): T | null;
+    set value(value: T | null);
+    protected readonly _value: import("@angular/core").WritableSignal<T | null>;
+    get empty(): boolean;
+    get shouldLabelFloat(): boolean;
+    get errorState(): boolean;
+    onContainerClick(event: MouseEvent): void;
+    setDescribedByIds(ids: string[]): void;
+    onChange: (_: any) => void;
+    onTouched: () => void;
+    writeValue(value: T | null): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<JvsMatFormControlBase<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<JvsMatFormControlBase<any>, "ng-component", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, true, never>;
+}

package/base/public-api.d.ts

@@ -0,0 +1 @@
+export * from './jvs-mat-form-control-base';

package/fesm2022/jvsoft-mat-form-controls-base.mjs

@@ -0,0 +1,145 @@
+import { FocusMonitor } from '@angular/cdk/a11y';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import * as i0 from '@angular/core';
+import { inject, ElementRef, Injector, signal, Input, ViewChild, Component } from '@angular/core';
+import { NgControl } from '@angular/forms';
+import { MAT_FORM_FIELD } from '@angular/material/form-field';
+import { Subject } from 'rxjs';
+
+class JvsMatFormControlBase {
+    static nextId = 0;
+    inputElement;
+    _focusMonitor = inject(FocusMonitor);
+    _elementRef = inject(ElementRef);
+    _formField = null;
+    ngControl = inject(NgControl, { optional: true, self: true });
+    injector = inject(Injector);
+    stateChanges = new Subject();
+    controlType = 'jvs-mat-form-control';
+    id = `jvs-mat-form-control-${JvsMatFormControlBase.nextId++}`;
+    _focused = signal(false);
+    get focused() {
+        return this._focused();
+    }
+    _touched = signal(false);
+    get touched() {
+        return this._touched();
+    }
+    get placeholder() {
+        return this._placeholder();
+    }
+    set placeholder(value) {
+        this._placeholder.set(value);
+        this.stateChanges.next();
+    }
+    _placeholder = signal('');
+    get required() {
+        return this._required();
+    }
+    set required(value) {
+        this._required.set(coerceBooleanProperty(value));
+        this.stateChanges.next();
+    }
+    _required = signal(false);
+    get disabled() {
+        return this._disabled();
+    }
+    set disabled(value) {
+        this._disabled.set(coerceBooleanProperty(value));
+        this.stateChanges.next();
+    }
+    _disabled = signal(false);
+    get value() {
+        return this._value();
+    }
+    set value(value) {
+        this._value.set(value);
+        this.onChange(value);
+        this.stateChanges.next();
+    }
+    _value = signal(null);
+    get empty() {
+        const value = this._value();
+        return (value === null ||
+            value === undefined ||
+            (typeof value === 'string' && value.length === 0));
+    }
+    get shouldLabelFloat() {
+        return this.focused || !this.empty;
+    }
+    get errorState() {
+        return !!(this.ngControl?.invalid && this.touched);
+    }
+    onContainerClick(event) {
+        if (event.target.tagName.toLowerCase() !== 'input') {
+            this.inputElement?.nativeElement.focus();
+        }
+    }
+    setDescribedByIds(ids) {
+        // Implementación opcional si se necesita aria-describedby
+    }
+    // ControlValueAccessor implementation
+    onChange = (_) => { };
+    onTouched = () => { };
+    writeValue(value) {
+        this._value.set(value);
+        this.stateChanges.next();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this._disabled.set(isDisabled);
+        this.stateChanges.next();
+    }
+    constructor() {
+        if (this.ngControl != null) {
+            this.ngControl.valueAccessor = this;
+        }
+    }
+    ngOnInit() {
+        this._formField = this.injector.get(MAT_FORM_FIELD, null, { optional: true });
+        this._focusMonitor.monitor(this._elementRef, true).subscribe((origin) => {
+            this._focused.set(!!origin);
+            if (!origin) {
+                this._touched.set(true);
+                this.onTouched();
+            }
+            this.stateChanges.next();
+        });
+    }
+    ngOnDestroy() {
+        this.stateChanges.complete();
+        this._focusMonitor.stopMonitoring(this._elementRef);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: JvsMatFormControlBase, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: JvsMatFormControlBase, isStandalone: true, selector: "ng-component", inputs: { placeholder: "placeholder", required: "required", disabled: "disabled", value: "value" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: '', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: JvsMatFormControlBase, decorators: [{
+            type: Component,
+            args: [{
+                    template: '',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [], propDecorators: { inputElement: [{
+                type: ViewChild,
+                args: ['input']
+            }], placeholder: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { JvsMatFormControlBase };
+//# sourceMappingURL=jvsoft-mat-form-controls-base.mjs.map

package/fesm2022/jvsoft-mat-form-controls-base.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"jvsoft-mat-form-controls-base.mjs","sources":["../../../projects/mat-form-controls/base/jvs-mat-form-control-base.ts","../../../projects/mat-form-controls/base/jvsoft-mat-form-controls-base.ts"],"sourcesContent":["import {FocusMonitor} from '@angular/cdk/a11y';\nimport {BooleanInput, coerceBooleanProperty} from '@angular/cdk/coercion';\nimport {Component, ElementRef, inject, Injector, Input, OnDestroy, OnInit, signal, ViewChild} from '@angular/core';\nimport {ControlValueAccessor, NgControl} from '@angular/forms';\nimport {MAT_FORM_FIELD, MatFormField, MatFormFieldControl} from '@angular/material/form-field';\nimport {Subject} from 'rxjs';\n\n@Component({\n  template: '',\n  standalone: true,\n})\nexport abstract class JvsMatFormControlBase<T>\n  implements MatFormFieldControl<T>, ControlValueAccessor, OnInit, OnDestroy\n{\n  static nextId = 0;\n\n  @ViewChild('input') inputElement!: ElementRef<HTMLInputElement>;\n\n  protected _focusMonitor = inject(FocusMonitor);\n  protected _elementRef = inject(ElementRef);\n  public _formField: MatFormField | null = null;\n  public ngControl = inject(NgControl, { optional: true, self: true });\n  private injector = inject(Injector);\n\n  readonly stateChanges = new Subject<void>();\n  readonly controlType = 'jvs-mat-form-control';\n  readonly id = `jvs-mat-form-control-${JvsMatFormControlBase.nextId++}`;\n\n  protected readonly _focused = signal(false);\n  get focused(): boolean {\n    return this._focused();\n  }\n\n  protected readonly _touched = signal(false);\n  get touched(): boolean {\n    return this._touched();\n  }\n  @Input()\n  get placeholder(): string {\n    return this._placeholder();\n  }\n  set placeholder(value: string) {\n    this._placeholder.set(value);\n    this.stateChanges.next();\n  }\n  private readonly _placeholder = signal('');\n\n  @Input()\n  get required(): boolean {\n    return this._required();\n  }\n  set required(value: BooleanInput) {\n    this._required.set(coerceBooleanProperty(value));\n    this.stateChanges.next();\n  }\n  private readonly _required = signal(false);\n\n  @Input()\n  get disabled(): boolean {\n    return this._disabled();\n  }\n  set disabled(value: BooleanInput) {\n    this._disabled.set(coerceBooleanProperty(value));\n    this.stateChanges.next();\n  }\n  private readonly _disabled = signal(false);\n\n  @Input()\n  get value(): T | null {\n    return this._value();\n  }\n  set value(value: T | null) {\n    this._value.set(value);\n    this.onChange(value);\n    this.stateChanges.next();\n  }\n  protected readonly _value = signal<T | null>(null);\n\n  get empty(): boolean {\n    const value = this._value();\n    return (\n      value === null ||\n      value === undefined ||\n      (typeof value === 'string' && value.length === 0)\n    );\n  }\n\n  get shouldLabelFloat(): boolean {\n    return this.focused || !this.empty;\n  }\n\n  get errorState(): boolean {\n    return !!(this.ngControl?.invalid && this.touched);\n  }\n\n  onContainerClick(event: MouseEvent): void {\n    if ((event.target as Element).tagName.toLowerCase() !== 'input') {\n      this.inputElement?.nativeElement.focus();\n    }\n  }\n\n  setDescribedByIds(ids: string[]): void {\n    // Implementación opcional si se necesita aria-describedby\n  }\n\n  // ControlValueAccessor implementation\n  onChange = (_: any) => {};\n  onTouched = () => {};\n\n  writeValue(value: T | null): void {\n    this._value.set(value);\n    this.stateChanges.next();\n  }\n\n  registerOnChange(fn: any): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: any): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this._disabled.set(isDisabled);\n    this.stateChanges.next();\n  }\n\n  constructor() {\n    if (this.ngControl != null) {\n      this.ngControl.valueAccessor = this;\n    }\n  }\n\n  ngOnInit(): void {\n    this._formField = this.injector.get(MAT_FORM_FIELD, null, { optional: true });\n\n    this._focusMonitor.monitor(this._elementRef, true).subscribe((origin) => {\n      this._focused.set(!!origin);\n      if (!origin) {\n        this._touched.set(true);\n        this.onTouched();\n      }\n      this.stateChanges.next();\n    });\n  }\n\n  ngOnDestroy(): void {\n    this.stateChanges.complete();\n    this._focusMonitor.stopMonitoring(this._elementRef);\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-mat-form-controls-jvs-autocomplete.mjs

@@ -0,0 +1,101 @@
+import * as i0 from '@angular/core';
+import { inject, DestroyRef, input, signal, forwardRef, Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@angular/forms';
+import { FormControl, ReactiveFormsModule } from '@angular/forms';
+import * as i2 from '@angular/material/autocomplete';
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import * as i3 from '@angular/material/form-field';
+import { MatFormFieldModule, MatFormFieldControl } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { MatIconModule } from '@angular/material/icon';
+import { MatRippleModule } from '@angular/material/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { distinctUntilChanged } from 'rxjs';
+import { JvsAutocompleteDirective, JvsDisplayWithPipe } from '@jvsoft/utils';
+import { MatSuffixSearchButtonComponent } from '@jvsoft/components';
+import { JvsMatFormControlBase } from '@jvsoft/mat-form-controls/base';
+
+class JvsAutocompleteComponent extends JvsMatFormControlBase {
+    destroyRef = inject(DestroyRef);
+    // Inputs específicos de Autocomplete
+    data = input(null);
+    fields = input('');
+    idField = input('id');
+    displayField = input('name');
+    queryService = input(null);
+    showSearchButton = input(true);
+    // Estado interno
+    internalControl = new FormControl();
+    filteredOptions = signal([]);
+    isLoading = signal(false);
+    ngOnInit() {
+        super.ngOnInit();
+        // Sincronizar cambios del control interno (el input) hacia el valor del componente
+        this.internalControl.valueChanges
+            .pipe(takeUntilDestroyed(this.destroyRef), distinctUntilChanged())
+            .subscribe((value) => {
+            this.value = value;
+        });
+    }
+    writeValue(value) {
+        super.writeValue(value);
+        this.internalControl.setValue(value, { emitEvent: false });
+    }
+    onFiltered(data) {
+        this.filteredOptions.set(data);
+    }
+    onLoading(loading) {
+        this.isLoading.set(loading);
+    }
+    onSearchClick() {
+        // Lógica para disparar búsqueda manual si fuera necesario
+    }
+    limpiar() {
+        this.internalControl.reset();
+    }
+    _onInputFocus() {
+        this._focused.set(true);
+        this.stateChanges.next();
+    }
+    _onInputBlur() {
+        this._focused.set(false);
+        this._touched.set(true);
+        this.onTouched();
+        this.stateChanges.next();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: JvsAutocompleteComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: JvsAutocompleteComponent, isStandalone: true, selector: "jvs-autocomplete", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, fields: { classPropertyName: "fields", publicName: "fields", isSignal: true, isRequired: false, transformFunction: null }, idField: { classPropertyName: "idField", publicName: "idField", isSignal: true, isRequired: false, transformFunction: null }, displayField: { classPropertyName: "displayField", publicName: "displayField", isSignal: true, isRequired: false, transformFunction: null }, queryService: { classPropertyName: "queryService", publicName: "queryService", isSignal: true, isRequired: false, transformFunction: null }, showSearchButton: { classPropertyName: "showSearchButton", publicName: "showSearchButton", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: MatFormFieldControl,
+                useExisting: forwardRef(() => JvsAutocompleteComponent),
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"jvs-autocomplete-container\" \n     [class.jvs-autocomplete-standalone]=\"!_formField\"\n     [class.jvs-autocomplete-focused]=\"focused\">\n  \n  <input\n    #input\n    type=\"text\"\n    [placeholder]=\"placeholder || ''\"\n    [matAutocomplete]=\"auto\"\n    [formControl]=\"internalControl\"\n    [required]=\"required\"\n    (focus)=\"_onInputFocus()\"\n    (blur)=\"_onInputBlur()\"\n    jvsAutocomplete\n    [data]=\"data()\"\n    [queryService]=\"queryService()\"\n    [fields]=\"fields()\"\n    (filtered)=\"onFiltered($event)\"\n    (loading)=\"onLoading($event)\"\n    class=\"jvs-autocomplete-input\"\n  />\n\n  @if (showSearchButton()) {\n    <div matSuffix matSuffixSearchButton\n      class=\"jvs-autocomplete-suffix\"\n      [fControl]=\"internalControl\"\n      (eventLimpiar)=\"limpiar()\"\n      (eventBuscar)=\"onSearchClick()\">\n    </div>\n  }\n\n  <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"data() | jvsDisplayWith:idField():displayField()\">\n    @for (option of filteredOptions(); track option[idField()]) {\n      <mat-option [value]=\"option\">\n        {{ option[displayField()] }}\n      </mat-option>\n    }\n  </mat-autocomplete>\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:block;width:100%}.jvs-autocomplete-container{display:flex;align-items:center;position:relative;width:100%;box-sizing:border-box}.jvs-autocomplete-input{flex:1;width:100%;border:none;background:transparent;outline:none;font:inherit;color:inherit;padding:0;margin:0;min-width:0}.jvs-autocomplete-standalone{border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem .75rem;background-color:#fff;transition:border-color .2s,box-shadow .2s}.jvs-autocomplete-standalone.jvs-autocomplete-focused{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.jvs-autocomplete-suffix{margin-left:.5rem;flex-shrink:0}:host-context(mat-form-field) .jvs-autocomplete-container{padding:0;border:none;box-shadow:none}:host-context(mat-form-field) .jvs-autocomplete-input{height:1.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i2.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i2.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: JvsAutocompleteDirective, selector: "[jvsAutocomplete]", inputs: ["data", "fields", "typeReq", "queryService", "minLength", "dataExtra", "anonimo", "debounce"], outputs: ["filtered", "loading"] }, { kind: "pipe", type: JvsDisplayWithPipe, name: "jvsDisplayWith" }, { kind: "component", type: MatSuffixSearchButtonComponent, selector: "div[matSuffix][matSuffixSearchButton]", inputs: ["fControl"], outputs: ["eventLimpiar", "eventBuscar"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: JvsAutocompleteComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'jvs-autocomplete', standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        MatAutocompleteModule,
+                        MatFormFieldModule,
+                        MatInputModule,
+                        MatIconModule,
+                        MatRippleModule,
+                        JvsAutocompleteDirective,
+                        JvsDisplayWithPipe,
+                        MatSuffixSearchButtonComponent,
+                    ], providers: [
+                        {
+                            provide: MatFormFieldControl,
+                            useExisting: forwardRef(() => JvsAutocompleteComponent),
+                        },
+                    ], template: "<div class=\"jvs-autocomplete-container\" \n     [class.jvs-autocomplete-standalone]=\"!_formField\"\n     [class.jvs-autocomplete-focused]=\"focused\">\n  \n  <input\n    #input\n    type=\"text\"\n    [placeholder]=\"placeholder || ''\"\n    [matAutocomplete]=\"auto\"\n    [formControl]=\"internalControl\"\n    [required]=\"required\"\n    (focus)=\"_onInputFocus()\"\n    (blur)=\"_onInputBlur()\"\n    jvsAutocomplete\n    [data]=\"data()\"\n    [queryService]=\"queryService()\"\n    [fields]=\"fields()\"\n    (filtered)=\"onFiltered($event)\"\n    (loading)=\"onLoading($event)\"\n    class=\"jvs-autocomplete-input\"\n  />\n\n  @if (showSearchButton()) {\n    <div matSuffix matSuffixSearchButton\n      class=\"jvs-autocomplete-suffix\"\n      [fControl]=\"internalControl\"\n      (eventLimpiar)=\"limpiar()\"\n      (eventBuscar)=\"onSearchClick()\">\n    </div>\n  }\n\n  <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"data() | jvsDisplayWith:idField():displayField()\">\n    @for (option of filteredOptions(); track option[idField()]) {\n      <mat-option [value]=\"option\">\n        {{ option[displayField()] }}\n      </mat-option>\n    }\n  </mat-autocomplete>\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:block;width:100%}.jvs-autocomplete-container{display:flex;align-items:center;position:relative;width:100%;box-sizing:border-box}.jvs-autocomplete-input{flex:1;width:100%;border:none;background:transparent;outline:none;font:inherit;color:inherit;padding:0;margin:0;min-width:0}.jvs-autocomplete-standalone{border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem .75rem;background-color:#fff;transition:border-color .2s,box-shadow .2s}.jvs-autocomplete-standalone.jvs-autocomplete-focused{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.jvs-autocomplete-suffix{margin-left:.5rem;flex-shrink:0}:host-context(mat-form-field) .jvs-autocomplete-container{padding:0;border:none;box-shadow:none}:host-context(mat-form-field) .jvs-autocomplete-input{height:1.5rem}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { JvsAutocompleteComponent };
+//# sourceMappingURL=jvsoft-mat-form-controls-jvs-autocomplete.mjs.map

package/fesm2022/jvsoft-mat-form-controls-jvs-autocomplete.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"jvsoft-mat-form-controls-jvs-autocomplete.mjs","sources":["../../../projects/mat-form-controls/jvs-autocomplete/jvs-autocomplete.component.ts","../../../projects/mat-form-controls/jvs-autocomplete/jvs-autocomplete.component.html","../../../projects/mat-form-controls/jvs-autocomplete/jvsoft-mat-form-controls-jvs-autocomplete.ts"],"sourcesContent":["import {\n  Component,\n  DestroyRef,\n  forwardRef,\n  inject,\n  input,\n  OnInit,\n  signal,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport {\n  FormControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\nimport { MatAutocompleteModule } from '@angular/material/autocomplete';\nimport { MatFormFieldModule, MatFormFieldControl } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatRippleModule } from '@angular/material/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { distinctUntilChanged } from 'rxjs';\n\nimport { JvsAutocompleteDirective, JvsDisplayWithPipe } from '@jvsoft/utils';\nimport { MatSuffixSearchButtonComponent } from '@jvsoft/components';\nimport { JvsMatFormControlBase } from '@jvsoft/mat-form-controls/base';\n\n@Component({\n  selector: 'jvs-autocomplete',\n  standalone: true,\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    MatAutocompleteModule,\n    MatFormFieldModule,\n    MatInputModule,\n    MatIconModule,\n    MatRippleModule,\n    JvsAutocompleteDirective,\n    JvsDisplayWithPipe,\n    MatSuffixSearchButtonComponent,\n  ],\n  templateUrl: './jvs-autocomplete.component.html',\n  styleUrl: './jvs-autocomplete.component.scss',\n  providers: [\n    {\n      provide: MatFormFieldControl,\n      useExisting: forwardRef(() => JvsAutocompleteComponent),\n    },\n  ],\n})\nexport class JvsAutocompleteComponent\n  extends JvsMatFormControlBase<any>\n  implements OnInit\n{\n  private readonly destroyRef = inject(DestroyRef);\n\n  // Inputs específicos de Autocomplete\n  data = input<any[] | null>(null);\n  fields = input<string | string[]>('');\n  idField = input<string>('id');\n  displayField = input<string>('name');\n  queryService = input<any>(null);\n  showSearchButton = input<boolean>(true);\n\n  // Estado interno\n  internalControl = new FormControl();\n  filteredOptions = signal<any[]>([]);\n  isLoading = signal<boolean>(false);\n\n  override ngOnInit(): void {\n    super.ngOnInit();\n\n    // Sincronizar cambios del control interno (el input) hacia el valor del componente\n    this.internalControl.valueChanges\n      .pipe(takeUntilDestroyed(this.destroyRef), distinctUntilChanged())\n      .subscribe((value) => {\n        this.value = value;\n      });\n  }\n\n  override writeValue(value: any): void {\n    super.writeValue(value);\n    this.internalControl.setValue(value, { emitEvent: false });\n  }\n\n  onFiltered(data: any[]): void {\n    this.filteredOptions.set(data);\n  }\n\n  onLoading(loading: boolean): void {\n    this.isLoading.set(loading);\n  }\n\n  onSearchClick(): void {\n    // Lógica para disparar búsqueda manual si fuera necesario\n  }\n\n  limpiar(): void {\n    this.internalControl.reset();\n  }\n\n  _onInputFocus() {\n    this._focused.set(true);\n    this.stateChanges.next();\n  }\n\n  _onInputBlur() {\n    this._focused.set(false);\n    this._touched.set(true);\n    this.onTouched();\n    this.stateChanges.next();\n  }\n}\n","<div class=\"jvs-autocomplete-container\" \n     [class.jvs-autocomplete-standalone]=\"!_formField\"\n     [class.jvs-autocomplete-focused]=\"focused\">\n  \n  <input\n    #input\n    type=\"text\"\n    [placeholder]=\"placeholder || ''\"\n    [matAutocomplete]=\"auto\"\n    [formControl]=\"internalControl\"\n    [required]=\"required\"\n    (focus)=\"_onInputFocus()\"\n    (blur)=\"_onInputBlur()\"\n    jvsAutocomplete\n    [data]=\"data()\"\n    [queryService]=\"queryService()\"\n    [fields]=\"fields()\"\n    (filtered)=\"onFiltered($event)\"\n    (loading)=\"onLoading($event)\"\n    class=\"jvs-autocomplete-input\"\n  />\n\n  @if (showSearchButton()) {\n    <div matSuffix matSuffixSearchButton\n      class=\"jvs-autocomplete-suffix\"\n      [fControl]=\"internalControl\"\n      (eventLimpiar)=\"limpiar()\"\n      (eventBuscar)=\"onSearchClick()\">\n    </div>\n  }\n\n  <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"data() | jvsDisplayWith:idField():displayField()\">\n    @for (option of filteredOptions(); track option[idField()]) {\n      <mat-option [value]=\"option\">\n        {{ option[displayField()] }}\n      </mat-option>\n    }\n  </mat-autocomplete>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}