@esfaenza/forms-and-validations 11.2.77 → 11.2.78
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/esfaenza-forms-and-validations.umd.js +225 -47
- package/bundles/esfaenza-forms-and-validations.umd.js.map +1 -1
- package/esfaenza-forms-and-validations.d.ts +2 -1
- package/esfaenza-forms-and-validations.metadata.json +1 -1
- package/esm2015/esfaenza-forms-and-validations.js +3 -2
- package/esm2015/lib/forms/form-autocomplete/form-autocomplete.component.js +18 -7
- package/esm2015/lib/forms/form-multiselect/form-multiselect.component.js +11 -4
- package/esm2015/lib/forms-and-validations.module.js +9 -1
- package/esm2015/lib/validations/base-validation.loc.js +2 -1
- package/esm2015/lib/validations/validation-autocomplete/validation-autocomplete.component.js +12 -34
- package/esm2015/lib/validations/validation-autocomplete-multi/validation-autocomplete-multi.component.js +175 -0
- package/fesm2015/esfaenza-forms-and-validations.js +215 -44
- package/fesm2015/esfaenza-forms-and-validations.js.map +1 -1
- package/lib/forms/form-autocomplete/form-autocomplete.component.d.ts +2 -0
- package/lib/forms/form-multiselect/form-multiselect.component.d.ts +3 -1
- package/lib/validations/validation-autocomplete/validation-autocomplete.component.d.ts +14 -42
- package/lib/validations/validation-autocomplete-multi/validation-autocomplete-multi.component.d.ts +78 -0
- package/package.json +1 -1
|
@@ -20,6 +20,8 @@ export declare class FormAutocompleteComponent extends BaseFormControl implement
|
|
|
20
20
|
RequiredPlaceholder: string;
|
|
21
21
|
/** Indica se i controlli devono essere effettuati tenendo conto del Case o meno. Vale solo qualora la **Source** fosse fornita */
|
|
22
22
|
CaseSensitive: boolean;
|
|
23
|
+
/** Indica se usare la modalità multiselezione o no */
|
|
24
|
+
Multi: boolean;
|
|
23
25
|
/**
|
|
24
26
|
* Indica se ignorare il prossimo evento writeValue che normalmente dovrebbe richiedere la nuova source. Serve per quando l'utente seleziona un elemento:
|
|
25
27
|
* Subito dopo partirebbe un altro evento modelChange che ricaricherebbe nuovamente la source
|
|
@@ -24,6 +24,8 @@ export declare class FormMultiSelectComponent extends BaseFormControl implements
|
|
|
24
24
|
SelectLabel: string;
|
|
25
25
|
/** Permette al componente di gestire come modello non una lista di chiavi, ma una lista di KeyValue */
|
|
26
26
|
UseKeyValues: boolean;
|
|
27
|
+
/** Indica al componente di emettere una lista di chiavi separate da virgola piuttosto che una lista vera e propria di chiavi/KeyValue */
|
|
28
|
+
UseCommaSeparatedList: boolean;
|
|
27
29
|
/** Impostazioni del componente interno **angular2-multiselect** */
|
|
28
30
|
Settings: {
|
|
29
31
|
selectAllText: string;
|
|
@@ -54,7 +56,7 @@ export declare class FormMultiSelectComponent extends BaseFormControl implements
|
|
|
54
56
|
*/
|
|
55
57
|
handleNullNgControl(): boolean;
|
|
56
58
|
/** @ignore Override per gestire input in ingresso */
|
|
57
|
-
writeValue(obj: any[]): void;
|
|
59
|
+
writeValue(obj: any[] | string): void;
|
|
58
60
|
/** @ignore Override per gestire input in uscita */
|
|
59
61
|
changed(): void;
|
|
60
62
|
}
|
|
@@ -10,61 +10,37 @@ export declare class ValidationAutocompleteComponent extends BaseValidation impl
|
|
|
10
10
|
private _asyncValidators;
|
|
11
11
|
private injector;
|
|
12
12
|
protected lc: LocalizationService;
|
|
13
|
-
/**
|
|
14
|
-
* Sorgente da cui scegliere valori filtrata in base a quello che ha scritto l'utente
|
|
15
|
-
*/
|
|
13
|
+
/** Sorgente da cui scegliere valori filtrata in base a quello che ha scritto l'utente */
|
|
16
14
|
FilteredSource: {
|
|
17
15
|
id: string;
|
|
18
16
|
description: string;
|
|
19
17
|
}[];
|
|
20
|
-
/**
|
|
21
|
-
* Valore del modello
|
|
22
|
-
*/
|
|
18
|
+
/** Valore del modello */
|
|
23
19
|
value: any;
|
|
24
|
-
/**
|
|
25
|
-
* Contenuto della label Floattante Material-Style
|
|
26
|
-
*/
|
|
20
|
+
/** Contenuto della label Floattante Material-Style */
|
|
27
21
|
label: string;
|
|
28
|
-
/**
|
|
29
|
-
* Evento che indica l'opzione selezionata dal componente. Il valore finale della selezione dovrà essere questo
|
|
30
|
-
*/
|
|
22
|
+
/** Evento che indica l'opzione selezionata dal componente. Il valore finale della selezione dovrà essere questo */
|
|
31
23
|
optionChange: EventEmitter<string>;
|
|
32
|
-
/**
|
|
33
|
-
* Subscription del tootltip da ripulire alla distruzione del componente
|
|
34
|
-
*/
|
|
24
|
+
/** Subscription del tootltip da ripulire alla distruzione del componente */
|
|
35
25
|
private tooltipSubscription;
|
|
36
|
-
/**
|
|
37
|
-
* Controllo esposto ottenuto tramite injector
|
|
38
|
-
*/
|
|
26
|
+
/** Controllo esposto ottenuto tramite injector */
|
|
39
27
|
private parentControl;
|
|
40
|
-
/**
|
|
41
|
-
* @ignore
|
|
42
|
-
*/
|
|
28
|
+
/** @ignore */
|
|
43
29
|
constructor(_validators: Array<any>, _asyncValidators: Array<any>, injector: Injector, lc: LocalizationService);
|
|
44
|
-
/**
|
|
45
|
-
* @ignore
|
|
46
|
-
*/
|
|
30
|
+
/** @ignore */
|
|
47
31
|
ngOnInit(): void;
|
|
48
|
-
/**
|
|
49
|
-
* @ignore
|
|
50
|
-
*/
|
|
32
|
+
/** @ignore */
|
|
51
33
|
ngOnDestroy(): void;
|
|
52
|
-
/**
|
|
53
|
-
* @ignore
|
|
54
|
-
*/
|
|
34
|
+
/** @ignore */
|
|
55
35
|
ngAfterViewInit(): void;
|
|
56
36
|
/**
|
|
57
37
|
* Metodo che si occupa di collegare i validatori e la funzione di reset dal **ControlValueAccessor** rappresentato
|
|
58
38
|
* da questo componente al **ControlValueAccessor** rappresentato dall'effettivo elemento di Input presente lato HTML
|
|
59
39
|
*/
|
|
60
40
|
private postBinding;
|
|
61
|
-
/**
|
|
62
|
-
* @ignore
|
|
63
|
-
*/
|
|
41
|
+
/** @ignore */
|
|
64
42
|
private onTouched;
|
|
65
|
-
/**
|
|
66
|
-
* @ignore
|
|
67
|
-
*/
|
|
43
|
+
/** @ignore */
|
|
68
44
|
writeValue(value: any): void;
|
|
69
45
|
/**
|
|
70
46
|
* L'emit della modifica al valore viene gestito su un evento custom (**inputChange**) come workaround al malfunzionamento dell'**ngModelChange** nativo
|
|
@@ -72,12 +48,8 @@ export declare class ValidationAutocompleteComponent extends BaseValidation impl
|
|
|
72
48
|
* @param {any} toEmit valore da propagare all'esterno
|
|
73
49
|
*/
|
|
74
50
|
onModelChange(toEmit: any): void;
|
|
75
|
-
/**
|
|
76
|
-
* @ignore
|
|
77
|
-
*/
|
|
51
|
+
/** @ignore */
|
|
78
52
|
registerOnChange(fn: any): void;
|
|
79
|
-
/**
|
|
80
|
-
* @ignore
|
|
81
|
-
*/
|
|
53
|
+
/** @ignore */
|
|
82
54
|
registerOnTouched(fn: any): void;
|
|
83
55
|
}
|
package/lib/validations/validation-autocomplete-multi/validation-autocomplete-multi.component.d.ts
ADDED
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import { ControlValueAccessor } from "@angular/forms";
|
|
2
|
+
import { EventEmitter, Injector, SimpleChanges } from "@angular/core";
|
|
3
|
+
import { LocalizationService } from "@esfaenza/localizations";
|
|
4
|
+
import { BaseValidation } from "../base-validation";
|
|
5
|
+
import { MatAutocompleteTrigger } from "@angular/material/autocomplete";
|
|
6
|
+
/**
|
|
7
|
+
* Componente di validaizone per gli input di Autocompletamento
|
|
8
|
+
*/
|
|
9
|
+
export declare class ValidationAutocompleteMultiComponent extends BaseValidation implements ControlValueAccessor {
|
|
10
|
+
private _validators;
|
|
11
|
+
private _asyncValidators;
|
|
12
|
+
private injector;
|
|
13
|
+
lc: LocalizationService;
|
|
14
|
+
displayFn: () => string;
|
|
15
|
+
/** Numero massimo di chip visualizzate */
|
|
16
|
+
ChipThreshold: number;
|
|
17
|
+
/** Sorgente da cui scegliere valori filtrata in base a quello che ha scritto l'utente */
|
|
18
|
+
FilteredSource: {
|
|
19
|
+
id: string;
|
|
20
|
+
description: string;
|
|
21
|
+
}[];
|
|
22
|
+
/** Valore del modello */
|
|
23
|
+
value: any;
|
|
24
|
+
/** Contenuto della label Floattante Material-Style */
|
|
25
|
+
label: string;
|
|
26
|
+
/** Evento che indica l'opzione selezionata dal componente. Il valore finale della selezione dovrà essere questo */
|
|
27
|
+
optionChange: EventEmitter<string>;
|
|
28
|
+
/** Trigger dell'autocomplete per tenerlo aperto */
|
|
29
|
+
autoTrigger: MatAutocompleteTrigger;
|
|
30
|
+
/** Subscription del tootltip da ripulire alla distruzione del componente */
|
|
31
|
+
private tooltipSubscription;
|
|
32
|
+
/** Controllo esposto ottenuto tramite injector */
|
|
33
|
+
private parentControl;
|
|
34
|
+
/** Elementi selezionati */
|
|
35
|
+
selectData: {
|
|
36
|
+
id: string;
|
|
37
|
+
description: string;
|
|
38
|
+
}[];
|
|
39
|
+
/** @ignore */
|
|
40
|
+
constructor(_validators: Array<any>, _asyncValidators: Array<any>, injector: Injector, lc: LocalizationService);
|
|
41
|
+
/** @ignore */
|
|
42
|
+
ngOnInit(): void;
|
|
43
|
+
/** @ignore */
|
|
44
|
+
ngOnDestroy(): void;
|
|
45
|
+
/** @ignore */
|
|
46
|
+
ngAfterViewInit(): void;
|
|
47
|
+
/** In caso arrivi una nuova sorgente devo reimpostare lo stato di selezione con quello attuale */
|
|
48
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
49
|
+
/**
|
|
50
|
+
* Metodo che si occupa di collegare i validatori e la funzione di reset dal **ControlValueAccessor** rappresentato
|
|
51
|
+
* da questo componente al **ControlValueAccessor** rappresentato dall'effettivo elemento di Input presente lato HTML
|
|
52
|
+
*/
|
|
53
|
+
private postBinding;
|
|
54
|
+
/** @ignore */
|
|
55
|
+
private onTouched;
|
|
56
|
+
/** @ignore */
|
|
57
|
+
writeValue(value: any, finalValue?: boolean): void;
|
|
58
|
+
/**
|
|
59
|
+
* L'emit della modifica al valore viene gestito su un evento custom (**inputChange**) come workaround al malfunzionamento dell'**ngModelChange** nativo
|
|
60
|
+
*
|
|
61
|
+
* @param {any} toEmit valore da propagare all'esterno
|
|
62
|
+
*/
|
|
63
|
+
onModelChange(toEmit: any, finalValue?: boolean): void;
|
|
64
|
+
/** @ignore */
|
|
65
|
+
registerOnChange(fn: any): void;
|
|
66
|
+
/** @ignore */
|
|
67
|
+
registerOnTouched(fn: any): void;
|
|
68
|
+
/** Rimuove un elemento selezionato */
|
|
69
|
+
removeChip(data: {
|
|
70
|
+
id: string;
|
|
71
|
+
description: string;
|
|
72
|
+
}): void;
|
|
73
|
+
/** Seleziona o deseleziona un oggetto */
|
|
74
|
+
toggleSelection(data: {
|
|
75
|
+
id: string;
|
|
76
|
+
description: string;
|
|
77
|
+
}): void;
|
|
78
|
+
}
|