@esfaenza/forms-and-validations 13.3.5 → 13.3.8
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/esm2020/lib/forms/base-form-control.mjs +67 -119
- package/esm2020/lib/forms/form-adaptive/form-adaptive.component.mjs +53 -66
- package/esm2020/lib/forms/form-autocomplete/form-autocomplete.component.mjs +25 -47
- package/esm2020/lib/forms/form-checkbox/form-checkbox.component.mjs +21 -21
- package/esm2020/lib/forms/form-date/form-date.component.mjs +30 -28
- package/esm2020/lib/forms/form-datetime/form-datetime.component.mjs +29 -25
- package/esm2020/lib/forms/form-empty/form-empty.component.mjs +4 -10
- package/esm2020/lib/forms/form-error/form-error.component.mjs +6 -16
- package/esm2020/lib/forms/form-file/form-file.component.mjs +23 -31
- package/esm2020/lib/forms/form-info/form-info.component.mjs +6 -16
- package/esm2020/lib/forms/form-input/form-input.component.mjs +26 -36
- package/esm2020/lib/forms/form-multiselect/form-multiselect.component.mjs +22 -36
- package/esm2020/lib/forms/form-select/form-select.component.mjs +29 -31
- package/esm2020/lib/forms/form-template/form-template.component.mjs +10 -28
- package/esm2020/lib/forms/form-textarea/form-textarea.component.mjs +20 -18
- package/esm2020/lib/forms/form-time/form-time.component.mjs +18 -35
- package/esm2020/lib/forms-and-validations.module.mjs +3 -2
- package/esm2020/lib/models/FormsAndValidationsModuleConfig.mjs +1 -1
- package/esm2020/lib/tokens.mjs +5 -7
- package/fesm2015/esfaenza-forms-and-validations.mjs +376 -551
- package/fesm2015/esfaenza-forms-and-validations.mjs.map +1 -1
- package/fesm2020/esfaenza-forms-and-validations.mjs +373 -551
- package/fesm2020/esfaenza-forms-and-validations.mjs.map +1 -1
- package/lib/forms/base-form-control.d.ts +57 -131
- package/lib/forms/form-adaptive/form-adaptive.component.d.ts +26 -73
- package/lib/forms/form-autocomplete/form-autocomplete.component.d.ts +14 -42
- package/lib/forms/form-checkbox/form-checkbox.component.d.ts +9 -13
- package/lib/forms/form-date/form-date.component.d.ts +10 -16
- package/lib/forms/form-datetime/form-datetime.component.d.ts +9 -13
- package/lib/forms/form-empty/form-empty.component.d.ts +3 -9
- package/lib/forms/form-error/form-error.component.d.ts +5 -15
- package/lib/forms/form-file/form-file.component.d.ts +10 -28
- package/lib/forms/form-info/form-info.component.d.ts +5 -15
- package/lib/forms/form-input/form-input.component.d.ts +15 -37
- package/lib/forms/form-multiselect/form-multiselect.component.d.ts +11 -31
- package/lib/forms/form-select/form-select.component.d.ts +12 -25
- package/lib/forms/form-template/form-template.component.d.ts +9 -27
- package/lib/forms/form-textarea/form-textarea.component.d.ts +8 -16
- package/lib/forms/form-time/form-time.component.d.ts +10 -30
- package/lib/models/FormsAndValidationsModuleConfig.d.ts +6 -8
- package/lib/tokens.d.ts +4 -6
- package/package.json +1 -1
|
@@ -2,10 +2,9 @@ import { ControlValueAccessor, NgControl, NgForm, NgModel } from "@angular/forms
|
|
|
2
2
|
import { EventEmitter, ChangeDetectorRef } from "@angular/core";
|
|
3
3
|
import { AccessControlService, ComponentContext } from "@esfaenza/access-control";
|
|
4
4
|
import { Subject } from "rxjs";
|
|
5
|
+
import { TemplateRef } from "@angular/core";
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
6
|
-
/**
|
|
7
|
-
* Componente base da cui tutti i componenti Form implementano
|
|
8
|
-
*/
|
|
7
|
+
/** Componente base da cui tutti i componenti Form implementano */
|
|
9
8
|
export declare abstract class BaseFormControl implements ControlValueAccessor {
|
|
10
9
|
protected cdr: ChangeDetectorRef;
|
|
11
10
|
ngControl: NgControl;
|
|
@@ -13,6 +12,7 @@ export declare abstract class BaseFormControl implements ControlValueAccessor {
|
|
|
13
12
|
private ac;
|
|
14
13
|
AppContext: ComponentContext;
|
|
15
14
|
private ACO_CUSTOMKEY;
|
|
15
|
+
private FAV_DEBUG_MODE;
|
|
16
16
|
private nativeInput;
|
|
17
17
|
/**
|
|
18
18
|
* https://github.com/angular/angular/issues/14988
|
|
@@ -21,21 +21,15 @@ export declare abstract class BaseFormControl implements ControlValueAccessor {
|
|
|
21
21
|
* poi mettendo firstBind a false di lì in poi funziono come devo. Vista la casistica evito essenzialmente metà detectChanges
|
|
22
22
|
*/
|
|
23
23
|
private firstBind;
|
|
24
|
-
/**
|
|
25
|
-
* Indica se il campo è obbligatorio i opzionale
|
|
26
|
-
*/
|
|
24
|
+
/** Indica se il campo è obbligatorio i opzionale */
|
|
27
25
|
Required: boolean;
|
|
28
|
-
/**
|
|
29
|
-
* Modello rappresentato da questo campo
|
|
30
|
-
*/
|
|
26
|
+
/** Modello rappresentato da questo campo */
|
|
31
27
|
Model: any;
|
|
32
|
-
/**
|
|
33
|
-
|
|
34
|
-
|
|
28
|
+
/** Valore del Modello */
|
|
29
|
+
EvaluatedModel: string;
|
|
30
|
+
/** Nome generato per il controllo interno. Di default è il nome del controllo esterno con l'aggiunta di "_internal". Serve per evitare cross-bind */
|
|
35
31
|
GeneratedName: string;
|
|
36
|
-
/**
|
|
37
|
-
* Indica se il Form che contiene questo campo è già stato registrato
|
|
38
|
-
*/
|
|
32
|
+
/** Indica se il Form che contiene questo campo è già stato registrato */
|
|
39
33
|
protected formHasBennBound: boolean;
|
|
40
34
|
/**
|
|
41
35
|
* Indica se questo campo è staccato dal Form, ad esempio nel caso sia in un ng-template proiettato nel form.
|
|
@@ -43,17 +37,11 @@ export declare abstract class BaseFormControl implements ControlValueAccessor {
|
|
|
43
37
|
* In quel caso la variabile **Form** del componente dev'essere valorizzata
|
|
44
38
|
*/
|
|
45
39
|
protected detatchedFromform: boolean;
|
|
46
|
-
/**
|
|
47
|
-
* @ignore
|
|
48
|
-
*/
|
|
40
|
+
/** @ignore */
|
|
49
41
|
protected propagateChange: (_: any) => void;
|
|
50
|
-
/**
|
|
51
|
-
* @ignore
|
|
52
|
-
*/
|
|
42
|
+
/** @ignore */
|
|
53
43
|
protected onTouched: () => void;
|
|
54
|
-
/**
|
|
55
|
-
* @ignore Vedi getter e setter
|
|
56
|
-
*/
|
|
44
|
+
/** @ignore Vedi getter e setter */
|
|
57
45
|
private _readonly;
|
|
58
46
|
/**
|
|
59
47
|
* Qualora ci fosse un contesto collegato questa variabile identifica se Sono l'Owner o meno.
|
|
@@ -61,70 +49,42 @@ export declare abstract class BaseFormControl implements ControlValueAccessor {
|
|
|
61
49
|
* Se non lo sono, il campo risulterà in sola lettura
|
|
62
50
|
*/
|
|
63
51
|
private AppContextOwnership;
|
|
64
|
-
/**
|
|
65
|
-
* Subject a cui l'oggetto interno si collega per effettuare il focus dell'elemento input sottostante
|
|
66
|
-
*/
|
|
52
|
+
/** Subject a cui l'oggetto interno si collega per effettuare il focus dell'elemento input sottostante */
|
|
67
53
|
FocusSubject: Subject<void>;
|
|
68
|
-
/**
|
|
69
|
-
* Modalità in cui viene mostrato il campo, 1-1 rispetto alle definizioni di Angular Material
|
|
70
|
-
*/
|
|
54
|
+
/** Modalità in cui viene mostrato il campo, 1-1 rispetto alle definizioni di Angular Material */
|
|
71
55
|
FieldAppearence: "legacy" | "standard" | "fill" | "outline";
|
|
72
|
-
/**
|
|
73
|
-
* Utilizza o meno il Layout di un form (Label con input di fianco), se false mostra solo l'input
|
|
74
|
-
*/
|
|
56
|
+
/** Utilizza o meno il Layout di un form (Label con input di fianco), se false mostra solo l'input */
|
|
75
57
|
FormLayout: boolean;
|
|
76
|
-
/**
|
|
77
|
-
|
|
78
|
-
|
|
58
|
+
/** 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 */
|
|
59
|
+
DisplayMode: boolean;
|
|
60
|
+
/** Definisce se richiamare l'EventEmitter **inputChange** in maniera classica (true) o solo per la change considerate definitive come tasto invio / blur / ecc... (false) */
|
|
79
61
|
EmitPendingChanges: boolean;
|
|
80
|
-
/**
|
|
81
|
-
* Attiva o disattiva la validazione per questo componente
|
|
82
|
-
*/
|
|
62
|
+
/** Attiva o disattiva la validazione per questo componente */
|
|
83
63
|
Validation: boolean;
|
|
84
|
-
/**
|
|
85
|
-
* Placeholder per quando l'input è vuoto
|
|
86
|
-
*/
|
|
64
|
+
/** Placeholder per quando l'input è vuoto */
|
|
87
65
|
Placeholder: string;
|
|
88
|
-
/**
|
|
89
|
-
* Classe extra per il form-group in cui viene wrappato l'input
|
|
90
|
-
*/
|
|
66
|
+
/** Classe extra per il form-group in cui viene wrappato l'input */
|
|
91
67
|
FormGroupClass: string;
|
|
92
|
-
/**
|
|
93
|
-
* Messaggio da mostrare quando la validazione fallisce per questo componente. Di default viene proposta dalla libreria
|
|
94
|
-
*/
|
|
68
|
+
/** Messaggio da mostrare quando la validazione fallisce per questo componente. Di default viene proposta dalla libreria */
|
|
95
69
|
FailedValidationMessage: string;
|
|
96
|
-
/**
|
|
97
|
-
* Input che forza l'invalidità del componente
|
|
98
|
-
*/
|
|
70
|
+
/** Input che forza l'invalidità del componente */
|
|
99
71
|
ForcedError: boolean;
|
|
100
|
-
/**
|
|
101
|
-
* Mostra un testo a sinistra dell'input (FormLayout permettendo)
|
|
102
|
-
*/
|
|
72
|
+
/** Mostra un testo a sinistra dell'input (FormLayout permettendo) */
|
|
103
73
|
Label: string;
|
|
104
|
-
/**
|
|
105
|
-
* col-md-X per la label
|
|
106
|
-
*/
|
|
74
|
+
/** col-md-X per la label */
|
|
107
75
|
LabelColWidth: number;
|
|
108
|
-
/**
|
|
109
|
-
* col-md-X per l'input
|
|
110
|
-
*/
|
|
76
|
+
/** col-md-X per l'input */
|
|
111
77
|
InputColWidth: number;
|
|
112
|
-
/**
|
|
113
|
-
* Indica se è l'ultimo componente di un form (serve per rimuovere il margine finale)
|
|
114
|
-
*/
|
|
78
|
+
/** Indica se è l'ultimo componente di un form (serve per rimuovere il margine finale) */
|
|
115
79
|
Last: boolean;
|
|
116
|
-
/**
|
|
117
|
-
* Associa il componente Form a questo input
|
|
118
|
-
*/
|
|
80
|
+
/** Associa il componente Form a questo input */
|
|
119
81
|
Form: NgForm;
|
|
120
|
-
/**
|
|
121
|
-
* Sorgente da cui scegliere valori per i componenti Form che lo consentono
|
|
122
|
-
*/
|
|
82
|
+
/** Sorgente da cui scegliere valori per i componenti Form che lo consentono */
|
|
123
83
|
Source: any[];
|
|
124
|
-
/**
|
|
125
|
-
* Nome della proprietà che contiene l'Id degli oggetti bindati nella **Source**
|
|
126
|
-
*/
|
|
84
|
+
/** Nome della proprietà che contiene l'Id degli oggetti bindati nella **Source** */
|
|
127
85
|
IdField: string;
|
|
86
|
+
/** Template per visualizzare la modalità **DisplayMode** come vuole il programmatore frocio di turno */
|
|
87
|
+
DisplayModeTemplate: TemplateRef<any>;
|
|
128
88
|
/**
|
|
129
89
|
* Espressione simil-Angular per cambiare il testo dei componenti che scelgono il proprio modello da una **Source**
|
|
130
90
|
*
|
|
@@ -132,16 +92,12 @@ export declare abstract class BaseFormControl implements ControlValueAccessor {
|
|
|
132
92
|
* È inoltre possibile aggiungere pezzi di descrizione in maniera condizionale con la sintassi **:prop?(Prop vale {prop})**
|
|
133
93
|
*/
|
|
134
94
|
Display: string;
|
|
135
|
-
/**
|
|
136
|
-
* Risultato dell'unione fra le informazioni degli oggetti in **Source** e le impostazioni specificate nell'Input **Display**
|
|
137
|
-
*/
|
|
95
|
+
/** Risultato dell'unione fra le informazioni degli oggetti in **Source** e le impostazioni specificate nell'Input **Display** */
|
|
138
96
|
BoundSource: {
|
|
139
97
|
id: string;
|
|
140
98
|
description: string;
|
|
141
99
|
}[];
|
|
142
|
-
/**
|
|
143
|
-
* Indica se è il primo Bind della Source
|
|
144
|
-
*/
|
|
100
|
+
/** Indica se è il primo Bind della Source */
|
|
145
101
|
protected SourceFirstBind: boolean;
|
|
146
102
|
/**
|
|
147
103
|
* Ottiene il valore della variabile **_readonly**
|
|
@@ -161,9 +117,7 @@ export declare abstract class BaseFormControl implements ControlValueAccessor {
|
|
|
161
117
|
* @param {string} input Input nel formato "X Y"
|
|
162
118
|
*/
|
|
163
119
|
set LabelInputRatio(input: string);
|
|
164
|
-
/**
|
|
165
|
-
* val-qualcosa che fa effettivamente da input, o eventualmente il singolo input in casi particolari (es checkbox)
|
|
166
|
-
*/
|
|
120
|
+
/** val-qualcosa che fa effettivamente da input, o eventualmente il singolo input in casi particolari (es checkbox) */
|
|
167
121
|
protected validationControl: NgModel;
|
|
168
122
|
/**
|
|
169
123
|
* Query sull'elemento 'validationControl' che funziona in ambiente statico
|
|
@@ -177,45 +131,27 @@ export declare abstract class BaseFormControl implements ControlValueAccessor {
|
|
|
177
131
|
* @param {NgModel} comp Elemento HTML marcato con "#validationControl"
|
|
178
132
|
*/
|
|
179
133
|
set validationControl_static(comp: NgModel);
|
|
180
|
-
/**
|
|
181
|
-
* Evento chiamato alla modifica del valore collegato a questo campo
|
|
182
|
-
*/
|
|
134
|
+
/** Evento chiamato alla modifica del valore collegato a questo campo */
|
|
183
135
|
inputChange: EventEmitter<string>;
|
|
184
|
-
/**
|
|
185
|
-
* Evento chiamato al focus del campo di testo/combo/quelcheè, riemitta l'evento originale Javascript
|
|
186
|
-
*/
|
|
136
|
+
/** Evento chiamato al focus del campo di testo/combo/quelcheè, riemitta l'evento originale Javascript */
|
|
187
137
|
inputFocus: EventEmitter<any>;
|
|
188
|
-
/**
|
|
189
|
-
* Evento chiamato al finalize del campo di testo/combo/quelcheè
|
|
190
|
-
*/
|
|
138
|
+
/** Evento chiamato al finalize del campo di testo/combo/quelcheè */
|
|
191
139
|
inputFinalized: EventEmitter<any>;
|
|
192
|
-
/**
|
|
193
|
-
* Cache delle condizioni scritte tipo :prop?(Roba con {prop})
|
|
194
|
-
*/
|
|
140
|
+
/** Cache delle condizioni scritte tipo :prop?(Roba con {prop}) */
|
|
195
141
|
private BindCheckingGroups;
|
|
196
|
-
/**
|
|
197
|
-
* Cache delle proprietà scritte tipo --> {prop}
|
|
198
|
-
*/
|
|
142
|
+
/** Cache delle proprietà scritte tipo --> {prop} */
|
|
199
143
|
private BindProperties;
|
|
200
|
-
/**
|
|
201
|
-
|
|
202
|
-
*
|
|
203
|
-
* @ignore
|
|
204
|
-
*/
|
|
205
|
-
constructor(cdr: ChangeDetectorRef, ngControl: NgControl, _validators: Array<any>, ac: AccessControlService, AppContext: ComponentContext, ACO_CUSTOMKEY: string, nativeInput?: boolean);
|
|
144
|
+
/** @ignore Costruttore */
|
|
145
|
+
constructor(cdr: ChangeDetectorRef, ngControl: NgControl, _validators: Array<any>, ac: AccessControlService, AppContext: ComponentContext, ACO_CUSTOMKEY: string, FAV_DEBUG_MODE: boolean, nativeInput?: boolean);
|
|
206
146
|
/**
|
|
207
147
|
* Effettua il Bind/Parse delle varie **Source** unendo le informazioni specificate in **Display**
|
|
208
148
|
*
|
|
209
149
|
* Eventualmente rieffettua un bind al modello in base al valore della variabile **RebindModelAfterSource**
|
|
210
150
|
*/
|
|
211
151
|
protected tryBindSourceDisplay(): void;
|
|
212
|
-
/**
|
|
213
|
-
* Valuta il contenuto della variabile BindCheckingGroups
|
|
214
|
-
*/
|
|
152
|
+
/** Valuta il contenuto della variabile BindCheckingGroups */
|
|
215
153
|
private evaluateBindCheckingGroups;
|
|
216
|
-
/**
|
|
217
|
-
* Valuta il contenuto della variabile BindProperties
|
|
218
|
-
*/
|
|
154
|
+
/** Valuta il contenuto della variabile BindProperties */
|
|
219
155
|
private evaluateBindProperties;
|
|
220
156
|
/**
|
|
221
157
|
* Trasforma un oggetto della Source alla sua versione "nuova" basandosi sulle informazioni su gruppi e proprietà
|
|
@@ -232,38 +168,24 @@ export declare abstract class BaseFormControl implements ControlValueAccessor {
|
|
|
232
168
|
* @returns {boolean} **true** se gestisco ngControl nulli, **false** altrimenti
|
|
233
169
|
*/
|
|
234
170
|
handleNullNgControl(): boolean;
|
|
235
|
-
/**
|
|
236
|
-
* @ignore
|
|
237
|
-
*/
|
|
171
|
+
/** @ignore */
|
|
238
172
|
ngOnInit(): void;
|
|
239
173
|
/**
|
|
240
174
|
* Se sono in modalità detatched devo rimuovere manualmente questo controllo quando entro nella dispose, altrimenti se poi ne andassi a riaggiungere
|
|
241
175
|
* un altro con lo stesso "name" ma magari resettato, Angular lo re-idraterebbe con i valori precedenti nonostante il modello fosse vuoto
|
|
242
176
|
*/
|
|
243
177
|
ngOnDestroy(): void;
|
|
244
|
-
/**
|
|
245
|
-
* Elabora i validatori iniettati e capisce se il valore è obbligatorio o meno
|
|
246
|
-
*/
|
|
178
|
+
/** Elabora i validatori iniettati e capisce se il valore è obbligatorio o meno */
|
|
247
179
|
checkRequiredValidator(): void;
|
|
248
|
-
/**
|
|
249
|
-
* @ignore
|
|
250
|
-
*/
|
|
180
|
+
/** @ignore */
|
|
251
181
|
ngAfterViewInit(): void;
|
|
252
|
-
/**
|
|
253
|
-
* Helper che collega la funzione di reset del controllo form al controllo di validazione sottostante
|
|
254
|
-
*/
|
|
182
|
+
/** Helper che collega la funzione di reset del controllo form al controllo di validazione sottostante */
|
|
255
183
|
private bindResetFunction;
|
|
256
|
-
/**
|
|
257
|
-
* @ignore
|
|
258
|
-
*/
|
|
184
|
+
/** @ignore */
|
|
259
185
|
writeValue(obj: any): void;
|
|
260
|
-
/**
|
|
261
|
-
* @ignore
|
|
262
|
-
*/
|
|
186
|
+
/** @ignore */
|
|
263
187
|
registerOnChange(fn: any): void;
|
|
264
|
-
/**
|
|
265
|
-
* @ignore
|
|
266
|
-
*/
|
|
188
|
+
/** @ignore */
|
|
267
189
|
registerOnTouched(fn: any): void;
|
|
268
190
|
/**
|
|
269
191
|
* Registra internamente il componente di validazione, ne imposta i validatori e collega il Form, se presente
|
|
@@ -299,9 +221,13 @@ export declare abstract class BaseFormControl implements ControlValueAccessor {
|
|
|
299
221
|
*/
|
|
300
222
|
finalized(): void;
|
|
301
223
|
/**
|
|
302
|
-
*
|
|
224
|
+
* Stampa un log a console
|
|
225
|
+
*
|
|
226
|
+
* @param {string} message Messaggio da stampare
|
|
303
227
|
*/
|
|
228
|
+
log(message: string): void;
|
|
229
|
+
/** @ignore */
|
|
304
230
|
abstract onNotNullValueSet(): void;
|
|
305
231
|
static ɵfac: i0.ɵɵFactoryDeclaration<BaseFormControl, never>;
|
|
306
|
-
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"; "Display": "Display"; "Readonly": "Readonly"; "LabelInputRatio": "LabelInputRatio"; }, { "inputChange": "inputChange"; "inputFocus": "inputFocus"; "inputFinalized": "inputFinalized"; }, never>;
|
|
232
|
+
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>;
|
|
307
233
|
}
|
|
@@ -8,94 +8,56 @@ import { BaseFormControl } from "../base-form-control";
|
|
|
8
8
|
import { AppFile } from "../../models/AppFile";
|
|
9
9
|
import { Observable } from "rxjs";
|
|
10
10
|
import * as i0 from "@angular/core";
|
|
11
|
-
/**
|
|
12
|
-
* Componente in grado di assumere la forma di un qualsiasi altro componente form in base al tipo specificato. Utile per la creazione di form dinamici
|
|
13
|
-
*/
|
|
11
|
+
/** Componente in grado di assumere la forma di un qualsiasi altro componente form in base al tipo specificato. Utile per la creazione di form dinamici */
|
|
14
12
|
export declare class FormAdaptiveComponent extends BaseFormControl implements ControlValueAccessor {
|
|
15
13
|
private utiExts;
|
|
16
14
|
private datesExts;
|
|
17
15
|
private dateAdapter;
|
|
18
16
|
lc: LocalizationService;
|
|
19
|
-
/**
|
|
20
|
-
* Tipologia che decide che componente mostrare
|
|
21
|
-
*/
|
|
17
|
+
/** Tipologia che decide che componente mostrare */
|
|
22
18
|
Type: 'string' | 'float' | 'date' | 'number' | 'int' | 'boolean' | 'enum' | 'autocomplete' | 'datetime' | 'time' | 'file' | 'currency';
|
|
23
|
-
/**
|
|
24
|
-
* Messaggio per quando si binda un form-adaptive senza tipo
|
|
25
|
-
*/
|
|
19
|
+
/** Messaggio per quando si binda un form-adaptive senza tipo */
|
|
26
20
|
TypeMissingMessage: string;
|
|
27
|
-
/**
|
|
28
|
-
* Pattern di validazione
|
|
29
|
-
*/
|
|
21
|
+
/** Pattern di validazione */
|
|
30
22
|
Pattern: string;
|
|
31
|
-
/**
|
|
32
|
-
* Riferimento all'elemento input di tipo file qualora il **Type** di questo componente fosse **file**
|
|
33
|
-
*/
|
|
23
|
+
/** Riferimento all'elemento input di tipo file qualora il **Type** di questo componente fosse **file** */
|
|
34
24
|
inputEl: ElementRef;
|
|
35
|
-
/**
|
|
36
|
-
* Permette di scaricare l'eventuale file presente qualora il **Type** di questo componente fosse **file**
|
|
37
|
-
*/
|
|
25
|
+
/** Permette di scaricare l'eventuale file presente qualora il **Type** di questo componente fosse **file** */
|
|
38
26
|
AllowDownload: boolean;
|
|
39
|
-
/**
|
|
40
|
-
* Modello typescript di bind dei file
|
|
41
|
-
*/
|
|
27
|
+
/** Modello typescript di bind dei file */
|
|
42
28
|
ModelFile: AppFile;
|
|
43
|
-
/**
|
|
44
|
-
* Utilizzata nel form-adapter per specificare la precisione degli input currencymap (Type: currency)
|
|
45
|
-
*/
|
|
29
|
+
/** Utilizzata nel form-adapter per specificare la precisione degli input currencymap (Type: currency) */
|
|
46
30
|
Precision: number;
|
|
47
|
-
/**
|
|
48
|
-
* Allineamento della currency mask
|
|
49
|
-
*/
|
|
31
|
+
/** Allineamento della currency mask */
|
|
50
32
|
Alignment: 'left' | 'right';
|
|
51
|
-
/**
|
|
52
|
-
* Funzione di ricerca che verrà chiamata dal componente
|
|
53
|
-
*/
|
|
33
|
+
/** Funzione di ricerca che verrà chiamata dal componente */
|
|
54
34
|
SearchFunction: (search: string, byid: boolean) => Observable<{
|
|
55
35
|
id: string;
|
|
56
36
|
description: string;
|
|
57
37
|
}[]>;
|
|
58
|
-
/**
|
|
59
|
-
* Numero minimo di caratteri con cui cercare
|
|
60
|
-
*/
|
|
38
|
+
/** Numero minimo di caratteri con cui cercare */
|
|
61
39
|
MinChars: number;
|
|
62
|
-
/**
|
|
63
|
-
* Indica se i controlli devono essere effettuati tenendo conto del Case o meno. Vale solo qualora la **Source** fosse fornita
|
|
64
|
-
*/
|
|
40
|
+
/** Indica se i controlli devono essere effettuati tenendo conto del Case o meno. Vale solo qualora la **Source** fosse fornita */
|
|
65
41
|
CaseSensitive: boolean;
|
|
66
|
-
/**
|
|
67
|
-
* Variabile interna che gestisce se effettuare il riallineamento dei dati o meno
|
|
68
|
-
*/
|
|
42
|
+
/** Variabile interna che gestisce se effettuare il riallineamento dei dati o meno */
|
|
69
43
|
private alignValues;
|
|
70
44
|
/**
|
|
71
45
|
* Indica se ignorare il prossimo evento writeValue che normalmente dovrebbe richiedere la nuova source. Serve per quando l'utente seleziona un elemento:
|
|
72
46
|
* Subito dopo partirebbe un altro evento modelChange che ricaricherebbe nuovamente la source
|
|
73
47
|
*/
|
|
74
48
|
private ignoreNextWriteValue;
|
|
75
|
-
/**
|
|
76
|
-
* Cache della sorgente originale POST binding, in modo da poter fare filtri in locale qualora la **SearchFunction** non fosse definita e la **Source** fosse assegnata
|
|
77
|
-
*/
|
|
49
|
+
/** Cache della sorgente originale POST binding, in modo da poter fare filtri in locale qualora la **SearchFunction** non fosse definita e la **Source** fosse assegnata */
|
|
78
50
|
FilteredBoundSource: {
|
|
79
51
|
id: string;
|
|
80
52
|
description: string;
|
|
81
53
|
}[];
|
|
82
|
-
/**
|
|
83
|
-
* Solo per gli input di tipo "date". Capisce che modalità usare per il validation-date sottostante
|
|
84
|
-
*/
|
|
54
|
+
/** Solo per gli input di tipo "date". Capisce che modalità usare per il validation-date sottostante */
|
|
85
55
|
useJsDates: boolean;
|
|
86
|
-
/**
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
* @ignore
|
|
90
|
-
*/
|
|
91
|
-
constructor(cdr: ChangeDetectorRef, utiExts: UtilityService, datesExts: DateService, dateAdapter: NgxMatDateAdapter<any>, lc: LocalizationService, ngControl: NgControl, _validators: Array<any>, ac: AccessControlService, AppContext: ComponentContext, ACO_CUSTOMKEY: string);
|
|
92
|
-
/**
|
|
93
|
-
* @ignore
|
|
94
|
-
*/
|
|
56
|
+
/** @ignore Costruttore */
|
|
57
|
+
constructor(cdr: ChangeDetectorRef, utiExts: UtilityService, datesExts: DateService, dateAdapter: NgxMatDateAdapter<any>, lc: LocalizationService, ngControl: NgControl, _validators: Array<any>, ac: AccessControlService, AppContext: ComponentContext, ACO_CUSTOMKEY: string, FAV_DEBUG_MODE: boolean);
|
|
58
|
+
/** @ignore */
|
|
95
59
|
ngOnChanges(changes: SimpleChanges): Promise<void>;
|
|
96
|
-
/**
|
|
97
|
-
* @ignore
|
|
98
|
-
*/
|
|
60
|
+
/** @ignore */
|
|
99
61
|
writeValue(obj: any): void;
|
|
100
62
|
/**
|
|
101
63
|
* Dato un valore verifica se può restituire le informazioni trovate in **Source** con id uguale a **value** o se deve restituire il valore in se
|
|
@@ -109,18 +71,13 @@ export declare class FormAdaptiveComponent extends BaseFormControl implements Co
|
|
|
109
71
|
* @param {string} event Input utente
|
|
110
72
|
*/
|
|
111
73
|
filterSource(event: string): void;
|
|
112
|
-
/**
|
|
113
|
-
* Metodo richiamato quando viene modificato il modello del campo di input
|
|
114
|
-
*/
|
|
74
|
+
/** Metodo richiamato quando viene modificato il modello del campo di input */
|
|
115
75
|
changed(): void;
|
|
76
|
+
/** @ignore */
|
|
116
77
|
finalized(): void;
|
|
117
|
-
/**
|
|
118
|
-
* Metodo richiamato quando viene selezionato il campo col mouse
|
|
119
|
-
*/
|
|
78
|
+
/** Metodo richiamato quando viene selezionato il campo col mouse */
|
|
120
79
|
focused(event: any): void;
|
|
121
|
-
/**
|
|
122
|
-
* Effettua gli aggiustamenti dati del caso ed emette il modello corretto
|
|
123
|
-
*/
|
|
80
|
+
/** Effettua gli aggiustamenti dati del caso ed emette il modello corretto */
|
|
124
81
|
private getModelToEmit;
|
|
125
82
|
/**
|
|
126
83
|
* Helper per gestire la modifica del file attualmente bindato. Ovviamente funziona solo qualora il **Type** fosse **file**
|
|
@@ -128,18 +85,14 @@ export declare class FormAdaptiveComponent extends BaseFormControl implements Co
|
|
|
128
85
|
* @param {boolean} clear Indica se bisogna svuotare l'input o meno
|
|
129
86
|
*/
|
|
130
87
|
fileChange(clear?: boolean): void;
|
|
131
|
-
/**
|
|
132
|
-
* Permette di scaricare il file collegato all'evetnuale file input rappresentato da questo componente
|
|
133
|
-
*/
|
|
88
|
+
/** Permette di scaricare il file collegato all'evetnuale file input rappresentato da questo componente */
|
|
134
89
|
downloadAttachment(): void;
|
|
135
|
-
/**
|
|
136
|
-
* @ignore
|
|
137
|
-
*/
|
|
90
|
+
/** @ignore */
|
|
138
91
|
onNotNullValueSet(): void;
|
|
139
92
|
/** @ignore */
|
|
140
93
|
private executionTimers;
|
|
141
94
|
/** @ignore */
|
|
142
95
|
private throttla;
|
|
143
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FormAdaptiveComponent, [null, null, null, null, null, { optional: true; self: true; }, { optional: true; }, null, { optional: true; }, { optional: true; }]>;
|
|
96
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FormAdaptiveComponent, [null, null, null, null, null, { optional: true; self: true; }, { optional: true; }, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
|
|
144
97
|
static ɵcmp: i0.ɵɵComponentDeclaration<FormAdaptiveComponent, "form-adaptive", never, { "Type": "Type"; "TypeMissingMessage": "TypeMissingMessage"; "Pattern": "Pattern"; "AllowDownload": "AllowDownload"; "Precision": "Precision"; "Alignment": "Alignment"; "SearchFunction": "SearchFunction"; "MinChars": "MinChars"; "CaseSensitive": "CaseSensitive"; }, {}, never, never>;
|
|
145
98
|
}
|
|
@@ -5,55 +5,35 @@ import { AccessControlService, ComponentContext } from '@esfaenza/access-control
|
|
|
5
5
|
import { LocalizationService } from "@esfaenza/localizations";
|
|
6
6
|
import { Observable } from "rxjs";
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
|
-
/**
|
|
9
|
-
* Componente di input che si auto-completa in base al valore attuale
|
|
10
|
-
*/
|
|
8
|
+
/** Componente di input che si auto-completa in base al valore attuale */
|
|
11
9
|
export declare class FormAutocompleteComponent extends BaseFormControl implements ControlValueAccessor {
|
|
12
10
|
lc: LocalizationService;
|
|
13
|
-
/**
|
|
14
|
-
* Permette di specificare il testo della Label flottante material-style
|
|
15
|
-
*/
|
|
11
|
+
/** Permette di specificare il testo della Label flottante material-style */
|
|
16
12
|
SelectLabel: string;
|
|
17
|
-
/**
|
|
18
|
-
* Funzione di ricerca che verrà chiamata dal componente
|
|
19
|
-
*/
|
|
13
|
+
/** Funzione di ricerca che verrà chiamata dal componente */
|
|
20
14
|
SearchFunction: (search: string, byid: boolean) => Observable<{
|
|
21
15
|
id: string;
|
|
22
16
|
description: string;
|
|
23
17
|
}[]>;
|
|
24
|
-
/**
|
|
25
|
-
* Numero minimo di caratteri con cui cercare
|
|
26
|
-
*/
|
|
18
|
+
/** Numero minimo di caratteri con cui cercare */
|
|
27
19
|
MinChars: number;
|
|
28
|
-
/**
|
|
29
|
-
* Override del placeholder per select requried
|
|
30
|
-
*/
|
|
20
|
+
/** Override del placeholder per select requried */
|
|
31
21
|
RequiredPlaceholder: string;
|
|
32
|
-
/**
|
|
33
|
-
* Indica se i controlli devono essere effettuati tenendo conto del Case o meno. Vale solo qualora la **Source** fosse fornita
|
|
34
|
-
*/
|
|
22
|
+
/** Indica se i controlli devono essere effettuati tenendo conto del Case o meno. Vale solo qualora la **Source** fosse fornita */
|
|
35
23
|
CaseSensitive: boolean;
|
|
36
24
|
/**
|
|
37
25
|
* Indica se ignorare il prossimo evento writeValue che normalmente dovrebbe richiedere la nuova source. Serve per quando l'utente seleziona un elemento:
|
|
38
26
|
* Subito dopo partirebbe un altro evento modelChange che ricaricherebbe nuovamente la source
|
|
39
27
|
*/
|
|
40
28
|
private ignoreNextWriteValue;
|
|
41
|
-
/**
|
|
42
|
-
* Sorgente Bindata Filtrata in base al contenuto della casella di testo
|
|
43
|
-
*/
|
|
29
|
+
/** Sorgente Bindata Filtrata in base al contenuto della casella di testo */
|
|
44
30
|
FilteredBoundSource: {
|
|
45
31
|
id: string;
|
|
46
32
|
description: string;
|
|
47
33
|
}[];
|
|
48
|
-
/**
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
* @ignore
|
|
52
|
-
*/
|
|
53
|
-
constructor(cdr: ChangeDetectorRef, lc: LocalizationService, ngControl: NgControl, _validators: Array<any>, ac: AccessControlService, AppContext: ComponentContext, ACO_CUSTOMKEY: string);
|
|
54
|
-
/**
|
|
55
|
-
* @ignore
|
|
56
|
-
*/
|
|
34
|
+
/** @ignore Costruttore */
|
|
35
|
+
constructor(cdr: ChangeDetectorRef, lc: LocalizationService, ngControl: NgControl, _validators: Array<any>, ac: AccessControlService, AppContext: ComponentContext, ACO_CUSTOMKEY: string, FAV_DEBUG_MODE: boolean);
|
|
36
|
+
/** @ignore */
|
|
57
37
|
writeValue(value: any): void;
|
|
58
38
|
/**
|
|
59
39
|
* Dato un valore verifica se può restituire le informazioni trovate in **Source** con id uguale a **value** o se deve restituire il valore in se
|
|
@@ -67,24 +47,16 @@ export declare class FormAutocompleteComponent extends BaseFormControl implement
|
|
|
67
47
|
* @param {string} event Input utente
|
|
68
48
|
*/
|
|
69
49
|
filterSource(event: string): void;
|
|
70
|
-
/**
|
|
71
|
-
* @ignore
|
|
72
|
-
*/
|
|
50
|
+
/** @ignore */
|
|
73
51
|
ngOnChanges(changes: SimpleChanges): void;
|
|
74
|
-
/**
|
|
75
|
-
* @ignore
|
|
76
|
-
*
|
|
77
|
-
* Override che marca anche il prossimo evento di filterSource da ignorare
|
|
78
|
-
*/
|
|
52
|
+
/** @ignore Override che marca anche il prossimo evento di filterSource da ignorare */
|
|
79
53
|
changed(forcedValue?: any, markForCheck?: boolean): void;
|
|
80
|
-
/**
|
|
81
|
-
* @ignore
|
|
82
|
-
*/
|
|
54
|
+
/** @ignore */
|
|
83
55
|
onNotNullValueSet(): void;
|
|
84
56
|
/** @ignore */
|
|
85
57
|
private executionTimers;
|
|
86
58
|
/** @ignore */
|
|
87
59
|
private throttla;
|
|
88
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FormAutocompleteComponent, [null, null, { optional: true; self: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }]>;
|
|
60
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FormAutocompleteComponent, [null, null, { optional: true; self: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }]>;
|
|
89
61
|
static ɵcmp: i0.ɵɵComponentDeclaration<FormAutocompleteComponent, "form-autocomplete", never, { "SelectLabel": "SelectLabel"; "SearchFunction": "SearchFunction"; "MinChars": "MinChars"; "RequiredPlaceholder": "RequiredPlaceholder"; "CaseSensitive": "CaseSensitive"; }, {}, never, never>;
|
|
90
62
|
}
|
|
@@ -2,21 +2,17 @@ import { ControlValueAccessor, NgControl } from "@angular/forms";
|
|
|
2
2
|
import { AccessControlService, ComponentContext } from '@esfaenza/access-control';
|
|
3
3
|
import { BaseFormControl } from "../base-form-control";
|
|
4
4
|
import { ChangeDetectorRef } from "@angular/core";
|
|
5
|
+
import { LocalizationService } from "@esfaenza/localizations";
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
6
|
-
/**
|
|
7
|
-
* Componente rappresentante una checkbox
|
|
8
|
-
*/
|
|
7
|
+
/** Componente rappresentante una checkbox */
|
|
9
8
|
export declare class FormCheckboxComponent extends BaseFormControl implements ControlValueAccessor {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
/**
|
|
17
|
-
* @ignore
|
|
18
|
-
*/
|
|
9
|
+
private lc;
|
|
10
|
+
/** @ignore Costruttore */
|
|
11
|
+
constructor(lc: LocalizationService, cdr: ChangeDetectorRef, ngControl: NgControl, _validators: Array<any>, ac: AccessControlService, AppContext: ComponentContext, ACO_CUSTOMKEY: string);
|
|
12
|
+
/** @ignore */
|
|
13
|
+
writeValue(obj: any): void;
|
|
14
|
+
/** @ignore */
|
|
19
15
|
onNotNullValueSet(): void;
|
|
20
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FormCheckboxComponent, [null, { optional: true; self: true; }, { optional: true; host: true; }, null, { optional: true; }, { optional: true; }]>;
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FormCheckboxComponent, [null, null, { optional: true; self: true; }, { optional: true; host: true; }, null, { optional: true; }, { optional: true; }]>;
|
|
21
17
|
static ɵcmp: i0.ɵɵComponentDeclaration<FormCheckboxComponent, "form-checkbox", never, {}, {}, never, never>;
|
|
22
18
|
}
|
|
@@ -1,26 +1,20 @@
|
|
|
1
1
|
import { ControlValueAccessor, NgControl } from "@angular/forms";
|
|
2
2
|
import { AccessControlService, ComponentContext } from '@esfaenza/access-control';
|
|
3
|
+
import { DateService } from "@esfaenza/extensions";
|
|
3
4
|
import { BaseFormControl } from "../base-form-control";
|
|
4
5
|
import { ChangeDetectorRef } from "@angular/core";
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
6
|
-
/**
|
|
7
|
-
* Componente che dà all'utente la possibilità di selezionare una data
|
|
8
|
-
*/
|
|
7
|
+
/** Componente che dà all'utente la possibilità di selezionare una data */
|
|
9
8
|
export declare class FormDateComponent extends BaseFormControl implements ControlValueAccessor {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
*/
|
|
9
|
+
private datesExts;
|
|
10
|
+
/** Utilizza il Date di Javascript come modello in uscita. Il modello in entrata verrà comunque ricondotto a un DayJs */
|
|
13
11
|
JsDates: boolean;
|
|
14
|
-
/**
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
constructor(cdr: ChangeDetectorRef, ngControl: NgControl, _validators: Array<any>, ac: AccessControlService, AppContext: ComponentContext, ACO_CUSTOMKEY: string);
|
|
20
|
-
/**
|
|
21
|
-
* @ignore
|
|
22
|
-
*/
|
|
12
|
+
/** @ignore Costruttore */
|
|
13
|
+
constructor(datesExts: DateService, cdr: ChangeDetectorRef, ngControl: NgControl, _validators: Array<any>, ac: AccessControlService, AppContext: ComponentContext, ACO_CUSTOMKEY: string, FAV_DEBUG_MODE: boolean);
|
|
14
|
+
/** @ignore */
|
|
15
|
+
writeValue(obj: any): void;
|
|
16
|
+
/** @ignore */
|
|
23
17
|
onNotNullValueSet(): void;
|
|
24
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FormDateComponent, [null, { optional: true; self: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }]>;
|
|
18
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FormDateComponent, [null, null, { optional: true; self: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }]>;
|
|
25
19
|
static ɵcmp: i0.ɵɵComponentDeclaration<FormDateComponent, "form-date", never, { "JsDates": "JsDates"; }, {}, never, never>;
|
|
26
20
|
}
|