@esfaenza/forms-and-validations 13.3.7 → 13.3.10

package/lib/forms/base-form-control.d.ts

@@ -55,8 +55,6 @@ export declare abstract class BaseFormControl implements ControlValueAccessor {
     FieldAppearence: "legacy" | "standard" | "fill" | "outline";
     /** Utilizza o meno il Layout di un form (Label con input di fianco), se false mostra solo l'input */
     FormLayout: boolean;
-    /** Indica che la parte input del controllo dev'essere una label readonly e la parte label di titolo dev'essere in bold. Per utilizzare un solo componente sia per la modifica che per il dettaglio */
-    DisplayMode: boolean;
     /** Definisce se richiamare l'EventEmitter **inputChange** in maniera classica (true) o solo per la change considerate definitive come tasto invio / blur / ecc... (false) */
     EmitPendingChanges: boolean;
     /** Attiva o disattiva la validazione per questo componente */
@@ -83,8 +81,14 @@ export declare abstract class BaseFormControl implements ControlValueAccessor {
     Source: any[];
     /** Nome della proprietà che contiene l'Id degli oggetti bindati nella **Source** */
     IdField: string;
+    /** Indica che la parte input del controllo dev'essere una label readonly e la parte label di titolo dev'essere in bold. Per utilizzare un solo componente sia per la modifica che per il dettaglio */
+    DisplayMode: boolean;
+    /** Indica la condizione per cui un elemento in Modalità Display può essere visibile in base a ulteriori controlli */
+    DisplayCondition: boolean;
     /** Template per visualizzare la modalità **DisplayMode** come vuole il programmatore frocio di turno */
     DisplayModeTemplate: TemplateRef<any>;
+    /** Layout del Form quando è in modalità Display. Di default mantiene la formattazione a form */
+    DisplayLayout: 'form' | 'inline' | 'hidden';
     /**
      * Espressione simil-Angular per cambiare il testo dei componenti che scelgono il proprio modello da una **Source**
      *
@@ -205,7 +209,7 @@ export declare abstract class BaseFormControl implements ControlValueAccessor {
      *
      * Non posso tenerlo protected altrimenti posso eseguirlo solo dal .ts e non dall' .html
      */
-    changed(forcedValue?: any, markForCheck?: boolean): void;
+    changed(forcedValue?: any, markForCheck?: boolean, modelEvaluationHandled?: boolean): void;
     /**
      * @ignore
      * Classico "spara fuori" sul focus. Mantengo lo stesso nome dell'evento dei <val-*> (inputChange) per retrocompatibilità.
@@ -229,5 +233,5 @@ export declare abstract class BaseFormControl implements ControlValueAccessor {
     /** @ignore */
     abstract onNotNullValueSet(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseFormControl, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseFormControl, never, never, { "FocusSubject": "FocusSubject"; "FieldAppearence": "FieldAppearence"; "FormLayout": "FormLayout"; "DisplayMode": "DisplayMode"; "EmitPendingChanges": "EmitPendingChanges"; "Validation": "Validation"; "Placeholder": "Placeholder"; "FormGroupClass": "FormGroupClass"; "FailedValidationMessage": "FailedValidationMessage"; "ForcedError": "ForcedError"; "Label": "Label"; "LabelColWidth": "LabelColWidth"; "InputColWidth": "InputColWidth"; "Last": "Last"; "Form": "Form"; "Source": "Source"; "IdField": "IdField"; "DisplayModeTemplate": "DisplayModeTemplate"; "Display": "Display"; "Readonly": "Readonly"; "LabelInputRatio": "LabelInputRatio"; }, { "inputChange": "inputChange"; "inputFocus": "inputFocus"; "inputFinalized": "inputFinalized"; }, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseFormControl, never, never, { "FocusSubject": "FocusSubject"; "FieldAppearence": "FieldAppearence"; "FormLayout": "FormLayout"; "EmitPendingChanges": "EmitPendingChanges"; "Validation": "Validation"; "Placeholder": "Placeholder"; "FormGroupClass": "FormGroupClass"; "FailedValidationMessage": "FailedValidationMessage"; "ForcedError": "ForcedError"; "Label": "Label"; "LabelColWidth": "LabelColWidth"; "InputColWidth": "InputColWidth"; "Last": "Last"; "Form": "Form"; "Source": "Source"; "IdField": "IdField"; "DisplayMode": "DisplayMode"; "DisplayCondition": "DisplayCondition"; "DisplayModeTemplate": "DisplayModeTemplate"; "DisplayLayout": "DisplayLayout"; "Display": "Display"; "Readonly": "Readonly"; "LabelInputRatio": "LabelInputRatio"; }, { "inputChange": "inputChange"; "inputFocus": "inputFocus"; "inputFinalized": "inputFinalized"; }, never>;
 }

package/lib/forms/form-adaptive/form-adaptive.component.d.ts

@@ -71,6 +71,8 @@ export declare class FormAdaptiveComponent extends BaseFormControl implements Co
      * @param {string} event Input utente
      */
     filterSource(event: string): void;
+    /** @ignore */
+    private removeFilteredSourceOnDescriptionSelection;
     /** Metodo richiamato quando viene modificato il modello del campo di input */
     changed(): void;
     /** @ignore */

package/lib/forms/form-autocomplete/form-autocomplete.component.d.ts

@@ -21,6 +21,10 @@ export declare class FormAutocompleteComponent extends BaseFormControl implement
     RequiredPlaceholder: string;
     /** Indica se i controlli devono essere effettuati tenendo conto del Case o meno. Vale solo qualora la **Source** fosse fornita */
     CaseSensitive: boolean;
+    /** Indica se usare la modalità multiselezione o no */
+    Multi: boolean;
+    /** Indica se usare la modalità multiselezione o no */
+    MultiElementsThreshold: number;
     /**
      * Indica se ignorare il prossimo evento writeValue che normalmente dovrebbe richiedere la nuova source. Serve per quando l'utente seleziona un elemento:
      * Subito dopo partirebbe un altro evento modelChange che ricaricherebbe nuovamente la source
@@ -41,6 +45,11 @@ export declare class FormAutocompleteComponent extends BaseFormControl implement
      * @param {any} value Valore scritto nell'input di testo
      */
     private finalizeValue;
+    /**
+     * Quando viene scritto un nuovo valore bisogna controllare se per botta di culo fosse un id, in tal caso dev'essere rieffettuato il bind
+     * per mostrare solo la descrizione nell'autocomplete
+     */
+    evaluateIdResearch(): void;
     /**
      * Evento di filtro della sorgente dati in base all'input utente
      *
@@ -48,6 +57,8 @@ export declare class FormAutocompleteComponent extends BaseFormControl implement
      */
     filterSource(event: string): void;
     /** @ignore */
+    private removeFilteredSourceOnDescriptionSelection;
+    /** @ignore */
     ngOnChanges(changes: SimpleChanges): void;
     /** @ignore Override che marca anche il prossimo evento di filterSource da ignorare */
     changed(forcedValue?: any, markForCheck?: boolean): void;
@@ -58,5 +69,5 @@ export declare class FormAutocompleteComponent extends BaseFormControl implement
     /** @ignore */
     private throttla;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormAutocompleteComponent, [null, null, { optional: true; self: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormAutocompleteComponent, "form-autocomplete", never, { "SelectLabel": "SelectLabel"; "SearchFunction": "SearchFunction"; "MinChars": "MinChars"; "RequiredPlaceholder": "RequiredPlaceholder"; "CaseSensitive": "CaseSensitive"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormAutocompleteComponent, "form-autocomplete", never, { "SelectLabel": "SelectLabel"; "SearchFunction": "SearchFunction"; "MinChars": "MinChars"; "RequiredPlaceholder": "RequiredPlaceholder"; "CaseSensitive": "CaseSensitive"; "Multi": "Multi"; "MultiElementsThreshold": "MultiElementsThreshold"; }, {}, never, never>;
 }

package/lib/forms/form-checkbox/form-checkbox.component.d.ts

@@ -11,6 +11,7 @@ export declare class FormCheckboxComponent extends BaseFormControl implements Co
     constructor(lc: LocalizationService, cdr: ChangeDetectorRef, ngControl: NgControl, _validators: Array<any>, ac: AccessControlService, AppContext: ComponentContext, ACO_CUSTOMKEY: string);
     /** @ignore */
     writeValue(obj: any): void;
+    changed(): void;
     /** @ignore */
     onNotNullValueSet(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormCheckboxComponent, [null, null, { optional: true; self: true; }, { optional: true; host: true; }, null, { optional: true; }, { optional: true; }]>;

package/lib/forms/form-date/form-date.component.d.ts

@@ -13,6 +13,7 @@ export declare class FormDateComponent extends BaseFormControl implements Contro
     constructor(datesExts: DateService, cdr: ChangeDetectorRef, ngControl: NgControl, _validators: Array<any>, ac: AccessControlService, AppContext: ComponentContext, ACO_CUSTOMKEY: string, FAV_DEBUG_MODE: boolean);
     /** @ignore */
     writeValue(obj: any): void;
+    changed(): void;
     /** @ignore */
     onNotNullValueSet(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormDateComponent, [null, null, { optional: true; self: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }]>;

package/lib/forms/form-datetime/form-datetime.component.d.ts

@@ -15,6 +15,7 @@ export declare class FormDateTimeComponent extends BaseFormControl implements Co
     constructor(datesExts: DateService, cdr: ChangeDetectorRef, ngControl: NgControl, _validators: Array<any>, ac: AccessControlService, AppContext: ComponentContext, ACO_CUSTOMKEY: string, FAV_DEBUG_MODE: boolean);
     /** @ignore */
     writeValue(obj: any): void;
+    changed(): void;
     /** @ignore */
     onNotNullValueSet(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormDateTimeComponent, [null, null, { optional: true; self: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }]>;

package/lib/forms/form-multiselect/form-multiselect.component.d.ts

@@ -25,6 +25,8 @@ export declare class FormMultiSelectComponent extends BaseFormControl implements
     SelectLabel: string;
     /** Permette al componente di gestire come modello non una lista di chiavi, ma una lista di KeyValue */
     UseKeyValues: boolean;
+    /** Indica al componente di emettere una lista di chiavi separate da virgola piuttosto che una lista vera e propria di chiavi/KeyValue */
+    UseCommaSeparatedList: boolean;
     /** Impostazioni del componente interno **angular2-multiselect** */
     Settings: {
         selectAllText: string;
@@ -55,9 +57,9 @@ export declare class FormMultiSelectComponent extends BaseFormControl implements
      */
     handleNullNgControl(): boolean;
     /** @ignore Override per gestire input in ingresso */
-    writeValue(obj: any[]): void;
+    writeValue(obj: any[] | string): void;
     /** @ignore Override per gestire input in uscita */
     changed(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormMultiSelectComponent, [null, null, { optional: true; self: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormMultiSelectComponent, "form-multiselect", never, { "SelectLabel": "SelectLabel"; "UseKeyValues": "UseKeyValues"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormMultiSelectComponent, "form-multiselect", never, { "SelectLabel": "SelectLabel"; "UseKeyValues": "UseKeyValues"; "UseCommaSeparatedList": "UseCommaSeparatedList"; }, {}, never, never>;
 }

package/lib/forms/form-select/form-select.component.d.ts

@@ -33,6 +33,7 @@ export declare class FormSelectComponent extends BaseFormControl implements Cont
     private detatchPreviousAndRetatchNext;
     /** @ignore */
     writeValue(obj: any): void;
+    changed(): void;
     /** @ignore */
     onNotNullValueSet(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormSelectComponent, [null, null, { optional: true; self: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }]>;

package/lib/forms/form-template/form-template.component.d.ts

@@ -1,3 +1,4 @@
+import { TemplateRef } from "@angular/core";
 import * as i0 from "@angular/core";
 /**
  * Componente da utilizzare quando l'implementazione dell'input non è disponibile nella libreria,
@@ -20,8 +21,16 @@ export declare class FormTemplateComponent {
     Last: boolean;
     /** Classe extra per il form-group in cui viene wrappato l'input */
     FormGroupClass: string;
+    /** Indica che la parte input del controllo dev'essere una label readonly e la parte label di titolo dev'essere in bold. Per utilizzare un solo componente sia per la modifica che per il dettaglio */
+    DisplayMode: boolean;
+    /** Template per visualizzare la modalità **DisplayMode** come vuole il programmatore frocio di turno */
+    DisplayModeTemplate: TemplateRef<any>;
+    /** Layout del Form quando è in modalità Display. Di default mantiene la formattazione a form */
+    DisplayLayout: 'form' | 'inline' | 'hidden';
+    /** Indica la condizione per cui un elemento in Modalità Display può essere visibile in base a ulteriori controlli */
+    DisplayCondition: boolean;
     /** Permette di settare in una volta solo gli input LabelColWidth e InputColWidth, basta scriverlo con la sintassi "X Y" */
     set LabelInputRatio(input: string);
     static ɵfac: i0.ɵɵFactoryDeclaration<FormTemplateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormTemplateComponent, "form-template", never, { "Required": "Required"; "Label": "Label"; "LabelClass": "LabelClass"; "FormLayout": "FormLayout"; "LabelColWidth": "LabelColWidth"; "InputColWidth": "InputColWidth"; "Last": "Last"; "FormGroupClass": "FormGroupClass"; "LabelInputRatio": "LabelInputRatio"; }, {}, never, ["*", "*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormTemplateComponent, "form-template", never, { "Required": "Required"; "Label": "Label"; "LabelClass": "LabelClass"; "FormLayout": "FormLayout"; "LabelColWidth": "LabelColWidth"; "InputColWidth": "InputColWidth"; "Last": "Last"; "FormGroupClass": "FormGroupClass"; "DisplayMode": "DisplayMode"; "DisplayModeTemplate": "DisplayModeTemplate"; "DisplayLayout": "DisplayLayout"; "DisplayCondition": "DisplayCondition"; "LabelInputRatio": "LabelInputRatio"; }, {}, never, ["*"]>;
 }

package/lib/forms-and-validations.module.d.ts

@@ -20,24 +20,28 @@ import * as i16 from "./forms/form-adaptive/form-adaptive.component";
 import * as i17 from "./forms/form-multiselect/form-multiselect.component";
 import * as i18 from "./forms/form-file/form-file.component";
 import * as i19 from "./validations/validation-autocomplete/validation-autocomplete.component";
-import * as i20 from "./forms/form-autocomplete/form-autocomplete.component";
-import * as i21 from "./forms/form-datetime/form-datetime.component";
-import * as i22 from "./validations/validation-datetime/validation-datetime.component";
-import * as i23 from "./forms/form-time/form-time.component";
-import * as i24 from "@angular/common";
-import * as i25 from "@angular/forms";
-import * as i26 from "@esfaenza/localizations";
-import * as i27 from "@angular/material/input";
-import * as i28 from "@angular/material/datepicker";
-import * as i29 from "@esfaenza/material-dayjs-adapter";
-import * as i30 from "ngx-bootstrap/tooltip";
-import * as i31 from "@esfaenza/ngx-currency-mask";
-import * as i32 from "@angular/material/autocomplete";
-import * as i33 from "@angular-material-components/datetime-picker";
-import * as i34 from "angular2-multiselect-dropdown";
+import * as i20 from "./validations/validation-autocomplete-multi/validation-autocomplete-multi.component";
+import * as i21 from "./forms/form-autocomplete/form-autocomplete.component";
+import * as i22 from "./forms/form-datetime/form-datetime.component";
+import * as i23 from "./validations/validation-datetime/validation-datetime.component";
+import * as i24 from "./forms/form-time/form-time.component";
+import * as i25 from "@angular/common";
+import * as i26 from "@angular/forms";
+import * as i27 from "@esfaenza/localizations";
+import * as i28 from "@angular/material/input";
+import * as i29 from "@angular/material/chips";
+import * as i30 from "@angular/material/icon";
+import * as i31 from "@angular/material/checkbox";
+import * as i32 from "@angular/material/datepicker";
+import * as i33 from "@esfaenza/material-dayjs-adapter";
+import * as i34 from "ngx-bootstrap/tooltip";
+import * as i35 from "@esfaenza/ngx-currency-mask";
+import * as i36 from "@angular/material/autocomplete";
+import * as i37 from "@angular-material-components/datetime-picker";
+import * as i38 from "angular2-multiselect-dropdown";
 export declare class FormsAndValidationsModule {
     static forRoot(config?: FormsAndValidationsModuleConfig): ModuleWithProviders<FormsAndValidationsModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormsAndValidationsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<FormsAndValidationsModule, [typeof i1.ValidationInputComponent, typeof i2.ValidationSelectComponent, typeof i3.ValidationDateComponent, typeof i4.CustomRequiredDirective, typeof i5.ValidationCurrencyComponent, typeof i6.ValidationTextAreaComponent, typeof i7.FormCheckboxComponent, typeof i8.FormDateComponent, typeof i9.FormEmptyComponent, typeof i10.FormInputComponent, typeof i11.FormSelectComponent, typeof i12.FormTextareaComponent, typeof i13.FormTemplateComponent, typeof i14.FormErrorComponent, typeof i15.FormInfoComponent, typeof i16.FormAdaptiveComponent, typeof i17.FormMultiSelectComponent, typeof i18.FormFileComponent, typeof i19.ValidationAutocompleteComponent, typeof i20.FormAutocompleteComponent, typeof i21.FormDateTimeComponent, typeof i22.ValidationDateTimeComponent, typeof i23.FormTimeComponent], [typeof i24.CommonModule, typeof i25.FormsModule, typeof i26.LocalizationModule, typeof i27.MatInputModule, typeof i28.MatDatepickerModule, typeof i29.MatDayjsDateModule, typeof i30.TooltipModule, typeof i31.CurrencyMaskModule, typeof i32.MatAutocompleteModule, typeof i33.NgxMatDatetimePickerModule, typeof i33.NgxMatTimepickerModule, typeof i34.AngularMultiSelectModule], [typeof i34.AngularMultiSelectModule, typeof i1.ValidationInputComponent, typeof i2.ValidationSelectComponent, typeof i3.ValidationDateComponent, typeof i4.CustomRequiredDirective, typeof i5.ValidationCurrencyComponent, typeof i6.ValidationTextAreaComponent, typeof i7.FormCheckboxComponent, typeof i8.FormDateComponent, typeof i9.FormEmptyComponent, typeof i10.FormInputComponent, typeof i11.FormSelectComponent, typeof i12.FormTextareaComponent, typeof i13.FormTemplateComponent, typeof i14.FormErrorComponent, typeof i15.FormInfoComponent, typeof i16.FormAdaptiveComponent, typeof i17.FormMultiSelectComponent, typeof i18.FormFileComponent, typeof i19.ValidationAutocompleteComponent, typeof i20.FormAutocompleteComponent, typeof i21.FormDateTimeComponent, typeof i22.ValidationDateTimeComponent, typeof i23.FormTimeComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FormsAndValidationsModule, [typeof i1.ValidationInputComponent, typeof i2.ValidationSelectComponent, typeof i3.ValidationDateComponent, typeof i4.CustomRequiredDirective, typeof i5.ValidationCurrencyComponent, typeof i6.ValidationTextAreaComponent, typeof i7.FormCheckboxComponent, typeof i8.FormDateComponent, typeof i9.FormEmptyComponent, typeof i10.FormInputComponent, typeof i11.FormSelectComponent, typeof i12.FormTextareaComponent, typeof i13.FormTemplateComponent, typeof i14.FormErrorComponent, typeof i15.FormInfoComponent, typeof i16.FormAdaptiveComponent, typeof i17.FormMultiSelectComponent, typeof i18.FormFileComponent, typeof i19.ValidationAutocompleteComponent, typeof i20.ValidationAutocompleteMultiComponent, typeof i21.FormAutocompleteComponent, typeof i22.FormDateTimeComponent, typeof i23.ValidationDateTimeComponent, typeof i24.FormTimeComponent], [typeof i25.CommonModule, typeof i26.FormsModule, typeof i27.LocalizationModule, typeof i28.MatInputModule, typeof i29.MatChipsModule, typeof i30.MatIconModule, typeof i31.MatCheckboxModule, typeof i32.MatDatepickerModule, typeof i33.MatDayjsDateModule, typeof i34.TooltipModule, typeof i35.CurrencyMaskModule, typeof i36.MatAutocompleteModule, typeof i37.NgxMatDatetimePickerModule, typeof i37.NgxMatTimepickerModule, typeof i38.AngularMultiSelectModule], [typeof i38.AngularMultiSelectModule, typeof i1.ValidationInputComponent, typeof i2.ValidationSelectComponent, typeof i3.ValidationDateComponent, typeof i4.CustomRequiredDirective, typeof i5.ValidationCurrencyComponent, typeof i6.ValidationTextAreaComponent, typeof i7.FormCheckboxComponent, typeof i8.FormDateComponent, typeof i9.FormEmptyComponent, typeof i10.FormInputComponent, typeof i11.FormSelectComponent, typeof i12.FormTextareaComponent, typeof i13.FormTemplateComponent, typeof i14.FormErrorComponent, typeof i15.FormInfoComponent, typeof i16.FormAdaptiveComponent, typeof i17.FormMultiSelectComponent, typeof i18.FormFileComponent, typeof i19.ValidationAutocompleteComponent, typeof i20.ValidationAutocompleteMultiComponent, typeof i21.FormAutocompleteComponent, typeof i22.FormDateTimeComponent, typeof i23.ValidationDateTimeComponent, typeof i24.FormTimeComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<FormsAndValidationsModule>;
 }

package/lib/validations/validation-autocomplete/validation-autocomplete.component.d.ts

@@ -11,61 +11,37 @@ export declare class ValidationAutocompleteComponent extends BaseValidation impl
     private _asyncValidators;
     private injector;
     protected lc: LocalizationService;
-    /**
-     * Sorgente da cui scegliere valori filtrata in base a quello che ha scritto l'utente
-     */
+    /** Sorgente da cui scegliere valori filtrata in base a quello che ha scritto l'utente */
     FilteredSource: {
         id: string;
         description: string;
     }[];
-    /**
-     * Valore del modello
-     */
+    /** Valore del modello */
     value: any;
-    /**
-     * Contenuto della label Floattante Material-Style
-     */
+    /** Contenuto della label Floattante Material-Style */
     label: string;
-    /**
-     * Evento che indica l'opzione selezionata dal componente. Il valore finale della selezione dovrà essere questo
-     */
+    /** Evento che indica l'opzione selezionata dal componente. Il valore finale della selezione dovrà essere questo */
     optionChange: EventEmitter<string>;
-    /**
-     * Subscription del tootltip da ripulire alla distruzione del componente
-     */
+    /** Subscription del tootltip da ripulire alla distruzione del componente */
     private tooltipSubscription;
-    /**
-     * Controllo esposto ottenuto tramite injector
-     */
+    /** Controllo esposto ottenuto tramite injector */
     private parentControl;
-    /**
-     * @ignore
-     */
+    /** @ignore */
     constructor(_validators: Array<any>, _asyncValidators: Array<any>, injector: Injector, lc: LocalizationService);
-    /**
-     * @ignore
-     */
+    /** @ignore */
     ngOnInit(): void;
-    /**
-     * @ignore
-     */
+    /** @ignore */
     ngOnDestroy(): void;
-    /**
-     * @ignore
-     */
+    /** @ignore */
     ngAfterViewInit(): void;
     /**
      * Metodo che si occupa di collegare i validatori e la funzione di reset dal **ControlValueAccessor** rappresentato
      * da questo componente al **ControlValueAccessor** rappresentato dall'effettivo elemento di Input presente lato HTML
      */
     private postBinding;
-    /**
-     * @ignore
-     */
+    /** @ignore */
     private onTouched;
-    /**
-     * @ignore
-     */
+    /** @ignore */
     writeValue(value: any): void;
     /**
      * L'emit della modifica al valore viene gestito su un evento custom (**inputChange**) come workaround al malfunzionamento dell'**ngModelChange** nativo
@@ -73,13 +49,9 @@ export declare class ValidationAutocompleteComponent extends BaseValidation impl
      * @param {any} toEmit valore da propagare all'esterno
      */
     onModelChange(toEmit: any): void;
-    /**
-     * @ignore
-     */
+    /** @ignore */
     registerOnChange(fn: any): void;
-    /**
-     * @ignore
-     */
+    /** @ignore */
     registerOnTouched(fn: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ValidationAutocompleteComponent, [{ optional: true; }, { optional: true; }, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ValidationAutocompleteComponent, "val-autocomplete", never, { "FilteredSource": "FilteredSource"; "value": "value"; "label": "label"; }, { "optionChange": "optionChange"; }, never, never>;

package/lib/validations/validation-autocomplete-multi/validation-autocomplete-multi.component.d.ts

@@ -0,0 +1,81 @@
+import { ControlValueAccessor } from "@angular/forms";
+import { EventEmitter, Injector, SimpleChanges } from "@angular/core";
+import { LocalizationService } from "@esfaenza/localizations";
+import { BaseValidation } from "../base-validation";
+import { MatAutocompleteTrigger } from "@angular/material/autocomplete";
+import * as i0 from "@angular/core";
+/**
+ * Componente di validaizone per gli input di Autocompletamento
+ */
+export declare class ValidationAutocompleteMultiComponent extends BaseValidation implements ControlValueAccessor {
+    private _validators;
+    private _asyncValidators;
+    private injector;
+    lc: LocalizationService;
+    displayFn: () => string;
+    /** Numero massimo di chip visualizzate */
+    ChipThreshold: number;
+    /** Sorgente da cui scegliere valori filtrata in base a quello che ha scritto l'utente */
+    FilteredSource: {
+        id: string;
+        description: string;
+    }[];
+    /** Valore del modello */
+    value: any;
+    /** Contenuto della label Floattante Material-Style */
+    label: string;
+    /** Evento che indica l'opzione selezionata dal componente. Il valore finale della selezione dovrà essere questo */
+    optionChange: EventEmitter<string>;
+    /** Trigger dell'autocomplete per tenerlo aperto */
+    autoTrigger: MatAutocompleteTrigger;
+    /** Subscription del tootltip da ripulire alla distruzione del componente */
+    private tooltipSubscription;
+    /** Controllo esposto ottenuto tramite injector */
+    private parentControl;
+    /** Elementi selezionati */
+    selectData: {
+        id: string;
+        description: string;
+    }[];
+    /** @ignore */
+    constructor(_validators: Array<any>, _asyncValidators: Array<any>, injector: Injector, lc: LocalizationService);
+    /** @ignore */
+    ngOnInit(): void;
+    /** @ignore */
+    ngOnDestroy(): void;
+    /** @ignore */
+    ngAfterViewInit(): void;
+    /** In caso arrivi una nuova sorgente devo reimpostare lo stato di selezione con quello attuale */
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Metodo che si occupa di collegare i validatori e la funzione di reset dal **ControlValueAccessor** rappresentato
+     * da questo componente al **ControlValueAccessor** rappresentato dall'effettivo elemento di Input presente lato HTML
+     */
+    private postBinding;
+    /** @ignore */
+    private onTouched;
+    /** @ignore */
+    writeValue(value: any, finalValue?: boolean): void;
+    /**
+     * L'emit della modifica al valore viene gestito su un evento custom (**inputChange**) come workaround al malfunzionamento dell'**ngModelChange** nativo
+     *
+     * @param {any} toEmit valore da propagare all'esterno
+     */
+    onModelChange(toEmit: any, finalValue?: boolean): void;
+    /** @ignore */
+    registerOnChange(fn: any): void;
+    /** @ignore */
+    registerOnTouched(fn: any): void;
+    /** Rimuove un elemento selezionato */
+    removeChip(data: {
+        id: string;
+        description: string;
+    }): void;
+    /** Seleziona o deseleziona un oggetto */
+    toggleSelection(data: {
+        id: string;
+        description: string;
+    }): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ValidationAutocompleteMultiComponent, [{ optional: true; }, { optional: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ValidationAutocompleteMultiComponent, "val-autocomplete-multi", never, { "ChipThreshold": "ChipThreshold"; "FilteredSource": "FilteredSource"; "value": "value"; "label": "label"; }, { "optionChange": "optionChange"; }, never, never>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esfaenza/forms-and-validations",
-  "version": "13.3.7",
+  "version": "13.3.10",
   "private": false,
   "dependencies": {
     "tslib": "^2.0.0"

package/public-api.d.ts

@@ -9,6 +9,7 @@ export * from './lib/validations/validation-select/validation-select.component';
 export * from './lib/validations/validation-text-area/validation-text-area.component';
 export * from './lib/validations/validation-currency/validation-currency.component';
 export * from './lib/validations/validation-autocomplete/validation-autocomplete.component';
+export * from './lib/validations/validation-autocomplete-multi/validation-autocomplete-multi.component';
 export * from './lib/validations/customValidators/CustomRequiredDirective';
 export * from './lib/forms/form-datetime/form-datetime.component';
 export * from './lib/forms/form-adaptive/form-adaptive.component';