@angular/forms 18.0.0-next.3 → 18.0.0-next.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/esm2022/src/directives/abstract_form_group_directive.mjs +3 -3
- package/esm2022/src/directives/checkbox_value_accessor.mjs +3 -3
- package/esm2022/src/directives/control_value_accessor.mjs +6 -6
- package/esm2022/src/directives/default_value_accessor.mjs +3 -3
- package/esm2022/src/directives/ng_control_status.mjs +6 -6
- package/esm2022/src/directives/ng_form.mjs +3 -3
- package/esm2022/src/directives/ng_model.mjs +3 -3
- package/esm2022/src/directives/ng_model_group.mjs +3 -3
- package/esm2022/src/directives/ng_no_validate_directive.mjs +3 -3
- package/esm2022/src/directives/number_value_accessor.mjs +3 -3
- package/esm2022/src/directives/radio_control_value_accessor.mjs +6 -6
- package/esm2022/src/directives/range_value_accessor.mjs +3 -3
- package/esm2022/src/directives/reactive_directives/form_control_directive.mjs +5 -6
- package/esm2022/src/directives/reactive_directives/form_control_name.mjs +5 -7
- package/esm2022/src/directives/reactive_directives/form_group_directive.mjs +5 -5
- package/esm2022/src/directives/reactive_directives/form_group_name.mjs +9 -9
- package/esm2022/src/directives/select_control_value_accessor.mjs +6 -6
- package/esm2022/src/directives/select_multiple_control_value_accessor.mjs +6 -6
- package/esm2022/src/directives/validators.mjs +36 -36
- package/esm2022/src/directives.mjs +4 -4
- package/esm2022/src/form_builder.mjs +11 -11
- package/esm2022/src/form_providers.mjs +13 -13
- package/esm2022/src/model/abstract_model.mjs +13 -7
- package/esm2022/src/model/form_control.mjs +1 -1
- package/esm2022/src/validators.mjs +2 -2
- package/esm2022/src/version.mjs +1 -1
- package/fesm2022/forms.mjs +154 -151
- package/fesm2022/forms.mjs.map +1 -1
- package/index.d.ts +46 -36
- package/package.json +4 -4
package/fesm2022/forms.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @license Angular v18.0.0-next.
|
|
3
|
-
* (c) 2010-
|
|
2
|
+
* @license Angular v18.0.0-next.4
|
|
3
|
+
* (c) 2010-2024 Google LLC. https://angular.io/
|
|
4
4
|
* License: MIT
|
|
5
5
|
*/
|
|
6
6
|
|
|
@@ -62,10 +62,10 @@ class BaseControlValueAccessor {
|
|
|
62
62
|
setDisabledState(isDisabled) {
|
|
63
63
|
this.setProperty('disabled', isDisabled);
|
|
64
64
|
}
|
|
65
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
66
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
65
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: BaseControlValueAccessor, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
66
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: BaseControlValueAccessor, ngImport: i0 }); }
|
|
67
67
|
}
|
|
68
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
68
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: BaseControlValueAccessor, decorators: [{
|
|
69
69
|
type: Directive
|
|
70
70
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }] });
|
|
71
71
|
/**
|
|
@@ -78,10 +78,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3",
|
|
|
78
78
|
* applications code.
|
|
79
79
|
*/
|
|
80
80
|
class BuiltInControlValueAccessor extends BaseControlValueAccessor {
|
|
81
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
82
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
81
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: BuiltInControlValueAccessor, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
82
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: BuiltInControlValueAccessor, usesInheritance: true, ngImport: i0 }); }
|
|
83
83
|
}
|
|
84
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
84
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: BuiltInControlValueAccessor, decorators: [{
|
|
85
85
|
type: Directive
|
|
86
86
|
}] });
|
|
87
87
|
/**
|
|
@@ -129,10 +129,10 @@ class CheckboxControlValueAccessor extends BuiltInControlValueAccessor {
|
|
|
129
129
|
writeValue(value) {
|
|
130
130
|
this.setProperty('checked', value);
|
|
131
131
|
}
|
|
132
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
133
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
132
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: CheckboxControlValueAccessor, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
133
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: CheckboxControlValueAccessor, 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 }); }
|
|
134
134
|
}
|
|
135
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
135
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: CheckboxControlValueAccessor, decorators: [{
|
|
136
136
|
type: Directive,
|
|
137
137
|
args: [{
|
|
138
138
|
selector: 'input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]',
|
|
@@ -229,10 +229,10 @@ class DefaultValueAccessor extends BaseControlValueAccessor {
|
|
|
229
229
|
this._composing = false;
|
|
230
230
|
this._compositionMode && this.onChange(value);
|
|
231
231
|
}
|
|
232
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
233
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
232
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: DefaultValueAccessor, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: COMPOSITION_BUFFER_MODE, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
233
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: DefaultValueAccessor, 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 }); }
|
|
234
234
|
}
|
|
235
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
235
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: DefaultValueAccessor, decorators: [{
|
|
236
236
|
type: Directive,
|
|
237
237
|
args: [{
|
|
238
238
|
selector: 'input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]',
|
|
@@ -364,7 +364,7 @@ const EMAIL_REGEXP = /^(?=.{1,254}$)(?=.{1,64}@)[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(
|
|
|
364
364
|
* A validator is a function that processes a `FormControl` or collection of
|
|
365
365
|
* controls and returns an error map or null. A null map means that validation has passed.
|
|
366
366
|
*
|
|
367
|
-
* @see [Form Validation](
|
|
367
|
+
* @see [Form Validation](guide/forms/form-validation)
|
|
368
368
|
*
|
|
369
369
|
* @publicApi
|
|
370
370
|
*/
|
|
@@ -1322,10 +1322,10 @@ class NgControlStatus extends AbstractControlStatus {
|
|
|
1322
1322
|
constructor(cd) {
|
|
1323
1323
|
super(cd);
|
|
1324
1324
|
}
|
|
1325
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1326
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
1325
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: NgControlStatus, deps: [{ token: NgControl, self: true }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1326
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: NgControlStatus, 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 }); }
|
|
1327
1327
|
}
|
|
1328
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1328
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: NgControlStatus, decorators: [{
|
|
1329
1329
|
type: Directive,
|
|
1330
1330
|
args: [{ selector: '[formControlName],[ngModel],[formControl]', host: ngControlStatusHost }]
|
|
1331
1331
|
}], ctorParameters: () => [{ type: NgControl, decorators: [{
|
|
@@ -1347,10 +1347,10 @@ class NgControlStatusGroup extends AbstractControlStatus {
|
|
|
1347
1347
|
constructor(cd) {
|
|
1348
1348
|
super(cd);
|
|
1349
1349
|
}
|
|
1350
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1351
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
1350
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: NgControlStatusGroup, deps: [{ token: ControlContainer, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1351
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: NgControlStatusGroup, 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 }); }
|
|
1352
1352
|
}
|
|
1353
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
1353
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: NgControlStatusGroup, decorators: [{
|
|
1354
1354
|
type: Directive,
|
|
1355
1355
|
args: [{
|
|
1356
1356
|
selector: '[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]',
|
|
@@ -1660,9 +1660,9 @@ function assertAllValuesPresent(control, isGroup, value) {
|
|
|
1660
1660
|
* The first type parameter TValue represents the value type of the control (`control.value`).
|
|
1661
1661
|
* The optional type parameter TRawValue represents the raw value type (`control.getRawValue()`).
|
|
1662
1662
|
*
|
|
1663
|
-
* @see [Forms Guide](
|
|
1664
|
-
* @see [Reactive Forms Guide](
|
|
1665
|
-
* @see [Dynamic Forms Guide](
|
|
1663
|
+
* @see [Forms Guide](guide/forms)
|
|
1664
|
+
* @see [Reactive Forms Guide](guide/forms/reactive-forms)
|
|
1665
|
+
* @see [Dynamic Forms Guide](guide/forms/dynamic-forms)
|
|
1666
1666
|
*
|
|
1667
1667
|
* @publicApi
|
|
1668
1668
|
*/
|
|
@@ -2015,6 +2015,12 @@ class AbstractControl {
|
|
|
2015
2015
|
/**
|
|
2016
2016
|
* Marks the control and all its descendant controls as `touched`.
|
|
2017
2017
|
* @see {@link markAsTouched()}
|
|
2018
|
+
*
|
|
2019
|
+
* @param opts Configuration options that determine how the control propagates changes
|
|
2020
|
+
* and emits events after marking is applied.
|
|
2021
|
+
* * `emitEvent`: When true or not supplied (the default), the `events`
|
|
2022
|
+
* observable emits a `TouchedChangeEvent` with the `touched` property being `true`.
|
|
2023
|
+
* When false, no events are emitted.
|
|
2018
2024
|
*/
|
|
2019
2025
|
markAllAsTouched(opts = {}) {
|
|
2020
2026
|
this.markAsTouched({ onlySelf: true, emitEvent: opts.emitEvent, sourceControl: this });
|
|
@@ -2086,8 +2092,8 @@ class AbstractControl {
|
|
|
2086
2092
|
this._updateValue();
|
|
2087
2093
|
const sourceControl = opts.sourceControl ?? this;
|
|
2088
2094
|
if (opts.emitEvent !== false) {
|
|
2089
|
-
this._events.next(new StatusChangeEvent(this.status, sourceControl));
|
|
2090
2095
|
this._events.next(new ValueChangeEvent(this.value, sourceControl));
|
|
2096
|
+
this._events.next(new StatusChangeEvent(this.status, sourceControl));
|
|
2091
2097
|
this.valueChanges.emit(this.value);
|
|
2092
2098
|
this.statusChanges.emit(this.status);
|
|
2093
2099
|
}
|
|
@@ -2107,8 +2113,8 @@ class AbstractControl {
|
|
|
2107
2113
|
* emits events when marked as untouched
|
|
2108
2114
|
* * `onlySelf`: When true, mark only this control. When false or not supplied,
|
|
2109
2115
|
* marks all direct ancestors. Default is false.
|
|
2110
|
-
* * `emitEvent`: When true or not supplied (the default),
|
|
2111
|
-
* `valueChanges`
|
|
2116
|
+
* * `emitEvent`: When true or not supplied (the default), the `statusChanges`,
|
|
2117
|
+
* `valueChanges` and `events`
|
|
2112
2118
|
* observables emit events with the latest status and value when the control is enabled.
|
|
2113
2119
|
* When false, no events are emitted.
|
|
2114
2120
|
*/
|
|
@@ -3521,10 +3527,10 @@ class NgForm extends ControlContainer {
|
|
|
3521
3527
|
path.pop();
|
|
3522
3528
|
return path.length ? this.form.get(path) : this.form;
|
|
3523
3529
|
}
|
|
3524
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
3525
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
3530
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.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 }); }
|
|
3531
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: NgForm, 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 }); }
|
|
3526
3532
|
}
|
|
3527
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
3533
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: NgForm, decorators: [{
|
|
3528
3534
|
type: Directive,
|
|
3529
3535
|
args: [{
|
|
3530
3536
|
selector: 'form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]',
|
|
@@ -3719,10 +3725,10 @@ class AbstractFormGroupDirective extends ControlContainer {
|
|
|
3719
3725
|
}
|
|
3720
3726
|
/** @internal */
|
|
3721
3727
|
_checkParentType() { }
|
|
3722
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
3723
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
3728
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: AbstractFormGroupDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3729
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: AbstractFormGroupDirective, usesInheritance: true, ngImport: i0 }); }
|
|
3724
3730
|
}
|
|
3725
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
3731
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: AbstractFormGroupDirective, decorators: [{
|
|
3726
3732
|
type: Directive
|
|
3727
3733
|
}] });
|
|
3728
3734
|
|
|
@@ -3821,10 +3827,10 @@ class NgModelGroup extends AbstractFormGroupDirective {
|
|
|
3821
3827
|
throw modelGroupParentException();
|
|
3822
3828
|
}
|
|
3823
3829
|
}
|
|
3824
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
3825
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
3830
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.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 }); }
|
|
3831
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: NgModelGroup, selector: "[ngModelGroup]", inputs: { name: ["ngModelGroup", "name"] }, providers: [modelGroupProvider], exportAs: ["ngModelGroup"], usesInheritance: true, ngImport: i0 }); }
|
|
3826
3832
|
}
|
|
3827
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
3833
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: NgModelGroup, decorators: [{
|
|
3828
3834
|
type: Directive,
|
|
3829
3835
|
args: [{ selector: '[ngModelGroup]', providers: [modelGroupProvider], exportAs: 'ngModelGroup' }]
|
|
3830
3836
|
}], ctorParameters: () => [{ type: ControlContainer, decorators: [{
|
|
@@ -4100,10 +4106,10 @@ class NgModel extends NgControl {
|
|
|
4100
4106
|
_getPath(controlName) {
|
|
4101
4107
|
return this._parent ? controlPath(controlName, this._parent) : [controlName];
|
|
4102
4108
|
}
|
|
4103
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
4104
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
4109
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.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 }); }
|
|
4110
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: NgModel, 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 }); }
|
|
4105
4111
|
}
|
|
4106
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
4112
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: NgModel, decorators: [{
|
|
4107
4113
|
type: Directive,
|
|
4108
4114
|
args: [{
|
|
4109
4115
|
selector: '[ngModel]:not([formControlName]):not([formControl])',
|
|
@@ -4179,10 +4185,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3",
|
|
|
4179
4185
|
* @ngModule FormsModule
|
|
4180
4186
|
*/
|
|
4181
4187
|
class ɵNgNoValidate {
|
|
4182
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
4183
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
4188
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: ɵNgNoValidate, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4189
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])", host: { attributes: { "novalidate": "" } }, ngImport: i0 }); }
|
|
4184
4190
|
}
|
|
4185
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
4191
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: ɵNgNoValidate, decorators: [{
|
|
4186
4192
|
type: Directive,
|
|
4187
4193
|
args: [{
|
|
4188
4194
|
selector: 'form:not([ngNoForm]):not([ngNativeValidate])',
|
|
@@ -4238,10 +4244,10 @@ class NumberValueAccessor extends BuiltInControlValueAccessor {
|
|
|
4238
4244
|
fn(value == '' ? null : parseFloat(value));
|
|
4239
4245
|
};
|
|
4240
4246
|
}
|
|
4241
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
4242
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
4247
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: NumberValueAccessor, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4248
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: NumberValueAccessor, 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 }); }
|
|
4243
4249
|
}
|
|
4244
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
4250
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: NumberValueAccessor, decorators: [{
|
|
4245
4251
|
type: Directive,
|
|
4246
4252
|
args: [{
|
|
4247
4253
|
selector: 'input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]',
|
|
@@ -4305,10 +4311,10 @@ class RadioControlRegistry {
|
|
|
4305
4311
|
return controlPair[0]._parent === accessor._control._parent &&
|
|
4306
4312
|
controlPair[1].name === accessor.name;
|
|
4307
4313
|
}
|
|
4308
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
4309
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
4314
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: RadioControlRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
4315
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: RadioControlRegistry, providedIn: 'root' }); }
|
|
4310
4316
|
}
|
|
4311
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
4317
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: RadioControlRegistry, decorators: [{
|
|
4312
4318
|
type: Injectable,
|
|
4313
4319
|
args: [{ providedIn: 'root' }]
|
|
4314
4320
|
}] });
|
|
@@ -4419,10 +4425,10 @@ class RadioControlValueAccessor extends BuiltInControlValueAccessor {
|
|
|
4419
4425
|
if (!this.name && this.formControlName)
|
|
4420
4426
|
this.name = this.formControlName;
|
|
4421
4427
|
}
|
|
4422
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
4423
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
4428
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: RadioControlValueAccessor, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: RadioControlRegistry }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4429
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: RadioControlValueAccessor, 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 }); }
|
|
4424
4430
|
}
|
|
4425
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
4431
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: RadioControlValueAccessor, decorators: [{
|
|
4426
4432
|
type: Directive,
|
|
4427
4433
|
args: [{
|
|
4428
4434
|
selector: 'input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]',
|
|
@@ -4483,10 +4489,10 @@ class RangeValueAccessor extends BuiltInControlValueAccessor {
|
|
|
4483
4489
|
fn(value == '' ? null : parseFloat(value));
|
|
4484
4490
|
};
|
|
4485
4491
|
}
|
|
4486
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
4487
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
4492
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: RangeValueAccessor, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4493
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: RangeValueAccessor, 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 }); }
|
|
4488
4494
|
}
|
|
4489
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
4495
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: RangeValueAccessor, decorators: [{
|
|
4490
4496
|
type: Directive,
|
|
4491
4497
|
args: [{
|
|
4492
4498
|
selector: 'input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]',
|
|
@@ -4514,9 +4520,8 @@ const formControlBinding = {
|
|
|
4514
4520
|
* Note that support for using the `ngModel` input property and `ngModelChange` event with reactive
|
|
4515
4521
|
* form directives was deprecated in Angular v6 and is scheduled for removal in
|
|
4516
4522
|
* a future version of Angular.
|
|
4517
|
-
* For details, see [Deprecated features](guide/deprecations#ngmodel-with-reactive-forms).
|
|
4518
4523
|
*
|
|
4519
|
-
* @see [Reactive Forms Guide](guide/reactive-forms)
|
|
4524
|
+
* @see [Reactive Forms Guide](guide/forms/reactive-forms)
|
|
4520
4525
|
* @see {@link FormControl}
|
|
4521
4526
|
* @see {@link AbstractControl}
|
|
4522
4527
|
*
|
|
@@ -4617,10 +4622,10 @@ class FormControlDirective extends NgControl {
|
|
|
4617
4622
|
_isControlChanged(changes) {
|
|
4618
4623
|
return changes.hasOwnProperty('form');
|
|
4619
4624
|
}
|
|
4620
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
4621
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
4625
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.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 }); }
|
|
4626
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: FormControlDirective, 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 }); }
|
|
4622
4627
|
}
|
|
4623
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
4628
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: FormControlDirective, decorators: [{
|
|
4624
4629
|
type: Directive,
|
|
4625
4630
|
args: [{ selector: '[formControl]', providers: [formControlBinding], exportAs: 'ngForm' }]
|
|
4626
4631
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -4682,7 +4687,7 @@ const formDirectiveProvider = {
|
|
|
4682
4687
|
* and `FormArray` instances to child `FormControlName`, `FormGroupName`,
|
|
4683
4688
|
* and `FormArrayName` directives.
|
|
4684
4689
|
*
|
|
4685
|
-
* @see [Reactive Forms Guide](guide/reactive-forms)
|
|
4690
|
+
* @see [Reactive Forms Guide](guide/forms/reactive-forms)
|
|
4686
4691
|
* @see {@link AbstractControl}
|
|
4687
4692
|
*
|
|
4688
4693
|
* @usageNotes
|
|
@@ -4963,10 +4968,10 @@ class FormGroupDirective extends ControlContainer {
|
|
|
4963
4968
|
throw missingFormException();
|
|
4964
4969
|
}
|
|
4965
4970
|
}
|
|
4966
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
4967
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
4971
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.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 }); }
|
|
4972
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: FormGroupDirective, 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 }); }
|
|
4968
4973
|
}
|
|
4969
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
4974
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: FormGroupDirective, decorators: [{
|
|
4970
4975
|
type: Directive,
|
|
4971
4976
|
args: [{
|
|
4972
4977
|
selector: '[formGroup]',
|
|
@@ -5019,7 +5024,7 @@ const formGroupNameProvider = {
|
|
|
5019
5024
|
* form separately from the rest or to group the values of certain
|
|
5020
5025
|
* controls into their own nested object.
|
|
5021
5026
|
*
|
|
5022
|
-
* @see [Reactive Forms Guide](guide/reactive-forms)
|
|
5027
|
+
* @see [Reactive Forms Guide](guide/forms/reactive-forms)
|
|
5023
5028
|
*
|
|
5024
5029
|
* @usageNotes
|
|
5025
5030
|
*
|
|
@@ -5074,10 +5079,10 @@ class FormGroupName extends AbstractFormGroupDirective {
|
|
|
5074
5079
|
throw groupParentException();
|
|
5075
5080
|
}
|
|
5076
5081
|
}
|
|
5077
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
5078
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
5082
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.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 }); }
|
|
5083
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: FormGroupName, selector: "[formGroupName]", inputs: { name: ["formGroupName", "name"] }, providers: [formGroupNameProvider], usesInheritance: true, ngImport: i0 }); }
|
|
5079
5084
|
}
|
|
5080
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
5085
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: FormGroupName, decorators: [{
|
|
5081
5086
|
type: Directive,
|
|
5082
5087
|
args: [{ selector: '[formGroupName]', providers: [formGroupNameProvider] }]
|
|
5083
5088
|
}], ctorParameters: () => [{ type: ControlContainer, decorators: [{
|
|
@@ -5120,7 +5125,7 @@ const formArrayNameProvider = {
|
|
|
5120
5125
|
* will look for a `FormArray` registered with that name in the parent
|
|
5121
5126
|
* `FormGroup` instance you passed into `FormGroupDirective`.
|
|
5122
5127
|
*
|
|
5123
|
-
* @see [Reactive Forms Guide](guide/reactive-forms)
|
|
5128
|
+
* @see [Reactive Forms Guide](guide/forms/reactive-forms)
|
|
5124
5129
|
* @see {@link AbstractControl}
|
|
5125
5130
|
*
|
|
5126
5131
|
* @usageNotes
|
|
@@ -5194,10 +5199,10 @@ class FormArrayName extends ControlContainer {
|
|
|
5194
5199
|
throw arrayParentException();
|
|
5195
5200
|
}
|
|
5196
5201
|
}
|
|
5197
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
5198
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
5202
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.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 }); }
|
|
5203
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: FormArrayName, selector: "[formArrayName]", inputs: { name: ["formArrayName", "name"] }, providers: [formArrayNameProvider], usesInheritance: true, ngImport: i0 }); }
|
|
5199
5204
|
}
|
|
5200
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
5205
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: FormArrayName, decorators: [{
|
|
5201
5206
|
type: Directive,
|
|
5202
5207
|
args: [{ selector: '[formArrayName]', providers: [formArrayNameProvider] }]
|
|
5203
5208
|
}], ctorParameters: () => [{ type: ControlContainer, decorators: [{
|
|
@@ -5238,7 +5243,7 @@ const controlNameBinding = {
|
|
|
5238
5243
|
* Syncs a `FormControl` in an existing `FormGroup` to a form control
|
|
5239
5244
|
* element by name.
|
|
5240
5245
|
*
|
|
5241
|
-
* @see [Reactive Forms Guide](guide/reactive-forms)
|
|
5246
|
+
* @see [Reactive Forms Guide](guide/forms/reactive-forms)
|
|
5242
5247
|
* @see {@link FormControl}
|
|
5243
5248
|
* @see {@link AbstractControl}
|
|
5244
5249
|
*
|
|
@@ -5262,8 +5267,6 @@ const controlNameBinding = {
|
|
|
5262
5267
|
* form directives has been deprecated in Angular v6 and is scheduled for removal in
|
|
5263
5268
|
* a future version of Angular.
|
|
5264
5269
|
*
|
|
5265
|
-
* For details, see [Deprecated features](guide/deprecations#ngmodel-with-reactive-forms).
|
|
5266
|
-
*
|
|
5267
5270
|
* @ngModule ReactiveFormsModule
|
|
5268
5271
|
* @publicApi
|
|
5269
5272
|
*/
|
|
@@ -5375,10 +5378,10 @@ class FormControlName extends NgControl {
|
|
|
5375
5378
|
this.control = this.formDirective.addControl(this);
|
|
5376
5379
|
this._added = true;
|
|
5377
5380
|
}
|
|
5378
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
5379
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
5381
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.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 }); }
|
|
5382
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: FormControlName, selector: "[formControlName]", inputs: { name: ["formControlName", "name"], isDisabled: ["disabled", "isDisabled"], model: ["ngModel", "model"] }, outputs: { update: "ngModelChange" }, providers: [controlNameBinding], usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
|
|
5380
5383
|
}
|
|
5381
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
5384
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: FormControlName, decorators: [{
|
|
5382
5385
|
type: Directive,
|
|
5383
5386
|
args: [{ selector: '[formControlName]', providers: [controlNameBinding] }]
|
|
5384
5387
|
}], ctorParameters: () => [{ type: ControlContainer, decorators: [{
|
|
@@ -5555,10 +5558,10 @@ class SelectControlValueAccessor extends BuiltInControlValueAccessor {
|
|
|
5555
5558
|
const id = _extractId$1(valueString);
|
|
5556
5559
|
return this._optionMap.has(id) ? this._optionMap.get(id) : valueString;
|
|
5557
5560
|
}
|
|
5558
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
5559
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
5561
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: SelectControlValueAccessor, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5562
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: SelectControlValueAccessor, 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 }); }
|
|
5560
5563
|
}
|
|
5561
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
5564
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: SelectControlValueAccessor, decorators: [{
|
|
5562
5565
|
type: Directive,
|
|
5563
5566
|
args: [{
|
|
5564
5567
|
selector: 'select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]',
|
|
@@ -5619,10 +5622,10 @@ class NgSelectOption {
|
|
|
5619
5622
|
this._select.writeValue(this._select.value);
|
|
5620
5623
|
}
|
|
5621
5624
|
}
|
|
5622
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
5623
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
5625
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: NgSelectOption, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: SelectControlValueAccessor, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5626
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: NgSelectOption, selector: "option", inputs: { ngValue: "ngValue", value: "value" }, ngImport: i0 }); }
|
|
5624
5627
|
}
|
|
5625
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
5628
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: NgSelectOption, decorators: [{
|
|
5626
5629
|
type: Directive,
|
|
5627
5630
|
args: [{ selector: 'option' }]
|
|
5628
5631
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: SelectControlValueAccessor, decorators: [{
|
|
@@ -5786,10 +5789,10 @@ class SelectMultipleControlValueAccessor extends BuiltInControlValueAccessor {
|
|
|
5786
5789
|
const id = _extractId(valueString);
|
|
5787
5790
|
return this._optionMap.has(id) ? this._optionMap.get(id)._value : valueString;
|
|
5788
5791
|
}
|
|
5789
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
5790
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
5792
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: SelectMultipleControlValueAccessor, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5793
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: SelectMultipleControlValueAccessor, 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 }); }
|
|
5791
5794
|
}
|
|
5792
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
5795
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: SelectMultipleControlValueAccessor, decorators: [{
|
|
5793
5796
|
type: Directive,
|
|
5794
5797
|
args: [{
|
|
5795
5798
|
selector: 'select[multiple][formControlName],select[multiple][formControl],select[multiple][ngModel]',
|
|
@@ -5860,10 +5863,10 @@ class ɵNgSelectMultipleOption {
|
|
|
5860
5863
|
this._select.writeValue(this._select.value);
|
|
5861
5864
|
}
|
|
5862
5865
|
}
|
|
5863
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
5864
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
5866
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: ɵNgSelectMultipleOption, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: SelectMultipleControlValueAccessor, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5867
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: ɵNgSelectMultipleOption, selector: "option", inputs: { ngValue: "ngValue", value: "value" }, ngImport: i0 }); }
|
|
5865
5868
|
}
|
|
5866
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
5869
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: ɵNgSelectMultipleOption, decorators: [{
|
|
5867
5870
|
type: Directive,
|
|
5868
5871
|
args: [{ selector: 'option' }]
|
|
5869
5872
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: SelectMultipleControlValueAccessor, decorators: [{
|
|
@@ -5935,10 +5938,10 @@ class AbstractValidatorDirective {
|
|
|
5935
5938
|
enabled(input) {
|
|
5936
5939
|
return input != null /* both `null` and `undefined` */;
|
|
5937
5940
|
}
|
|
5938
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
5939
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
5941
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: AbstractValidatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5942
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: AbstractValidatorDirective, usesOnChanges: true, ngImport: i0 }); }
|
|
5940
5943
|
}
|
|
5941
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
5944
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: AbstractValidatorDirective, decorators: [{
|
|
5942
5945
|
type: Directive
|
|
5943
5946
|
}] });
|
|
5944
5947
|
/**
|
|
@@ -5954,7 +5957,7 @@ const MAX_VALIDATOR = {
|
|
|
5954
5957
|
* A directive which installs the {@link MaxValidator} for any `formControlName`,
|
|
5955
5958
|
* `formControl`, or control with `ngModel` that also has a `max` attribute.
|
|
5956
5959
|
*
|
|
5957
|
-
* @see [Form Validation](guide/form-validation)
|
|
5960
|
+
* @see [Form Validation](guide/forms/form-validation)
|
|
5958
5961
|
*
|
|
5959
5962
|
* @usageNotes
|
|
5960
5963
|
*
|
|
@@ -5981,10 +5984,10 @@ class MaxValidator extends AbstractValidatorDirective {
|
|
|
5981
5984
|
/** @internal */
|
|
5982
5985
|
this.createValidator = (max) => maxValidator(max);
|
|
5983
5986
|
}
|
|
5984
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
5985
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
5987
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: MaxValidator, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5988
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: MaxValidator, 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 }); }
|
|
5986
5989
|
}
|
|
5987
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
5990
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: MaxValidator, decorators: [{
|
|
5988
5991
|
type: Directive,
|
|
5989
5992
|
args: [{
|
|
5990
5993
|
selector: 'input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]',
|
|
@@ -6007,7 +6010,7 @@ const MIN_VALIDATOR = {
|
|
|
6007
6010
|
* A directive which installs the {@link MinValidator} for any `formControlName`,
|
|
6008
6011
|
* `formControl`, or control with `ngModel` that also has a `min` attribute.
|
|
6009
6012
|
*
|
|
6010
|
-
* @see [Form Validation](guide/form-validation)
|
|
6013
|
+
* @see [Form Validation](guide/forms/form-validation)
|
|
6011
6014
|
*
|
|
6012
6015
|
* @usageNotes
|
|
6013
6016
|
*
|
|
@@ -6034,10 +6037,10 @@ class MinValidator extends AbstractValidatorDirective {
|
|
|
6034
6037
|
/** @internal */
|
|
6035
6038
|
this.createValidator = (min) => minValidator(min);
|
|
6036
6039
|
}
|
|
6037
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
6038
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
6040
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: MinValidator, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
6041
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: MinValidator, 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 }); }
|
|
6039
6042
|
}
|
|
6040
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
6043
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: MinValidator, decorators: [{
|
|
6041
6044
|
type: Directive,
|
|
6042
6045
|
args: [{
|
|
6043
6046
|
selector: 'input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]',
|
|
@@ -6070,7 +6073,7 @@ const CHECKBOX_REQUIRED_VALIDATOR = {
|
|
|
6070
6073
|
* A directive that adds the `required` validator to any controls marked with the
|
|
6071
6074
|
* `required` attribute. The directive is provided with the `NG_VALIDATORS` multi-provider list.
|
|
6072
6075
|
*
|
|
6073
|
-
* @see [Form Validation](guide/form-validation)
|
|
6076
|
+
* @see [Form Validation](guide/forms/form-validation)
|
|
6074
6077
|
*
|
|
6075
6078
|
* @usageNotes
|
|
6076
6079
|
*
|
|
@@ -6098,10 +6101,10 @@ class RequiredValidator extends AbstractValidatorDirective {
|
|
|
6098
6101
|
enabled(input) {
|
|
6099
6102
|
return input;
|
|
6100
6103
|
}
|
|
6101
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
6102
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
6104
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: RequiredValidator, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
6105
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: RequiredValidator, 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 }); }
|
|
6103
6106
|
}
|
|
6104
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
6107
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: RequiredValidator, decorators: [{
|
|
6105
6108
|
type: Directive,
|
|
6106
6109
|
args: [{
|
|
6107
6110
|
selector: ':not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]',
|
|
@@ -6115,7 +6118,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3",
|
|
|
6115
6118
|
* A Directive that adds the `required` validator to checkbox controls marked with the
|
|
6116
6119
|
* `required` attribute. The directive is provided with the `NG_VALIDATORS` multi-provider list.
|
|
6117
6120
|
*
|
|
6118
|
-
* @see [Form Validation](guide/form-validation)
|
|
6121
|
+
* @see [Form Validation](guide/forms/form-validation)
|
|
6119
6122
|
*
|
|
6120
6123
|
* @usageNotes
|
|
6121
6124
|
*
|
|
@@ -6138,10 +6141,10 @@ class CheckboxRequiredValidator extends RequiredValidator {
|
|
|
6138
6141
|
/** @internal */
|
|
6139
6142
|
this.createValidator = (input) => requiredTrueValidator;
|
|
6140
6143
|
}
|
|
6141
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
6142
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
6144
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: CheckboxRequiredValidator, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
6145
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: CheckboxRequiredValidator, 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 }); }
|
|
6143
6146
|
}
|
|
6144
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
6147
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: CheckboxRequiredValidator, decorators: [{
|
|
6145
6148
|
type: Directive,
|
|
6146
6149
|
args: [{
|
|
6147
6150
|
selector: 'input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]',
|
|
@@ -6166,7 +6169,7 @@ const EMAIL_VALIDATOR = {
|
|
|
6166
6169
|
* incorporate more RFC rules. More information can be found on the [Validators.email
|
|
6167
6170
|
* page](api/forms/Validators#email).
|
|
6168
6171
|
*
|
|
6169
|
-
* @see [Form Validation](guide/form-validation)
|
|
6172
|
+
* @see [Form Validation](guide/forms/form-validation)
|
|
6170
6173
|
*
|
|
6171
6174
|
* @usageNotes
|
|
6172
6175
|
*
|
|
@@ -6199,10 +6202,10 @@ class EmailValidator extends AbstractValidatorDirective {
|
|
|
6199
6202
|
enabled(input) {
|
|
6200
6203
|
return input;
|
|
6201
6204
|
}
|
|
6202
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
6203
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
6205
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EmailValidator, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
6206
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: EmailValidator, selector: "[email][formControlName],[email][formControl],[email][ngModel]", inputs: { email: "email" }, providers: [EMAIL_VALIDATOR], usesInheritance: true, ngImport: i0 }); }
|
|
6204
6207
|
}
|
|
6205
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
6208
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EmailValidator, decorators: [{
|
|
6206
6209
|
type: Directive,
|
|
6207
6210
|
args: [{
|
|
6208
6211
|
selector: '[email][formControlName],[email][formControl],[email][ngModel]',
|
|
@@ -6224,7 +6227,7 @@ const MIN_LENGTH_VALIDATOR = {
|
|
|
6224
6227
|
* A directive that adds minimum length validation to controls marked with the
|
|
6225
6228
|
* `minlength` attribute. The directive is provided with the `NG_VALIDATORS` multi-provider list.
|
|
6226
6229
|
*
|
|
6227
|
-
* @see [Form Validation](guide/form-validation)
|
|
6230
|
+
* @see [Form Validation](guide/forms/form-validation)
|
|
6228
6231
|
*
|
|
6229
6232
|
* @usageNotes
|
|
6230
6233
|
*
|
|
@@ -6251,10 +6254,10 @@ class MinLengthValidator extends AbstractValidatorDirective {
|
|
|
6251
6254
|
/** @internal */
|
|
6252
6255
|
this.createValidator = (minlength) => minLengthValidator(minlength);
|
|
6253
6256
|
}
|
|
6254
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
6255
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
6257
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: MinLengthValidator, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
6258
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: MinLengthValidator, 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 }); }
|
|
6256
6259
|
}
|
|
6257
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
6260
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: MinLengthValidator, decorators: [{
|
|
6258
6261
|
type: Directive,
|
|
6259
6262
|
args: [{
|
|
6260
6263
|
selector: '[minlength][formControlName],[minlength][formControl],[minlength][ngModel]',
|
|
@@ -6277,7 +6280,7 @@ const MAX_LENGTH_VALIDATOR = {
|
|
|
6277
6280
|
* A directive that adds maximum length validation to controls marked with the
|
|
6278
6281
|
* `maxlength` attribute. The directive is provided with the `NG_VALIDATORS` multi-provider list.
|
|
6279
6282
|
*
|
|
6280
|
-
* @see [Form Validation](guide/form-validation)
|
|
6283
|
+
* @see [Form Validation](guide/forms/form-validation)
|
|
6281
6284
|
*
|
|
6282
6285
|
* @usageNotes
|
|
6283
6286
|
*
|
|
@@ -6304,10 +6307,10 @@ class MaxLengthValidator extends AbstractValidatorDirective {
|
|
|
6304
6307
|
/** @internal */
|
|
6305
6308
|
this.createValidator = (maxlength) => maxLengthValidator(maxlength);
|
|
6306
6309
|
}
|
|
6307
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
6308
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
6310
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: MaxLengthValidator, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
6311
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: MaxLengthValidator, 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 }); }
|
|
6309
6312
|
}
|
|
6310
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
6313
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: MaxLengthValidator, decorators: [{
|
|
6311
6314
|
type: Directive,
|
|
6312
6315
|
args: [{
|
|
6313
6316
|
selector: '[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]',
|
|
@@ -6332,7 +6335,7 @@ const PATTERN_VALIDATOR = {
|
|
|
6332
6335
|
* `pattern` attribute. The regex must match the entire control value.
|
|
6333
6336
|
* The directive is provided with the `NG_VALIDATORS` multi-provider list.
|
|
6334
6337
|
*
|
|
6335
|
-
* @see [Form Validation](guide/form-validation)
|
|
6338
|
+
* @see [Form Validation](guide/forms/form-validation)
|
|
6336
6339
|
*
|
|
6337
6340
|
* @usageNotes
|
|
6338
6341
|
*
|
|
@@ -6359,10 +6362,10 @@ class PatternValidator extends AbstractValidatorDirective {
|
|
|
6359
6362
|
/** @internal */
|
|
6360
6363
|
this.createValidator = (input) => patternValidator(input);
|
|
6361
6364
|
}
|
|
6362
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
6363
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
6365
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: PatternValidator, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
6366
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.4", type: PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: { pattern: "pattern" }, host: { properties: { "attr.pattern": "_enabled ? pattern : null" } }, providers: [PATTERN_VALIDATOR], usesInheritance: true, ngImport: i0 }); }
|
|
6364
6367
|
}
|
|
6365
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
6368
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: PatternValidator, decorators: [{
|
|
6366
6369
|
type: Directive,
|
|
6367
6370
|
args: [{
|
|
6368
6371
|
selector: '[pattern][formControlName],[pattern][formControl],[pattern][ngModel]',
|
|
@@ -6401,8 +6404,8 @@ const REACTIVE_DRIVEN_DIRECTIVES = [FormControlDirective, FormGroupDirective, Fo
|
|
|
6401
6404
|
* Internal module used for sharing directives between FormsModule and ReactiveFormsModule
|
|
6402
6405
|
*/
|
|
6403
6406
|
class ɵInternalFormsSharedModule {
|
|
6404
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
6405
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
6407
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: ɵInternalFormsSharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
6408
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.4", ngImport: i0, type: ɵInternalFormsSharedModule, declarations: [ɵNgNoValidate,
|
|
6406
6409
|
NgSelectOption,
|
|
6407
6410
|
ɵNgSelectMultipleOption,
|
|
6408
6411
|
DefaultValueAccessor,
|
|
@@ -6441,9 +6444,9 @@ class ɵInternalFormsSharedModule {
|
|
|
6441
6444
|
EmailValidator,
|
|
6442
6445
|
MinValidator,
|
|
6443
6446
|
MaxValidator] }); }
|
|
6444
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
6447
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: ɵInternalFormsSharedModule }); }
|
|
6445
6448
|
}
|
|
6446
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
6449
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: ɵInternalFormsSharedModule, decorators: [{
|
|
6447
6450
|
type: NgModule,
|
|
6448
6451
|
args: [{
|
|
6449
6452
|
declarations: SHARED_FORM_DIRECTIVES,
|
|
@@ -6919,7 +6922,7 @@ function isAbstractControlOptions(options) {
|
|
|
6919
6922
|
* `FormControl`, `FormGroup`, or `FormArray`. It reduces the amount of boilerplate needed to
|
|
6920
6923
|
* build complex forms.
|
|
6921
6924
|
*
|
|
6922
|
-
* @see [Reactive Forms Guide](guide/reactive-forms)
|
|
6925
|
+
* @see [Reactive Forms Guide](guide/forms/reactive-forms)
|
|
6923
6926
|
*
|
|
6924
6927
|
* @publicApi
|
|
6925
6928
|
*/
|
|
@@ -7095,10 +7098,10 @@ class FormBuilder {
|
|
|
7095
7098
|
return this.control(controls);
|
|
7096
7099
|
}
|
|
7097
7100
|
}
|
|
7098
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
7099
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
7101
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: FormBuilder, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
7102
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: FormBuilder, providedIn: 'root' }); }
|
|
7100
7103
|
}
|
|
7101
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
7104
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: FormBuilder, decorators: [{
|
|
7102
7105
|
type: Injectable,
|
|
7103
7106
|
args: [{ providedIn: 'root' }]
|
|
7104
7107
|
}] });
|
|
@@ -7110,10 +7113,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3",
|
|
|
7110
7113
|
* @publicApi
|
|
7111
7114
|
*/
|
|
7112
7115
|
class NonNullableFormBuilder {
|
|
7113
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
7114
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
7116
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: NonNullableFormBuilder, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
7117
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: NonNullableFormBuilder, providedIn: 'root', useFactory: () => inject(FormBuilder).nonNullable }); }
|
|
7115
7118
|
}
|
|
7116
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
7119
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: NonNullableFormBuilder, decorators: [{
|
|
7117
7120
|
type: Injectable,
|
|
7118
7121
|
args: [{
|
|
7119
7122
|
providedIn: 'root',
|
|
@@ -7139,10 +7142,10 @@ class UntypedFormBuilder extends FormBuilder {
|
|
|
7139
7142
|
array(controlsConfig, validatorOrOpts, asyncValidator) {
|
|
7140
7143
|
return super.array(controlsConfig, validatorOrOpts, asyncValidator);
|
|
7141
7144
|
}
|
|
7142
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
7143
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
7145
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: UntypedFormBuilder, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
7146
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: UntypedFormBuilder, providedIn: 'root' }); }
|
|
7144
7147
|
}
|
|
7145
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
7148
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: UntypedFormBuilder, decorators: [{
|
|
7146
7149
|
type: Injectable,
|
|
7147
7150
|
args: [{ providedIn: 'root' }]
|
|
7148
7151
|
}] });
|
|
@@ -7155,14 +7158,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3",
|
|
|
7155
7158
|
/**
|
|
7156
7159
|
* @publicApi
|
|
7157
7160
|
*/
|
|
7158
|
-
const VERSION = new Version('18.0.0-next.
|
|
7161
|
+
const VERSION = new Version('18.0.0-next.4');
|
|
7159
7162
|
|
|
7160
7163
|
/**
|
|
7161
7164
|
* Exports the required providers and directives for template-driven forms,
|
|
7162
7165
|
* making them available for import by NgModules that import this module.
|
|
7163
7166
|
*
|
|
7164
|
-
* @see [Forms Overview](
|
|
7165
|
-
* @see [Template-driven Forms Guide](
|
|
7167
|
+
* @see [Forms Overview](guide/forms)
|
|
7168
|
+
* @see [Template-driven Forms Guide](guide/forms)
|
|
7166
7169
|
*
|
|
7167
7170
|
* @publicApi
|
|
7168
7171
|
*/
|
|
@@ -7184,11 +7187,11 @@ class FormsModule {
|
|
|
7184
7187
|
}]
|
|
7185
7188
|
};
|
|
7186
7189
|
}
|
|
7187
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
7188
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
7189
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
7190
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: FormsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7191
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.4", ngImport: i0, type: FormsModule, declarations: [NgModel, NgModelGroup, NgForm], exports: [ɵInternalFormsSharedModule, NgModel, NgModelGroup, NgForm] }); }
|
|
7192
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: FormsModule, imports: [ɵInternalFormsSharedModule] }); }
|
|
7190
7193
|
}
|
|
7191
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
7194
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: FormsModule, decorators: [{
|
|
7192
7195
|
type: NgModule,
|
|
7193
7196
|
args: [{
|
|
7194
7197
|
declarations: TEMPLATE_DRIVEN_DIRECTIVES,
|
|
@@ -7199,8 +7202,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3",
|
|
|
7199
7202
|
* Exports the required infrastructure and directives for reactive forms,
|
|
7200
7203
|
* making them available for import by NgModules that import this module.
|
|
7201
7204
|
*
|
|
7202
|
-
* @see [Forms Overview](guide/forms
|
|
7203
|
-
* @see [Reactive Forms Guide](guide/reactive-forms)
|
|
7205
|
+
* @see [Forms Overview](guide/forms)
|
|
7206
|
+
* @see [Reactive Forms Guide](guide/forms/reactive-forms)
|
|
7204
7207
|
*
|
|
7205
7208
|
* @publicApi
|
|
7206
7209
|
*/
|
|
@@ -7230,11 +7233,11 @@ class ReactiveFormsModule {
|
|
|
7230
7233
|
]
|
|
7231
7234
|
};
|
|
7232
7235
|
}
|
|
7233
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
7234
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.
|
|
7235
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
7236
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: ReactiveFormsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7237
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.4", ngImport: i0, type: ReactiveFormsModule, declarations: [FormControlDirective, FormGroupDirective, FormControlName, FormGroupName, FormArrayName], exports: [ɵInternalFormsSharedModule, FormControlDirective, FormGroupDirective, FormControlName, FormGroupName, FormArrayName] }); }
|
|
7238
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: ReactiveFormsModule, imports: [ɵInternalFormsSharedModule] }); }
|
|
7236
7239
|
}
|
|
7237
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.
|
|
7240
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: ReactiveFormsModule, decorators: [{
|
|
7238
7241
|
type: NgModule,
|
|
7239
7242
|
args: [{
|
|
7240
7243
|
declarations: [REACTIVE_DRIVEN_DIRECTIVES],
|