Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Socket
Sign inDemoInstall

@angular/forms

Package Overview
Dependencies
Maintainers
1
Versions
836
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@angular/forms - npm Package Compare versions

Comparing version 4.0.0-beta.3 to 4.0.0-beta.4

6

package.json
{
"name": "@angular/forms",
"version": "4.0.0-beta.3",
"version": "4.0.0-beta.4",
"description": "Angular - directives and services for creating forms",

@@ -11,4 +11,4 @@ "main": "bundles/forms.umd.js",

"peerDependencies": {
"@angular/core": "4.0.0-beta.3",
"@angular/common": "4.0.0-beta.3"
"@angular/core": "4.0.0-beta.4",
"@angular/common": "4.0.0-beta.4"
},

@@ -15,0 +15,0 @@ "repository": {

2

src/directives.js

@@ -64,3 +64,3 @@ /**

/**
* Internal module used for sharing directives between FormsModule and ReactiveFormsModule
* Internal module used for sharing directives between FormsModule and ReactiveFormsModule
*/

@@ -67,0 +67,0 @@ export var InternalFormsSharedModule = (function () {

9

src/directives/abstract_control_directive.js

@@ -9,6 +9,7 @@ /**

/**
* Base class for control directives.
* *
* Only used internally in the forms module.
* *
* Base class for control directives.
*
* Only used internally in the forms module.
*
* \@stable
* @abstract

@@ -15,0 +16,0 @@ */

27

src/directives/abstract_form_group_directive.js

@@ -16,4 +16,5 @@ /**

/**
* This is a base class for code shared between {@link NgModelGroup} and {@link FormGroupName}.
* *
* This is a base class for code shared between {\@link NgModelGroup} and {\@link FormGroupName}.
*
* \@stable
*/

@@ -42,3 +43,3 @@ export var AbstractFormGroupDirective = (function (_super) {

/**
* Get the {@link FormGroup} backing this binding.
* Get the {\@link FormGroup} backing this binding.
* @return {?}

@@ -52,3 +53,3 @@ */

/**
* Get the path to this control group.
* Get the path to this control group.
* @return {?}

@@ -62,3 +63,3 @@ */

/**
* Get the {@link Form} to which this group belongs.
* Get the {\@link Form} to which this group belongs.
* @return {?}

@@ -87,2 +88,3 @@ */

/**
* \@internal
* @return {?}

@@ -94,9 +96,18 @@ */

function AbstractFormGroupDirective_tsickle_Closure_declarations() {
/** @type {?} */
/**
* \@internal
* @type {?}
*/
AbstractFormGroupDirective.prototype._parent;
/** @type {?} */
/**
* \@internal
* @type {?}
*/
AbstractFormGroupDirective.prototype._validators;
/** @type {?} */
/**
* \@internal
* @type {?}
*/
AbstractFormGroupDirective.prototype._asyncValidators;
}
//# sourceMappingURL=abstract_form_group_directive.js.map

16

src/directives/checkbox_value_accessor.js

@@ -16,10 +16,10 @@ /**

/**
* The accessor for writing a value and listening to changes on a checkbox input element.
* *
* ### Example
* ```
* <input type="checkbox" name="rememberLogin" ngModel>
* ```
* *
* @stable
* The accessor for writing a value and listening to changes on a checkbox input element.
*
* ### Example
* ```
* <input type="checkbox" name="rememberLogin" ngModel>
* ```
*
* \@stable
*/

@@ -26,0 +26,0 @@ export var CheckboxControlValueAccessor = (function () {

13

src/directives/control_container.js

@@ -15,6 +15,7 @@ /**

/**
* A directive that contains multiple {@link NgControl}s.
* *
* Only used by the forms module.
* *
* A directive that contains multiple {\@link NgControl}s.
*
* Only used by the forms module.
*
* \@stable
*/

@@ -28,3 +29,3 @@ export var ControlContainer = (function (_super) {

/**
* Get the form to which this container belongs.
* Get the form to which this container belongs.
* @return {?}

@@ -38,3 +39,3 @@ */

/**
* Get the path to this container.
* Get the path to this container.
* @return {?}

@@ -41,0 +42,0 @@ */

4

src/directives/control_value_accessor.d.ts

@@ -8,3 +8,3 @@ /**

*/
import { OpaqueToken } from '@angular/core';
import { InjectionToken } from '@angular/core';
/**

@@ -47,2 +47,2 @@ * A bridge between a control and a native element.

*/
export declare const NG_VALUE_ACCESSOR: OpaqueToken;
export declare const NG_VALUE_ACCESSOR: InjectionToken<ControlValueAccessor>;

4

src/directives/control_value_accessor.js

@@ -8,3 +8,3 @@ /**

*/
import { OpaqueToken } from '@angular/core';
import { InjectionToken } from '@angular/core';
/**

@@ -16,3 +16,3 @@ * Used to provide a {@link ControlValueAccessor} for form controls.

*/
export var /** @type {?} */ NG_VALUE_ACCESSOR = new OpaqueToken('NgValueAccessor');
export var /** @type {?} */ NG_VALUE_ACCESSOR = new InjectionToken('NgValueAccessor');
//# sourceMappingURL=control_value_accessor.js.map

2

src/directives/control_value_accessor.metadata.json

@@ -1,1 +0,1 @@

[{"__symbolic":"module","version":3,"metadata":{"NG_VALUE_ACCESSOR":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"OpaqueToken"},"arguments":["NgValueAccessor"]}}},{"__symbolic":"module","version":1,"metadata":{"NG_VALUE_ACCESSOR":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"OpaqueToken"},"arguments":["NgValueAccessor"]}}}]
[{"__symbolic":"module","version":3,"metadata":{"NG_VALUE_ACCESSOR":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken"},"arguments":["NgValueAccessor"]}}},{"__symbolic":"module","version":1,"metadata":{"NG_VALUE_ACCESSOR":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken"},"arguments":["NgValueAccessor"]}}}]

18

src/directives/default_value_accessor.js

@@ -16,11 +16,11 @@ /**

/**
* The default accessor for writing a value and listening to changes that is used by the
* {@link NgModel}, {@link FormControlDirective}, and {@link FormControlName} directives.
* *
* ### Example
* ```
* <input type="text" name="searchQuery" ngModel>
* ```
* *
* @stable
* The default accessor for writing a value and listening to changes that is used by the
* {\@link NgModel}, {\@link FormControlDirective}, and {\@link FormControlName} directives.
*
* ### Example
* ```
* <input type="text" name="searchQuery" ngModel>
* ```
*
* \@stable
*/

@@ -27,0 +27,0 @@ export var DefaultValueAccessor = (function () {

14

src/directives/ng_control_status.js

@@ -95,5 +95,6 @@ /**

/**
* Directive automatically applied to Angular form controls that sets CSS classes
* based on control status (valid/invalid/dirty/etc).
* *
* Directive automatically applied to Angular form controls that sets CSS classes
* based on control status (valid/invalid/dirty/etc).
*
* \@stable
*/

@@ -127,5 +128,6 @@ export var NgControlStatus = (function (_super) {

/**
* Directive automatically applied to Angular form groups that sets CSS classes
* based on control status (valid/invalid/dirty/etc).
* *
* Directive automatically applied to Angular form groups that sets CSS classes
* based on control status (valid/invalid/dirty/etc).
*
* \@stable
*/

@@ -132,0 +134,0 @@ export var NgControlStatusGroup = (function (_super) {

26

src/directives/ng_control.js

@@ -21,7 +21,8 @@ /**

/**
* A base class that all control directive extend.
* It binds a {@link FormControl} object to a DOM element.
* *
* Used internally by Angular forms.
* *
* A base class that all control directive extend.
* It binds a {\@link FormControl} object to a DOM element.
*
* Used internally by Angular forms.
*
* \@stable
* @abstract

@@ -67,3 +68,6 @@ */

function NgControl_tsickle_Closure_declarations() {
/** @type {?} */
/**
* \@internal
* @type {?}
*/
NgControl.prototype._parent;

@@ -74,7 +78,13 @@ /** @type {?} */

NgControl.prototype.valueAccessor;
/** @type {?} */
/**
* \@internal
* @type {?}
*/
NgControl.prototype._rawValidators;
/** @type {?} */
/**
* \@internal
* @type {?}
*/
NgControl.prototype._rawAsyncValidators;
}
//# sourceMappingURL=ng_control.js.map

57

src/directives/ng_form.js

@@ -25,29 +25,31 @@ /**

/**
* to track aggregate form value and validation status.
* *
* *
* As soon as you import the `FormsModule`, this directive becomes active by default on
* all `<form>` tags. You don't need to add a special selector.
* *
* You can export the directive into a local template variable using `ngForm` as the key
* (ex: `#myForm="ngForm"`). This is optional, but useful. Many properties from the underlying
* {@link FormGroup} instance are duplicated on the directive itself, so a reference to it
* will give you access to the aggregate value and validity status of the form, as well as
* user interaction properties like `dirty` and `touched`.
* *
* To register child controls with the form, you'll want to use {@link NgModel} with a
* `name` attribute. You can also use {@link NgModelGroup} if you'd like to create
* sub-groups within the form.
* *
* You can listen to the directive's `ngSubmit` event to be notified when the user has
* triggered a form submission. The `ngSubmit` event will be emitted with the original form
* submission event.
* *
* {@example forms/ts/simpleForm/simple_form_example.ts region='Component'}
* *
* * **npm package**: `@angular/forms`
* *
* * **NgModule**: `FormsModule`
* *
* @stable
* \@whatItDoes Creates a top-level {\@link FormGroup} instance and binds it to a form
* to track aggregate form value and validation status.
*
* \@howToUse
*
* As soon as you import the `FormsModule`, this directive becomes active by default on
* all `<form>` tags. You don't need to add a special selector.
*
* You can export the directive into a local template variable using `ngForm` as the key
* (ex: `#myForm="ngForm"`). This is optional, but useful. Many properties from the underlying
* {\@link FormGroup} instance are duplicated on the directive itself, so a reference to it
* will give you access to the aggregate value and validity status of the form, as well as
* user interaction properties like `dirty` and `touched`.
*
* To register child controls with the form, you'll want to use {\@link NgModel} with a
* `name` attribute. You can also use {\@link NgModelGroup} if you'd like to create
* sub-groups within the form.
*
* You can listen to the directive's `ngSubmit` event to be notified when the user has
* triggered a form submission. The `ngSubmit` event will be emitted with the original form
* submission event.
*
* {\@example forms/ts/simpleForm/simple_form_example.ts region='Component'}
*
* * **npm package**: `\@angular/forms`
*
* * **NgModule**: `FormsModule`
*
* \@stable
*/

@@ -210,2 +212,3 @@ export var NgForm = (function (_super) {

/**
* \@internal
* @param {?} path

@@ -212,0 +215,0 @@ * @return {?}

44

src/directives/ng_model_group.js

@@ -24,22 +24,25 @@ /**

/**
* *
* *
* This directive can only be used as a child of {@link NgForm} (or in other words,
* within `<form>` tags).
* *
* Use this directive if you'd like to create a sub-group within a form. This can
* come in handy if you want to validate a sub-group of your form separately from
* the rest of your form, or if some values in your domain model make more sense to
* consume together in a nested object.
* *
* Pass in the name you'd like this sub-group to have and it will become the key
* for the sub-group in the form's full value. You can also export the directive into
* a local template variable using `ngModelGroup` (ex: `#myGroup="ngModelGroup"`).
* *
* {@example forms/ts/ngModelGroup/ng_model_group_example.ts region='Component'}
* *
* * **npm package**: `@angular/forms`
* *
* * **NgModule**: `FormsModule`
* *
* \@whatItDoes Creates and binds a {\@link FormGroup} instance to a DOM element.
*
* \@howToUse
*
* This directive can only be used as a child of {\@link NgForm} (or in other words,
* within `<form>` tags).
*
* Use this directive if you'd like to create a sub-group within a form. This can
* come in handy if you want to validate a sub-group of your form separately from
* the rest of your form, or if some values in your domain model make more sense to
* consume together in a nested object.
*
* Pass in the name you'd like this sub-group to have and it will become the key
* for the sub-group in the form's full value. You can also export the directive into
* a local template variable using `ngModelGroup` (ex: `#myGroup="ngModelGroup"`).
*
* {\@example forms/ts/ngModelGroup/ng_model_group_example.ts region='Component'}
*
* * **npm package**: `\@angular/forms`
*
* * **NgModule**: `FormsModule`
*
* \@stable
*/

@@ -60,2 +63,3 @@ export var NgModelGroup = (function (_super) {

/**
* \@internal
* @return {?}

@@ -62,0 +66,0 @@ */

120

src/directives/ng_model.js

@@ -48,56 +48,58 @@ /**

/**
* to a form control element.
* *
* The {@link FormControl} instance will track the value, user interaction, and
* validation status of the control and keep the view synced with the model. If used
* within a parent form, the directive will also register itself with the form as a child
* control.
* *
* *
* This directive can be used by itself or as part of a larger form. All you need is the
* `ngModel` selector to activate it.
* *
* It accepts a domain model as an optional {@link @Input}. If you have a one-way binding
* to `ngModel` with `[]` syntax, changing the value of the domain model in the component
* class will set the value in the view. If you have a two-way binding with `[()]` syntax
* (also known as 'banana-box syntax'), the value in the UI will always be synced back to
* the domain model in your class as well.
* *
* If you wish to inspect the properties of the associated {@link FormControl} (like
* validity state), you can also export the directive into a local template variable using
* `ngModel` as the key (ex: `#myVar="ngModel"`). You can then access the control using the
* directive's `control` property, but most properties you'll need (like `valid` and `dirty`)
* will fall through to the control anyway, so you can access them directly. You can see a
* full list of properties directly available in {@link AbstractControlDirective}.
* *
* The following is an example of a simple standalone control using `ngModel`:
* *
* {@example forms/ts/simpleNgModel/simple_ng_model_example.ts region='Component'}
* *
* When using the `ngModel` within `<form>` tags, you'll also need to supply a `name` attribute
* so that the control can be registered with the parent form under that name.
* *
* It's worth noting that in the context of a parent form, you often can skip one-way or
* two-way binding because the parent form will sync the value for you. You can access
* its properties by exporting it into a local template variable using `ngForm` (ex:
* `#f="ngForm"`). Then you can pass it where it needs to go on submit.
* *
* If you do need to populate initial values into your form, using a one-way binding for
* `ngModel` tends to be sufficient as long as you use the exported form's value rather
* than the domain model's value on submit.
* *
* Take a look at an example of using `ngModel` within a form:
* *
* {@example forms/ts/simpleForm/simple_form_example.ts region='Component'}
* *
* To see `ngModel` examples with different form control types, see:
* *
* * Radio buttons: {@link RadioControlValueAccessor}
* * Selects: {@link SelectControlValueAccessor}
* *
* **npm package**: `@angular/forms`
* *
* **NgModule**: `FormsModule`
* *
* @stable
* \@whatItDoes Creates a {\@link FormControl} instance from a domain model and binds it
* to a form control element.
*
* The {\@link FormControl} instance will track the value, user interaction, and
* validation status of the control and keep the view synced with the model. If used
* within a parent form, the directive will also register itself with the form as a child
* control.
*
* \@howToUse
*
* This directive can be used by itself or as part of a larger form. All you need is the
* `ngModel` selector to activate it.
*
* It accepts a domain model as an optional {\@link \@Input}. If you have a one-way binding
* to `ngModel` with `[]` syntax, changing the value of the domain model in the component
* class will set the value in the view. If you have a two-way binding with `[()]` syntax
* (also known as 'banana-box syntax'), the value in the UI will always be synced back to
* the domain model in your class as well.
*
* If you wish to inspect the properties of the associated {\@link FormControl} (like
* validity state), you can also export the directive into a local template variable using
* `ngModel` as the key (ex: `#myVar="ngModel"`). You can then access the control using the
* directive's `control` property, but most properties you'll need (like `valid` and `dirty`)
* will fall through to the control anyway, so you can access them directly. You can see a
* full list of properties directly available in {\@link AbstractControlDirective}.
*
* The following is an example of a simple standalone control using `ngModel`:
*
* {\@example forms/ts/simpleNgModel/simple_ng_model_example.ts region='Component'}
*
* When using the `ngModel` within `<form>` tags, you'll also need to supply a `name` attribute
* so that the control can be registered with the parent form under that name.
*
* It's worth noting that in the context of a parent form, you often can skip one-way or
* two-way binding because the parent form will sync the value for you. You can access
* its properties by exporting it into a local template variable using `ngForm` (ex:
* `#f="ngForm"`). Then you can pass it where it needs to go on submit.
*
* If you do need to populate initial values into your form, using a one-way binding for
* `ngModel` tends to be sufficient as long as you use the exported form's value rather
* than the domain model's value on submit.
*
* Take a look at an example of using `ngModel` within a form:
*
* {\@example forms/ts/simpleForm/simple_form_example.ts region='Component'}
*
* To see `ngModel` examples with different form control types, see:
*
* * Radio buttons: {\@link RadioControlValueAccessor}
* * Selects: {\@link SelectControlValueAccessor}
*
* **npm package**: `\@angular/forms`
*
* **NgModule**: `FormsModule`
*
* \@stable
*/

@@ -306,5 +308,11 @@ export var NgModel = (function (_super) {

NgModel.propDecorators;
/** @type {?} */
/**
* \@internal
* @type {?}
*/
NgModel.prototype._control;
/** @type {?} */
/**
* \@internal
* @type {?}
*/
NgModel.prototype._registered;

@@ -311,0 +319,0 @@ /** @type {?} */

14

src/directives/number_value_accessor.js

@@ -16,9 +16,9 @@ /**

/**
* The accessor for writing a number value and listening to changes that is used by the
* {@link NgModel}, {@link FormControlDirective}, and {@link FormControlName} directives.
* *
* ### Example
* ```
* <input type="number" [(ngModel)]="age">
* ```
* The accessor for writing a number value and listening to changes that is used by the
* {\@link NgModel}, {\@link FormControlDirective}, and {\@link FormControlName} directives.
*
* ### Example
* ```
* <input type="number" [(ngModel)]="age">
* ```
*/

@@ -25,0 +25,0 @@ export var NumberValueAccessor = (function () {

69

src/directives/radio_control_value_accessor.js

@@ -17,3 +17,3 @@ /**

/**
* Internal class used by Angular to uncheck radio buttons with the matching name.
* Internal class used by Angular to uncheck radio buttons with the matching name.
*/

@@ -86,27 +86,29 @@ export var RadioControlRegistry = (function () {

/**
* *
* Used by {@link NgModel}, {@link FormControlDirective}, and {@link FormControlName}
* to keep the view synced with the {@link FormControl} model.
* *
* *
* If you have imported the {@link FormsModule} or the {@link ReactiveFormsModule}, this
* value accessor will be active on any radio control that has a form directive. You do
* **not** need to add a special selector to activate it.
* *
* ### How to use radio buttons with form directives
* *
* To use radio buttons in a template-driven form, you'll want to ensure that radio buttons
* in the same group have the same `name` attribute. Radio buttons with different `name`
* attributes do not affect each other.
* *
* {@example forms/ts/radioButtons/radio_button_example.ts region='TemplateDriven'}
* *
* When using radio buttons in a reactive form, radio buttons in the same group should have the
* same `formControlName`. You can also add a `name` attribute, but it's optional.
* *
* {@example forms/ts/reactiveRadioButtons/reactive_radio_button_example.ts region='Reactive'}
* *
* * **npm package**: `@angular/forms`
* *
* @stable
* \@whatItDoes Writes radio control values and listens to radio control changes.
*
* Used by {\@link NgModel}, {\@link FormControlDirective}, and {\@link FormControlName}
* to keep the view synced with the {\@link FormControl} model.
*
* \@howToUse
*
* If you have imported the {\@link FormsModule} or the {\@link ReactiveFormsModule}, this
* value accessor will be active on any radio control that has a form directive. You do
* **not** need to add a special selector to activate it.
*
* ### How to use radio buttons with form directives
*
* To use radio buttons in a template-driven form, you'll want to ensure that radio buttons
* in the same group have the same `name` attribute. Radio buttons with different `name`
* attributes do not affect each other.
*
* {\@example forms/ts/radioButtons/radio_button_example.ts region='TemplateDriven'}
*
* When using radio buttons in a reactive form, radio buttons in the same group should have the
* same `formControlName`. You can also add a `name` attribute, but it's optional.
*
* {\@example forms/ts/reactiveRadioButtons/reactive_radio_button_example.ts region='Reactive'}
*
* * **npm package**: `\@angular/forms`
*
* \@stable
*/

@@ -224,7 +226,16 @@ export var RadioControlValueAccessor = (function () {

RadioControlValueAccessor.propDecorators;
/** @type {?} */
/**
* \@internal
* @type {?}
*/
RadioControlValueAccessor.prototype._state;
/** @type {?} */
/**
* \@internal
* @type {?}
*/
RadioControlValueAccessor.prototype._control;
/** @type {?} */
/**
* \@internal
* @type {?}
*/
RadioControlValueAccessor.prototype._fn;

@@ -231,0 +242,0 @@ /** @type {?} */

14

src/directives/range_value_accessor.js

@@ -16,9 +16,9 @@ /**

/**
* The accessor for writing a range value and listening to changes that is used by the
* {@link NgModel}, {@link FormControlDirective}, and {@link FormControlName} directives.
* *
* ### Example
* ```
* <input type="range" [(ngModel)]="age" >
* ```
* The accessor for writing a range value and listening to changes that is used by the
* {\@link NgModel}, {\@link FormControlDirective}, and {\@link FormControlName} directives.
*
* ### Example
* ```
* <input type="range" [(ngModel)]="age" >
* ```
*/

@@ -25,0 +25,0 @@ export var RangeValueAccessor = (function () {

78

src/directives/reactive_directives/form_control_directive.js

@@ -25,40 +25,42 @@ /**

/**
* *
* In other words, this directive ensures that any values written to the {@link FormControl}
* instance programmatically will be written to the DOM element (model -> view). Conversely,
* any values written to the DOM element through user input will be reflected in the
* {@link FormControl} instance (view -> model).
* *
* *
* Use this directive if you'd like to create and manage a {@link FormControl} instance directly.
* Simply create a {@link FormControl}, save it to your component class, and pass it into the
* {@link FormControlDirective}.
* *
* This directive is designed to be used as a standalone control. Unlike {@link FormControlName},
* it does not require that your {@link FormControl} instance be part of any parent
* {@link FormGroup}, and it won't be registered to any {@link FormGroupDirective} that
* exists above it.
* *
* **Get the value**: the `value` property is always synced and available on the
* {@link FormControl} instance. See a full list of available properties in
* {@link AbstractControl}.
* *
* **Set the value**: You can pass in an initial value when instantiating the {@link FormControl},
* or you can set it programmatically later using {@link AbstractControl.setValue} or
* {@link AbstractControl.patchValue}.
* *
* **Listen to value**: If you want to listen to changes in the value of the control, you can
* subscribe to the {@link AbstractControl.valueChanges} event. You can also listen to
* {@link AbstractControl.statusChanges} to be notified when the validation status is
* re-calculated.
* *
* ### Example
* *
* {@example forms/ts/simpleFormControl/simple_form_control_example.ts region='Component'}
* *
* * **npm package**: `@angular/forms`
* *
* * **NgModule**: `ReactiveFormsModule`
* *
* @stable
* \@whatItDoes Syncs a standalone {\@link FormControl} instance to a form control element.
*
* In other words, this directive ensures that any values written to the {\@link FormControl}
* instance programmatically will be written to the DOM element (model -> view). Conversely,
* any values written to the DOM element through user input will be reflected in the
* {\@link FormControl} instance (view -> model).
*
* \@howToUse
*
* Use this directive if you'd like to create and manage a {\@link FormControl} instance directly.
* Simply create a {\@link FormControl}, save it to your component class, and pass it into the
* {\@link FormControlDirective}.
*
* This directive is designed to be used as a standalone control. Unlike {\@link FormControlName},
* it does not require that your {\@link FormControl} instance be part of any parent
* {\@link FormGroup}, and it won't be registered to any {\@link FormGroupDirective} that
* exists above it.
*
* **Get the value**: the `value` property is always synced and available on the
* {\@link FormControl} instance. See a full list of available properties in
* {\@link AbstractControl}.
*
* **Set the value**: You can pass in an initial value when instantiating the {\@link FormControl},
* or you can set it programmatically later using {\@link AbstractControl.setValue} or
* {\@link AbstractControl.patchValue}.
*
* **Listen to value**: If you want to listen to changes in the value of the control, you can
* subscribe to the {\@link AbstractControl.valueChanges} event. You can also listen to
* {\@link AbstractControl.statusChanges} to be notified when the validation status is
* re-calculated.
*
* ### Example
*
* {\@example forms/ts/simpleFormControl/simple_form_control_example.ts region='Component'}
*
* * **npm package**: `\@angular/forms`
*
* * **NgModule**: `ReactiveFormsModule`
*
* \@stable
*/

@@ -65,0 +67,0 @@ export var FormControlDirective = (function (_super) {

106

src/directives/reactive_directives/form_control_name.js

@@ -29,49 +29,51 @@ /**

/**
* element by name.
* *
* In other words, this directive ensures that any values written to the {@link FormControl}
* instance programmatically will be written to the DOM element (model -> view). Conversely,
* any values written to the DOM element through user input will be reflected in the
* {@link FormControl} instance (view -> model).
* *
* *
* This directive is designed to be used with a parent {@link FormGroupDirective} (selector:
* `[formGroup]`).
* *
* It accepts the string name of the {@link FormControl} instance you want to
* link, and will look for a {@link FormControl} registered with that name in the
* closest {@link FormGroup} or {@link FormArray} above it.
* *
* **Access the control**: You can access the {@link FormControl} associated with
* this directive by using the {@link AbstractControl.get} method.
* Ex: `this.form.get('first');`
* *
* **Get value**: the `value` property is always synced and available on the {@link FormControl}.
* See a full list of available properties in {@link AbstractControl}.
* *
* **Set value**: You can set an initial value for the control when instantiating the
* {@link FormControl}, or you can set it programmatically later using
* {@link AbstractControl.setValue} or {@link AbstractControl.patchValue}.
* *
* **Listen to value**: If you want to listen to changes in the value of the control, you can
* subscribe to the {@link AbstractControl.valueChanges} event. You can also listen to
* {@link AbstractControl.statusChanges} to be notified when the validation status is
* re-calculated.
* *
* ### Example
* *
* In this example, we create form controls for first name and last name.
* *
* {@example forms/ts/simpleFormGroup/simple_form_group_example.ts region='Component'}
* *
* To see `formControlName` examples with different form control types, see:
* *
* * Radio buttons: {@link RadioControlValueAccessor}
* * Selects: {@link SelectControlValueAccessor}
* *
* **npm package**: `@angular/forms`
* *
* **NgModule**: {@link ReactiveFormsModule}
* *
* @stable
* \@whatItDoes Syncs a {\@link FormControl} in an existing {\@link FormGroup} to a form control
* element by name.
*
* In other words, this directive ensures that any values written to the {\@link FormControl}
* instance programmatically will be written to the DOM element (model -> view). Conversely,
* any values written to the DOM element through user input will be reflected in the
* {\@link FormControl} instance (view -> model).
*
* \@howToUse
*
* This directive is designed to be used with a parent {\@link FormGroupDirective} (selector:
* `[formGroup]`).
*
* It accepts the string name of the {\@link FormControl} instance you want to
* link, and will look for a {\@link FormControl} registered with that name in the
* closest {\@link FormGroup} or {\@link FormArray} above it.
*
* **Access the control**: You can access the {\@link FormControl} associated with
* this directive by using the {\@link AbstractControl.get} method.
* Ex: `this.form.get('first');`
*
* **Get value**: the `value` property is always synced and available on the {\@link FormControl}.
* See a full list of available properties in {\@link AbstractControl}.
*
* **Set value**: You can set an initial value for the control when instantiating the
* {\@link FormControl}, or you can set it programmatically later using
* {\@link AbstractControl.setValue} or {\@link AbstractControl.patchValue}.
*
* **Listen to value**: If you want to listen to changes in the value of the control, you can
* subscribe to the {\@link AbstractControl.valueChanges} event. You can also listen to
* {\@link AbstractControl.statusChanges} to be notified when the validation status is
* re-calculated.
*
* ### Example
*
* In this example, we create form controls for first name and last name.
*
* {\@example forms/ts/simpleFormGroup/simple_form_group_example.ts region='Component'}
*
* To see `formControlName` examples with different form control types, see:
*
* * Radio buttons: {\@link RadioControlValueAccessor}
* * Selects: {\@link SelectControlValueAccessor}
*
* **npm package**: `\@angular/forms`
*
* **NgModule**: {\@link ReactiveFormsModule}
*
* \@stable
*/

@@ -228,5 +230,11 @@ export var FormControlName = (function (_super) {

FormControlName.prototype._added;
/** @type {?} */
/**
* \@internal
* @type {?}
*/
FormControlName.prototype.viewModel;
/** @type {?} */
/**
* \@internal
* @type {?}
*/
FormControlName.prototype._control;

@@ -233,0 +241,0 @@ /** @type {?} */

65

src/directives/reactive_directives/form_group_directive.js

@@ -25,33 +25,35 @@ /**

/**
* *
* *
* This directive accepts an existing {@link FormGroup} instance. It will then use this
* {@link FormGroup} instance to match any child {@link FormControl}, {@link FormGroup},
* and {@link FormArray} instances to child {@link FormControlName}, {@link FormGroupName},
* and {@link FormArrayName} directives.
* *
* **Set value**: You can set the form's initial value when instantiating the
* {@link FormGroup}, or you can set it programmatically later using the {@link FormGroup}'s
* {@link AbstractControl.setValue} or {@link AbstractControl.patchValue} methods.
* *
* **Listen to value**: If you want to listen to changes in the value of the form, you can subscribe
* to the {@link FormGroup}'s {@link AbstractControl.valueChanges} event. You can also listen to
* its {@link AbstractControl.statusChanges} event to be notified when the validation status is
* re-calculated.
* *
* Furthermore, you can listen to the directive's `ngSubmit` event to be notified when the user has
* triggered a form submission. The `ngSubmit` event will be emitted with the original form
* submission event.
* *
* ### Example
* *
* In this example, we create form controls for first name and last name.
* *
* {@example forms/ts/simpleFormGroup/simple_form_group_example.ts region='Component'}
* *
* **npm package**: `@angular/forms`
* *
* **NgModule**: {@link ReactiveFormsModule}
* *
* @stable
* \@whatItDoes Binds an existing {\@link FormGroup} to a DOM element.
*
* \@howToUse
*
* This directive accepts an existing {\@link FormGroup} instance. It will then use this
* {\@link FormGroup} instance to match any child {\@link FormControl}, {\@link FormGroup},
* and {\@link FormArray} instances to child {\@link FormControlName}, {\@link FormGroupName},
* and {\@link FormArrayName} directives.
*
* **Set value**: You can set the form's initial value when instantiating the
* {\@link FormGroup}, or you can set it programmatically later using the {\@link FormGroup}'s
* {\@link AbstractControl.setValue} or {\@link AbstractControl.patchValue} methods.
*
* **Listen to value**: If you want to listen to changes in the value of the form, you can subscribe
* to the {\@link FormGroup}'s {\@link AbstractControl.valueChanges} event. You can also listen to
* its {\@link AbstractControl.statusChanges} event to be notified when the validation status is
* re-calculated.
*
* Furthermore, you can listen to the directive's `ngSubmit` event to be notified when the user has
* triggered a form submission. The `ngSubmit` event will be emitted with the original form
* submission event.
*
* ### Example
*
* In this example, we create form controls for first name and last name.
*
* {\@example forms/ts/simpleFormGroup/simple_form_group_example.ts region='Component'}
*
* **npm package**: `\@angular/forms`
*
* **NgModule**: {\@link ReactiveFormsModule}
*
* \@stable
*/

@@ -208,2 +210,3 @@ export var FormGroupDirective = (function (_super) {

/**
* \@internal
* @return {?}

@@ -210,0 +213,0 @@ */

184

src/directives/reactive_directives/form_group_name.js

@@ -25,41 +25,44 @@ /**

/**
* *
* *
* This directive can only be used with a parent {@link FormGroupDirective} (selector:
* `[formGroup]`).
* *
* It accepts the string name of the nested {@link FormGroup} you want to link, and
* will look for a {@link FormGroup} registered with that name in the parent
* {@link FormGroup} instance you passed into {@link FormGroupDirective}.
* *
* Nested form groups can come in handy when you want to validate a sub-group of a
* form separately from the rest or when you'd like to group the values of certain
* controls into their own nested object.
* *
* **Access the group**: You can access the associated {@link FormGroup} using the
* {@link AbstractControl.get} method. Ex: `this.form.get('name')`.
* *
* You can also access individual controls within the group using dot syntax.
* Ex: `this.form.get('name.first')`
* *
* **Get the value**: the `value` property is always synced and available on the
* {@link FormGroup}. See a full list of available properties in {@link AbstractControl}.
* *
* **Set the value**: You can set an initial value for each child control when instantiating
* the {@link FormGroup}, or you can set it programmatically later using
* {@link AbstractControl.setValue} or {@link AbstractControl.patchValue}.
* *
* **Listen to value**: If you want to listen to changes in the value of the group, you can
* subscribe to the {@link AbstractControl.valueChanges} event. You can also listen to
* {@link AbstractControl.statusChanges} to be notified when the validation status is
* re-calculated.
* *
* ### Example
* *
* {@example forms/ts/nestedFormGroup/nested_form_group_example.ts region='Component'}
* *
* * **npm package**: `@angular/forms`
* *
* * **NgModule**: `ReactiveFormsModule`
* *
* \@whatItDoes Syncs a nested {\@link FormGroup} to a DOM element.
*
* \@howToUse
*
* This directive can only be used with a parent {\@link FormGroupDirective} (selector:
* `[formGroup]`).
*
* It accepts the string name of the nested {\@link FormGroup} you want to link, and
* will look for a {\@link FormGroup} registered with that name in the parent
* {\@link FormGroup} instance you passed into {\@link FormGroupDirective}.
*
* Nested form groups can come in handy when you want to validate a sub-group of a
* form separately from the rest or when you'd like to group the values of certain
* controls into their own nested object.
*
* **Access the group**: You can access the associated {\@link FormGroup} using the
* {\@link AbstractControl.get} method. Ex: `this.form.get('name')`.
*
* You can also access individual controls within the group using dot syntax.
* Ex: `this.form.get('name.first')`
*
* **Get the value**: the `value` property is always synced and available on the
* {\@link FormGroup}. See a full list of available properties in {\@link AbstractControl}.
*
* **Set the value**: You can set an initial value for each child control when instantiating
* the {\@link FormGroup}, or you can set it programmatically later using
* {\@link AbstractControl.setValue} or {\@link AbstractControl.patchValue}.
*
* **Listen to value**: If you want to listen to changes in the value of the group, you can
* subscribe to the {\@link AbstractControl.valueChanges} event. You can also listen to
* {\@link AbstractControl.statusChanges} to be notified when the validation status is
* re-calculated.
*
* ### Example
*
* {\@example forms/ts/nestedFormGroup/nested_form_group_example.ts region='Component'}
*
* * **npm package**: `\@angular/forms`
*
* * **NgModule**: `ReactiveFormsModule`
*
* \@stable
*/

@@ -80,2 +83,3 @@ export var FormGroupName = (function (_super) {

/**
* \@internal
* @return {?}

@@ -120,44 +124,47 @@ */

/**
* *
* *
* This directive is designed to be used with a parent {@link FormGroupDirective} (selector:
* `[formGroup]`).
* *
* It accepts the string name of the nested {@link FormArray} you want to link, and
* will look for a {@link FormArray} registered with that name in the parent
* {@link FormGroup} instance you passed into {@link FormGroupDirective}.
* *
* Nested form arrays can come in handy when you have a group of form controls but
* you're not sure how many there will be. Form arrays allow you to create new
* form controls dynamically.
* *
* **Access the array**: You can access the associated {@link FormArray} using the
* {@link AbstractControl.get} method on the parent {@link FormGroup}.
* Ex: `this.form.get('cities')`.
* *
* **Get the value**: the `value` property is always synced and available on the
* {@link FormArray}. See a full list of available properties in {@link AbstractControl}.
* *
* **Set the value**: You can set an initial value for each child control when instantiating
* the {@link FormArray}, or you can set the value programmatically later using the
* {@link FormArray}'s {@link AbstractControl.setValue} or {@link AbstractControl.patchValue}
* methods.
* *
* **Listen to value**: If you want to listen to changes in the value of the array, you can
* subscribe to the {@link FormArray}'s {@link AbstractControl.valueChanges} event. You can also
* listen to its {@link AbstractControl.statusChanges} event to be notified when the validation
* status is re-calculated.
* *
* **Add new controls**: You can add new controls to the {@link FormArray} dynamically by
* calling its {@link FormArray.push} method.
* Ex: `this.form.get('cities').push(new FormControl());`
* *
* ### Example
* *
* {@example forms/ts/nestedFormArray/nested_form_array_example.ts region='Component'}
* *
* * **npm package**: `@angular/forms`
* *
* * **NgModule**: `ReactiveFormsModule`
* *
* \@whatItDoes Syncs a nested {\@link FormArray} to a DOM element.
*
* \@howToUse
*
* This directive is designed to be used with a parent {\@link FormGroupDirective} (selector:
* `[formGroup]`).
*
* It accepts the string name of the nested {\@link FormArray} you want to link, and
* will look for a {\@link FormArray} registered with that name in the parent
* {\@link FormGroup} instance you passed into {\@link FormGroupDirective}.
*
* Nested form arrays can come in handy when you have a group of form controls but
* you're not sure how many there will be. Form arrays allow you to create new
* form controls dynamically.
*
* **Access the array**: You can access the associated {\@link FormArray} using the
* {\@link AbstractControl.get} method on the parent {\@link FormGroup}.
* Ex: `this.form.get('cities')`.
*
* **Get the value**: the `value` property is always synced and available on the
* {\@link FormArray}. See a full list of available properties in {\@link AbstractControl}.
*
* **Set the value**: You can set an initial value for each child control when instantiating
* the {\@link FormArray}, or you can set the value programmatically later using the
* {\@link FormArray}'s {\@link AbstractControl.setValue} or {\@link AbstractControl.patchValue}
* methods.
*
* **Listen to value**: If you want to listen to changes in the value of the array, you can
* subscribe to the {\@link FormArray}'s {\@link AbstractControl.valueChanges} event. You can also
* listen to its {\@link AbstractControl.statusChanges} event to be notified when the validation
* status is re-calculated.
*
* **Add new controls**: You can add new controls to the {\@link FormArray} dynamically by
* calling its {\@link FormArray.push} method.
* Ex: `this.form.get('cities').push(new FormControl());`
*
* ### Example
*
* {\@example forms/ts/nestedFormArray/nested_form_array_example.ts region='Component'}
*
* * **npm package**: `\@angular/forms`
*
* * **NgModule**: `ReactiveFormsModule`
*
* \@stable
*/

@@ -266,7 +273,16 @@ export var FormArrayName = (function (_super) {

FormArrayName.propDecorators;
/** @type {?} */
/**
* \@internal
* @type {?}
*/
FormArrayName.prototype._parent;
/** @type {?} */
/**
* \@internal
* @type {?}
*/
FormArrayName.prototype._validators;
/** @type {?} */
/**
* \@internal
* @type {?}
*/
FormArrayName.prototype._asyncValidators;

@@ -273,0 +289,0 @@ /** @type {?} */

94

src/directives/select_control_value_accessor.js

@@ -36,35 +36,38 @@ /**

/**
* *
* Used by {@link NgModel}, {@link FormControlDirective}, and {@link FormControlName}
* to keep the view synced with the {@link FormControl} model.
* *
* *
* If you have imported the {@link FormsModule} or the {@link ReactiveFormsModule}, this
* value accessor will be active on any select control that has a form directive. You do
* **not** need to add a special selector to activate it.
* *
* ### How to use select controls with form directives
* *
* To use a select in a template-driven form, simply add an `ngModel` and a `name`
* attribute to the main `<select>` tag.
* *
* If your option values are simple strings, you can bind to the normal `value` property
* on the option. If your option values happen to be objects (and you'd like to save the
* selection in your form as an object), use `ngValue` instead:
* *
* {@example forms/ts/selectControl/select_control_example.ts region='Component'}
* *
* In reactive forms, you'll also want to add your form directive (`formControlName` or
* `formControl`) on the main `<select>` tag. Like in the former example, you have the
* choice of binding to the `value` or `ngValue` property on the select's options.
* *
* {@example forms/ts/reactiveSelectControl/reactive_select_control_example.ts region='Component'}
* *
* Note: We listen to the 'change' event because 'input' events aren't fired
* for selects in Firefox and IE:
* https://bugzilla.mozilla.org/show_bug.cgi?id=1024350
* https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/4660045/
* *
* * **npm package**: `@angular/forms`
* *
* \@whatItDoes Writes values and listens to changes on a select element.
*
* Used by {\@link NgModel}, {\@link FormControlDirective}, and {\@link FormControlName}
* to keep the view synced with the {\@link FormControl} model.
*
* \@howToUse
*
* If you have imported the {\@link FormsModule} or the {\@link ReactiveFormsModule}, this
* value accessor will be active on any select control that has a form directive. You do
* **not** need to add a special selector to activate it.
*
* ### How to use select controls with form directives
*
* To use a select in a template-driven form, simply add an `ngModel` and a `name`
* attribute to the main `<select>` tag.
*
* If your option values are simple strings, you can bind to the normal `value` property
* on the option. If your option values happen to be objects (and you'd like to save the
* selection in your form as an object), use `ngValue` instead:
*
* {\@example forms/ts/selectControl/select_control_example.ts region='Component'}
*
* In reactive forms, you'll also want to add your form directive (`formControlName` or
* `formControl`) on the main `<select>` tag. Like in the former example, you have the
* choice of binding to the `value` or `ngValue` property on the select's options.
*
* {\@example forms/ts/reactiveSelectControl/reactive_select_control_example.ts region='Component'}
*
* Note: We listen to the 'change' event because 'input' events aren't fired
* for selects in Firefox and IE:
* https://bugzilla.mozilla.org/show_bug.cgi?id=1024350
* https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/4660045/
*
* * **npm package**: `\@angular/forms`
*
* \@stable
*/

@@ -119,2 +122,3 @@ export var SelectControlValueAccessor = (function () {

/**
* \@internal
* @return {?}

@@ -124,2 +128,3 @@ */

/**
* \@internal
* @param {?} value

@@ -137,2 +142,3 @@ * @return {?}

/**
* \@internal
* @param {?} valueString

@@ -169,5 +175,11 @@ * @return {?}

SelectControlValueAccessor.prototype.value;
/** @type {?} */
/**
* \@internal
* @type {?}
*/
SelectControlValueAccessor.prototype._optionMap;
/** @type {?} */
/**
* \@internal
* @type {?}
*/
SelectControlValueAccessor.prototype._idCounter;

@@ -184,6 +196,9 @@ /** @type {?} */

/**
* *
* *
* See docs for {@link SelectControlValueAccessor} for usage examples.
* *
* \@whatItDoes Marks `<option>` as dynamic, so Angular can be notified when options change.
*
* \@howToUse
*
* See docs for {\@link SelectControlValueAccessor} for usage examples.
*
* \@stable
*/

@@ -232,2 +247,3 @@ export var NgSelectOption = (function () {

/**
* \@internal
* @param {?} value

@@ -234,0 +250,0 @@ * @return {?}

45

src/directives/select_multiple_control_value_accessor.js

@@ -38,3 +38,3 @@ /**

/**
* Mock interface for HTMLCollection
* Mock interface for HTMLCollection
* @abstract

@@ -58,4 +58,5 @@ */

/**
* The accessor for writing a value and listening to changes on a select element.
* *
* The accessor for writing a value and listening to changes on a select element.
*
* \@stable
*/

@@ -138,2 +139,3 @@ export var SelectMultipleControlValueAccessor = (function () {

/**
* \@internal
* @param {?} value

@@ -148,2 +150,3 @@ * @return {?}

/**
* \@internal
* @param {?} value

@@ -161,2 +164,3 @@ * @return {?}

/**
* \@internal
* @param {?} valueString

@@ -193,5 +197,11 @@ * @return {?}

SelectMultipleControlValueAccessor.prototype.value;
/** @type {?} */
/**
* \@internal
* @type {?}
*/
SelectMultipleControlValueAccessor.prototype._optionMap;
/** @type {?} */
/**
* \@internal
* @type {?}
*/
SelectMultipleControlValueAccessor.prototype._idCounter;

@@ -208,11 +218,11 @@ /** @type {?} */

/**
* Marks `<option>` as dynamic, so Angular can be notified when options change.
* *
* ### Example
* *
* ```
* <select multiple name="city" ngModel>
* <option *ngFor="let c of cities" [value]="c"></option>
* </select>
* ```
* Marks `<option>` as dynamic, so Angular can be notified when options change.
*
* ### Example
*
* ```
* <select multiple name="city" ngModel>
* <option *ngFor="let c of cities" [value]="c"></option>
* </select>
* ```
*/

@@ -267,2 +277,3 @@ export var NgSelectMultipleOption = (function () {

/**
* \@internal
* @param {?} value

@@ -275,2 +286,3 @@ * @return {?}

/**
* \@internal
* @param {?} selected

@@ -318,3 +330,6 @@ * @return {?}

NgSelectMultipleOption.prototype.id;
/** @type {?} */
/**
* \@internal
* @type {?}
*/
NgSelectMultipleOption.prototype._value;

@@ -321,0 +336,0 @@ /** @type {?} */

6

src/directives/shared.d.ts

@@ -7,3 +7,3 @@ import { FormArray, FormControl, FormGroup } from '../model';

import { FormArrayName } from './reactive_directives/form_group_name';
import { AsyncValidatorFn, ValidatorFn } from './validators';
import { AsyncValidatorFn, Validator, ValidatorFn } from './validators';
export declare function controlPath(name: string, parent: ControlContainer): string[];

@@ -13,4 +13,4 @@ export declare function setUpControl(control: FormControl, dir: NgControl): void;

export declare function setUpFormContainer(control: FormGroup | FormArray, dir: AbstractFormGroupDirective | FormArrayName): void;
export declare function composeValidators(validators: any[]): ValidatorFn;
export declare function composeAsyncValidators(validators: any[]): AsyncValidatorFn;
export declare function composeValidators(validators: Array<Validator | Function>): ValidatorFn;
export declare function composeAsyncValidators(validators: Array<Validator | Function>): AsyncValidatorFn;
export declare function isPropertyUpdated(changes: {

@@ -17,0 +17,0 @@ [key: string]: any;

2

src/directives/shared.metadata.json

@@ -1,1 +0,1 @@

[{"__symbolic":"module","version":3,"metadata":{"controlPath":{"__symbolic":"function","parameters":["name","parent"],"value":[{"__symbolic":"spread","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"parent"},"member":"path"}},{"__symbolic":"reference","name":"name"}]},"setUpControl":{"__symbolic":"function"},"cleanUpControl":{"__symbolic":"function"},"setUpFormContainer":{"__symbolic":"function"},"composeValidators":{"__symbolic":"function","parameters":["validators"],"value":{"__symbolic":"if","condition":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../facade/lang","name":"isPresent"},"arguments":[{"__symbolic":"reference","name":"validators"}]},"thenExpression":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"../validators","name":"Validators"},"member":"compose"},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"validators"},"member":"map"},"arguments":[{"__symbolic":"reference","module":"./normalize_validator","name":"normalizeValidator"}]}]},"elseExpression":null}},"composeAsyncValidators":{"__symbolic":"function","parameters":["validators"],"value":{"__symbolic":"if","condition":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../facade/lang","name":"isPresent"},"arguments":[{"__symbolic":"reference","name":"validators"}]},"thenExpression":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"../validators","name":"Validators"},"member":"composeAsync"},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"validators"},"member":"map"},"arguments":[{"__symbolic":"reference","module":"./normalize_validator","name":"normalizeAsyncValidator"}]}]},"elseExpression":null}},"isPropertyUpdated":{"__symbolic":"function"},"isBuiltInAccessor":{"__symbolic":"function","parameters":["valueAccessor"],"value":{"__symbolic":"error","message":"Function call not supported","line":146,"character":32}},"selectValueAccessor":{"__symbolic":"function"}}},{"__symbolic":"module","version":1,"metadata":{"controlPath":{"__symbolic":"function","parameters":["name","parent"],"value":[{"__symbolic":"spread","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"parent"},"member":"path"}},{"__symbolic":"reference","name":"name"}]},"setUpControl":{"__symbolic":"function"},"cleanUpControl":{"__symbolic":"function"},"setUpFormContainer":{"__symbolic":"function"},"composeValidators":{"__symbolic":"function","parameters":["validators"],"value":{"__symbolic":"if","condition":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../facade/lang","name":"isPresent"},"arguments":[{"__symbolic":"reference","name":"validators"}]},"thenExpression":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"../validators","name":"Validators"},"member":"compose"},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"validators"},"member":"map"},"arguments":[{"__symbolic":"reference","module":"./normalize_validator","name":"normalizeValidator"}]}]},"elseExpression":null}},"composeAsyncValidators":{"__symbolic":"function","parameters":["validators"],"value":{"__symbolic":"if","condition":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../facade/lang","name":"isPresent"},"arguments":[{"__symbolic":"reference","name":"validators"}]},"thenExpression":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"../validators","name":"Validators"},"member":"composeAsync"},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"validators"},"member":"map"},"arguments":[{"__symbolic":"reference","module":"./normalize_validator","name":"normalizeAsyncValidator"}]}]},"elseExpression":null}},"isPropertyUpdated":{"__symbolic":"function"},"isBuiltInAccessor":{"__symbolic":"function","parameters":["valueAccessor"],"value":{"__symbolic":"error","message":"Function call not supported","line":146,"character":32}},"selectValueAccessor":{"__symbolic":"function"}}}]
[{"__symbolic":"module","version":3,"metadata":{"controlPath":{"__symbolic":"function","parameters":["name","parent"],"value":[{"__symbolic":"spread","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"parent"},"member":"path"}},{"__symbolic":"reference","name":"name"}]},"setUpControl":{"__symbolic":"function"},"cleanUpControl":{"__symbolic":"function"},"setUpFormContainer":{"__symbolic":"function"},"composeValidators":{"__symbolic":"function","parameters":["validators"],"value":{"__symbolic":"if","condition":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../facade/lang","name":"isPresent"},"arguments":[{"__symbolic":"reference","name":"validators"}]},"thenExpression":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"../validators","name":"Validators"},"member":"compose"},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"validators"},"member":"map"},"arguments":[{"__symbolic":"reference","module":"./normalize_validator","name":"normalizeValidator"}]}]},"elseExpression":null}},"composeAsyncValidators":{"__symbolic":"function","parameters":["validators"],"value":{"__symbolic":"if","condition":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../facade/lang","name":"isPresent"},"arguments":[{"__symbolic":"reference","name":"validators"}]},"thenExpression":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"../validators","name":"Validators"},"member":"composeAsync"},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"validators"},"member":"map"},"arguments":[{"__symbolic":"reference","module":"./normalize_validator","name":"normalizeAsyncValidator"}]}]},"elseExpression":null}},"isPropertyUpdated":{"__symbolic":"function"},"isBuiltInAccessor":{"__symbolic":"function","parameters":["valueAccessor"],"value":{"__symbolic":"error","message":"Function call not supported","line":145,"character":32}},"selectValueAccessor":{"__symbolic":"function"}}},{"__symbolic":"module","version":1,"metadata":{"controlPath":{"__symbolic":"function","parameters":["name","parent"],"value":[{"__symbolic":"spread","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"parent"},"member":"path"}},{"__symbolic":"reference","name":"name"}]},"setUpControl":{"__symbolic":"function"},"cleanUpControl":{"__symbolic":"function"},"setUpFormContainer":{"__symbolic":"function"},"composeValidators":{"__symbolic":"function","parameters":["validators"],"value":{"__symbolic":"if","condition":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../facade/lang","name":"isPresent"},"arguments":[{"__symbolic":"reference","name":"validators"}]},"thenExpression":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"../validators","name":"Validators"},"member":"compose"},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"validators"},"member":"map"},"arguments":[{"__symbolic":"reference","module":"./normalize_validator","name":"normalizeValidator"}]}]},"elseExpression":null}},"composeAsyncValidators":{"__symbolic":"function","parameters":["validators"],"value":{"__symbolic":"if","condition":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"../facade/lang","name":"isPresent"},"arguments":[{"__symbolic":"reference","name":"validators"}]},"thenExpression":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"../validators","name":"Validators"},"member":"composeAsync"},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"validators"},"member":"map"},"arguments":[{"__symbolic":"reference","module":"./normalize_validator","name":"normalizeAsyncValidator"}]}]},"elseExpression":null}},"isPropertyUpdated":{"__symbolic":"function"},"isBuiltInAccessor":{"__symbolic":"function","parameters":["valueAccessor"],"value":{"__symbolic":"error","message":"Function call not supported","line":145,"character":32}},"selectValueAccessor":{"__symbolic":"function"}}}]

75

src/directives/validators.js

@@ -19,11 +19,12 @@ var __extends = (this && this.__extends) || function (d, b) {

/**
* A Directive that adds the `required` validator to any controls marked with the
* `required` attribute, via the {@link NG_VALIDATORS} binding.
* *
* ### Example
* *
* ```
* <input name="fullName" ngModel required>
* ```
* *
* A Directive that adds the `required` validator to any controls marked with the
* `required` attribute, via the {\@link NG_VALIDATORS} binding.
*
* ### Example
*
* ```
* <input name="fullName" ngModel required>
* ```
*
* \@stable
*/

@@ -92,11 +93,12 @@ export var RequiredValidator = (function () {

/**
* A Directive that adds the `required` validator to checkbox controls marked with the
* `required` attribute, via the {@link NG_VALIDATORS} binding.
* *
* ### Example
* *
* ```
* <input type="checkbox" name="active" ngModel required>
* ```
* *
* A Directive that adds the `required` validator to checkbox controls marked with the
* `required` attribute, via the {\@link NG_VALIDATORS} binding.
*
* ### Example
*
* ```
* <input type="checkbox" name="active" ngModel required>
* ```
*
* \@experimental
*/

@@ -148,5 +150,6 @@ export var CheckboxRequiredValidator = (function (_super) {

/**
* A directive which installs the {@link MinLengthValidator} for any `formControlName`,
* `formControl`, or control with `ngModel` that also has a `minlength` attribute.
* *
* A directive which installs the {\@link MinLengthValidator} for any `formControlName`,
* `formControl`, or control with `ngModel` that also has a `minlength` attribute.
*
* \@stable
*/

@@ -229,6 +232,7 @@ export var MinLengthValidator = (function () {

/**
* A directive which installs the {@link MaxLengthValidator} for any `formControlName,
* `formControl`,
* or control with `ngModel` that also has a `maxlength` attribute.
* *
* A directive which installs the {\@link MaxLengthValidator} for any `formControlName,
* `formControl`,
* or control with `ngModel` that also has a `maxlength` attribute.
*
* \@stable
*/

@@ -304,12 +308,13 @@ export var MaxLengthValidator = (function () {

/**
* A Directive that adds the `pattern` validator to any controls marked with the
* `pattern` attribute, via the {@link NG_VALIDATORS} binding. Uses attribute value
* as the regex to validate Control value against. Follows pattern attribute
* semantics; i.e. regex must match entire Control value.
* *
* ### Example
* *
* ```
* <input [name]="fullName" pattern="[a-zA-Z ]*" ngModel>
* ```
* A Directive that adds the `pattern` validator to any controls marked with the
* `pattern` attribute, via the {\@link NG_VALIDATORS} binding. Uses attribute value
* as the regex to validate Control value against. Follows pattern attribute
* semantics; i.e. regex must match entire Control value.
*
* ### Example
*
* ```
* <input [name]="fullName" pattern="[a-zA-Z ]*" ngModel>
* ```
* \@stable
*/

@@ -316,0 +321,0 @@ export var PatternValidator = (function () {

92

src/facade/async.js

@@ -17,45 +17,47 @@ /**

/**
* Use by directives and components to emit custom Events.
* *
* ### Examples
* *
* In the following example, `Zippy` alternatively emits `open` and `close` events when its
* title gets clicked:
* *
* ```
* selector: 'zippy',
* template: `
* <div class="zippy">
* <div (click)="toggle()">Toggle</div>
* <div [hidden]="!visible">
* <ng-content></ng-content>
* </div>
* </div>`})
* export class Zippy {
* visible: boolean = true;
* @Output() open: EventEmitter<any> = new EventEmitter();
* @Output() close: EventEmitter<any> = new EventEmitter();
* *
* toggle() {
* this.visible = !this.visible;
* if (this.visible) {
* this.open.emit(null);
* } else {
* this.close.emit(null);
* }
* }
* }
* ```
* *
* The events payload can be accessed by the parameter `$event` on the components output event
* handler:
* *
* ```
* <zippy (open)="onOpen($event)" (close)="onClose($event)"></zippy>
* ```
* *
* Uses Rx.Observable but provides an adapter to make it work as specified here:
* https://github.com/jhusain/observable-spec
* *
* Once a reference implementation of the spec is available, switch to it.
* Use by directives and components to emit custom Events.
*
* ### Examples
*
* In the following example, `Zippy` alternatively emits `open` and `close` events when its
* title gets clicked:
*
* ```
* \@Component({
* selector: 'zippy',
* template: `
* <div class="zippy">
* <div (click)="toggle()">Toggle</div>
* <div [hidden]="!visible">
* <ng-content></ng-content>
* </div>
* </div>`})
* export class Zippy {
* visible: boolean = true;
* \@Output() open: EventEmitter<any> = new EventEmitter();
* \@Output() close: EventEmitter<any> = new EventEmitter();
*
* toggle() {
* this.visible = !this.visible;
* if (this.visible) {
* this.open.emit(null);
* } else {
* this.close.emit(null);
* }
* }
* }
* ```
*
* The events payload can be accessed by the parameter `$event` on the components output event
* handler:
*
* ```
* <zippy (open)="onOpen($event)" (close)="onClose($event)"></zippy>
* ```
*
* Uses Rx.Observable but provides an adapter to make it work as specified here:
* https://github.com/jhusain/observable-spec
*
* Once a reference implementation of the spec is available, switch to it.
* \@stable
*/

@@ -65,4 +67,4 @@ export var EventEmitter = (function (_super) {

/**
* Creates an instance of [EventEmitter], which depending on [isAsync],
* delivers events synchronously or asynchronously.
* Creates an instance of [EventEmitter], which depending on [isAsync],
* delivers events synchronously or asynchronously.
* @param {?=} isAsync

@@ -69,0 +71,0 @@ */

2

src/facade/collection.js

@@ -10,3 +10,3 @@ /**

/**
* Wraps Javascript Objects
* Wraps Javascript Objects
*/

@@ -13,0 +13,0 @@ export var StringMapWrapper = (function () {

59

src/form_builder.js

@@ -12,17 +12,20 @@ /**

/**
* *
* It is essentially syntactic sugar that shortens the `new FormGroup()`,
* `new FormControl()`, and `new FormArray()` boilerplate that can build up in larger
* forms.
* *
* *
* To use, inject `FormBuilder` into your component class. You can then call its methods
* directly.
* *
* {@example forms/ts/formBuilder/form_builder_example.ts region='Component'}
* *
* * **npm package**: `@angular/forms`
* *
* * **NgModule**: {@link ReactiveFormsModule}
* *
* \@whatItDoes Creates an {\@link AbstractControl} from a user-specified configuration.
*
* It is essentially syntactic sugar that shortens the `new FormGroup()`,
* `new FormControl()`, and `new FormArray()` boilerplate that can build up in larger
* forms.
*
* \@howToUse
*
* To use, inject `FormBuilder` into your component class. You can then call its methods
* directly.
*
* {\@example forms/ts/formBuilder/form_builder_example.ts region='Component'}
*
* * **npm package**: `\@angular/forms`
*
* * **NgModule**: {\@link ReactiveFormsModule}
*
* \@stable
*/

@@ -33,6 +36,6 @@ export var FormBuilder = (function () {

/**
* Construct a new {@link FormGroup} with the given map of configuration.
* Valid keys for the `extra` parameter map are `validator` and `asyncValidator`.
* *
* See the {@link FormGroup} constructor for more details.
* Construct a new {\@link FormGroup} with the given map of configuration.
* Valid keys for the `extra` parameter map are `validator` and `asyncValidator`.
*
* See the {\@link FormGroup} constructor for more details.
* @param {?} controlsConfig

@@ -50,8 +53,8 @@ * @param {?=} extra

/**
* Construct a new {@link FormControl} with the given `formState`,`validator`, and
* `asyncValidator`.
* *
* `formState` can either be a standalone value for the form control or an object
* that contains both a value and a disabled status.
* *
* Construct a new {\@link FormControl} with the given `formState`,`validator`, and
* `asyncValidator`.
*
* `formState` can either be a standalone value for the form control or an object
* that contains both a value and a disabled status.
*
* @param {?} formState

@@ -68,4 +71,4 @@ * @param {?=} validator

/**
* Construct a {@link FormArray} from the given `controlsConfig` array of
* configuration, with the given optional `validator` and `asyncValidator`.
* Construct a {\@link FormArray} from the given `controlsConfig` array of
* configuration, with the given optional `validator` and `asyncValidator`.
* @param {?} controlsConfig

@@ -84,2 +87,3 @@ * @param {?=} validator

/**
* \@internal
* @param {?} controlsConfig

@@ -97,2 +101,3 @@ * @return {?}

/**
* \@internal
* @param {?} controlConfig

@@ -99,0 +104,0 @@ * @return {?}

6

src/form_providers.js

@@ -13,3 +13,4 @@ /**

/**
* The ng module for forms.
* The ng module for forms.
* \@stable
*/

@@ -40,3 +41,4 @@ export var FormsModule = (function () {

/**
* The ng module for reactive forms.
* The ng module for reactive forms.
* \@stable
*/

@@ -43,0 +45,0 @@ export var ReactiveFormsModule = (function () {

1012

src/model.js

@@ -81,9 +81,11 @@ /**

/**
* {@link FormArray}.
* *
* It provides some of the shared behavior that all controls and groups of controls have, like
* running validators, calculating status, and resetting state. It also defines the properties
* that are shared between all sub-classes, like `value`, `valid`, and `dirty`. It shouldn't be
* instantiated directly.
* *
* \@whatItDoes This is the base class for {\@link FormControl}, {\@link FormGroup}, and
* {\@link FormArray}.
*
* It provides some of the shared behavior that all controls and groups of controls have, like
* running validators, calculating status, and resetting state. It also defines the properties
* that are shared between all sub-classes, like `value`, `valid`, and `dirty`. It shouldn't be
* instantiated directly.
*
* \@stable
* @abstract

@@ -108,3 +110,3 @@ */

/**
* The value of the control.
* The value of the control.
* @return {?}

@@ -118,3 +120,3 @@ */

/**
* The parent control.
* The parent control.
* @return {?}

@@ -128,12 +130,12 @@ */

/**
* The validation status of the control. There are four possible
* validation statuses:
* *
* * **VALID**: control has passed all validation checks
* * **INVALID**: control has failed at least one validation check
* * **PENDING**: control is in the midst of conducting a validation check
* * **DISABLED**: control is exempt from validation checks
* *
* These statuses are mutually exclusive, so a control cannot be
* both valid AND invalid or invalid AND disabled.
* The validation status of the control. There are four possible
* validation statuses:
*
* * **VALID**: control has passed all validation checks
* * **INVALID**: control has failed at least one validation check
* * **PENDING**: control is in the midst of conducting a validation check
* * **DISABLED**: control is exempt from validation checks
*
* These statuses are mutually exclusive, so a control cannot be
* both valid AND invalid or invalid AND disabled.
* @return {?}

@@ -147,6 +149,6 @@ */

/**
* A control is `valid` when its `status === VALID`.
* *
* In order to have this status, the control must have passed all its
* validation checks.
* A control is `valid` when its `status === VALID`.
*
* In order to have this status, the control must have passed all its
* validation checks.
* @return {?}

@@ -160,6 +162,6 @@ */

/**
* A control is `invalid` when its `status === INVALID`.
* *
* In order to have this status, the control must have failed
* at least one of its validation checks.
* A control is `invalid` when its `status === INVALID`.
*
* In order to have this status, the control must have failed
* at least one of its validation checks.
* @return {?}

@@ -173,6 +175,6 @@ */

/**
* A control is `pending` when its `status === PENDING`.
* *
* In order to have this status, the control must be in the
* middle of conducting a validation check.
* A control is `pending` when its `status === PENDING`.
*
* In order to have this status, the control must be in the
* middle of conducting a validation check.
* @return {?}

@@ -186,7 +188,7 @@ */

/**
* A control is `disabled` when its `status === DISABLED`.
* *
* Disabled controls are exempt from validation checks and
* are not included in the aggregate value of their ancestor
* controls.
* A control is `disabled` when its `status === DISABLED`.
*
* Disabled controls are exempt from validation checks and
* are not included in the aggregate value of their ancestor
* controls.
* @return {?}

@@ -200,6 +202,6 @@ */

/**
* A control is `enabled` as long as its `status !== DISABLED`.
* *
* In other words, it has a status of `VALID`, `INVALID`, or
* `PENDING`.
* A control is `enabled` as long as its `status !== DISABLED`.
*
* In other words, it has a status of `VALID`, `INVALID`, or
* `PENDING`.
* @return {?}

@@ -213,4 +215,4 @@ */

/**
* Returns any errors generated by failing validation. If there
* are no errors, it will return null.
* Returns any errors generated by failing validation. If there
* are no errors, it will return null.
* @return {?}

@@ -224,7 +226,7 @@ */

/**
* A control is `pristine` if the user has not yet changed
* the value in the UI.
* *
* Note that programmatic changes to a control's value will
* *not* mark it dirty.
* A control is `pristine` if the user has not yet changed
* the value in the UI.
*
* Note that programmatic changes to a control's value will
* *not* mark it dirty.
* @return {?}

@@ -238,7 +240,7 @@ */

/**
* A control is `dirty` if the user has changed the value
* in the UI.
* *
* Note that programmatic changes to a control's value will
* *not* mark it dirty.
* A control is `dirty` if the user has changed the value
* in the UI.
*
* Note that programmatic changes to a control's value will
* *not* mark it dirty.
* @return {?}

@@ -252,4 +254,4 @@ */

/**
* A control is marked `touched` once the user has triggered
* a `blur` event on it.
* A control is marked `touched` once the user has triggered
* a `blur` event on it.
* @return {?}

@@ -263,4 +265,4 @@ */

/**
* A control is `untouched` if the user has not yet triggered
* a `blur` event on it.
* A control is `untouched` if the user has not yet triggered
* a `blur` event on it.
* @return {?}

@@ -274,4 +276,4 @@ */

/**
* Emits an event every time the value of the control changes, in
* the UI or programmatically.
* Emits an event every time the value of the control changes, in
* the UI or programmatically.
* @return {?}

@@ -285,4 +287,4 @@ */

/**
* Emits an event every time the validation status of the control
* is re-calculated.
* Emits an event every time the validation status of the control
* is re-calculated.
* @return {?}

@@ -295,4 +297,4 @@ */

/**
* Sets the synchronous validators that are active on this control. Calling
* this will overwrite any existing sync validators.
* Sets the synchronous validators that are active on this control. Calling
* this will overwrite any existing sync validators.
* @param {?} newValidator

@@ -305,4 +307,4 @@ * @return {?}

/**
* Sets the async validators that are active on this control. Calling this
* will overwrite any existing async validators.
* Sets the async validators that are active on this control. Calling this
* will overwrite any existing async validators.
* @param {?} newValidator

@@ -315,3 +317,3 @@ * @return {?}

/**
* Empties out the sync validator list.
* Empties out the sync validator list.
* @return {?}

@@ -321,3 +323,3 @@ */

/**
* Empties out the async validator list.
* Empties out the async validator list.
* @return {?}

@@ -327,6 +329,6 @@ */

/**
* Marks the control as `touched`.
* *
* This will also mark all direct ancestors as `touched` to maintain
* the model.
* Marks the control as `touched`.
*
* This will also mark all direct ancestors as `touched` to maintain
* the model.
* @param {?=} __0

@@ -343,7 +345,7 @@ * @return {?}

/**
* Marks the control as `untouched`.
* *
* If the control has any children, it will also mark all children as `untouched`
* to maintain the model, and re-calculate the `touched` status of all parent
* controls.
* Marks the control as `untouched`.
*
* If the control has any children, it will also mark all children as `untouched`
* to maintain the model, and re-calculate the `touched` status of all parent
* controls.
* @param {?=} __0

@@ -361,6 +363,6 @@ * @return {?}

/**
* Marks the control as `dirty`.
* *
* This will also mark all direct ancestors as `dirty` to maintain
* the model.
* Marks the control as `dirty`.
*
* This will also mark all direct ancestors as `dirty` to maintain
* the model.
* @param {?=} __0

@@ -377,7 +379,7 @@ * @return {?}

/**
* Marks the control as `pristine`.
* *
* If the control has any children, it will also mark all children as `pristine`
* to maintain the model, and re-calculate the `pristine` status of all parent
* controls.
* Marks the control as `pristine`.
*
* If the control has any children, it will also mark all children as `pristine`
* to maintain the model, and re-calculate the `pristine` status of all parent
* controls.
* @param {?=} __0

@@ -395,3 +397,3 @@ * @return {?}

/**
* Marks the control as `pending`.
* Marks the control as `pending`.
* @param {?=} __0

@@ -408,6 +410,6 @@ * @return {?}

/**
* Disables the control. This means the control will be exempt from validation checks and
* excluded from the aggregate value of any parent. Its status is `DISABLED`.
* *
* If the control has children, all children will be disabled to maintain the model.
* Disables the control. This means the control will be exempt from validation checks and
* excluded from the aggregate value of any parent. Its status is `DISABLED`.
*
* If the control has children, all children will be disabled to maintain the model.
* @param {?=} __0

@@ -430,7 +432,7 @@ * @return {?}

/**
* Enables the control. This means the control will be included in validation checks and
* the aggregate value of its parent. Its status is re-calculated based on its value and
* its validators.
* *
* If the control has children, all children will be enabled.
* Enables the control. This means the control will be included in validation checks and
* the aggregate value of its parent. Its status is re-calculated based on its value and
* its validators.
*
* If the control has children, all children will be enabled.
* @param {?=} __0

@@ -464,3 +466,3 @@ * @return {?}

/**
* Sets the value of the control. Abstract method (implemented in sub-classes).
* Sets the value of the control. Abstract method (implemented in sub-classes).
* @abstract

@@ -473,3 +475,3 @@ * @param {?} value

/**
* Patches the value of the control. Abstract method (implemented in sub-classes).
* Patches the value of the control. Abstract method (implemented in sub-classes).
* @abstract

@@ -482,3 +484,3 @@ * @param {?} value

/**
* Resets the control. Abstract method (implemented in sub-classes).
* Resets the control. Abstract method (implemented in sub-classes).
* @abstract

@@ -491,5 +493,5 @@ * @param {?=} value

/**
* Re-calculates the value and validation status of the control.
* *
* By default, it will also update the value and validity of its ancestors.
* Re-calculates the value and validation status of the control.
*
* By default, it will also update the value and validity of its ancestors.
* @param {?=} __0

@@ -518,2 +520,3 @@ * @return {?}

/**
* \@internal
* @param {?=} __0

@@ -560,23 +563,23 @@ * @return {?}

/**
* Sets errors on a form control.
* *
* This is used when validations are run manually by the user, rather than automatically.
* *
* Calling `setErrors` will also update the validity of the parent control.
* *
* ### Example
* *
* ```
* const login = new FormControl("someLogin");
* login.setErrors({
* "notUnique": true
* });
* *
* expect(login.valid).toEqual(false);
* expect(login.errors).toEqual({"notUnique": true});
* *
* login.setValue("someOtherLogin");
* *
* expect(login.valid).toEqual(true);
* ```
* Sets errors on a form control.
*
* This is used when validations are run manually by the user, rather than automatically.
*
* Calling `setErrors` will also update the validity of the parent control.
*
* ### Example
*
* ```
* const login = new FormControl("someLogin");
* login.setErrors({
* "notUnique": true
* });
*
* expect(login.valid).toEqual(false);
* expect(login.errors).toEqual({"notUnique": true});
*
* login.setValue("someOtherLogin");
*
* expect(login.valid).toEqual(true);
* ```
* @param {?} errors

@@ -592,13 +595,13 @@ * @param {?=} __1

/**
* Retrieves a child control given the control's name or path.
* *
* Paths can be passed in as an array or a string delimited by a dot.
* *
* To get a control nested within a `person` sub-group:
* *
* * `this.form.get('person.name');`
* *
* -OR-
* *
* * `this.form.get(['person', 'name']);`
* Retrieves a child control given the control's name or path.
*
* Paths can be passed in as an array or a string delimited by a dot.
*
* To get a control nested within a `person` sub-group:
*
* * `this.form.get('person.name');`
*
* -OR-
*
* * `this.form.get(['person', 'name']);`
* @param {?} path

@@ -609,6 +612,6 @@ * @return {?}

/**
* Returns true if the control with the given path has the error specified. Otherwise
* returns null or undefined.
* *
* If no path is given, it checks for the error on the present control.
* Returns true if the control with the given path has the error specified. Otherwise
* returns null or undefined.
*
* If no path is given, it checks for the error on the present control.
* @param {?} errorCode

@@ -624,6 +627,6 @@ * @param {?=} path

/**
* Returns true if the control with the given path has the error specified. Otherwise
* returns false.
* *
* If no path is given, it checks for the error on the present control.
* Returns true if the control with the given path has the error specified. Otherwise
* returns false.
*
* If no path is given, it checks for the error on the present control.
* @param {?} errorCode

@@ -639,3 +642,3 @@ * @param {?=} path

/**
* Retrieves the top-level ancestor of this control.
* Retrieves the top-level ancestor of this control.
* @return {?}

@@ -654,2 +657,3 @@ */

/**
* \@internal
* @param {?} emitEvent

@@ -668,2 +672,3 @@ * @return {?}

/**
* \@internal
* @return {?}

@@ -690,2 +695,3 @@ */

/**
* \@internal
* @abstract

@@ -696,2 +702,3 @@ * @return {?}

/**
* \@internal
* @abstract

@@ -703,2 +710,3 @@ * @param {?} cb

/**
* \@internal
* @abstract

@@ -710,2 +718,3 @@ * @param {?} condition

/**
* \@internal
* @abstract

@@ -716,2 +725,3 @@ * @return {?}

/**
* \@internal
* @param {?} status

@@ -724,2 +734,3 @@ * @return {?}

/**
* \@internal
* @return {?}

@@ -731,2 +742,3 @@ */

/**
* \@internal
* @return {?}

@@ -738,2 +750,3 @@ */

/**
* \@internal
* @param {?=} __0

@@ -750,2 +763,3 @@ * @return {?}

/**
* \@internal
* @param {?=} __0

@@ -762,2 +776,3 @@ * @return {?}

/**
* \@internal
* @param {?} formState

@@ -771,2 +786,3 @@ * @return {?}

/**
* \@internal
* @param {?} fn

@@ -779,5 +795,11 @@ * @return {?}

function AbstractControl_tsickle_Closure_declarations() {
/** @type {?} */
/**
* \@internal
* @type {?}
*/
AbstractControl.prototype._value;
/** @type {?} */
/**
* \@internal
* @type {?}
*/
AbstractControl.prototype._onCollectionChange;

@@ -800,3 +822,6 @@ /** @type {?} */

AbstractControl.prototype._asyncValidationSubscription;
/** @type {?} */
/**
* \@internal
* @type {?}
*/
AbstractControl.prototype._onDisabledChange;

@@ -809,40 +834,43 @@ /** @type {?} */

/**
* *
* It is one of the three fundamental building blocks of Angular forms, along with
* {@link FormGroup} and {@link FormArray}.
* *
* *
* When instantiating a {@link FormControl}, you can pass in an initial value as the
* first argument. Example:
* *
* ```ts
* const ctrl = new FormControl('some value');
* console.log(ctrl.value); // 'some value'
* *```
* *
* You can also initialize the control with a form state object on instantiation,
* which includes both the value and whether or not the control is disabled.
* You can't use the value key without the disabled key; both are required
* to use this way of initialization.
* *
* ```ts
* const ctrl = new FormControl({value: 'n/a', disabled: true});
* console.log(ctrl.value); // 'n/a'
* console.log(ctrl.status); // 'DISABLED'
* ```
* *
* To include a sync validator (or an array of sync validators) with the control,
* pass it in as the second argument. Async validators are also supported, but
* have to be passed in separately as the third arg.
* *
* ```ts
* const ctrl = new FormControl('', Validators.required);
* console.log(ctrl.value); // ''
* console.log(ctrl.status); // 'INVALID'
* ```
* *
* See its superclass, {@link AbstractControl}, for more properties and methods.
* *
* * **npm package**: `@angular/forms`
* *
* \@whatItDoes Tracks the value and validation status of an individual form control.
*
* It is one of the three fundamental building blocks of Angular forms, along with
* {\@link FormGroup} and {\@link FormArray}.
*
* \@howToUse
*
* When instantiating a {\@link FormControl}, you can pass in an initial value as the
* first argument. Example:
*
* ```ts
* const ctrl = new FormControl('some value');
* console.log(ctrl.value); // 'some value'
* ```
*
* You can also initialize the control with a form state object on instantiation,
* which includes both the value and whether or not the control is disabled.
* You can't use the value key without the disabled key; both are required
* to use this way of initialization.
*
* ```ts
* const ctrl = new FormControl({value: 'n/a', disabled: true});
* console.log(ctrl.value); // 'n/a'
* console.log(ctrl.status); // 'DISABLED'
* ```
*
* To include a sync validator (or an array of sync validators) with the control,
* pass it in as the second argument. Async validators are also supported, but
* have to be passed in separately as the third arg.
*
* ```ts
* const ctrl = new FormControl('', Validators.required);
* console.log(ctrl.value); // ''
* console.log(ctrl.status); // 'INVALID'
* ```
*
* See its superclass, {\@link AbstractControl}, for more properties and methods.
*
* * **npm package**: `\@angular/forms`
*
* \@stable
*/

@@ -868,17 +896,17 @@ export var FormControl = (function (_super) {

/**
* Set the value of the form control to `value`.
* *
* If `onlySelf` is `true`, this change will only affect the validation of this `FormControl`
* and not its parent component. This defaults to false.
* *
* If `emitEvent` is `true`, this
* change will cause a `valueChanges` event on the `FormControl` to be emitted. This defaults
* to true (as it falls through to `updateValueAndValidity`).
* *
* If `emitModelToViewChange` is `true`, the view will be notified about the new value
* via an `onChange` event. This is the default behavior if `emitModelToViewChange` is not
* specified.
* *
* If `emitViewToModelChange` is `true`, an ngModelChange event will be fired to update the
* model. This is the default behavior if `emitViewToModelChange` is not specified.
* Set the value of the form control to `value`.
*
* If `onlySelf` is `true`, this change will only affect the validation of this `FormControl`
* and not its parent component. This defaults to false.
*
* If `emitEvent` is `true`, this
* change will cause a `valueChanges` event on the `FormControl` to be emitted. This defaults
* to true (as it falls through to `updateValueAndValidity`).
*
* If `emitModelToViewChange` is `true`, the view will be notified about the new value
* via an `onChange` event. This is the default behavior if `emitModelToViewChange` is not
* specified.
*
* If `emitViewToModelChange` is `true`, an ngModelChange event will be fired to update the
* model. This is the default behavior if `emitViewToModelChange` is not specified.
* @param {?} value

@@ -898,7 +926,7 @@ * @param {?=} __1

/**
* Patches the value of a control.
* *
* This function is functionally the same as {@link FormControl.setValue} at this level.
* It exists for symmetry with {@link FormGroup.patchValue} on `FormGroups` and `FormArrays`,
* where it does behave differently.
* Patches the value of a control.
*
* This function is functionally the same as {\@link FormControl.setValue} at this level.
* It exists for symmetry with {\@link FormGroup.patchValue} on `FormGroups` and `FormArrays`,
* where it does behave differently.
* @param {?} value

@@ -913,28 +941,28 @@ * @param {?=} options

/**
* Resets the form control. This means by default:
* *
* * it is marked as `pristine`
* * it is marked as `untouched`
* * value is set to null
* *
* You can also reset to a specific form state by passing through a standalone
* value or a form state object that contains both a value and a disabled state
* (these are the only two properties that cannot be calculated).
* *
* Ex:
* *
* ```ts
* this.control.reset('Nancy');
* *
* console.log(this.control.value); // 'Nancy'
* ```
* *
* OR
* *
* ```
* this.control.reset({value: 'Nancy', disabled: true});
* *
* console.log(this.control.value); // 'Nancy'
* console.log(this.control.status); // 'DISABLED'
* ```
* Resets the form control. This means by default:
*
* * it is marked as `pristine`
* * it is marked as `untouched`
* * value is set to null
*
* You can also reset to a specific form state by passing through a standalone
* value or a form state object that contains both a value and a disabled state
* (these are the only two properties that cannot be calculated).
*
* Ex:
*
* ```ts
* this.control.reset('Nancy');
*
* console.log(this.control.value); // 'Nancy'
* ```
*
* OR
*
* ```
* this.control.reset({value: 'Nancy', disabled: true});
*
* console.log(this.control.value); // 'Nancy'
* console.log(this.control.status); // 'DISABLED'
* ```
* @param {?=} formState

@@ -953,2 +981,3 @@ * @param {?=} __1

/**
* \@internal
* @return {?}

@@ -958,2 +987,3 @@ */

/**
* \@internal
* @param {?} condition

@@ -964,2 +994,3 @@ * @return {?}

/**
* \@internal
* @return {?}

@@ -969,3 +1000,3 @@ */

/**
* Register a listener for change events.
* Register a listener for change events.
* @param {?} fn

@@ -976,2 +1007,3 @@ * @return {?}

/**
* \@internal
* @return {?}

@@ -985,3 +1017,3 @@ */

/**
* Register a listener for disabled events.
* Register a listener for disabled events.
* @param {?} fn

@@ -994,2 +1026,3 @@ * @return {?}

/**
* \@internal
* @param {?} cb

@@ -1016,53 +1049,59 @@ * @return {?}

function FormControl_tsickle_Closure_declarations() {
/** @type {?} */
/**
* \@internal
* @type {?}
*/
FormControl.prototype._onChange;
}
/**
* instances.
* *
* A `FormGroup` aggregates the values of each child {@link FormControl} into one object,
* with each control name as the key. It calculates its status by reducing the statuses
* of its children. For example, if one of the controls in a group is invalid, the entire
* group becomes invalid.
* *
* `FormGroup` is one of the three fundamental building blocks used to define forms in Angular,
* along with {@link FormControl} and {@link FormArray}.
* *
* *
* When instantiating a {@link FormGroup}, pass in a collection of child controls as the first
* argument. The key for each child will be the name under which it is registered.
* *
* ### Example
* *
* ```
* const form = new FormGroup({
* first: new FormControl('Nancy', Validators.minLength(2)),
* last: new FormControl('Drew'),
* });
* *
* console.log(form.value); // {first: 'Nancy', last; 'Drew'}
* console.log(form.status); // 'VALID'
* ```
* *
* You can also include group-level validators as the second arg, or group-level async
* validators as the third arg. These come in handy when you want to perform validation
* that considers the value of more than one child control.
* *
* ### Example
* *
* ```
* const form = new FormGroup({
* password: new FormControl('', Validators.minLength(2)),
* passwordConfirm: new FormControl('', Validators.minLength(2)),
* }, passwordMatchValidator);
* *
* *
* function passwordMatchValidator(g: FormGroup) {
* return g.get('password').value === g.get('passwordConfirm').value
* ? null : {'mismatch': true};
* }
* ```
* *
* * **npm package**: `@angular/forms`
* *
* \@whatItDoes Tracks the value and validity state of a group of {\@link FormControl}
* instances.
*
* A `FormGroup` aggregates the values of each child {\@link FormControl} into one object,
* with each control name as the key. It calculates its status by reducing the statuses
* of its children. For example, if one of the controls in a group is invalid, the entire
* group becomes invalid.
*
* `FormGroup` is one of the three fundamental building blocks used to define forms in Angular,
* along with {\@link FormControl} and {\@link FormArray}.
*
* \@howToUse
*
* When instantiating a {\@link FormGroup}, pass in a collection of child controls as the first
* argument. The key for each child will be the name under which it is registered.
*
* ### Example
*
* ```
* const form = new FormGroup({
* first: new FormControl('Nancy', Validators.minLength(2)),
* last: new FormControl('Drew'),
* });
*
* console.log(form.value); // {first: 'Nancy', last; 'Drew'}
* console.log(form.status); // 'VALID'
* ```
*
* You can also include group-level validators as the second arg, or group-level async
* validators as the third arg. These come in handy when you want to perform validation
* that considers the value of more than one child control.
*
* ### Example
*
* ```
* const form = new FormGroup({
* password: new FormControl('', Validators.minLength(2)),
* passwordConfirm: new FormControl('', Validators.minLength(2)),
* }, passwordMatchValidator);
*
*
* function passwordMatchValidator(g: FormGroup) {
* return g.get('password').value === g.get('passwordConfirm').value
* ? null : {'mismatch': true};
* }
* ```
*
* * **npm package**: `\@angular/forms`
*
* \@stable
*/

@@ -1086,6 +1125,6 @@ export var FormGroup = (function (_super) {

/**
* Registers a control with the group's list of controls.
* *
* This method does not update value or validity of the control, so for
* most cases you'll want to use {@link FormGroup.addControl} instead.
* Registers a control with the group's list of controls.
*
* This method does not update value or validity of the control, so for
* most cases you'll want to use {\@link FormGroup.addControl} instead.
* @param {?} name

@@ -1104,3 +1143,3 @@ * @param {?} control

/**
* Add a control to this group.
* Add a control to this group.
* @param {?} name

@@ -1116,3 +1155,3 @@ * @param {?} control

/**
* Remove a control from this group.
* Remove a control from this group.
* @param {?} name

@@ -1129,3 +1168,3 @@ * @return {?}

/**
* Replace an existing control.
* Replace an existing control.
* @param {?} name

@@ -1145,6 +1184,6 @@ * @param {?} control

/**
* Check whether there is an enabled control with the given name in the group.
* *
* It will return false for disabled controls. If you'd like to check for
* existence in the group only, use {@link AbstractControl.get} instead.
* Check whether there is an enabled control with the given name in the group.
*
* It will return false for disabled controls. If you'd like to check for
* existence in the group only, use {\@link AbstractControl.get} instead.
* @param {?} controlName

@@ -1157,22 +1196,22 @@ * @return {?}

/**
* Sets the value of the {@link FormGroup}. It accepts an object that matches
* the structure of the group, with control names as keys.
* *
* This method performs strict checks, so it will throw an error if you try
* to set the value of a control that doesn't exist or if you exclude the
* value of a control.
* *
* ### Example
* *
* ```
* const form = new FormGroup({
* first: new FormControl(),
* last: new FormControl()
* });
* console.log(form.value); // {first: null, last: null}
* *
* form.setValue({first: 'Nancy', last: 'Drew'});
* console.log(form.value); // {first: 'Nancy', last: 'Drew'}
* *
* ```
* Sets the value of the {\@link FormGroup}. It accepts an object that matches
* the structure of the group, with control names as keys.
*
* This method performs strict checks, so it will throw an error if you try
* to set the value of a control that doesn't exist or if you exclude the
* value of a control.
*
* ### Example
*
* ```
* const form = new FormGroup({
* first: new FormControl(),
* last: new FormControl()
* });
* console.log(form.value); // {first: null, last: null}
*
* form.setValue({first: 'Nancy', last: 'Drew'});
* console.log(form.value); // {first: 'Nancy', last: 'Drew'}
*
* ```
* @param {?} value

@@ -1193,21 +1232,21 @@ * @param {?=} __1

/**
* Patches the value of the {@link FormGroup}. It accepts an object with control
* names as keys, and will do its best to match the values to the correct controls
* in the group.
* *
* It accepts both super-sets and sub-sets of the group without throwing an error.
* *
* ### Example
* *
* ```
* const form = new FormGroup({
* first: new FormControl(),
* last: new FormControl()
* });
* console.log(form.value); // {first: null, last: null}
* *
* form.patchValue({first: 'Nancy'});
* console.log(form.value); // {first: 'Nancy', last: null}
* *
* ```
* Patches the value of the {\@link FormGroup}. It accepts an object with control
* names as keys, and will do its best to match the values to the correct controls
* in the group.
*
* It accepts both super-sets and sub-sets of the group without throwing an error.
*
* ### Example
*
* ```
* const form = new FormGroup({
* first: new FormControl(),
* last: new FormControl()
* });
* console.log(form.value); // {first: null, last: null}
*
* form.patchValue({first: 'Nancy'});
* console.log(form.value); // {first: 'Nancy', last: null}
*
* ```
* @param {?} value

@@ -1228,32 +1267,32 @@ * @param {?=} __1

/**
* Resets the {@link FormGroup}. This means by default:
* *
* * The group and all descendants are marked `pristine`
* * The group and all descendants are marked `untouched`
* * The value of all descendants will be null or null maps
* *
* You can also reset to a specific form state by passing in a map of states
* that matches the structure of your form, with control names as keys. The state
* can be a standalone value or a form state object with both a value and a disabled
* status.
* *
* ### Example
* *
* ```ts
* this.form.reset({first: 'name', last: 'last name'});
* *
* console.log(this.form.value); // {first: 'name', last: 'last name'}
* ```
* *
* - OR -
* *
* ```
* this.form.reset({
* first: {value: 'name', disabled: true},
* last: 'last'
* });
* *
* console.log(this.form.value); // {first: 'name', last: 'last name'}
* console.log(this.form.get('first').status); // 'DISABLED'
* ```
* Resets the {\@link FormGroup}. This means by default:
*
* * The group and all descendants are marked `pristine`
* * The group and all descendants are marked `untouched`
* * The value of all descendants will be null or null maps
*
* You can also reset to a specific form state by passing in a map of states
* that matches the structure of your form, with control names as keys. The state
* can be a standalone value or a form state object with both a value and a disabled
* status.
*
* ### Example
*
* ```ts
* this.form.reset({first: 'name', last: 'last name'});
*
* console.log(this.form.value); // {first: 'name', last: 'last name'}
* ```
*
* - OR -
*
* ```
* this.form.reset({
* first: {value: 'name', disabled: true},
* last: 'last'
* });
*
* console.log(this.form.value); // {first: 'name', last: 'last name'}
* console.log(this.form.get('first').status); // 'DISABLED'
* ```
* @param {?=} value

@@ -1274,6 +1313,6 @@ * @param {?=} __1

/**
* The aggregate value of the {@link FormGroup}, including any disabled controls.
* *
* If you'd like to include all values regardless of disabled status, use this method.
* Otherwise, the `value` property is the best way to get the value of the group.
* The aggregate value of the {\@link FormGroup}, including any disabled controls.
*
* If you'd like to include all values regardless of disabled status, use this method.
* Otherwise, the `value` property is the best way to get the value of the group.
* @return {?}

@@ -1288,2 +1327,3 @@ */

/**
* \@internal
* @param {?} name

@@ -1301,2 +1341,3 @@ * @return {?}

/**
* \@internal
* @param {?} cb

@@ -1310,2 +1351,3 @@ * @return {?}

/**
* \@internal
* @return {?}

@@ -1321,2 +1363,3 @@ */

/**
* \@internal
* @return {?}

@@ -1326,2 +1369,3 @@ */

/**
* \@internal
* @param {?} condition

@@ -1339,2 +1383,3 @@ * @return {?}

/**
* \@internal
* @return {?}

@@ -1352,2 +1397,3 @@ */

/**
* \@internal
* @param {?} initValue

@@ -1363,2 +1409,3 @@ * @param {?} fn

/**
* \@internal
* @return {?}

@@ -1376,2 +1423,3 @@ */

/**
* \@internal
* @param {?} value

@@ -1394,41 +1442,44 @@ * @return {?}

/**
* instances.
* *
* A `FormArray` aggregates the values of each child {@link FormControl} into an array.
* It calculates its status by reducing the statuses of its children. For example, if one of
* the controls in a `FormArray` is invalid, the entire array becomes invalid.
* *
* `FormArray` is one of the three fundamental building blocks used to define forms in Angular,
* along with {@link FormControl} and {@link FormGroup}.
* *
* *
* When instantiating a {@link FormArray}, pass in an array of child controls as the first
* argument.
* *
* ### Example
* *
* ```
* const arr = new FormArray([
* new FormControl('Nancy', Validators.minLength(2)),
* new FormControl('Drew'),
* ]);
* *
* console.log(arr.value); // ['Nancy', 'Drew']
* console.log(arr.status); // 'VALID'
* ```
* *
* You can also include array-level validators as the second arg, or array-level async
* validators as the third arg. These come in handy when you want to perform validation
* that considers the value of more than one child control.
* *
* ### Adding or removing controls
* *
* To change the controls in the array, use the `push`, `insert`, or `removeAt` methods
* in `FormArray` itself. These methods ensure the controls are properly tracked in the
* form's hierarchy. Do not modify the array of `AbstractControl`s used to instantiate
* the `FormArray` directly, as that will result in strange and unexpected behavior such
* as broken change detection.
* *
* * **npm package**: `@angular/forms`
* *
* \@whatItDoes Tracks the value and validity state of an array of {\@link FormControl}
* instances.
*
* A `FormArray` aggregates the values of each child {\@link FormControl} into an array.
* It calculates its status by reducing the statuses of its children. For example, if one of
* the controls in a `FormArray` is invalid, the entire array becomes invalid.
*
* `FormArray` is one of the three fundamental building blocks used to define forms in Angular,
* along with {\@link FormControl} and {\@link FormGroup}.
*
* \@howToUse
*
* When instantiating a {\@link FormArray}, pass in an array of child controls as the first
* argument.
*
* ### Example
*
* ```
* const arr = new FormArray([
* new FormControl('Nancy', Validators.minLength(2)),
* new FormControl('Drew'),
* ]);
*
* console.log(arr.value); // ['Nancy', 'Drew']
* console.log(arr.status); // 'VALID'
* ```
*
* You can also include array-level validators as the second arg, or array-level async
* validators as the third arg. These come in handy when you want to perform validation
* that considers the value of more than one child control.
*
* ### Adding or removing controls
*
* To change the controls in the array, use the `push`, `insert`, or `removeAt` methods
* in `FormArray` itself. These methods ensure the controls are properly tracked in the
* form's hierarchy. Do not modify the array of `AbstractControl`s used to instantiate
* the `FormArray` directly, as that will result in strange and unexpected behavior such
* as broken change detection.
*
* * **npm package**: `\@angular/forms`
*
* \@stable
*/

@@ -1452,3 +1503,3 @@ export var FormArray = (function (_super) {

/**
* Get the {@link AbstractControl} at the given `index` in the array.
* Get the {\@link AbstractControl} at the given `index` in the array.
* @param {?} index

@@ -1459,3 +1510,3 @@ * @return {?}

/**
* Insert a new {@link AbstractControl} at the end of the array.
* Insert a new {\@link AbstractControl} at the end of the array.
* @param {?} control

@@ -1471,3 +1522,3 @@ * @return {?}

/**
* Insert a new {@link AbstractControl} at the given `index` in the array.
* Insert a new {\@link AbstractControl} at the given `index` in the array.
* @param {?} index

@@ -1484,3 +1535,3 @@ * @param {?} control

/**
* Remove the control at the given `index` in the array.
* Remove the control at the given `index` in the array.
* @param {?} index

@@ -1497,3 +1548,3 @@ * @return {?}

/**
* Replace an existing control.
* Replace an existing control.
* @param {?} index

@@ -1516,3 +1567,3 @@ * @param {?} control

/**
* Length of the control array.
* Length of the control array.
* @return {?}

@@ -1525,21 +1576,21 @@ */

/**
* Sets the value of the {@link FormArray}. It accepts an array that matches
* the structure of the control.
* *
* This method performs strict checks, so it will throw an error if you try
* to set the value of a control that doesn't exist or if you exclude the
* value of a control.
* *
* ### Example
* *
* ```
* const arr = new FormArray([
* new FormControl(),
* new FormControl()
* ]);
* console.log(arr.value); // [null, null]
* *
* arr.setValue(['Nancy', 'Drew']);
* console.log(arr.value); // ['Nancy', 'Drew']
* ```
* Sets the value of the {\@link FormArray}. It accepts an array that matches
* the structure of the control.
*
* This method performs strict checks, so it will throw an error if you try
* to set the value of a control that doesn't exist or if you exclude the
* value of a control.
*
* ### Example
*
* ```
* const arr = new FormArray([
* new FormControl(),
* new FormControl()
* ]);
* console.log(arr.value); // [null, null]
*
* arr.setValue(['Nancy', 'Drew']);
* console.log(arr.value); // ['Nancy', 'Drew']
* ```
* @param {?} value

@@ -1560,20 +1611,20 @@ * @param {?=} __1

/**
* Patches the value of the {@link FormArray}. It accepts an array that matches the
* structure of the control, and will do its best to match the values to the correct
* controls in the group.
* *
* It accepts both super-sets and sub-sets of the array without throwing an error.
* *
* ### Example
* *
* ```
* const arr = new FormArray([
* new FormControl(),
* new FormControl()
* ]);
* console.log(arr.value); // [null, null]
* *
* arr.patchValue(['Nancy']);
* console.log(arr.value); // ['Nancy', null]
* ```
* Patches the value of the {\@link FormArray}. It accepts an array that matches the
* structure of the control, and will do its best to match the values to the correct
* controls in the group.
*
* It accepts both super-sets and sub-sets of the array without throwing an error.
*
* ### Example
*
* ```
* const arr = new FormArray([
* new FormControl(),
* new FormControl()
* ]);
* console.log(arr.value); // [null, null]
*
* arr.patchValue(['Nancy']);
* console.log(arr.value); // ['Nancy', null]
* ```
* @param {?} value

@@ -1594,31 +1645,31 @@ * @param {?=} __1

/**
* Resets the {@link FormArray}. This means by default:
* *
* * The array and all descendants are marked `pristine`
* * The array and all descendants are marked `untouched`
* * The value of all descendants will be null or null maps
* *
* You can also reset to a specific form state by passing in an array of states
* that matches the structure of the control. The state can be a standalone value
* or a form state object with both a value and a disabled status.
* *
* ### Example
* *
* ```ts
* this.arr.reset(['name', 'last name']);
* *
* console.log(this.arr.value); // ['name', 'last name']
* ```
* *
* - OR -
* *
* ```
* this.arr.reset([
* {value: 'name', disabled: true},
* 'last'
* ]);
* *
* console.log(this.arr.value); // ['name', 'last name']
* console.log(this.arr.get(0).status); // 'DISABLED'
* ```
* Resets the {\@link FormArray}. This means by default:
*
* * The array and all descendants are marked `pristine`
* * The array and all descendants are marked `untouched`
* * The value of all descendants will be null or null maps
*
* You can also reset to a specific form state by passing in an array of states
* that matches the structure of the control. The state can be a standalone value
* or a form state object with both a value and a disabled status.
*
* ### Example
*
* ```ts
* this.arr.reset(['name', 'last name']);
*
* console.log(this.arr.value); // ['name', 'last name']
* ```
*
* - OR -
*
* ```
* this.arr.reset([
* {value: 'name', disabled: true},
* 'last'
* ]);
*
* console.log(this.arr.value); // ['name', 'last name']
* console.log(this.arr.get(0).status); // 'DISABLED'
* ```
* @param {?=} value

@@ -1639,6 +1690,6 @@ * @param {?=} __1

/**
* The aggregate value of the array, including any disabled controls.
* *
* If you'd like to include all values regardless of disabled status, use this method.
* Otherwise, the `value` property is the best way to get the value of the array.
* The aggregate value of the array, including any disabled controls.
*
* If you'd like to include all values regardless of disabled status, use this method.
* Otherwise, the `value` property is the best way to get the value of the array.
* @return {?}

@@ -1648,2 +1699,3 @@ */

/**
* \@internal
* @param {?} index

@@ -1661,2 +1713,3 @@ * @return {?}

/**
* \@internal
* @param {?} cb

@@ -1669,2 +1722,3 @@ * @return {?}

/**
* \@internal
* @return {?}

@@ -1678,2 +1732,3 @@ */

/**
* \@internal
* @param {?} condition

@@ -1686,2 +1741,3 @@ * @return {?}

/**
* \@internal
* @return {?}

@@ -1694,2 +1750,3 @@ */

/**
* \@internal
* @param {?} value

@@ -1706,2 +1763,3 @@ * @return {?}

/**
* \@internal
* @return {?}

@@ -1708,0 +1766,0 @@ */

8

src/validators.d.ts

@@ -8,4 +8,4 @@ /**

*/
import { OpaqueToken } from '@angular/core';
import { AsyncValidatorFn, ValidatorFn } from './directives/validators';
import { InjectionToken } from '@angular/core';
import { AsyncValidatorFn, Validator, ValidatorFn } from './directives/validators';
import { AbstractControl } from './model';

@@ -22,3 +22,3 @@ /**

*/
export declare const NG_VALIDATORS: OpaqueToken;
export declare const NG_VALIDATORS: InjectionToken<(Function | Validator)[]>;
/**

@@ -34,3 +34,3 @@ * Providers for asynchronous validators to be used for {@link FormControl}s

*/
export declare const NG_ASYNC_VALIDATORS: OpaqueToken;
export declare const NG_ASYNC_VALIDATORS: InjectionToken<(Function | Validator)[]>;
/**

@@ -37,0 +37,0 @@ * Provides a set of validators used by form controls.

45

src/validators.js

@@ -8,3 +8,3 @@ /**

*/
import { OpaqueToken } from '@angular/core';
import { InjectionToken } from '@angular/core';
import { toPromise } from 'rxjs/operator/toPromise';

@@ -32,3 +32,3 @@ import { StringMapWrapper } from './facade/collection';

*/
export var /** @type {?} */ NG_VALIDATORS = new OpaqueToken('NgValidators');
export var /** @type {?} */ NG_VALIDATORS = new InjectionToken('NgValidators');
/**

@@ -44,15 +44,16 @@ * Providers for asynchronous validators to be used for {@link FormControl}s

*/
export var /** @type {?} */ NG_ASYNC_VALIDATORS = new OpaqueToken('NgAsyncValidators');
export var /** @type {?} */ NG_ASYNC_VALIDATORS = new InjectionToken('NgAsyncValidators');
/**
* Provides a set of validators used by form controls.
* *
* A validator is a function that processes a {@link FormControl} or collection of
* controls and returns a map of errors. A null map means that validation has passed.
* *
* ### Example
* *
* ```typescript
* var loginControl = new FormControl("", Validators.required)
* ```
* *
* Provides a set of validators used by form controls.
*
* A validator is a function that processes a {\@link FormControl} or collection of
* controls and returns a map of errors. A null map means that validation has passed.
*
* ### Example
*
* ```typescript
* var loginControl = new FormControl("", Validators.required)
* ```
*
* \@stable
*/

@@ -63,3 +64,3 @@ export var Validators = (function () {

/**
* Validator that requires controls to have a non-empty value.
* Validator that requires controls to have a non-empty value.
* @param {?} control

@@ -72,3 +73,3 @@ * @return {?}

/**
* Validator that requires control value to be true.
* Validator that requires control value to be true.
* @param {?} control

@@ -81,3 +82,3 @@ * @return {?}

/**
* Validator that requires controls to have a value of a minimum length.
* Validator that requires controls to have a value of a minimum length.
* @param {?} minLength

@@ -98,3 +99,3 @@ * @return {?}

/**
* Validator that requires controls to have a value of a maximum length.
* Validator that requires controls to have a value of a maximum length.
* @param {?} maxLength

@@ -112,3 +113,3 @@ * @return {?}

/**
* Validator that requires a control to match a regex to its value.
* Validator that requires a control to match a regex to its value.
* @param {?} pattern

@@ -140,3 +141,3 @@ * @return {?}

/**
* No-op validator.
* No-op validator.
* @param {?} c

@@ -147,4 +148,4 @@ * @return {?}

/**
* Compose multiple validators into a single function that returns the union
* of the individual error maps.
* Compose multiple validators into a single function that returns the union
* of the individual error maps.
* @param {?} validators

@@ -151,0 +152,0 @@ * @return {?}

2

src/validators.metadata.json

@@ -1,1 +0,1 @@

[{"__symbolic":"module","version":3,"metadata":{"NG_VALIDATORS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"OpaqueToken"},"arguments":["NgValidators"]},"NG_ASYNC_VALIDATORS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"OpaqueToken"},"arguments":["NgAsyncValidators"]},"Validators":{"__symbolic":"class","statics":{"required":{"__symbolic":"function","parameters":["control"],"value":{"__symbolic":"if","condition":{"__symbolic":"error","message":"Reference to a non-exported function","line":16,"character":9,"context":{"name":"isEmptyInputValue"}},"thenExpression":{"required":true,"$quoted$":["required"]},"elseExpression":null}},"requiredTrue":{"__symbolic":"function","parameters":["control"],"value":{"__symbolic":"if","condition":{"__symbolic":"binop","operator":"===","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"control"},"member":"value"},"right":true},"thenExpression":null,"elseExpression":{"required":true,"$quoted$":["required"]}}},"minLength":{"__symbolic":"function","parameters":["minLength"],"value":{"__symbolic":"error","message":"Function call not supported","line":78,"character":11}},"maxLength":{"__symbolic":"function","parameters":["maxLength"],"value":{"__symbolic":"error","message":"Function call not supported","line":93,"character":11}},"nullValidator":{"__symbolic":"function","parameters":["c"],"value":null}}}}},{"__symbolic":"module","version":1,"metadata":{"NG_VALIDATORS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"OpaqueToken"},"arguments":["NgValidators"]},"NG_ASYNC_VALIDATORS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"OpaqueToken"},"arguments":["NgAsyncValidators"]},"Validators":{"__symbolic":"class","statics":{"required":{"__symbolic":"function","parameters":["control"],"value":{"__symbolic":"if","condition":{"__symbolic":"error","message":"Reference to a non-exported function","line":16,"character":9,"context":{"name":"isEmptyInputValue"}},"thenExpression":{"required":true},"elseExpression":null}},"requiredTrue":{"__symbolic":"function","parameters":["control"],"value":{"__symbolic":"if","condition":{"__symbolic":"binop","operator":"===","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"control"},"member":"value"},"right":true},"thenExpression":null,"elseExpression":{"required":true}}},"minLength":{"__symbolic":"function","parameters":["minLength"],"value":{"__symbolic":"error","message":"Function call not supported","line":78,"character":11}},"maxLength":{"__symbolic":"function","parameters":["maxLength"],"value":{"__symbolic":"error","message":"Function call not supported","line":93,"character":11}},"nullValidator":{"__symbolic":"function","parameters":["c"],"value":null}}}}}]
[{"__symbolic":"module","version":3,"metadata":{"NG_VALIDATORS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken"},"arguments":["NgValidators"]},"NG_ASYNC_VALIDATORS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken"},"arguments":["NgAsyncValidators"]},"Validators":{"__symbolic":"class","statics":{"required":{"__symbolic":"function","parameters":["control"],"value":{"__symbolic":"if","condition":{"__symbolic":"error","message":"Reference to a non-exported function","line":17,"character":9,"context":{"name":"isEmptyInputValue"}},"thenExpression":{"required":true,"$quoted$":["required"]},"elseExpression":null}},"requiredTrue":{"__symbolic":"function","parameters":["control"],"value":{"__symbolic":"if","condition":{"__symbolic":"binop","operator":"===","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"control"},"member":"value"},"right":true},"thenExpression":null,"elseExpression":{"required":true,"$quoted$":["required"]}}},"minLength":{"__symbolic":"function","parameters":["minLength"],"value":{"__symbolic":"error","message":"Function call not supported","line":80,"character":11}},"maxLength":{"__symbolic":"function","parameters":["maxLength"],"value":{"__symbolic":"error","message":"Function call not supported","line":95,"character":11}},"nullValidator":{"__symbolic":"function","parameters":["c"],"value":null}}}}},{"__symbolic":"module","version":1,"metadata":{"NG_VALIDATORS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken"},"arguments":["NgValidators"]},"NG_ASYNC_VALIDATORS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken"},"arguments":["NgAsyncValidators"]},"Validators":{"__symbolic":"class","statics":{"required":{"__symbolic":"function","parameters":["control"],"value":{"__symbolic":"if","condition":{"__symbolic":"error","message":"Reference to a non-exported function","line":17,"character":9,"context":{"name":"isEmptyInputValue"}},"thenExpression":{"required":true},"elseExpression":null}},"requiredTrue":{"__symbolic":"function","parameters":["control"],"value":{"__symbolic":"if","condition":{"__symbolic":"binop","operator":"===","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"control"},"member":"value"},"right":true},"thenExpression":null,"elseExpression":{"required":true}}},"minLength":{"__symbolic":"function","parameters":["minLength"],"value":{"__symbolic":"error","message":"Function call not supported","line":80,"character":11}},"maxLength":{"__symbolic":"function","parameters":["maxLength"],"value":{"__symbolic":"error","message":"Function call not supported","line":95,"character":11}},"nullValidator":{"__symbolic":"function","parameters":["c"],"value":null}}}}}]

2

src/version.js

@@ -12,3 +12,3 @@ /**

*/
export var /** @type {?} */ VERSION = new Version('4.0.0-beta.3');
export var /** @type {?} */ VERSION = new Version('4.0.0-beta.4');
//# sourceMappingURL=version.js.map

2

src/version.metadata.json

@@ -1,1 +0,1 @@

[{"__symbolic":"module","version":3,"metadata":{"VERSION":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Version"},"arguments":["4.0.0-beta.3"]}}},{"__symbolic":"module","version":1,"metadata":{"VERSION":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Version"},"arguments":["4.0.0-beta.3"]}}}]
[{"__symbolic":"module","version":3,"metadata":{"VERSION":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Version"},"arguments":["4.0.0-beta.4"]}}},{"__symbolic":"module","version":1,"metadata":{"VERSION":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Version"},"arguments":["4.0.0-beta.4"]}}}]
bundles/forms.umd.js

Sorry, the diff of this file is too big to display

bundles/forms.umd.min.js

Sorry, the diff of this file is too big to display

src/directives.js.map

Sorry, the diff of this file is not supported yet

src/directives/abstract_control_directive.js.map

Sorry, the diff of this file is not supported yet

src/directives/abstract_form_group_directive.js.map

Sorry, the diff of this file is not supported yet

src/directives/checkbox_value_accessor.js.map

Sorry, the diff of this file is not supported yet

src/directives/control_container.js.map

Sorry, the diff of this file is not supported yet

src/directives/control_value_accessor.js.map

Sorry, the diff of this file is not supported yet

src/directives/default_value_accessor.js.map

Sorry, the diff of this file is not supported yet

src/directives/ng_control_status.js.map

Sorry, the diff of this file is not supported yet

src/directives/ng_control.js.map

Sorry, the diff of this file is not supported yet

src/directives/ng_form.js.map

Sorry, the diff of this file is not supported yet

src/directives/ng_model_group.js.map

Sorry, the diff of this file is not supported yet

src/directives/ng_model.js.map

Sorry, the diff of this file is not supported yet

src/directives/ng_novalidate_directive.js.map

Sorry, the diff of this file is not supported yet

src/directives/number_value_accessor.js.map

Sorry, the diff of this file is not supported yet

src/directives/radio_control_value_accessor.js.map

Sorry, the diff of this file is not supported yet

src/directives/range_value_accessor.js.map

Sorry, the diff of this file is not supported yet

src/directives/reactive_directives/form_control_directive.js.map

Sorry, the diff of this file is not supported yet

src/directives/reactive_directives/form_control_name.js.map

Sorry, the diff of this file is not supported yet

src/directives/reactive_directives/form_group_directive.js.map

Sorry, the diff of this file is not supported yet

src/directives/reactive_directives/form_group_name.js.map

Sorry, the diff of this file is not supported yet

src/directives/reactive_errors.js.map

Sorry, the diff of this file is not supported yet

src/directives/select_control_value_accessor.js.map

Sorry, the diff of this file is not supported yet

src/directives/select_multiple_control_value_accessor.js.map

Sorry, the diff of this file is not supported yet

src/directives/shared.js.map

Sorry, the diff of this file is not supported yet

src/directives/template_driven_errors.js.map

Sorry, the diff of this file is not supported yet

src/directives/validators.js.map

Sorry, the diff of this file is not supported yet

src/facade/async.js.map

Sorry, the diff of this file is not supported yet

src/facade/collection.js.map

Sorry, the diff of this file is not supported yet

src/facade/lang.js.map

Sorry, the diff of this file is not supported yet

src/form_builder.js.map

Sorry, the diff of this file is not supported yet

src/form_providers.js.map

Sorry, the diff of this file is not supported yet

src/model.js.map

Sorry, the diff of this file is not supported yet

src/validators.js.map

Sorry, the diff of this file is not supported yet

src/version.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc