@angular/forms 19.0.2 → 19.0.4
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/fesm2022/forms.mjs +153 -154
- package/fesm2022/forms.mjs.map +1 -1
- package/index.d.ts +36 -36
- package/package.json +4 -4
package/fesm2022/forms.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @license Angular v19.0.
|
|
2
|
+
* @license Angular v19.0.4
|
|
3
3
|
* (c) 2010-2024 Google LLC. https://angular.io/
|
|
4
4
|
* License: MIT
|
|
5
5
|
*/
|
|
@@ -64,10 +64,10 @@ class BaseControlValueAccessor {
|
|
|
64
64
|
setDisabledState(isDisabled) {
|
|
65
65
|
this.setProperty('disabled', isDisabled);
|
|
66
66
|
}
|
|
67
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
68
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
67
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: BaseControlValueAccessor, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
68
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.4", type: BaseControlValueAccessor, isStandalone: true, ngImport: i0 });
|
|
69
69
|
}
|
|
70
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
70
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: BaseControlValueAccessor, decorators: [{
|
|
71
71
|
type: Directive
|
|
72
72
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }] });
|
|
73
73
|
/**
|
|
@@ -80,10 +80,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.2", ngImpor
|
|
|
80
80
|
* applications code.
|
|
81
81
|
*/
|
|
82
82
|
class BuiltInControlValueAccessor extends BaseControlValueAccessor {
|
|
83
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
84
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
83
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: BuiltInControlValueAccessor, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
84
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.4", type: BuiltInControlValueAccessor, isStandalone: true, usesInheritance: true, ngImport: i0 });
|
|
85
85
|
}
|
|
86
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
86
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: BuiltInControlValueAccessor, decorators: [{
|
|
87
87
|
type: Directive
|
|
88
88
|
}] });
|
|
89
89
|
/**
|
|
@@ -115,7 +115,7 @@ const CHECKBOX_VALUE_ACCESSOR = {
|
|
|
115
115
|
* const rememberLoginControl = new FormControl();
|
|
116
116
|
* ```
|
|
117
117
|
*
|
|
118
|
-
* ```
|
|
118
|
+
* ```html
|
|
119
119
|
* <input type="checkbox" [formControl]="rememberLoginControl">
|
|
120
120
|
* ```
|
|
121
121
|
*
|
|
@@ -131,10 +131,10 @@ class CheckboxControlValueAccessor extends BuiltInControlValueAccessor {
|
|
|
131
131
|
writeValue(value) {
|
|
132
132
|
this.setProperty('checked', value);
|
|
133
133
|
}
|
|
134
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
135
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
134
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: CheckboxControlValueAccessor, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
135
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.4", type: CheckboxControlValueAccessor, isStandalone: false, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]", host: { listeners: { "change": "onChange($event.target.checked)", "blur": "onTouched()" } }, providers: [CHECKBOX_VALUE_ACCESSOR], usesInheritance: true, ngImport: i0 });
|
|
136
136
|
}
|
|
137
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
137
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: CheckboxControlValueAccessor, decorators: [{
|
|
138
138
|
type: Directive,
|
|
139
139
|
args: [{
|
|
140
140
|
selector: 'input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]',
|
|
@@ -181,7 +181,7 @@ const COMPOSITION_BUFFER_MODE = new InjectionToken(ngDevMode ? 'CompositionEvent
|
|
|
181
181
|
* const firstNameControl = new FormControl();
|
|
182
182
|
* ```
|
|
183
183
|
*
|
|
184
|
-
* ```
|
|
184
|
+
* ```html
|
|
185
185
|
* <input type="text" [formControl]="firstNameControl">
|
|
186
186
|
* ```
|
|
187
187
|
*
|
|
@@ -190,7 +190,7 @@ const COMPOSITION_BUFFER_MODE = new InjectionToken(ngDevMode ? 'CompositionEvent
|
|
|
190
190
|
* processing. In order to attach the default value accessor to a custom element, add the
|
|
191
191
|
* `ngDefaultControl` attribute as shown below.
|
|
192
192
|
*
|
|
193
|
-
* ```
|
|
193
|
+
* ```html
|
|
194
194
|
* <custom-input-component ngDefaultControl [(ngModel)]="value"></custom-input-component>
|
|
195
195
|
* ```
|
|
196
196
|
*
|
|
@@ -232,10 +232,10 @@ class DefaultValueAccessor extends BaseControlValueAccessor {
|
|
|
232
232
|
this._composing = false;
|
|
233
233
|
this._compositionMode && this.onChange(value);
|
|
234
234
|
}
|
|
235
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
236
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
235
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: DefaultValueAccessor, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: COMPOSITION_BUFFER_MODE, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
236
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.4", type: DefaultValueAccessor, isStandalone: false, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]", host: { listeners: { "input": "$any(this)._handleInput($event.target.value)", "blur": "onTouched()", "compositionstart": "$any(this)._compositionStart()", "compositionend": "$any(this)._compositionEnd($event.target.value)" } }, providers: [DEFAULT_VALUE_ACCESSOR], usesInheritance: true, ngImport: i0 });
|
|
237
237
|
}
|
|
238
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
238
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: DefaultValueAccessor, decorators: [{
|
|
239
239
|
type: Directive,
|
|
240
240
|
args: [{
|
|
241
241
|
selector: 'input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]',
|
|
@@ -284,7 +284,7 @@ function hasValidLength(value) {
|
|
|
284
284
|
* The following example registers a custom validator directive. Adding the validator to the
|
|
285
285
|
* existing collection of validators requires the `multi: true` option.
|
|
286
286
|
*
|
|
287
|
-
* ```
|
|
287
|
+
* ```ts
|
|
288
288
|
* @Directive({
|
|
289
289
|
* selector: '[customValidator]',
|
|
290
290
|
* providers: [{provide: NG_VALIDATORS, useExisting: CustomValidatorDirective, multi: true}]
|
|
@@ -313,7 +313,7 @@ const NG_VALIDATORS = new InjectionToken(ngDevMode ? 'NgValidators' : '');
|
|
|
313
313
|
* The following example implements the `AsyncValidator` interface to create an
|
|
314
314
|
* async validator directive with a custom error key.
|
|
315
315
|
*
|
|
316
|
-
* ```
|
|
316
|
+
* ```ts
|
|
317
317
|
* @Directive({
|
|
318
318
|
* selector: '[customAsyncValidator]',
|
|
319
319
|
* providers: [{provide: NG_ASYNC_VALIDATORS, useExisting: CustomAsyncValidatorDirective, multi:
|
|
@@ -380,7 +380,7 @@ class Validators {
|
|
|
380
380
|
*
|
|
381
381
|
* ### Validate against a minimum of 3
|
|
382
382
|
*
|
|
383
|
-
* ```
|
|
383
|
+
* ```ts
|
|
384
384
|
* const control = new FormControl(2, Validators.min(3));
|
|
385
385
|
*
|
|
386
386
|
* console.log(control.errors); // {min: {min: 3, actual: 2}}
|
|
@@ -403,7 +403,7 @@ class Validators {
|
|
|
403
403
|
*
|
|
404
404
|
* ### Validate against a maximum of 15
|
|
405
405
|
*
|
|
406
|
-
* ```
|
|
406
|
+
* ```ts
|
|
407
407
|
* const control = new FormControl(16, Validators.max(15));
|
|
408
408
|
*
|
|
409
409
|
* console.log(control.errors); // {max: {max: 15, actual: 16}}
|
|
@@ -426,7 +426,7 @@ class Validators {
|
|
|
426
426
|
*
|
|
427
427
|
* ### Validate that the field is non-empty
|
|
428
428
|
*
|
|
429
|
-
* ```
|
|
429
|
+
* ```ts
|
|
430
430
|
* const control = new FormControl('', Validators.required);
|
|
431
431
|
*
|
|
432
432
|
* console.log(control.errors); // {required: true}
|
|
@@ -450,7 +450,7 @@ class Validators {
|
|
|
450
450
|
*
|
|
451
451
|
* ### Validate that the field value is true
|
|
452
452
|
*
|
|
453
|
-
* ```
|
|
453
|
+
* ```ts
|
|
454
454
|
* const control = new FormControl('some value', Validators.requiredTrue);
|
|
455
455
|
*
|
|
456
456
|
* console.log(control.errors); // {required: true}
|
|
@@ -489,7 +489,7 @@ class Validators {
|
|
|
489
489
|
*
|
|
490
490
|
* ### Validate that the field matches a valid email pattern
|
|
491
491
|
*
|
|
492
|
-
* ```
|
|
492
|
+
* ```ts
|
|
493
493
|
* const control = new FormControl('bad@', Validators.email);
|
|
494
494
|
*
|
|
495
495
|
* console.log(control.errors); // {email: true}
|
|
@@ -518,7 +518,7 @@ class Validators {
|
|
|
518
518
|
*
|
|
519
519
|
* ### Validate that the field has a minimum of 3 characters
|
|
520
520
|
*
|
|
521
|
-
* ```
|
|
521
|
+
* ```ts
|
|
522
522
|
* const control = new FormControl('ng', Validators.minLength(3));
|
|
523
523
|
*
|
|
524
524
|
* console.log(control.errors); // {minlength: {requiredLength: 3, actualLength: 2}}
|
|
@@ -548,7 +548,7 @@ class Validators {
|
|
|
548
548
|
*
|
|
549
549
|
* ### Validate that the field has maximum of 5 characters
|
|
550
550
|
*
|
|
551
|
-
* ```
|
|
551
|
+
* ```ts
|
|
552
552
|
* const control = new FormControl('Angular', Validators.maxLength(5));
|
|
553
553
|
*
|
|
554
554
|
* console.log(control.errors); // {maxlength: {requiredLength: 5, actualLength: 7}}
|
|
@@ -576,7 +576,7 @@ class Validators {
|
|
|
576
576
|
*
|
|
577
577
|
* ### Validate that the field only contains letters or spaces
|
|
578
578
|
*
|
|
579
|
-
* ```
|
|
579
|
+
* ```ts
|
|
580
580
|
* const control = new FormControl('1', Validators.pattern('[a-zA-Z ]*'));
|
|
581
581
|
*
|
|
582
582
|
* console.log(control.errors); // {pattern: {requiredPattern: '^[a-zA-Z ]*$', actualValue: '1'}}
|
|
@@ -597,7 +597,7 @@ class Validators {
|
|
|
597
597
|
* `Validators.pattern` you **do not** pass in a `RegExp` object with either the global or sticky
|
|
598
598
|
* flag enabled.
|
|
599
599
|
*
|
|
600
|
-
* ```
|
|
600
|
+
* ```ts
|
|
601
601
|
* // Not recommended (since the `g` flag is used)
|
|
602
602
|
* const controlOne = new FormControl('1', Validators.pattern(/foo/g));
|
|
603
603
|
*
|
|
@@ -1351,10 +1351,10 @@ class NgControlStatus extends AbstractControlStatus {
|
|
|
1351
1351
|
constructor(cd) {
|
|
1352
1352
|
super(cd);
|
|
1353
1353
|
}
|
|
1354
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
1355
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
1354
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: NgControlStatus, deps: [{ token: NgControl, self: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1355
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.4", type: NgControlStatus, isStandalone: false, selector: "[formControlName],[ngModel],[formControl]", host: { properties: { "class.ng-untouched": "isUntouched", "class.ng-touched": "isTouched", "class.ng-pristine": "isPristine", "class.ng-dirty": "isDirty", "class.ng-valid": "isValid", "class.ng-invalid": "isInvalid", "class.ng-pending": "isPending" } }, usesInheritance: true, ngImport: i0 });
|
|
1356
1356
|
}
|
|
1357
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
1357
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: NgControlStatus, decorators: [{
|
|
1358
1358
|
type: Directive,
|
|
1359
1359
|
args: [{
|
|
1360
1360
|
selector: '[formControlName],[ngModel],[formControl]',
|
|
@@ -1380,10 +1380,10 @@ class NgControlStatusGroup extends AbstractControlStatus {
|
|
|
1380
1380
|
constructor(cd) {
|
|
1381
1381
|
super(cd);
|
|
1382
1382
|
}
|
|
1383
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
1384
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
1383
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: NgControlStatusGroup, deps: [{ token: ControlContainer, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1384
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.4", type: NgControlStatusGroup, isStandalone: false, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]", host: { properties: { "class.ng-untouched": "isUntouched", "class.ng-touched": "isTouched", "class.ng-pristine": "isPristine", "class.ng-dirty": "isDirty", "class.ng-valid": "isValid", "class.ng-invalid": "isInvalid", "class.ng-pending": "isPending", "class.ng-submitted": "isSubmitted" } }, usesInheritance: true, ngImport: i0 });
|
|
1385
1385
|
}
|
|
1386
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
1386
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: NgControlStatusGroup, decorators: [{
|
|
1387
1387
|
type: Directive,
|
|
1388
1388
|
args: [{
|
|
1389
1389
|
selector: '[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]',
|
|
@@ -2648,7 +2648,7 @@ class AbstractControl {
|
|
|
2648
2648
|
*
|
|
2649
2649
|
* ### Create a form group with 2 controls
|
|
2650
2650
|
*
|
|
2651
|
-
* ```
|
|
2651
|
+
* ```ts
|
|
2652
2652
|
* const form = new FormGroup({
|
|
2653
2653
|
* first: new FormControl('Nancy', Validators.minLength(2)),
|
|
2654
2654
|
* last: new FormControl('Drew'),
|
|
@@ -2667,7 +2667,7 @@ class AbstractControl {
|
|
|
2667
2667
|
* If you have controls that are optional (i.e. they can be removed, you can use the `?` in the
|
|
2668
2668
|
* type):
|
|
2669
2669
|
*
|
|
2670
|
-
* ```
|
|
2670
|
+
* ```ts
|
|
2671
2671
|
* const form = new FormGroup<{
|
|
2672
2672
|
* first: FormControl<string|null>,
|
|
2673
2673
|
* middle?: FormControl<string|null>, // Middle name is optional.
|
|
@@ -2684,7 +2684,7 @@ class AbstractControl {
|
|
|
2684
2684
|
* validators as the third arg. These come in handy when you want to perform validation
|
|
2685
2685
|
* that considers the value of more than one child control.
|
|
2686
2686
|
*
|
|
2687
|
-
* ```
|
|
2687
|
+
* ```ts
|
|
2688
2688
|
* const form = new FormGroup({
|
|
2689
2689
|
* password: new FormControl('', Validators.minLength(2)),
|
|
2690
2690
|
* passwordConfirm: new FormControl('', Validators.minLength(2)),
|
|
@@ -2700,7 +2700,7 @@ class AbstractControl {
|
|
|
2700
2700
|
* Like `FormControl` instances, you choose to pass in
|
|
2701
2701
|
* validators and async validators as part of an options object.
|
|
2702
2702
|
*
|
|
2703
|
-
* ```
|
|
2703
|
+
* ```ts
|
|
2704
2704
|
* const form = new FormGroup({
|
|
2705
2705
|
* password: new FormControl('')
|
|
2706
2706
|
* passwordConfirm: new FormControl('')
|
|
@@ -3089,7 +3089,7 @@ const isFormGroup = (control) => control instanceof FormGroup;
|
|
|
3089
3089
|
*
|
|
3090
3090
|
* @usageNotes
|
|
3091
3091
|
*
|
|
3092
|
-
* ```
|
|
3092
|
+
* ```ts
|
|
3093
3093
|
* let numbers = new FormRecord({bill: new FormControl('415-123-456')});
|
|
3094
3094
|
* numbers.addControl('bob', new FormControl('415-234-567'));
|
|
3095
3095
|
* numbers.removeControl('bill');
|
|
@@ -3726,10 +3726,10 @@ class NgForm extends ControlContainer {
|
|
|
3726
3726
|
path.pop();
|
|
3727
3727
|
return path.length ? this.form.get(path) : this.form;
|
|
3728
3728
|
}
|
|
3729
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
3730
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
3729
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: NgForm, deps: [{ token: NG_VALIDATORS, optional: true, self: true }, { token: NG_ASYNC_VALIDATORS, optional: true, self: true }, { token: CALL_SET_DISABLED_STATE, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3730
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.4", type: NgForm, isStandalone: false, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: { options: ["ngFormOptions", "options"] }, outputs: { ngSubmit: "ngSubmit" }, host: { listeners: { "submit": "onSubmit($event)", "reset": "onReset()" } }, providers: [formDirectiveProvider$1], exportAs: ["ngForm"], usesInheritance: true, ngImport: i0 });
|
|
3731
3731
|
}
|
|
3732
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
3732
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: NgForm, decorators: [{
|
|
3733
3733
|
type: Directive,
|
|
3734
3734
|
args: [{
|
|
3735
3735
|
selector: 'form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]',
|
|
@@ -3939,10 +3939,10 @@ class AbstractFormGroupDirective extends ControlContainer {
|
|
|
3939
3939
|
}
|
|
3940
3940
|
/** @internal */
|
|
3941
3941
|
_checkParentType() { }
|
|
3942
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
3943
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
3942
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: AbstractFormGroupDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
3943
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.4", type: AbstractFormGroupDirective, isStandalone: false, usesInheritance: true, ngImport: i0 });
|
|
3944
3944
|
}
|
|
3945
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
3945
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: AbstractFormGroupDirective, decorators: [{
|
|
3946
3946
|
type: Directive,
|
|
3947
3947
|
args: [{
|
|
3948
3948
|
standalone: false,
|
|
@@ -4045,10 +4045,10 @@ class NgModelGroup extends AbstractFormGroupDirective {
|
|
|
4045
4045
|
throw modelGroupParentException();
|
|
4046
4046
|
}
|
|
4047
4047
|
}
|
|
4048
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
4049
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
4048
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: NgModelGroup, deps: [{ token: ControlContainer, host: true, skipSelf: true }, { token: NG_VALIDATORS, optional: true, self: true }, { token: NG_ASYNC_VALIDATORS, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
4049
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.4", type: NgModelGroup, isStandalone: false, selector: "[ngModelGroup]", inputs: { name: ["ngModelGroup", "name"] }, providers: [modelGroupProvider], exportAs: ["ngModelGroup"], usesInheritance: true, ngImport: i0 });
|
|
4050
4050
|
}
|
|
4051
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
4051
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: NgModelGroup, decorators: [{
|
|
4052
4052
|
type: Directive,
|
|
4053
4053
|
args: [{
|
|
4054
4054
|
selector: '[ngModelGroup]',
|
|
@@ -4086,7 +4086,7 @@ const formControlBinding$1 = {
|
|
|
4086
4086
|
/**
|
|
4087
4087
|
* `ngModel` forces an additional change detection run when its inputs change:
|
|
4088
4088
|
* E.g.:
|
|
4089
|
-
* ```
|
|
4089
|
+
* ```html
|
|
4090
4090
|
* <div>{{myModel.valid}}</div>
|
|
4091
4091
|
* <input [(ngModel)]="myValue" #myModel="ngModel">
|
|
4092
4092
|
* ```
|
|
@@ -4373,10 +4373,10 @@ class NgModel extends NgControl {
|
|
|
4373
4373
|
_getPath(controlName) {
|
|
4374
4374
|
return this._parent ? controlPath(controlName, this._parent) : [controlName];
|
|
4375
4375
|
}
|
|
4376
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
4377
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
4376
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: NgModel, deps: [{ token: ControlContainer, host: true, optional: true }, { token: NG_VALIDATORS, optional: true, self: true }, { token: NG_ASYNC_VALIDATORS, optional: true, self: true }, { token: NG_VALUE_ACCESSOR, optional: true, self: true }, { token: ChangeDetectorRef, optional: true }, { token: CALL_SET_DISABLED_STATE, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
4377
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.4", type: NgModel, isStandalone: false, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: { name: "name", isDisabled: ["disabled", "isDisabled"], model: ["ngModel", "model"], options: ["ngModelOptions", "options"] }, outputs: { update: "ngModelChange" }, providers: [formControlBinding$1], exportAs: ["ngModel"], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
|
|
4378
4378
|
}
|
|
4379
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
4379
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: NgModel, decorators: [{
|
|
4380
4380
|
type: Directive,
|
|
4381
4381
|
args: [{
|
|
4382
4382
|
selector: '[ngModel]:not([formControlName]):not([formControl])',
|
|
@@ -4444,7 +4444,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.2", ngImpor
|
|
|
4444
4444
|
*
|
|
4445
4445
|
* If you want to use native validation with Angular forms, just add `ngNativeValidate` attribute:
|
|
4446
4446
|
*
|
|
4447
|
-
* ```
|
|
4447
|
+
* ```html
|
|
4448
4448
|
* <form ngNativeValidate></form>
|
|
4449
4449
|
* ```
|
|
4450
4450
|
*
|
|
@@ -4453,10 +4453,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.2", ngImpor
|
|
|
4453
4453
|
* @ngModule FormsModule
|
|
4454
4454
|
*/
|
|
4455
4455
|
class ɵNgNoValidate {
|
|
4456
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
4457
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
4456
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: ɵNgNoValidate, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
4457
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.4", type: ɵNgNoValidate, isStandalone: false, selector: "form:not([ngNoForm]):not([ngNativeValidate])", host: { attributes: { "novalidate": "" } }, ngImport: i0 });
|
|
4458
4458
|
}
|
|
4459
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
4459
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: ɵNgNoValidate, decorators: [{
|
|
4460
4460
|
type: Directive,
|
|
4461
4461
|
args: [{
|
|
4462
4462
|
selector: 'form:not([ngNoForm]):not([ngNativeValidate])',
|
|
@@ -4486,7 +4486,7 @@ const NUMBER_VALUE_ACCESSOR = {
|
|
|
4486
4486
|
* const totalCountControl = new FormControl();
|
|
4487
4487
|
* ```
|
|
4488
4488
|
*
|
|
4489
|
-
* ```
|
|
4489
|
+
* ```html
|
|
4490
4490
|
* <input type="number" [formControl]="totalCountControl">
|
|
4491
4491
|
* ```
|
|
4492
4492
|
*
|
|
@@ -4513,10 +4513,10 @@ class NumberValueAccessor extends BuiltInControlValueAccessor {
|
|
|
4513
4513
|
fn(value == '' ? null : parseFloat(value));
|
|
4514
4514
|
};
|
|
4515
4515
|
}
|
|
4516
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
4517
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
4516
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: NumberValueAccessor, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
4517
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.4", type: NumberValueAccessor, isStandalone: false, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]", host: { listeners: { "input": "onChange($event.target.value)", "blur": "onTouched()" } }, providers: [NUMBER_VALUE_ACCESSOR], usesInheritance: true, ngImport: i0 });
|
|
4518
4518
|
}
|
|
4519
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
4519
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: NumberValueAccessor, decorators: [{
|
|
4520
4520
|
type: Directive,
|
|
4521
4521
|
args: [{
|
|
4522
4522
|
selector: 'input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]',
|
|
@@ -4578,10 +4578,10 @@ class RadioControlRegistry {
|
|
|
4578
4578
|
return false;
|
|
4579
4579
|
return (controlPair[0]._parent === accessor._control._parent && controlPair[1].name === accessor.name);
|
|
4580
4580
|
}
|
|
4581
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
4582
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.
|
|
4581
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: RadioControlRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
4582
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: RadioControlRegistry, providedIn: 'root' });
|
|
4583
4583
|
}
|
|
4584
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
4584
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: RadioControlRegistry, decorators: [{
|
|
4585
4585
|
type: Injectable,
|
|
4586
4586
|
args: [{ providedIn: 'root' }]
|
|
4587
4587
|
}] });
|
|
@@ -4724,10 +4724,10 @@ class RadioControlValueAccessor extends BuiltInControlValueAccessor {
|
|
|
4724
4724
|
if (!this.name && this.formControlName)
|
|
4725
4725
|
this.name = this.formControlName;
|
|
4726
4726
|
}
|
|
4727
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
4728
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
4727
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: RadioControlValueAccessor, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: RadioControlRegistry }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
|
|
4728
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.4", type: RadioControlValueAccessor, isStandalone: false, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: { name: "name", formControlName: "formControlName", value: "value" }, host: { listeners: { "change": "onChange()", "blur": "onTouched()" } }, providers: [RADIO_VALUE_ACCESSOR], usesInheritance: true, ngImport: i0 });
|
|
4729
4729
|
}
|
|
4730
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
4730
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: RadioControlValueAccessor, decorators: [{
|
|
4731
4731
|
type: Directive,
|
|
4732
4732
|
args: [{
|
|
4733
4733
|
selector: 'input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]',
|
|
@@ -4764,7 +4764,7 @@ const RANGE_VALUE_ACCESSOR = {
|
|
|
4764
4764
|
* const ageControl = new FormControl();
|
|
4765
4765
|
* ```
|
|
4766
4766
|
*
|
|
4767
|
-
* ```
|
|
4767
|
+
* ```html
|
|
4768
4768
|
* <input type="range" [formControl]="ageControl">
|
|
4769
4769
|
* ```
|
|
4770
4770
|
*
|
|
@@ -4789,10 +4789,10 @@ class RangeValueAccessor extends BuiltInControlValueAccessor {
|
|
|
4789
4789
|
fn(value == '' ? null : parseFloat(value));
|
|
4790
4790
|
};
|
|
4791
4791
|
}
|
|
4792
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
4793
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
4792
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: RangeValueAccessor, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
4793
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.4", type: RangeValueAccessor, isStandalone: false, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]", host: { listeners: { "change": "onChange($event.target.value)", "input": "onChange($event.target.value)", "blur": "onTouched()" } }, providers: [RANGE_VALUE_ACCESSOR], usesInheritance: true, ngImport: i0 });
|
|
4794
4794
|
}
|
|
4795
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
4795
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: RangeValueAccessor, decorators: [{
|
|
4796
4796
|
type: Directive,
|
|
4797
4797
|
args: [{
|
|
4798
4798
|
selector: 'input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]',
|
|
@@ -4939,10 +4939,10 @@ class FormControlDirective extends NgControl {
|
|
|
4939
4939
|
_isControlChanged(changes) {
|
|
4940
4940
|
return changes.hasOwnProperty('form');
|
|
4941
4941
|
}
|
|
4942
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
4943
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
4942
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: FormControlDirective, deps: [{ token: NG_VALIDATORS, optional: true, self: true }, { token: NG_ASYNC_VALIDATORS, optional: true, self: true }, { token: NG_VALUE_ACCESSOR, optional: true, self: true }, { token: NG_MODEL_WITH_FORM_CONTROL_WARNING, optional: true }, { token: CALL_SET_DISABLED_STATE, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
4943
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.4", type: FormControlDirective, isStandalone: false, selector: "[formControl]", inputs: { form: ["formControl", "form"], isDisabled: ["disabled", "isDisabled"], model: ["ngModel", "model"] }, outputs: { update: "ngModelChange" }, providers: [formControlBinding], exportAs: ["ngForm"], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
|
|
4944
4944
|
}
|
|
4945
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
4945
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: FormControlDirective, decorators: [{
|
|
4946
4946
|
type: Directive,
|
|
4947
4947
|
args: [{
|
|
4948
4948
|
selector: '[formControl]',
|
|
@@ -5307,10 +5307,10 @@ class FormGroupDirective extends ControlContainer {
|
|
|
5307
5307
|
throw missingFormException();
|
|
5308
5308
|
}
|
|
5309
5309
|
}
|
|
5310
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
5311
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
5310
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: FormGroupDirective, deps: [{ token: NG_VALIDATORS, optional: true, self: true }, { token: NG_ASYNC_VALIDATORS, optional: true, self: true }, { token: CALL_SET_DISABLED_STATE, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
5311
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.4", type: FormGroupDirective, isStandalone: false, selector: "[formGroup]", inputs: { form: ["formGroup", "form"] }, outputs: { ngSubmit: "ngSubmit" }, host: { listeners: { "submit": "onSubmit($event)", "reset": "onReset()" } }, providers: [formDirectiveProvider], exportAs: ["ngForm"], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
|
|
5312
5312
|
}
|
|
5313
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
5313
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: FormGroupDirective, decorators: [{
|
|
5314
5314
|
type: Directive,
|
|
5315
5315
|
args: [{
|
|
5316
5316
|
selector: '[formGroup]',
|
|
@@ -5419,10 +5419,10 @@ class FormGroupName extends AbstractFormGroupDirective {
|
|
|
5419
5419
|
throw groupParentException();
|
|
5420
5420
|
}
|
|
5421
5421
|
}
|
|
5422
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
5423
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
5422
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: FormGroupName, deps: [{ token: ControlContainer, host: true, optional: true, skipSelf: true }, { token: NG_VALIDATORS, optional: true, self: true }, { token: NG_ASYNC_VALIDATORS, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
5423
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.4", type: FormGroupName, isStandalone: false, selector: "[formGroupName]", inputs: { name: ["formGroupName", "name"] }, providers: [formGroupNameProvider], usesInheritance: true, ngImport: i0 });
|
|
5424
5424
|
}
|
|
5425
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
5425
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: FormGroupName, decorators: [{
|
|
5426
5426
|
type: Directive,
|
|
5427
5427
|
args: [{
|
|
5428
5428
|
selector: '[formGroupName]',
|
|
@@ -5545,10 +5545,10 @@ class FormArrayName extends ControlContainer {
|
|
|
5545
5545
|
throw arrayParentException();
|
|
5546
5546
|
}
|
|
5547
5547
|
}
|
|
5548
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
5549
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
5548
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: FormArrayName, deps: [{ token: ControlContainer, host: true, optional: true, skipSelf: true }, { token: NG_VALIDATORS, optional: true, self: true }, { token: NG_ASYNC_VALIDATORS, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
5549
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.4", type: FormArrayName, isStandalone: false, selector: "[formArrayName]", inputs: { name: ["formArrayName", "name"] }, providers: [formArrayNameProvider], usesInheritance: true, ngImport: i0 });
|
|
5550
5550
|
}
|
|
5551
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
5551
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: FormArrayName, decorators: [{
|
|
5552
5552
|
type: Directive,
|
|
5553
5553
|
args: [{
|
|
5554
5554
|
selector: '[formArrayName]',
|
|
@@ -5744,10 +5744,10 @@ class FormControlName extends NgControl {
|
|
|
5744
5744
|
this.control = this.formDirective.addControl(this);
|
|
5745
5745
|
this._added = true;
|
|
5746
5746
|
}
|
|
5747
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
5748
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
5747
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: FormControlName, deps: [{ token: ControlContainer, host: true, optional: true, skipSelf: true }, { token: NG_VALIDATORS, optional: true, self: true }, { token: NG_ASYNC_VALIDATORS, optional: true, self: true }, { token: NG_VALUE_ACCESSOR, optional: true, self: true }, { token: NG_MODEL_WITH_FORM_CONTROL_WARNING, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
5748
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.4", type: FormControlName, isStandalone: false, selector: "[formControlName]", inputs: { name: ["formControlName", "name"], isDisabled: ["disabled", "isDisabled"], model: ["ngModel", "model"] }, outputs: { update: "ngModelChange" }, providers: [controlNameBinding], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
|
|
5749
5749
|
}
|
|
5750
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
5750
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: FormControlName, decorators: [{
|
|
5751
5751
|
type: Directive,
|
|
5752
5752
|
args: [{
|
|
5753
5753
|
selector: '[formControlName]',
|
|
@@ -5851,7 +5851,7 @@ function _extractId$1(valueString) {
|
|
|
5851
5851
|
* const selectedCountriesControl = new FormControl();
|
|
5852
5852
|
* ```
|
|
5853
5853
|
*
|
|
5854
|
-
* ```
|
|
5854
|
+
* ```html
|
|
5855
5855
|
* <select [compareWith]="compareFn" [formControl]="selectedCountriesControl">
|
|
5856
5856
|
* <option *ngFor="let country of countries" [ngValue]="country">
|
|
5857
5857
|
* {{country.name}}
|
|
@@ -5927,10 +5927,10 @@ class SelectControlValueAccessor extends BuiltInControlValueAccessor {
|
|
|
5927
5927
|
const id = _extractId$1(valueString);
|
|
5928
5928
|
return this._optionMap.has(id) ? this._optionMap.get(id) : valueString;
|
|
5929
5929
|
}
|
|
5930
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
5931
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
5930
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: SelectControlValueAccessor, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
5931
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.4", type: SelectControlValueAccessor, isStandalone: false, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: { compareWith: "compareWith" }, host: { listeners: { "change": "onChange($event.target.value)", "blur": "onTouched()" } }, providers: [SELECT_VALUE_ACCESSOR], usesInheritance: true, ngImport: i0 });
|
|
5932
5932
|
}
|
|
5933
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
5933
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: SelectControlValueAccessor, decorators: [{
|
|
5934
5934
|
type: Directive,
|
|
5935
5935
|
args: [{
|
|
5936
5936
|
selector: 'select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]',
|
|
@@ -6001,10 +6001,10 @@ class NgSelectOption {
|
|
|
6001
6001
|
this._select.writeValue(this._select.value);
|
|
6002
6002
|
}
|
|
6003
6003
|
}
|
|
6004
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
6005
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
6004
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: NgSelectOption, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: SelectControlValueAccessor, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
6005
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.4", type: NgSelectOption, isStandalone: false, selector: "option", inputs: { ngValue: "ngValue", value: "value" }, ngImport: i0 });
|
|
6006
6006
|
}
|
|
6007
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
6007
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: NgSelectOption, decorators: [{
|
|
6008
6008
|
type: Directive,
|
|
6009
6009
|
args: [{
|
|
6010
6010
|
selector: 'option',
|
|
@@ -6062,7 +6062,7 @@ class HTMLCollection {
|
|
|
6062
6062
|
* const countryControl = new FormControl();
|
|
6063
6063
|
* ```
|
|
6064
6064
|
*
|
|
6065
|
-
* ```
|
|
6065
|
+
* ```html
|
|
6066
6066
|
* <select multiple name="countries" [formControl]="countryControl">
|
|
6067
6067
|
* <option *ngFor="let country of countries" [ngValue]="country">
|
|
6068
6068
|
* {{ country.name }}
|
|
@@ -6175,10 +6175,10 @@ class SelectMultipleControlValueAccessor extends BuiltInControlValueAccessor {
|
|
|
6175
6175
|
const id = _extractId(valueString);
|
|
6176
6176
|
return this._optionMap.has(id) ? this._optionMap.get(id)._value : valueString;
|
|
6177
6177
|
}
|
|
6178
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
6179
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
6178
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: SelectMultipleControlValueAccessor, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
6179
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.4", type: SelectMultipleControlValueAccessor, isStandalone: false, selector: "select[multiple][formControlName],select[multiple][formControl],select[multiple][ngModel]", inputs: { compareWith: "compareWith" }, host: { listeners: { "change": "onChange($event.target)", "blur": "onTouched()" } }, providers: [SELECT_MULTIPLE_VALUE_ACCESSOR], usesInheritance: true, ngImport: i0 });
|
|
6180
6180
|
}
|
|
6181
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
6181
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: SelectMultipleControlValueAccessor, decorators: [{
|
|
6182
6182
|
type: Directive,
|
|
6183
6183
|
args: [{
|
|
6184
6184
|
selector: 'select[multiple][formControlName],select[multiple][formControl],select[multiple][ngModel]',
|
|
@@ -6257,10 +6257,10 @@ class ɵNgSelectMultipleOption {
|
|
|
6257
6257
|
this._select.writeValue(this._select.value);
|
|
6258
6258
|
}
|
|
6259
6259
|
}
|
|
6260
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
6261
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
6260
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: ɵNgSelectMultipleOption, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: SelectMultipleControlValueAccessor, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
6261
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.4", type: ɵNgSelectMultipleOption, isStandalone: false, selector: "option", inputs: { ngValue: "ngValue", value: "value" }, ngImport: i0 });
|
|
6262
6262
|
}
|
|
6263
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
6263
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: ɵNgSelectMultipleOption, decorators: [{
|
|
6264
6264
|
type: Directive,
|
|
6265
6265
|
args: [{
|
|
6266
6266
|
selector: 'option',
|
|
@@ -6342,10 +6342,10 @@ class AbstractValidatorDirective {
|
|
|
6342
6342
|
enabled(input) {
|
|
6343
6343
|
return input != null /* both `null` and `undefined` */;
|
|
6344
6344
|
}
|
|
6345
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
6346
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
6345
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: AbstractValidatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
6346
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.4", type: AbstractValidatorDirective, isStandalone: true, usesOnChanges: true, ngImport: i0 });
|
|
6347
6347
|
}
|
|
6348
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
6348
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: AbstractValidatorDirective, decorators: [{
|
|
6349
6349
|
type: Directive
|
|
6350
6350
|
}] });
|
|
6351
6351
|
/**
|
|
@@ -6390,10 +6390,10 @@ class MaxValidator extends AbstractValidatorDirective {
|
|
|
6390
6390
|
normalizeInput = (input) => toFloat(input);
|
|
6391
6391
|
/** @internal */
|
|
6392
6392
|
createValidator = (max) => maxValidator(max);
|
|
6393
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
6394
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
6393
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: MaxValidator, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
6394
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.4", type: MaxValidator, isStandalone: false, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: { max: "max" }, host: { properties: { "attr.max": "_enabled ? max : null" } }, providers: [MAX_VALIDATOR], usesInheritance: true, ngImport: i0 });
|
|
6395
6395
|
}
|
|
6396
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
6396
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: MaxValidator, decorators: [{
|
|
6397
6397
|
type: Directive,
|
|
6398
6398
|
args: [{
|
|
6399
6399
|
selector: 'input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]',
|
|
@@ -6446,10 +6446,10 @@ class MinValidator extends AbstractValidatorDirective {
|
|
|
6446
6446
|
normalizeInput = (input) => toFloat(input);
|
|
6447
6447
|
/** @internal */
|
|
6448
6448
|
createValidator = (min) => minValidator(min);
|
|
6449
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
6450
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
6449
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: MinValidator, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
6450
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.4", type: MinValidator, isStandalone: false, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: { min: "min" }, host: { properties: { "attr.min": "_enabled ? min : null" } }, providers: [MIN_VALIDATOR], usesInheritance: true, ngImport: i0 });
|
|
6451
6451
|
}
|
|
6452
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
6452
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: MinValidator, decorators: [{
|
|
6453
6453
|
type: Directive,
|
|
6454
6454
|
args: [{
|
|
6455
6455
|
selector: 'input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]',
|
|
@@ -6489,7 +6489,7 @@ const CHECKBOX_REQUIRED_VALIDATOR = {
|
|
|
6489
6489
|
*
|
|
6490
6490
|
* ### Adding a required validator using template-driven forms
|
|
6491
6491
|
*
|
|
6492
|
-
* ```
|
|
6492
|
+
* ```html
|
|
6493
6493
|
* <input name="fullName" ngModel required>
|
|
6494
6494
|
* ```
|
|
6495
6495
|
*
|
|
@@ -6513,10 +6513,10 @@ class RequiredValidator extends AbstractValidatorDirective {
|
|
|
6513
6513
|
enabled(input) {
|
|
6514
6514
|
return input;
|
|
6515
6515
|
}
|
|
6516
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
6517
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
6516
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: RequiredValidator, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
6517
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.4", type: RequiredValidator, isStandalone: false, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: { required: "required" }, host: { properties: { "attr.required": "_enabled ? \"\" : null" } }, providers: [REQUIRED_VALIDATOR], usesInheritance: true, ngImport: i0 });
|
|
6518
6518
|
}
|
|
6519
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
6519
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: RequiredValidator, decorators: [{
|
|
6520
6520
|
type: Directive,
|
|
6521
6521
|
args: [{
|
|
6522
6522
|
selector: ':not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]',
|
|
@@ -6540,7 +6540,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.2", ngImpor
|
|
|
6540
6540
|
* The following example shows how to add a checkbox required validator to an input attached to an
|
|
6541
6541
|
* ngModel binding.
|
|
6542
6542
|
*
|
|
6543
|
-
* ```
|
|
6543
|
+
* ```html
|
|
6544
6544
|
* <input type="checkbox" name="active" ngModel required>
|
|
6545
6545
|
* ```
|
|
6546
6546
|
*
|
|
@@ -6551,10 +6551,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.2", ngImpor
|
|
|
6551
6551
|
class CheckboxRequiredValidator extends RequiredValidator {
|
|
6552
6552
|
/** @internal */
|
|
6553
6553
|
createValidator = (input) => requiredTrueValidator;
|
|
6554
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
6555
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
6554
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: CheckboxRequiredValidator, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
6555
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.4", type: CheckboxRequiredValidator, isStandalone: false, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]", host: { properties: { "attr.required": "_enabled ? \"\" : null" } }, providers: [CHECKBOX_REQUIRED_VALIDATOR], usesInheritance: true, ngImport: i0 });
|
|
6556
6556
|
}
|
|
6557
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
6557
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: CheckboxRequiredValidator, decorators: [{
|
|
6558
6558
|
type: Directive,
|
|
6559
6559
|
args: [{
|
|
6560
6560
|
selector: 'input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]',
|
|
@@ -6589,7 +6589,7 @@ const EMAIL_VALIDATOR = {
|
|
|
6589
6589
|
* The following example shows how to add an email validator to an input attached to an ngModel
|
|
6590
6590
|
* binding.
|
|
6591
6591
|
*
|
|
6592
|
-
* ```
|
|
6592
|
+
* ```html
|
|
6593
6593
|
* <input type="email" name="email" ngModel email>
|
|
6594
6594
|
* <input type="email" name="email" ngModel email="true">
|
|
6595
6595
|
* <input type="email" name="email" ngModel [email]="true">
|
|
@@ -6615,10 +6615,10 @@ class EmailValidator extends AbstractValidatorDirective {
|
|
|
6615
6615
|
enabled(input) {
|
|
6616
6616
|
return input;
|
|
6617
6617
|
}
|
|
6618
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
6619
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
6618
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: EmailValidator, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
6619
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.4", type: EmailValidator, isStandalone: false, selector: "[email][formControlName],[email][formControl],[email][ngModel]", inputs: { email: "email" }, providers: [EMAIL_VALIDATOR], usesInheritance: true, ngImport: i0 });
|
|
6620
6620
|
}
|
|
6621
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
6621
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: EmailValidator, decorators: [{
|
|
6622
6622
|
type: Directive,
|
|
6623
6623
|
args: [{
|
|
6624
6624
|
selector: '[email][formControlName],[email][formControl],[email][ngModel]',
|
|
@@ -6670,10 +6670,10 @@ class MinLengthValidator extends AbstractValidatorDirective {
|
|
|
6670
6670
|
normalizeInput = (input) => toInteger(input);
|
|
6671
6671
|
/** @internal */
|
|
6672
6672
|
createValidator = (minlength) => minLengthValidator(minlength);
|
|
6673
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
6674
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
6673
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: MinLengthValidator, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
6674
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.4", type: MinLengthValidator, isStandalone: false, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: { minlength: "minlength" }, host: { properties: { "attr.minlength": "_enabled ? minlength : null" } }, providers: [MIN_LENGTH_VALIDATOR], usesInheritance: true, ngImport: i0 });
|
|
6675
6675
|
}
|
|
6676
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
6676
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: MinLengthValidator, decorators: [{
|
|
6677
6677
|
type: Directive,
|
|
6678
6678
|
args: [{
|
|
6679
6679
|
selector: '[minlength][formControlName],[minlength][formControl],[minlength][ngModel]',
|
|
@@ -6726,10 +6726,10 @@ class MaxLengthValidator extends AbstractValidatorDirective {
|
|
|
6726
6726
|
normalizeInput = (input) => toInteger(input);
|
|
6727
6727
|
/** @internal */
|
|
6728
6728
|
createValidator = (maxlength) => maxLengthValidator(maxlength);
|
|
6729
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
6730
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
6729
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: MaxLengthValidator, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
6730
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.4", type: MaxLengthValidator, isStandalone: false, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: { maxlength: "maxlength" }, host: { properties: { "attr.maxlength": "_enabled ? maxlength : null" } }, providers: [MAX_LENGTH_VALIDATOR], usesInheritance: true, ngImport: i0 });
|
|
6731
6731
|
}
|
|
6732
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
6732
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: MaxLengthValidator, decorators: [{
|
|
6733
6733
|
type: Directive,
|
|
6734
6734
|
args: [{
|
|
6735
6735
|
selector: '[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]',
|
|
@@ -6784,10 +6784,10 @@ class PatternValidator extends AbstractValidatorDirective {
|
|
|
6784
6784
|
normalizeInput = (input) => input;
|
|
6785
6785
|
/** @internal */
|
|
6786
6786
|
createValidator = (input) => patternValidator(input);
|
|
6787
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
6788
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
6787
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: PatternValidator, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
6788
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.4", type: PatternValidator, isStandalone: false, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: { pattern: "pattern" }, host: { properties: { "attr.pattern": "_enabled ? pattern : null" } }, providers: [PATTERN_VALIDATOR], usesInheritance: true, ngImport: i0 });
|
|
6789
6789
|
}
|
|
6790
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
6790
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: PatternValidator, decorators: [{
|
|
6791
6791
|
type: Directive,
|
|
6792
6792
|
args: [{
|
|
6793
6793
|
selector: '[pattern][formControlName],[pattern][formControl],[pattern][ngModel]',
|
|
@@ -6833,8 +6833,8 @@ const REACTIVE_DRIVEN_DIRECTIVES = [
|
|
|
6833
6833
|
* Internal module used for sharing directives between FormsModule and ReactiveFormsModule
|
|
6834
6834
|
*/
|
|
6835
6835
|
class ɵInternalFormsSharedModule {
|
|
6836
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
6837
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.
|
|
6836
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: ɵInternalFormsSharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
6837
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.4", ngImport: i0, type: ɵInternalFormsSharedModule, declarations: [ɵNgNoValidate,
|
|
6838
6838
|
NgSelectOption,
|
|
6839
6839
|
ɵNgSelectMultipleOption,
|
|
6840
6840
|
DefaultValueAccessor,
|
|
@@ -6873,9 +6873,9 @@ class ɵInternalFormsSharedModule {
|
|
|
6873
6873
|
EmailValidator,
|
|
6874
6874
|
MinValidator,
|
|
6875
6875
|
MaxValidator] });
|
|
6876
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.
|
|
6876
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: ɵInternalFormsSharedModule });
|
|
6877
6877
|
}
|
|
6878
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
6878
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: ɵInternalFormsSharedModule, decorators: [{
|
|
6879
6879
|
type: NgModule,
|
|
6880
6880
|
args: [{
|
|
6881
6881
|
declarations: SHARED_FORM_DIRECTIVES,
|
|
@@ -6901,7 +6901,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.2", ngImpor
|
|
|
6901
6901
|
*
|
|
6902
6902
|
* ### Create an array of form controls
|
|
6903
6903
|
*
|
|
6904
|
-
* ```
|
|
6904
|
+
* ```ts
|
|
6905
6905
|
* const arr = new FormArray([
|
|
6906
6906
|
* new FormControl('Nancy', Validators.minLength(2)),
|
|
6907
6907
|
* new FormControl('Drew'),
|
|
@@ -6920,7 +6920,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.2", ngImpor
|
|
|
6920
6920
|
* The two types of validators are passed in separately as the second and third arg
|
|
6921
6921
|
* respectively, or together as part of an options object.
|
|
6922
6922
|
*
|
|
6923
|
-
* ```
|
|
6923
|
+
* ```ts
|
|
6924
6924
|
* const arr = new FormArray([
|
|
6925
6925
|
* new FormControl('Nancy'),
|
|
6926
6926
|
* new FormControl('Drew')
|
|
@@ -7461,8 +7461,7 @@ class FormBuilder {
|
|
|
7461
7461
|
*
|
|
7462
7462
|
* The following example returns a control with an initial value in a disabled state.
|
|
7463
7463
|
*
|
|
7464
|
-
*
|
|
7465
|
-
* </code-example>
|
|
7464
|
+
* {@example forms/ts/formBuilder/form_builder_example.ts region='disabled-control'}
|
|
7466
7465
|
*/
|
|
7467
7466
|
control(formState, validatorOrOpts, asyncValidator) {
|
|
7468
7467
|
let newOptions = {};
|
|
@@ -7528,10 +7527,10 @@ class FormBuilder {
|
|
|
7528
7527
|
return this.control(controls);
|
|
7529
7528
|
}
|
|
7530
7529
|
}
|
|
7531
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
7532
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.
|
|
7530
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: FormBuilder, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
7531
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: FormBuilder, providedIn: 'root' });
|
|
7533
7532
|
}
|
|
7534
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
7533
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: FormBuilder, decorators: [{
|
|
7535
7534
|
type: Injectable,
|
|
7536
7535
|
args: [{ providedIn: 'root' }]
|
|
7537
7536
|
}] });
|
|
@@ -7543,10 +7542,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.2", ngImpor
|
|
|
7543
7542
|
* @publicApi
|
|
7544
7543
|
*/
|
|
7545
7544
|
class NonNullableFormBuilder {
|
|
7546
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
7547
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.
|
|
7545
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: NonNullableFormBuilder, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
7546
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: NonNullableFormBuilder, providedIn: 'root', useFactory: () => inject(FormBuilder).nonNullable });
|
|
7548
7547
|
}
|
|
7549
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
7548
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: NonNullableFormBuilder, decorators: [{
|
|
7550
7549
|
type: Injectable,
|
|
7551
7550
|
args: [{
|
|
7552
7551
|
providedIn: 'root',
|
|
@@ -7572,10 +7571,10 @@ class UntypedFormBuilder extends FormBuilder {
|
|
|
7572
7571
|
array(controlsConfig, validatorOrOpts, asyncValidator) {
|
|
7573
7572
|
return super.array(controlsConfig, validatorOrOpts, asyncValidator);
|
|
7574
7573
|
}
|
|
7575
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
7576
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.
|
|
7574
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: UntypedFormBuilder, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
|
7575
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: UntypedFormBuilder, providedIn: 'root' });
|
|
7577
7576
|
}
|
|
7578
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
7577
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: UntypedFormBuilder, decorators: [{
|
|
7579
7578
|
type: Injectable,
|
|
7580
7579
|
args: [{ providedIn: 'root' }]
|
|
7581
7580
|
}] });
|
|
@@ -7588,7 +7587,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.2", ngImpor
|
|
|
7588
7587
|
/**
|
|
7589
7588
|
* @publicApi
|
|
7590
7589
|
*/
|
|
7591
|
-
const VERSION = new Version('19.0.
|
|
7590
|
+
const VERSION = new Version('19.0.4');
|
|
7592
7591
|
|
|
7593
7592
|
/**
|
|
7594
7593
|
* Exports the required providers and directives for template-driven forms,
|
|
@@ -7619,11 +7618,11 @@ class FormsModule {
|
|
|
7619
7618
|
],
|
|
7620
7619
|
};
|
|
7621
7620
|
}
|
|
7622
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
7623
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.
|
|
7624
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.
|
|
7621
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: FormsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7622
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.4", ngImport: i0, type: FormsModule, declarations: [NgModel, NgModelGroup, NgForm], exports: [ɵInternalFormsSharedModule, NgModel, NgModelGroup, NgForm] });
|
|
7623
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: FormsModule, imports: [ɵInternalFormsSharedModule] });
|
|
7625
7624
|
}
|
|
7626
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
7625
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: FormsModule, decorators: [{
|
|
7627
7626
|
type: NgModule,
|
|
7628
7627
|
args: [{
|
|
7629
7628
|
declarations: TEMPLATE_DRIVEN_DIRECTIVES,
|
|
@@ -7665,11 +7664,11 @@ class ReactiveFormsModule {
|
|
|
7665
7664
|
],
|
|
7666
7665
|
};
|
|
7667
7666
|
}
|
|
7668
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
7669
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.
|
|
7670
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.
|
|
7667
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: ReactiveFormsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7668
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.4", ngImport: i0, type: ReactiveFormsModule, declarations: [FormControlDirective, FormGroupDirective, FormControlName, FormGroupName, FormArrayName], exports: [ɵInternalFormsSharedModule, FormControlDirective, FormGroupDirective, FormControlName, FormGroupName, FormArrayName] });
|
|
7669
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: ReactiveFormsModule, imports: [ɵInternalFormsSharedModule] });
|
|
7671
7670
|
}
|
|
7672
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
7671
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: ReactiveFormsModule, decorators: [{
|
|
7673
7672
|
type: NgModule,
|
|
7674
7673
|
args: [{
|
|
7675
7674
|
declarations: [REACTIVE_DRIVEN_DIRECTIVES],
|