@angular/forms 18.1.0-next.2 → 18.1.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 +18 -7
- package/esm2022/src/directives/ng_form.mjs +17 -12
- 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 +3 -3
- package/esm2022/src/directives/reactive_directives/form_control_name.mjs +3 -3
- package/esm2022/src/directives/reactive_directives/form_group_directive.mjs +21 -12
- package/esm2022/src/directives/reactive_directives/form_group_name.mjs +6 -6
- 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 +27 -27
- package/esm2022/src/directives.mjs +4 -4
- package/esm2022/src/form_builder.mjs +9 -9
- package/esm2022/src/form_providers.mjs +8 -8
- package/esm2022/src/model/abstract_model.mjs +50 -17
- package/esm2022/src/version.mjs +1 -1
- package/fesm2022/forms.mjs +210 -152
- package/fesm2022/forms.mjs.map +1 -1
- package/index.d.ts +17 -8
- package/package.json +4 -4
package/fesm2022/forms.mjs
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @license Angular v18.1.0-next.
|
|
2
|
+
* @license Angular v18.1.0-next.4
|
|
3
3
|
* (c) 2010-2024 Google LLC. https://angular.io/
|
|
4
4
|
* License: MIT
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
7
|
import * as i0 from '@angular/core';
|
|
8
|
-
import { Directive, InjectionToken, forwardRef, Optional, Inject, ɵisPromise, ɵisSubscribable, ɵRuntimeError, Self, EventEmitter, Input, Host, SkipSelf, booleanAttribute, ChangeDetectorRef, Output, Injectable, inject, NgModule, Version } from '@angular/core';
|
|
8
|
+
import { Directive, InjectionToken, forwardRef, Optional, Inject, ɵisPromise, ɵisSubscribable, ɵRuntimeError, Self, computed, signal, untracked, EventEmitter, Input, Host, SkipSelf, booleanAttribute, ChangeDetectorRef, Output, Injectable, inject, NgModule, Version } from '@angular/core';
|
|
9
9
|
import { ɵgetDOM } from '@angular/common';
|
|
10
10
|
import { from, forkJoin, Subject } from 'rxjs';
|
|
11
11
|
import { map } from 'rxjs/operators';
|
|
@@ -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.1.0-next.
|
|
66
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.
|
|
65
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.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.1.0-next.4", type: BaseControlValueAccessor, ngImport: i0 }); }
|
|
67
67
|
}
|
|
68
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
68
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.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.1.0-next.2",
|
|
|
78
78
|
* applications code.
|
|
79
79
|
*/
|
|
80
80
|
class BuiltInControlValueAccessor extends BaseControlValueAccessor {
|
|
81
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
82
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.
|
|
81
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.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.1.0-next.4", type: BuiltInControlValueAccessor, usesInheritance: true, ngImport: i0 }); }
|
|
83
83
|
}
|
|
84
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
84
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.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.1.0-next.
|
|
133
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.
|
|
132
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.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.1.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.1.0-next.
|
|
135
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.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.1.0-next.
|
|
233
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.
|
|
232
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.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.1.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.1.0-next.
|
|
235
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.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]',
|
|
@@ -1258,27 +1258,38 @@ class AbstractControlStatus {
|
|
|
1258
1258
|
this._cd = cd;
|
|
1259
1259
|
}
|
|
1260
1260
|
get isTouched() {
|
|
1261
|
+
// track the touched signal
|
|
1262
|
+
this._cd?.control?._touched?.();
|
|
1261
1263
|
return !!this._cd?.control?.touched;
|
|
1262
1264
|
}
|
|
1263
1265
|
get isUntouched() {
|
|
1264
1266
|
return !!this._cd?.control?.untouched;
|
|
1265
1267
|
}
|
|
1266
1268
|
get isPristine() {
|
|
1269
|
+
// track the pristine signal
|
|
1270
|
+
this._cd?.control?._pristine?.();
|
|
1267
1271
|
return !!this._cd?.control?.pristine;
|
|
1268
1272
|
}
|
|
1269
1273
|
get isDirty() {
|
|
1274
|
+
// pristine signal already tracked above
|
|
1270
1275
|
return !!this._cd?.control?.dirty;
|
|
1271
1276
|
}
|
|
1272
1277
|
get isValid() {
|
|
1278
|
+
// track the status signal
|
|
1279
|
+
this._cd?.control?._status?.();
|
|
1273
1280
|
return !!this._cd?.control?.valid;
|
|
1274
1281
|
}
|
|
1275
1282
|
get isInvalid() {
|
|
1283
|
+
// status signal already tracked above
|
|
1276
1284
|
return !!this._cd?.control?.invalid;
|
|
1277
1285
|
}
|
|
1278
1286
|
get isPending() {
|
|
1287
|
+
// status signal already tracked above
|
|
1279
1288
|
return !!this._cd?.control?.pending;
|
|
1280
1289
|
}
|
|
1281
1290
|
get isSubmitted() {
|
|
1291
|
+
// track the submitted signal
|
|
1292
|
+
this._cd?._submitted?.();
|
|
1282
1293
|
// We check for the `submitted` field from `NgForm` and `FormGroupDirective` classes, but
|
|
1283
1294
|
// we avoid instanceof checks to prevent non-tree-shakable references to those types.
|
|
1284
1295
|
return !!this._cd?.submitted;
|
|
@@ -1324,10 +1335,10 @@ class NgControlStatus extends AbstractControlStatus {
|
|
|
1324
1335
|
constructor(cd) {
|
|
1325
1336
|
super(cd);
|
|
1326
1337
|
}
|
|
1327
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
1328
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.
|
|
1338
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: NgControlStatus, deps: [{ token: NgControl, self: true }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1339
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.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 }); }
|
|
1329
1340
|
}
|
|
1330
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
1341
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: NgControlStatus, decorators: [{
|
|
1331
1342
|
type: Directive,
|
|
1332
1343
|
args: [{ selector: '[formControlName],[ngModel],[formControl]', host: ngControlStatusHost }]
|
|
1333
1344
|
}], ctorParameters: () => [{ type: NgControl, decorators: [{
|
|
@@ -1349,10 +1360,10 @@ class NgControlStatusGroup extends AbstractControlStatus {
|
|
|
1349
1360
|
constructor(cd) {
|
|
1350
1361
|
super(cd);
|
|
1351
1362
|
}
|
|
1352
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
1353
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.
|
|
1363
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: NgControlStatusGroup, deps: [{ token: ControlContainer, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1364
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.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 }); }
|
|
1354
1365
|
}
|
|
1355
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
1366
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: NgControlStatusGroup, decorators: [{
|
|
1356
1367
|
type: Directive,
|
|
1357
1368
|
args: [{
|
|
1358
1369
|
selector: '[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]',
|
|
@@ -1722,21 +1733,15 @@ class AbstractControl {
|
|
|
1722
1733
|
/** @internal */
|
|
1723
1734
|
this._onCollectionChange = () => { };
|
|
1724
1735
|
this._parent = null;
|
|
1725
|
-
/**
|
|
1726
|
-
|
|
1727
|
-
|
|
1728
|
-
|
|
1729
|
-
|
|
1730
|
-
|
|
1731
|
-
|
|
1732
|
-
this.
|
|
1733
|
-
|
|
1734
|
-
* True if the control is marked as `touched`.
|
|
1735
|
-
*
|
|
1736
|
-
* A control is marked `touched` once the user has triggered
|
|
1737
|
-
* a `blur` event on it.
|
|
1738
|
-
*/
|
|
1739
|
-
this.touched = false;
|
|
1736
|
+
/** @internal */
|
|
1737
|
+
this._status = computed(() => this.statusReactive());
|
|
1738
|
+
this.statusReactive = signal(undefined);
|
|
1739
|
+
/** @internal */
|
|
1740
|
+
this._pristine = computed(() => this.pristineReactive());
|
|
1741
|
+
this.pristineReactive = signal(true);
|
|
1742
|
+
/** @internal */
|
|
1743
|
+
this._touched = computed(() => this.touchedReactive());
|
|
1744
|
+
this.touchedReactive = signal(false);
|
|
1740
1745
|
/**
|
|
1741
1746
|
* Exposed as observable, see below.
|
|
1742
1747
|
*
|
|
@@ -1789,6 +1794,20 @@ class AbstractControl {
|
|
|
1789
1794
|
get parent() {
|
|
1790
1795
|
return this._parent;
|
|
1791
1796
|
}
|
|
1797
|
+
/**
|
|
1798
|
+
* The validation status of the control.
|
|
1799
|
+
*
|
|
1800
|
+
* @see {@link FormControlStatus}
|
|
1801
|
+
*
|
|
1802
|
+
* These status values are mutually exclusive, so a control cannot be
|
|
1803
|
+
* both valid AND invalid or invalid AND disabled.
|
|
1804
|
+
*/
|
|
1805
|
+
get status() {
|
|
1806
|
+
return untracked(this.statusReactive);
|
|
1807
|
+
}
|
|
1808
|
+
set status(v) {
|
|
1809
|
+
untracked(() => this.statusReactive.set(v));
|
|
1810
|
+
}
|
|
1792
1811
|
/**
|
|
1793
1812
|
* A control is `valid` when its `status` is `VALID`.
|
|
1794
1813
|
*
|
|
@@ -1848,6 +1867,19 @@ class AbstractControl {
|
|
|
1848
1867
|
get enabled() {
|
|
1849
1868
|
return this.status !== DISABLED;
|
|
1850
1869
|
}
|
|
1870
|
+
/**
|
|
1871
|
+
* A control is `pristine` if the user has not yet changed
|
|
1872
|
+
* the value in the UI.
|
|
1873
|
+
*
|
|
1874
|
+
* @returns True if the user has not yet changed the value in the UI; compare `dirty`.
|
|
1875
|
+
* Programmatic changes to a control's value do not mark it dirty.
|
|
1876
|
+
*/
|
|
1877
|
+
get pristine() {
|
|
1878
|
+
return untracked(this.pristineReactive);
|
|
1879
|
+
}
|
|
1880
|
+
set pristine(v) {
|
|
1881
|
+
untracked(() => this.pristineReactive.set(v));
|
|
1882
|
+
}
|
|
1851
1883
|
/**
|
|
1852
1884
|
* A control is `dirty` if the user has changed the value
|
|
1853
1885
|
* in the UI.
|
|
@@ -1858,6 +1890,18 @@ class AbstractControl {
|
|
|
1858
1890
|
get dirty() {
|
|
1859
1891
|
return !this.pristine;
|
|
1860
1892
|
}
|
|
1893
|
+
/**
|
|
1894
|
+
* True if the control is marked as `touched`.
|
|
1895
|
+
*
|
|
1896
|
+
* A control is marked `touched` once the user has triggered
|
|
1897
|
+
* a `blur` event on it.
|
|
1898
|
+
*/
|
|
1899
|
+
get touched() {
|
|
1900
|
+
return untracked(this.touchedReactive);
|
|
1901
|
+
}
|
|
1902
|
+
set touched(v) {
|
|
1903
|
+
untracked(() => this.touchedReactive.set(v));
|
|
1904
|
+
}
|
|
1861
1905
|
/**
|
|
1862
1906
|
* True if the control has not been marked as touched
|
|
1863
1907
|
*
|
|
@@ -3362,14 +3406,19 @@ const resolvedPromise$1 = (() => Promise.resolve())();
|
|
|
3362
3406
|
* @publicApi
|
|
3363
3407
|
*/
|
|
3364
3408
|
class NgForm extends ControlContainer {
|
|
3409
|
+
/**
|
|
3410
|
+
* @description
|
|
3411
|
+
* Returns whether the form submission has been triggered.
|
|
3412
|
+
*/
|
|
3413
|
+
get submitted() {
|
|
3414
|
+
return untracked(this.submittedReactive);
|
|
3415
|
+
}
|
|
3365
3416
|
constructor(validators, asyncValidators, callSetDisabledState) {
|
|
3366
3417
|
super();
|
|
3367
3418
|
this.callSetDisabledState = callSetDisabledState;
|
|
3368
|
-
/**
|
|
3369
|
-
|
|
3370
|
-
|
|
3371
|
-
*/
|
|
3372
|
-
this.submitted = false;
|
|
3419
|
+
/** @internal */
|
|
3420
|
+
this._submitted = computed(() => this.submittedReactive());
|
|
3421
|
+
this.submittedReactive = signal(false);
|
|
3373
3422
|
this._directives = new Set();
|
|
3374
3423
|
/**
|
|
3375
3424
|
* @description
|
|
@@ -3518,7 +3567,7 @@ class NgForm extends ControlContainer {
|
|
|
3518
3567
|
* @param $event The "submit" event object
|
|
3519
3568
|
*/
|
|
3520
3569
|
onSubmit($event) {
|
|
3521
|
-
this.
|
|
3570
|
+
this.submittedReactive.set(true);
|
|
3522
3571
|
syncPendingControls(this.form, this._directives);
|
|
3523
3572
|
this.ngSubmit.emit($event);
|
|
3524
3573
|
// Forms with `method="dialog"` have some special behavior
|
|
@@ -3540,7 +3589,7 @@ class NgForm extends ControlContainer {
|
|
|
3540
3589
|
*/
|
|
3541
3590
|
resetForm(value = undefined) {
|
|
3542
3591
|
this.form.reset(value);
|
|
3543
|
-
this.
|
|
3592
|
+
this.submittedReactive.set(false);
|
|
3544
3593
|
}
|
|
3545
3594
|
_setUpdateStrategy() {
|
|
3546
3595
|
if (this.options && this.options.updateOn != null) {
|
|
@@ -3551,10 +3600,10 @@ class NgForm extends ControlContainer {
|
|
|
3551
3600
|
path.pop();
|
|
3552
3601
|
return path.length ? this.form.get(path) : this.form;
|
|
3553
3602
|
}
|
|
3554
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
3555
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.
|
|
3603
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.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 }); }
|
|
3604
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.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 }); }
|
|
3556
3605
|
}
|
|
3557
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
3606
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: NgForm, decorators: [{
|
|
3558
3607
|
type: Directive,
|
|
3559
3608
|
args: [{
|
|
3560
3609
|
selector: 'form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]',
|
|
@@ -3753,10 +3802,10 @@ class AbstractFormGroupDirective extends ControlContainer {
|
|
|
3753
3802
|
}
|
|
3754
3803
|
/** @internal */
|
|
3755
3804
|
_checkParentType() { }
|
|
3756
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
3757
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.
|
|
3805
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: AbstractFormGroupDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3806
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.4", type: AbstractFormGroupDirective, usesInheritance: true, ngImport: i0 }); }
|
|
3758
3807
|
}
|
|
3759
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
3808
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: AbstractFormGroupDirective, decorators: [{
|
|
3760
3809
|
type: Directive
|
|
3761
3810
|
}] });
|
|
3762
3811
|
|
|
@@ -3856,10 +3905,10 @@ class NgModelGroup extends AbstractFormGroupDirective {
|
|
|
3856
3905
|
throw modelGroupParentException();
|
|
3857
3906
|
}
|
|
3858
3907
|
}
|
|
3859
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
3860
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.
|
|
3908
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.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 }); }
|
|
3909
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.4", type: NgModelGroup, selector: "[ngModelGroup]", inputs: { name: ["ngModelGroup", "name"] }, providers: [modelGroupProvider], exportAs: ["ngModelGroup"], usesInheritance: true, ngImport: i0 }); }
|
|
3861
3910
|
}
|
|
3862
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
3911
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: NgModelGroup, decorators: [{
|
|
3863
3912
|
type: Directive,
|
|
3864
3913
|
args: [{ selector: '[ngModelGroup]', providers: [modelGroupProvider], exportAs: 'ngModelGroup' }]
|
|
3865
3914
|
}], ctorParameters: () => [{ type: ControlContainer, decorators: [{
|
|
@@ -4135,10 +4184,10 @@ class NgModel extends NgControl {
|
|
|
4135
4184
|
_getPath(controlName) {
|
|
4136
4185
|
return this._parent ? controlPath(controlName, this._parent) : [controlName];
|
|
4137
4186
|
}
|
|
4138
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4139
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.
|
|
4187
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.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 }); }
|
|
4188
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.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 }); }
|
|
4140
4189
|
}
|
|
4141
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4190
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: NgModel, decorators: [{
|
|
4142
4191
|
type: Directive,
|
|
4143
4192
|
args: [{
|
|
4144
4193
|
selector: '[ngModel]:not([formControlName]):not([formControl])',
|
|
@@ -4214,10 +4263,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.2",
|
|
|
4214
4263
|
* @ngModule FormsModule
|
|
4215
4264
|
*/
|
|
4216
4265
|
class ɵNgNoValidate {
|
|
4217
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4218
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.
|
|
4266
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: ɵNgNoValidate, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4267
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.4", type: ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])", host: { attributes: { "novalidate": "" } }, ngImport: i0 }); }
|
|
4219
4268
|
}
|
|
4220
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4269
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: ɵNgNoValidate, decorators: [{
|
|
4221
4270
|
type: Directive,
|
|
4222
4271
|
args: [{
|
|
4223
4272
|
selector: 'form:not([ngNoForm]):not([ngNativeValidate])',
|
|
@@ -4273,10 +4322,10 @@ class NumberValueAccessor extends BuiltInControlValueAccessor {
|
|
|
4273
4322
|
fn(value == '' ? null : parseFloat(value));
|
|
4274
4323
|
};
|
|
4275
4324
|
}
|
|
4276
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4277
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.
|
|
4325
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: NumberValueAccessor, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4326
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.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 }); }
|
|
4278
4327
|
}
|
|
4279
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4328
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: NumberValueAccessor, decorators: [{
|
|
4280
4329
|
type: Directive,
|
|
4281
4330
|
args: [{
|
|
4282
4331
|
selector: 'input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]',
|
|
@@ -4339,10 +4388,10 @@ class RadioControlRegistry {
|
|
|
4339
4388
|
return false;
|
|
4340
4389
|
return (controlPair[0]._parent === accessor._control._parent && controlPair[1].name === accessor.name);
|
|
4341
4390
|
}
|
|
4342
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4343
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4391
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: RadioControlRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
4392
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: RadioControlRegistry, providedIn: 'root' }); }
|
|
4344
4393
|
}
|
|
4345
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4394
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: RadioControlRegistry, decorators: [{
|
|
4346
4395
|
type: Injectable,
|
|
4347
4396
|
args: [{ providedIn: 'root' }]
|
|
4348
4397
|
}] });
|
|
@@ -4456,10 +4505,10 @@ class RadioControlValueAccessor extends BuiltInControlValueAccessor {
|
|
|
4456
4505
|
if (!this.name && this.formControlName)
|
|
4457
4506
|
this.name = this.formControlName;
|
|
4458
4507
|
}
|
|
4459
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4460
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.
|
|
4508
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: RadioControlValueAccessor, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: RadioControlRegistry }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4509
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.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 }); }
|
|
4461
4510
|
}
|
|
4462
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4511
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: RadioControlValueAccessor, decorators: [{
|
|
4463
4512
|
type: Directive,
|
|
4464
4513
|
args: [{
|
|
4465
4514
|
selector: 'input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]',
|
|
@@ -4520,10 +4569,10 @@ class RangeValueAccessor extends BuiltInControlValueAccessor {
|
|
|
4520
4569
|
fn(value == '' ? null : parseFloat(value));
|
|
4521
4570
|
};
|
|
4522
4571
|
}
|
|
4523
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4524
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.
|
|
4572
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: RangeValueAccessor, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4573
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.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 }); }
|
|
4525
4574
|
}
|
|
4526
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4575
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: RangeValueAccessor, decorators: [{
|
|
4527
4576
|
type: Directive,
|
|
4528
4577
|
args: [{
|
|
4529
4578
|
selector: 'input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]',
|
|
@@ -4653,10 +4702,10 @@ class FormControlDirective extends NgControl {
|
|
|
4653
4702
|
_isControlChanged(changes) {
|
|
4654
4703
|
return changes.hasOwnProperty('form');
|
|
4655
4704
|
}
|
|
4656
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4657
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.
|
|
4705
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.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 }); }
|
|
4706
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.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 }); }
|
|
4658
4707
|
}
|
|
4659
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
4708
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: FormControlDirective, decorators: [{
|
|
4660
4709
|
type: Directive,
|
|
4661
4710
|
args: [{ selector: '[formControl]', providers: [formControlBinding], exportAs: 'ngForm' }]
|
|
4662
4711
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -4733,14 +4782,23 @@ const formDirectiveProvider = {
|
|
|
4733
4782
|
* @publicApi
|
|
4734
4783
|
*/
|
|
4735
4784
|
class FormGroupDirective extends ControlContainer {
|
|
4785
|
+
/**
|
|
4786
|
+
* @description
|
|
4787
|
+
* Reports whether the form submission has been triggered.
|
|
4788
|
+
*/
|
|
4789
|
+
get submitted() {
|
|
4790
|
+
return untracked(this._submittedReactive);
|
|
4791
|
+
}
|
|
4792
|
+
// TODO(atscott): Remove once invalid API usage is cleaned up internally
|
|
4793
|
+
set submitted(value) {
|
|
4794
|
+
this._submittedReactive.set(value);
|
|
4795
|
+
}
|
|
4736
4796
|
constructor(validators, asyncValidators, callSetDisabledState) {
|
|
4737
4797
|
super();
|
|
4738
4798
|
this.callSetDisabledState = callSetDisabledState;
|
|
4739
|
-
/**
|
|
4740
|
-
|
|
4741
|
-
|
|
4742
|
-
*/
|
|
4743
|
-
this.submitted = false;
|
|
4799
|
+
/** @internal */
|
|
4800
|
+
this._submitted = computed(() => this._submittedReactive());
|
|
4801
|
+
this._submittedReactive = signal(false);
|
|
4744
4802
|
/**
|
|
4745
4803
|
* Callback that should be invoked when controls in FormGroup or FormArray collection change
|
|
4746
4804
|
* (added or removed). This callback triggers corresponding DOM updates.
|
|
@@ -4914,7 +4972,7 @@ class FormGroupDirective extends ControlContainer {
|
|
|
4914
4972
|
* @param $event The "submit" event object
|
|
4915
4973
|
*/
|
|
4916
4974
|
onSubmit($event) {
|
|
4917
|
-
this.
|
|
4975
|
+
this._submittedReactive.set(true);
|
|
4918
4976
|
syncPendingControls(this.form, this.directives);
|
|
4919
4977
|
this.ngSubmit.emit($event);
|
|
4920
4978
|
this.form._events.next(new FormSubmittedEvent(this.control));
|
|
@@ -4938,7 +4996,7 @@ class FormGroupDirective extends ControlContainer {
|
|
|
4938
4996
|
*/
|
|
4939
4997
|
resetForm(value = undefined) {
|
|
4940
4998
|
this.form.reset(value);
|
|
4941
|
-
this.
|
|
4999
|
+
this._submittedReactive.set(false);
|
|
4942
5000
|
this.form._events.next(new FormResetEvent(this.form));
|
|
4943
5001
|
}
|
|
4944
5002
|
/** @internal */
|
|
@@ -5001,10 +5059,10 @@ class FormGroupDirective extends ControlContainer {
|
|
|
5001
5059
|
throw missingFormException();
|
|
5002
5060
|
}
|
|
5003
5061
|
}
|
|
5004
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
5005
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.
|
|
5062
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.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 }); }
|
|
5063
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.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 }); }
|
|
5006
5064
|
}
|
|
5007
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
5065
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: FormGroupDirective, decorators: [{
|
|
5008
5066
|
type: Directive,
|
|
5009
5067
|
args: [{
|
|
5010
5068
|
selector: '[formGroup]',
|
|
@@ -5112,10 +5170,10 @@ class FormGroupName extends AbstractFormGroupDirective {
|
|
|
5112
5170
|
throw groupParentException();
|
|
5113
5171
|
}
|
|
5114
5172
|
}
|
|
5115
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
5116
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.
|
|
5173
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.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 }); }
|
|
5174
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.4", type: FormGroupName, selector: "[formGroupName]", inputs: { name: ["formGroupName", "name"] }, providers: [formGroupNameProvider], usesInheritance: true, ngImport: i0 }); }
|
|
5117
5175
|
}
|
|
5118
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
5176
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: FormGroupName, decorators: [{
|
|
5119
5177
|
type: Directive,
|
|
5120
5178
|
args: [{ selector: '[formGroupName]', providers: [formGroupNameProvider] }]
|
|
5121
5179
|
}], ctorParameters: () => [{ type: ControlContainer, decorators: [{
|
|
@@ -5232,10 +5290,10 @@ class FormArrayName extends ControlContainer {
|
|
|
5232
5290
|
throw arrayParentException();
|
|
5233
5291
|
}
|
|
5234
5292
|
}
|
|
5235
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
5236
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.
|
|
5293
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.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 }); }
|
|
5294
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.4", type: FormArrayName, selector: "[formArrayName]", inputs: { name: ["formArrayName", "name"] }, providers: [formArrayNameProvider], usesInheritance: true, ngImport: i0 }); }
|
|
5237
5295
|
}
|
|
5238
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
5296
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: FormArrayName, decorators: [{
|
|
5239
5297
|
type: Directive,
|
|
5240
5298
|
args: [{ selector: '[formArrayName]', providers: [formArrayNameProvider] }]
|
|
5241
5299
|
}], ctorParameters: () => [{ type: ControlContainer, decorators: [{
|
|
@@ -5412,10 +5470,10 @@ class FormControlName extends NgControl {
|
|
|
5412
5470
|
this.control = this.formDirective.addControl(this);
|
|
5413
5471
|
this._added = true;
|
|
5414
5472
|
}
|
|
5415
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
5416
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.
|
|
5473
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.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 }); }
|
|
5474
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.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 }); }
|
|
5417
5475
|
}
|
|
5418
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
5476
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: FormControlName, decorators: [{
|
|
5419
5477
|
type: Directive,
|
|
5420
5478
|
args: [{ selector: '[formControlName]', providers: [controlNameBinding] }]
|
|
5421
5479
|
}], ctorParameters: () => [{ type: ControlContainer, decorators: [{
|
|
@@ -5592,10 +5650,10 @@ class SelectControlValueAccessor extends BuiltInControlValueAccessor {
|
|
|
5592
5650
|
const id = _extractId$1(valueString);
|
|
5593
5651
|
return this._optionMap.has(id) ? this._optionMap.get(id) : valueString;
|
|
5594
5652
|
}
|
|
5595
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
5596
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.
|
|
5653
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: SelectControlValueAccessor, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5654
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.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 }); }
|
|
5597
5655
|
}
|
|
5598
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
5656
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: SelectControlValueAccessor, decorators: [{
|
|
5599
5657
|
type: Directive,
|
|
5600
5658
|
args: [{
|
|
5601
5659
|
selector: 'select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]',
|
|
@@ -5656,10 +5714,10 @@ class NgSelectOption {
|
|
|
5656
5714
|
this._select.writeValue(this._select.value);
|
|
5657
5715
|
}
|
|
5658
5716
|
}
|
|
5659
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
5660
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.
|
|
5717
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: NgSelectOption, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: SelectControlValueAccessor, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5718
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.4", type: NgSelectOption, selector: "option", inputs: { ngValue: "ngValue", value: "value" }, ngImport: i0 }); }
|
|
5661
5719
|
}
|
|
5662
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
5720
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: NgSelectOption, decorators: [{
|
|
5663
5721
|
type: Directive,
|
|
5664
5722
|
args: [{ selector: 'option' }]
|
|
5665
5723
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: SelectControlValueAccessor, decorators: [{
|
|
@@ -5823,10 +5881,10 @@ class SelectMultipleControlValueAccessor extends BuiltInControlValueAccessor {
|
|
|
5823
5881
|
const id = _extractId(valueString);
|
|
5824
5882
|
return this._optionMap.has(id) ? this._optionMap.get(id)._value : valueString;
|
|
5825
5883
|
}
|
|
5826
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
5827
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.
|
|
5884
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: SelectMultipleControlValueAccessor, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5885
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.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 }); }
|
|
5828
5886
|
}
|
|
5829
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
5887
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: SelectMultipleControlValueAccessor, decorators: [{
|
|
5830
5888
|
type: Directive,
|
|
5831
5889
|
args: [{
|
|
5832
5890
|
selector: 'select[multiple][formControlName],select[multiple][formControl],select[multiple][ngModel]',
|
|
@@ -5897,10 +5955,10 @@ class ɵNgSelectMultipleOption {
|
|
|
5897
5955
|
this._select.writeValue(this._select.value);
|
|
5898
5956
|
}
|
|
5899
5957
|
}
|
|
5900
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
5901
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.
|
|
5958
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: ɵNgSelectMultipleOption, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: SelectMultipleControlValueAccessor, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5959
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.4", type: ɵNgSelectMultipleOption, selector: "option", inputs: { ngValue: "ngValue", value: "value" }, ngImport: i0 }); }
|
|
5902
5960
|
}
|
|
5903
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
5961
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: ɵNgSelectMultipleOption, decorators: [{
|
|
5904
5962
|
type: Directive,
|
|
5905
5963
|
args: [{ selector: 'option' }]
|
|
5906
5964
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: SelectMultipleControlValueAccessor, decorators: [{
|
|
@@ -5972,10 +6030,10 @@ class AbstractValidatorDirective {
|
|
|
5972
6030
|
enabled(input) {
|
|
5973
6031
|
return input != null /* both `null` and `undefined` */;
|
|
5974
6032
|
}
|
|
5975
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
5976
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.
|
|
6033
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: AbstractValidatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
6034
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.4", type: AbstractValidatorDirective, usesOnChanges: true, ngImport: i0 }); }
|
|
5977
6035
|
}
|
|
5978
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
6036
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: AbstractValidatorDirective, decorators: [{
|
|
5979
6037
|
type: Directive
|
|
5980
6038
|
}] });
|
|
5981
6039
|
/**
|
|
@@ -6018,10 +6076,10 @@ class MaxValidator extends AbstractValidatorDirective {
|
|
|
6018
6076
|
/** @internal */
|
|
6019
6077
|
this.createValidator = (max) => maxValidator(max);
|
|
6020
6078
|
}
|
|
6021
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
6022
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.
|
|
6079
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: MaxValidator, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
6080
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.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 }); }
|
|
6023
6081
|
}
|
|
6024
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
6082
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: MaxValidator, decorators: [{
|
|
6025
6083
|
type: Directive,
|
|
6026
6084
|
args: [{
|
|
6027
6085
|
selector: 'input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]',
|
|
@@ -6071,10 +6129,10 @@ class MinValidator extends AbstractValidatorDirective {
|
|
|
6071
6129
|
/** @internal */
|
|
6072
6130
|
this.createValidator = (min) => minValidator(min);
|
|
6073
6131
|
}
|
|
6074
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
6075
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.
|
|
6132
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: MinValidator, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
6133
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.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 }); }
|
|
6076
6134
|
}
|
|
6077
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
6135
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: MinValidator, decorators: [{
|
|
6078
6136
|
type: Directive,
|
|
6079
6137
|
args: [{
|
|
6080
6138
|
selector: 'input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]',
|
|
@@ -6135,10 +6193,10 @@ class RequiredValidator extends AbstractValidatorDirective {
|
|
|
6135
6193
|
enabled(input) {
|
|
6136
6194
|
return input;
|
|
6137
6195
|
}
|
|
6138
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
6139
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.
|
|
6196
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: RequiredValidator, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
6197
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.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 }); }
|
|
6140
6198
|
}
|
|
6141
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
6199
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: RequiredValidator, decorators: [{
|
|
6142
6200
|
type: Directive,
|
|
6143
6201
|
args: [{
|
|
6144
6202
|
selector: ':not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]',
|
|
@@ -6175,10 +6233,10 @@ class CheckboxRequiredValidator extends RequiredValidator {
|
|
|
6175
6233
|
/** @internal */
|
|
6176
6234
|
this.createValidator = (input) => requiredTrueValidator;
|
|
6177
6235
|
}
|
|
6178
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
6179
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.
|
|
6236
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: CheckboxRequiredValidator, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
6237
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.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 }); }
|
|
6180
6238
|
}
|
|
6181
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
6239
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: CheckboxRequiredValidator, decorators: [{
|
|
6182
6240
|
type: Directive,
|
|
6183
6241
|
args: [{
|
|
6184
6242
|
selector: 'input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]',
|
|
@@ -6236,10 +6294,10 @@ class EmailValidator extends AbstractValidatorDirective {
|
|
|
6236
6294
|
enabled(input) {
|
|
6237
6295
|
return input;
|
|
6238
6296
|
}
|
|
6239
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
6240
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.
|
|
6297
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: EmailValidator, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
6298
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.4", type: EmailValidator, selector: "[email][formControlName],[email][formControl],[email][ngModel]", inputs: { email: "email" }, providers: [EMAIL_VALIDATOR], usesInheritance: true, ngImport: i0 }); }
|
|
6241
6299
|
}
|
|
6242
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
6300
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: EmailValidator, decorators: [{
|
|
6243
6301
|
type: Directive,
|
|
6244
6302
|
args: [{
|
|
6245
6303
|
selector: '[email][formControlName],[email][formControl],[email][ngModel]',
|
|
@@ -6288,10 +6346,10 @@ class MinLengthValidator extends AbstractValidatorDirective {
|
|
|
6288
6346
|
/** @internal */
|
|
6289
6347
|
this.createValidator = (minlength) => minLengthValidator(minlength);
|
|
6290
6348
|
}
|
|
6291
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
6292
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.
|
|
6349
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: MinLengthValidator, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
6350
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.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 }); }
|
|
6293
6351
|
}
|
|
6294
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
6352
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: MinLengthValidator, decorators: [{
|
|
6295
6353
|
type: Directive,
|
|
6296
6354
|
args: [{
|
|
6297
6355
|
selector: '[minlength][formControlName],[minlength][formControl],[minlength][ngModel]',
|
|
@@ -6341,10 +6399,10 @@ class MaxLengthValidator extends AbstractValidatorDirective {
|
|
|
6341
6399
|
/** @internal */
|
|
6342
6400
|
this.createValidator = (maxlength) => maxLengthValidator(maxlength);
|
|
6343
6401
|
}
|
|
6344
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
6345
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.
|
|
6402
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: MaxLengthValidator, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
6403
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.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 }); }
|
|
6346
6404
|
}
|
|
6347
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
6405
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: MaxLengthValidator, decorators: [{
|
|
6348
6406
|
type: Directive,
|
|
6349
6407
|
args: [{
|
|
6350
6408
|
selector: '[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]',
|
|
@@ -6396,10 +6454,10 @@ class PatternValidator extends AbstractValidatorDirective {
|
|
|
6396
6454
|
/** @internal */
|
|
6397
6455
|
this.createValidator = (input) => patternValidator(input);
|
|
6398
6456
|
}
|
|
6399
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
6400
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0-next.
|
|
6457
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: PatternValidator, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
6458
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.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 }); }
|
|
6401
6459
|
}
|
|
6402
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
6460
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: PatternValidator, decorators: [{
|
|
6403
6461
|
type: Directive,
|
|
6404
6462
|
args: [{
|
|
6405
6463
|
selector: '[pattern][formControlName],[pattern][formControl],[pattern][ngModel]',
|
|
@@ -6444,8 +6502,8 @@ const REACTIVE_DRIVEN_DIRECTIVES = [
|
|
|
6444
6502
|
* Internal module used for sharing directives between FormsModule and ReactiveFormsModule
|
|
6445
6503
|
*/
|
|
6446
6504
|
class ɵInternalFormsSharedModule {
|
|
6447
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
6448
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0-next.
|
|
6505
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: ɵInternalFormsSharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
6506
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0-next.4", ngImport: i0, type: ɵInternalFormsSharedModule, declarations: [ɵNgNoValidate,
|
|
6449
6507
|
NgSelectOption,
|
|
6450
6508
|
ɵNgSelectMultipleOption,
|
|
6451
6509
|
DefaultValueAccessor,
|
|
@@ -6484,9 +6542,9 @@ class ɵInternalFormsSharedModule {
|
|
|
6484
6542
|
EmailValidator,
|
|
6485
6543
|
MinValidator,
|
|
6486
6544
|
MaxValidator] }); }
|
|
6487
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
6545
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: ɵInternalFormsSharedModule }); }
|
|
6488
6546
|
}
|
|
6489
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
6547
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: ɵInternalFormsSharedModule, decorators: [{
|
|
6490
6548
|
type: NgModule,
|
|
6491
6549
|
args: [{
|
|
6492
6550
|
declarations: SHARED_FORM_DIRECTIVES,
|
|
@@ -7140,10 +7198,10 @@ class FormBuilder {
|
|
|
7140
7198
|
return this.control(controls);
|
|
7141
7199
|
}
|
|
7142
7200
|
}
|
|
7143
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
7144
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
7201
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: FormBuilder, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
7202
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: FormBuilder, providedIn: 'root' }); }
|
|
7145
7203
|
}
|
|
7146
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
7204
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: FormBuilder, decorators: [{
|
|
7147
7205
|
type: Injectable,
|
|
7148
7206
|
args: [{ providedIn: 'root' }]
|
|
7149
7207
|
}] });
|
|
@@ -7155,10 +7213,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.2",
|
|
|
7155
7213
|
* @publicApi
|
|
7156
7214
|
*/
|
|
7157
7215
|
class NonNullableFormBuilder {
|
|
7158
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
7159
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
7216
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: NonNullableFormBuilder, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
7217
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: NonNullableFormBuilder, providedIn: 'root', useFactory: () => inject(FormBuilder).nonNullable }); }
|
|
7160
7218
|
}
|
|
7161
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
7219
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: NonNullableFormBuilder, decorators: [{
|
|
7162
7220
|
type: Injectable,
|
|
7163
7221
|
args: [{
|
|
7164
7222
|
providedIn: 'root',
|
|
@@ -7184,10 +7242,10 @@ class UntypedFormBuilder extends FormBuilder {
|
|
|
7184
7242
|
array(controlsConfig, validatorOrOpts, asyncValidator) {
|
|
7185
7243
|
return super.array(controlsConfig, validatorOrOpts, asyncValidator);
|
|
7186
7244
|
}
|
|
7187
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
7188
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
7245
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: UntypedFormBuilder, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
7246
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: UntypedFormBuilder, providedIn: 'root' }); }
|
|
7189
7247
|
}
|
|
7190
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
7248
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: UntypedFormBuilder, decorators: [{
|
|
7191
7249
|
type: Injectable,
|
|
7192
7250
|
args: [{ providedIn: 'root' }]
|
|
7193
7251
|
}] });
|
|
@@ -7200,7 +7258,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.2",
|
|
|
7200
7258
|
/**
|
|
7201
7259
|
* @publicApi
|
|
7202
7260
|
*/
|
|
7203
|
-
const VERSION = new Version('18.1.0-next.
|
|
7261
|
+
const VERSION = new Version('18.1.0-next.4');
|
|
7204
7262
|
|
|
7205
7263
|
/**
|
|
7206
7264
|
* Exports the required providers and directives for template-driven forms,
|
|
@@ -7231,11 +7289,11 @@ class FormsModule {
|
|
|
7231
7289
|
],
|
|
7232
7290
|
};
|
|
7233
7291
|
}
|
|
7234
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
7235
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0-next.
|
|
7236
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
7292
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: FormsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7293
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0-next.4", ngImport: i0, type: FormsModule, declarations: [NgModel, NgModelGroup, NgForm], exports: [ɵInternalFormsSharedModule, NgModel, NgModelGroup, NgForm] }); }
|
|
7294
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: FormsModule, imports: [ɵInternalFormsSharedModule] }); }
|
|
7237
7295
|
}
|
|
7238
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
7296
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: FormsModule, decorators: [{
|
|
7239
7297
|
type: NgModule,
|
|
7240
7298
|
args: [{
|
|
7241
7299
|
declarations: TEMPLATE_DRIVEN_DIRECTIVES,
|
|
@@ -7277,11 +7335,11 @@ class ReactiveFormsModule {
|
|
|
7277
7335
|
],
|
|
7278
7336
|
};
|
|
7279
7337
|
}
|
|
7280
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
7281
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0-next.
|
|
7282
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
7338
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: ReactiveFormsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7339
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0-next.4", ngImport: i0, type: ReactiveFormsModule, declarations: [FormControlDirective, FormGroupDirective, FormControlName, FormGroupName, FormArrayName], exports: [ɵInternalFormsSharedModule, FormControlDirective, FormGroupDirective, FormControlName, FormGroupName, FormArrayName] }); }
|
|
7340
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: ReactiveFormsModule, imports: [ɵInternalFormsSharedModule] }); }
|
|
7283
7341
|
}
|
|
7284
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.
|
|
7342
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0-next.4", ngImport: i0, type: ReactiveFormsModule, decorators: [{
|
|
7285
7343
|
type: NgModule,
|
|
7286
7344
|
args: [{
|
|
7287
7345
|
declarations: [REACTIVE_DRIVEN_DIRECTIVES],
|