@angular/forms - npm Package Compare versions

Comparing version 4.0.0-beta.6 to 4.0.0-beta.7

index.js

@@ -14,2 +14,3 @@ /**
 export { AbstractControlDirective, AbstractFormGroupDirective, CheckboxControlValueAccessor, ControlContainer, NG_VALUE_ACCESSOR, DefaultValueAccessor, NgControl, NgControlStatus, NgControlStatusGroup, NgForm, NgModel, NgModelGroup, RadioControlValueAccessor, FormControlDirective, FormControlName, FormGroupDirective, FormArrayName, FormGroupName, NgSelectOption, SelectControlValueAccessor, SelectMultipleControlValueAccessor, CheckboxRequiredValidator, EmailValidator, MaxLengthValidator, MinLengthValidator, PatternValidator, RequiredValidator, FormBuilder, AbstractControl, FormArray, FormControl, FormGroup, NG_ASYNC_VALIDATORS, NG_VALIDATORS, Validators, VERSION, FormsModule, ReactiveFormsModule } from './src/forms';
+// This file only reexports content of the `src` folder. Keep it that way.
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@angular/forms",
-  "version": "4.0.0-beta.6",
+  "version": "4.0.0-beta.7",
   "description": "Angular - directives and services for creating forms",
@@ -11,4 +11,4 @@ "main": "bundles/forms.umd.js",
   "peerDependencies": {
-    "@angular/core": "4.0.0-beta.6",
-    "@angular/common": "4.0.0-beta.6"
+    "@angular/core": "4.0.0-beta.7",
+    "@angular/common": "4.0.0-beta.7"
   },
@@ -15,0 +15,0 @@ "repository": {

src/directives.js

@@ -67,15 +67,16 @@ /**
  */
-export var InternalFormsSharedModule = (function () {
+var InternalFormsSharedModule = (function () {
     function InternalFormsSharedModule() {
     }
-    InternalFormsSharedModule.decorators = [
-        { type: NgModule, args: [{
-                    declarations: SHARED_FORM_DIRECTIVES,
-                    exports: SHARED_FORM_DIRECTIVES,
-                },] },
-    ];
-    /** @nocollapse */
-    InternalFormsSharedModule.ctorParameters = function () { return []; };
     return InternalFormsSharedModule;
 }());
+export { InternalFormsSharedModule };
+InternalFormsSharedModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: SHARED_FORM_DIRECTIVES,
+                exports: SHARED_FORM_DIRECTIVES,
+            },] },
+];
+/** @nocollapse */
+InternalFormsSharedModule.ctorParameters = function () { return []; };
 function InternalFormsSharedModule_tsickle_Closure_declarations() {
@@ -82,0 +83,0 @@ /** @type {?} */

src/directives/abstract_control_directive.d.ts

@@ -18,19 +18,19 @@ /**
 export declare abstract class AbstractControlDirective {
-    control: AbstractControl;
-    value: any;
-    valid: boolean;
-    invalid: boolean;
-    pending: boolean;
-    errors: {
+    readonly control: AbstractControl;
+    readonly value: any;
+    readonly valid: boolean;
+    readonly invalid: boolean;
+    readonly pending: boolean;
+    readonly errors: {
         [key: string]: any;
     };
-    pristine: boolean;
-    dirty: boolean;
-    touched: boolean;
-    untouched: boolean;
-    disabled: boolean;
-    enabled: boolean;
-    statusChanges: Observable<any>;
-    valueChanges: Observable<any>;
-    path: string[];
+    readonly pristine: boolean;
+    readonly dirty: boolean;
+    readonly touched: boolean;
+    readonly untouched: boolean;
+    readonly disabled: boolean;
+    readonly enabled: boolean;
+    readonly statusChanges: Observable<any>;
+    readonly valueChanges: Observable<any>;
+    readonly path: string[];
     reset(value?: any): void;
@@ -37,0 +37,0 @@ hasError(errorCode: string, path?: string[]): boolean;

src/directives/abstract_control_directive.js

@@ -16,3 +16,3 @@ /**
  */
-export var AbstractControlDirective = (function () {
+var AbstractControlDirective = (function () {
     function AbstractControlDirective() {
@@ -169,2 +169,3 @@ }
 }());
+export { AbstractControlDirective };
 //# sourceMappingURL=abstract_control_directive.js.map

src/directives/abstract_form_group_directive.d.ts

@@ -24,13 +24,13 @@ /**
      */
-    control: FormGroup;
+    readonly control: FormGroup;
     /**
      * Get the path to this control group.
      */
-    path: string[];
+    readonly path: string[];
     /**
      * Get the {@link Form} to which this group belongs.
      */
-    formDirective: Form;
-    validator: ValidatorFn;
-    asyncValidator: AsyncValidatorFn;
+    readonly formDirective: Form;
+    readonly validator: ValidatorFn;
+    readonly asyncValidator: AsyncValidatorFn;
 }

src/directives/abstract_form_group_directive.js

@@ -20,6 +20,6 @@ /**
  */
-export var AbstractFormGroupDirective = (function (_super) {
+var AbstractFormGroupDirective = (function (_super) {
     __extends(AbstractFormGroupDirective, _super);
     function AbstractFormGroupDirective() {
-        _super.apply(this, arguments);
+        return _super !== null && _super.apply(this, arguments) || this;
     }
@@ -91,2 +91,3 @@ /**
 }(ControlContainer));
+export { AbstractFormGroupDirective };
 function AbstractFormGroupDirective_tsickle_Closure_declarations() {
@@ -93,0 +94,0 @@ /**

src/directives/checkbox_value_accessor.js

@@ -25,3 +25,3 @@ /**
  */
-export var CheckboxControlValueAccessor = (function () {
+var CheckboxControlValueAccessor = (function () {
     /**
@@ -61,16 +61,17 @@ * @param {?} _renderer
     };
-    CheckboxControlValueAccessor.decorators = [
-        { type: Directive, args: [{
-                    selector: 'input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]',
-                    host: { '(change)': 'onChange($event.target.checked)', '(blur)': 'onTouched()' },
-                    providers: [CHECKBOX_VALUE_ACCESSOR]
-                },] },
-    ];
-    /** @nocollapse */
-    CheckboxControlValueAccessor.ctorParameters = function () { return [
-        { type: Renderer, },
-        { type: ElementRef, },
-    ]; };
     return CheckboxControlValueAccessor;
 }());
+export { CheckboxControlValueAccessor };
+CheckboxControlValueAccessor.decorators = [
+    { type: Directive, args: [{
+                selector: 'input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]',
+                host: { '(change)': 'onChange($event.target.checked)', '(blur)': 'onTouched()' },
+                providers: [CHECKBOX_VALUE_ACCESSOR]
+            },] },
+];
+/** @nocollapse */
+CheckboxControlValueAccessor.ctorParameters = function () { return [
+    { type: Renderer, },
+    { type: ElementRef, },
+]; };
 function CheckboxControlValueAccessor_tsickle_Closure_declarations() {
@@ -77,0 +78,0 @@ /** @type {?} */

src/directives/control_container.d.ts

@@ -22,7 +22,7 @@ /**
      */
-    formDirective: Form;
+    readonly formDirective: Form;
     /**
      * Get the path to this container.
      */
-    path: string[];
+    readonly path: string[];
 }

src/directives/control_container.js

@@ -21,6 +21,6 @@ /**
  */
-export var ControlContainer = (function (_super) {
+var ControlContainer = (function (_super) {
     __extends(ControlContainer, _super);
     function ControlContainer() {
-        _super.apply(this, arguments);
+        return _super !== null && _super.apply(this, arguments) || this;
     }
@@ -47,2 +47,3 @@ Object.defineProperty(ControlContainer.prototype, "formDirective", {
 }(AbstractControlDirective));
+export { ControlContainer };
 function ControlContainer_tsickle_Closure_declarations() {
@@ -49,0 +50,0 @@ /** @type {?} */

src/directives/default_value_accessor.js

@@ -26,3 +26,3 @@ /**
  */
-export var DefaultValueAccessor = (function () {
+var DefaultValueAccessor = (function () {
     /**
@@ -63,19 +63,20 @@ * @param {?} _renderer
     };
-    DefaultValueAccessor.decorators = [
-        { type: Directive, args: [{
-                    selector: 'input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]',
-                    // TODO: vsavkin replace the above selector with the one below it once
-                    // https://github.com/angular/angular/issues/3011 is implemented
-                    // selector: '[ngControl],[ngModel],[ngFormControl]',
-                    host: { '(input)': 'onChange($event.target.value)', '(blur)': 'onTouched()' },
-                    providers: [DEFAULT_VALUE_ACCESSOR]
-                },] },
-    ];
-    /** @nocollapse */
-    DefaultValueAccessor.ctorParameters = function () { return [
-        { type: Renderer, },
-        { type: ElementRef, },
-    ]; };
     return DefaultValueAccessor;
 }());
+export { DefaultValueAccessor };
+DefaultValueAccessor.decorators = [
+    { type: Directive, args: [{
+                selector: 'input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]',
+                // TODO: vsavkin replace the above selector with the one below it once
+                // https://github.com/angular/angular/issues/3011 is implemented
+                // selector: '[ngControl],[ngModel],[ngFormControl]',
+                host: { '(input)': 'onChange($event.target.value)', '(blur)': 'onTouched()' },
+                providers: [DEFAULT_VALUE_ACCESSOR]
+            },] },
+];
+/** @nocollapse */
+DefaultValueAccessor.ctorParameters = function () { return [
+    { type: Renderer, },
+    { type: ElementRef, },
+]; };
 function DefaultValueAccessor_tsickle_Closure_declarations() {
@@ -82,0 +83,0 @@ /** @type {?} */

src/directives/error_examples.js

@@ -8,3 +8,9 @@ /**
  */
-export var /** @type {?} */ FormErrorExamples = {
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */ export var /** @type {?} */ FormErrorExamples = {
     formControlName: "\n    <div [formGroup]=\"myGroup\">\n      <input formControlName=\"firstName\">\n    </div>\n\n    In your class:\n\n    this.myGroup = new FormGroup({\n       firstName: new FormControl()\n    });",
@@ -11,0 +17,0 @@ formGroupName: "\n    <div [formGroup]=\"myGroup\">\n       <div formGroupName=\"person\">\n          <input formControlName=\"firstName\">\n       </div>\n    </div>\n\n    In your class:\n\n    this.myGroup = new FormGroup({\n       person: new FormGroup({ firstName: new FormControl() })\n    });",

src/directives/ng_control_status.d.ts

@@ -7,9 +7,9 @@ import { AbstractControlDirective } from './abstract_control_directive';
     constructor(cd: AbstractControlDirective);
-    ngClassUntouched: boolean;
-    ngClassTouched: boolean;
-    ngClassPristine: boolean;
-    ngClassDirty: boolean;
-    ngClassValid: boolean;
-    ngClassInvalid: boolean;
-    ngClassPending: boolean;
+    readonly ngClassUntouched: boolean;
+    readonly ngClassTouched: boolean;
+    readonly ngClassPristine: boolean;
+    readonly ngClassDirty: boolean;
+    readonly ngClassValid: boolean;
+    readonly ngClassInvalid: boolean;
+    readonly ngClassPending: boolean;
 }
@@ -16,0 +16,0 @@ export declare const ngControlStatusHost: {

src/directives/ng_control_status.js

@@ -16,3 +16,3 @@ /**
 import { NgControl } from './ng_control';
-export var AbstractControlStatus = (function () {
+var AbstractControlStatus = (function () {
     /**
@@ -82,2 +82,3 @@ * @param {?} cd
 }());
+export { AbstractControlStatus };
 function AbstractControlStatus_tsickle_Closure_declarations() {
@@ -102,3 +103,3 @@ /** @type {?} */
  */
-export var NgControlStatus = (function (_super) {
+var NgControlStatus = (function (_super) {
     __extends(NgControlStatus, _super);
@@ -109,13 +110,14 @@ /**
     function NgControlStatus(cd) {
-        _super.call(this, cd);
+        return _super.call(this, cd) || this;
     }
-    NgControlStatus.decorators = [
-        { type: Directive, args: [{ selector: '[formControlName],[ngModel],[formControl]', host: ngControlStatusHost },] },
-    ];
-    /** @nocollapse */
-    NgControlStatus.ctorParameters = function () { return [
-        { type: NgControl, decorators: [{ type: Self },] },
-    ]; };
     return NgControlStatus;
 }(AbstractControlStatus));
+export { NgControlStatus };
+NgControlStatus.decorators = [
+    { type: Directive, args: [{ selector: '[formControlName],[ngModel],[formControl]', host: ngControlStatusHost },] },
+];
+/** @nocollapse */
+NgControlStatus.ctorParameters = function () { return [
+    { type: NgControl, decorators: [{ type: Self },] },
+]; };
 function NgControlStatus_tsickle_Closure_declarations() {
@@ -136,3 +138,3 @@ /** @type {?} */
  */
-export var NgControlStatusGroup = (function (_super) {
+var NgControlStatusGroup = (function (_super) {
     __extends(NgControlStatusGroup, _super);
@@ -143,16 +145,17 @@ /**
     function NgControlStatusGroup(cd) {
-        _super.call(this, cd);
+        return _super.call(this, cd) || this;
     }
-    NgControlStatusGroup.decorators = [
-        { type: Directive, args: [{
-                    selector: '[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]',
-                    host: ngControlStatusHost
-                },] },
-    ];
-    /** @nocollapse */
-    NgControlStatusGroup.ctorParameters = function () { return [
-        { type: ControlContainer, decorators: [{ type: Self },] },
-    ]; };
     return NgControlStatusGroup;
 }(AbstractControlStatus));
+export { NgControlStatusGroup };
+NgControlStatusGroup.decorators = [
+    { type: Directive, args: [{
+                selector: '[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]',
+                host: ngControlStatusHost
+            },] },
+];
+/** @nocollapse */
+NgControlStatusGroup.ctorParameters = function () { return [
+    { type: ControlContainer, decorators: [{ type: Self },] },
+]; };
 function NgControlStatusGroup_tsickle_Closure_declarations() {
@@ -159,0 +162,0 @@ /** @type {?} */

src/directives/ng_control.d.ts

@@ -22,5 +22,5 @@ /**
     valueAccessor: ControlValueAccessor;
-    validator: ValidatorFn;
-    asyncValidator: AsyncValidatorFn;
+    readonly validator: ValidatorFn;
+    readonly asyncValidator: AsyncValidatorFn;
     abstract viewToModelUpdate(newValue: any): void;
 }

src/directives/ng_control.js

@@ -29,14 +29,15 @@ /**
  */
-export var NgControl = (function (_super) {
+var NgControl = (function (_super) {
     __extends(NgControl, _super);
     function NgControl() {
-        _super.apply(this, arguments);
+        var _this = _super !== null && _super.apply(this, arguments) || this;
         /** @internal */
-        this._parent = null;
-        this.name = null;
-        this.valueAccessor = null;
+        _this._parent = null;
+        _this.name = null;
+        _this.valueAccessor = null;
         /** @internal */
-        this._rawValidators = [];
+        _this._rawValidators = [];
         /** @internal */
-        this._rawAsyncValidators = [];
+        _this._rawAsyncValidators = [];
+        return _this;
     }
@@ -67,2 +68,3 @@ Object.defineProperty(NgControl.prototype, "validator", {
 }(AbstractControlDirective));
+export { NgControl };
 function NgControl_tsickle_Closure_declarations() {
@@ -69,0 +71,0 @@ /**

src/directives/ng_form.d.ts

@@ -45,7 +45,7 @@ import { EventEmitter } from '../facade/async';
     constructor(validators: any[], asyncValidators: any[]);
-    submitted: boolean;
-    formDirective: Form;
-    control: FormGroup;
-    path: string[];
-    controls: {
+    readonly submitted: boolean;
+    readonly formDirective: Form;
+    readonly control: FormGroup;
+    readonly path: string[];
+    readonly controls: {
         [key: string]: AbstractControl;
@@ -52,0 +52,0 @@ };

src/directives/ng_form.js

@@ -55,3 +55,3 @@ /**
  */
-export var NgForm = (function (_super) {
+var NgForm = (function (_super) {
     __extends(NgForm, _super);
@@ -63,7 +63,8 @@ /**
     function NgForm(validators, asyncValidators) {
-        _super.call(this);
-        this._submitted = false;
-        this.ngSubmit = new EventEmitter();
-        this.form =
+        var _this = _super.call(this) || this;
+        _this._submitted = false;
+        _this.ngSubmit = new EventEmitter();
+        _this.form =
             new FormGroup({}, composeValidators(validators), composeAsyncValidators(asyncValidators));
+        return _this;
     }
@@ -221,18 +222,19 @@ Object.defineProperty(NgForm.prototype, "submitted", {
     };
-    NgForm.decorators = [
-        { type: Directive, args: [{
-                    selector: 'form:not([ngNoForm]):not([formGroup]),ngForm,[ngForm]',
-                    providers: [formDirectiveProvider],
-                    host: { '(submit)': 'onSubmit($event)', '(reset)': 'onReset()' },
-                    outputs: ['ngSubmit'],
-                    exportAs: 'ngForm'
-                },] },
-    ];
-    /** @nocollapse */
-    NgForm.ctorParameters = function () { return [
-        { type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_VALIDATORS,] },] },
-        { type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_ASYNC_VALIDATORS,] },] },
-    ]; };
     return NgForm;
 }(ControlContainer));
+export { NgForm };
+NgForm.decorators = [
+    { type: Directive, args: [{
+                selector: 'form:not([ngNoForm]):not([formGroup]),ngForm,[ngForm]',
+                providers: [formDirectiveProvider],
+                host: { '(submit)': 'onSubmit($event)', '(reset)': 'onReset()' },
+                outputs: ['ngSubmit'],
+                exportAs: 'ngForm'
+            },] },
+];
+/** @nocollapse */
+NgForm.ctorParameters = function () { return [
+    { type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_VALIDATORS,] },] },
+    { type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_ASYNC_VALIDATORS,] },] },
+]; };
 function NgForm_tsickle_Closure_declarations() {
@@ -239,0 +241,0 @@ /** @type {?} */

src/directives/ng_model_group.js

@@ -48,3 +48,3 @@ /**
  */
-export var NgModelGroup = (function (_super) {
+var NgModelGroup = (function (_super) {
     __extends(NgModelGroup, _super);
@@ -57,6 +57,7 @@ /**
     function NgModelGroup(parent, validators, asyncValidators) {
-        _super.call(this);
-        this._parent = parent;
-        this._validators = validators;
-        this._asyncValidators = asyncValidators;
+        var _this = _super.call(this) || this;
+        _this._parent = parent;
+        _this._validators = validators;
+        _this._asyncValidators = asyncValidators;
+        return _this;
     }
@@ -72,16 +73,17 @@ /**
     };
-    NgModelGroup.decorators = [
-        { type: Directive, args: [{ selector: '[ngModelGroup]', providers: [modelGroupProvider], exportAs: 'ngModelGroup' },] },
-    ];
-    /** @nocollapse */
-    NgModelGroup.ctorParameters = function () { return [
-        { type: ControlContainer, decorators: [{ type: Host }, { type: SkipSelf },] },
-        { type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_VALIDATORS,] },] },
-        { type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_ASYNC_VALIDATORS,] },] },
-    ]; };
-    NgModelGroup.propDecorators = {
-        'name': [{ type: Input, args: ['ngModelGroup',] },],
-    };
     return NgModelGroup;
 }(AbstractFormGroupDirective));
+export { NgModelGroup };
+NgModelGroup.decorators = [
+    { type: Directive, args: [{ selector: '[ngModelGroup]', providers: [modelGroupProvider], exportAs: 'ngModelGroup' },] },
+];
+/** @nocollapse */
+NgModelGroup.ctorParameters = function () { return [
+    { type: ControlContainer, decorators: [{ type: Host }, { type: SkipSelf },] },
+    { type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_VALIDATORS,] },] },
+    { type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_ASYNC_VALIDATORS,] },] },
+]; };
+NgModelGroup.propDecorators = {
+    'name': [{ type: Input, args: ['ngModelGroup',] },],
+};
 function NgModelGroup_tsickle_Closure_declarations() {
@@ -88,0 +90,0 @@ /** @type {?} */

src/directives/ng_model.d.ts

@@ -90,7 +90,7 @@ /**
     ngOnDestroy(): void;
-    control: FormControl;
-    path: string[];
-    formDirective: any;
-    validator: ValidatorFn;
-    asyncValidator: AsyncValidatorFn;
+    readonly control: FormControl;
+    readonly path: string[];
+    readonly formDirective: any;
+    readonly validator: ValidatorFn;
+    readonly asyncValidator: AsyncValidatorFn;
     viewToModelUpdate(newValue: any): void;
@@ -97,0 +97,0 @@ private _setUpControl();

src/directives/ng_model.js

@@ -105,3 +105,3 @@ /**
  */
-export var NgModel = (function (_super) {
+var NgModel = (function (_super) {
     __extends(NgModel, _super);
@@ -115,13 +115,14 @@ /**
     function NgModel(parent, validators, asyncValidators, valueAccessors) {
-        _super.call(this);
+        var _this = _super.call(this) || this;
         /** @internal */
-        this._control = new FormControl();
+        _this._control = new FormControl();
         /** @internal */
-        this._registered = false;
-        this._composing = false;
-        this.update = new EventEmitter();
-        this._parent = parent;
-        this._rawValidators = validators || [];
-        this._rawAsyncValidators = asyncValidators || [];
-        this.valueAccessor = selectValueAccessor(this, valueAccessors);
+        _this._registered = false;
+        _this._composing = false;
+        _this.update = new EventEmitter();
+        _this._parent = parent;
+        _this._rawValidators = validators || [];
+        _this._rawAsyncValidators = asyncValidators || [];
+        _this.valueAccessor = selectValueAccessor(_this, valueAccessors);
+        return _this;
     }
@@ -288,27 +289,28 @@ /**
     };
-    NgModel.decorators = [
-        { type: Directive, args: [{
-                    selector: '[ngModel]:not([formControlName]):not([formControl])',
-                    providers: [formControlBinding],
-                    exportAs: 'ngModel'
-                },] },
-    ];
-    /** @nocollapse */
-    NgModel.ctorParameters = function () { return [
-        { type: ControlContainer, decorators: [{ type: Optional }, { type: Host },] },
-        { type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_VALIDATORS,] },] },
-        { type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_ASYNC_VALIDATORS,] },] },
-        { type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_VALUE_ACCESSOR,] },] },
-    ]; };
-    NgModel.propDecorators = {
-        'name': [{ type: Input },],
-        'isDisabled': [{ type: Input, args: ['disabled',] },],
-        'model': [{ type: Input, args: ['ngModel',] },],
-        'options': [{ type: Input, args: ['ngModelOptions',] },],
-        'update': [{ type: Output, args: ['ngModelChange',] },],
-        'compositionStart': [{ type: HostListener, args: ['compositionstart',] },],
-        'compositionEnd': [{ type: HostListener, args: ['compositionend',] },],
-    };
     return NgModel;
 }(NgControl));
+export { NgModel };
+NgModel.decorators = [
+    { type: Directive, args: [{
+                selector: '[ngModel]:not([formControlName]):not([formControl])',
+                providers: [formControlBinding],
+                exportAs: 'ngModel'
+            },] },
+];
+/** @nocollapse */
+NgModel.ctorParameters = function () { return [
+    { type: ControlContainer, decorators: [{ type: Optional }, { type: Host },] },
+    { type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_VALIDATORS,] },] },
+    { type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_ASYNC_VALIDATORS,] },] },
+    { type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_VALUE_ACCESSOR,] },] },
+]; };
+NgModel.propDecorators = {
+    'name': [{ type: Input },],
+    'isDisabled': [{ type: Input, args: ['disabled',] },],
+    'model': [{ type: Input, args: ['ngModel',] },],
+    'options': [{ type: Input, args: ['ngModelOptions',] },],
+    'update': [{ type: Output, args: ['ngModelChange',] },],
+    'compositionStart': [{ type: HostListener, args: ['compositionstart',] },],
+    'compositionEnd': [{ type: HostListener, args: ['compositionend',] },],
+};
 function NgModel_tsickle_Closure_declarations() {
@@ -315,0 +317,0 @@ /** @type {?} */

src/directives/ng_novalidate_directive.js

@@ -9,15 +9,16 @@ /**
 import { Directive } from '@angular/core';
-export var NgNovalidate = (function () {
+var NgNovalidate = (function () {
     function NgNovalidate() {
     }
-    NgNovalidate.decorators = [
-        { type: Directive, args: [{
-                    selector: 'form:not([ngNoForm])',
-                    host: { 'novalidate': '' },
-                },] },
-    ];
-    /** @nocollapse */
-    NgNovalidate.ctorParameters = function () { return []; };
     return NgNovalidate;
 }());
+export { NgNovalidate };
+NgNovalidate.decorators = [
+    { type: Directive, args: [{
+                selector: 'form:not([ngNoForm])',
+                host: { 'novalidate': '' },
+            },] },
+];
+/** @nocollapse */
+NgNovalidate.ctorParameters = function () { return []; };
 function NgNovalidate_tsickle_Closure_declarations() {
@@ -24,0 +25,0 @@ /** @type {?} */

src/directives/number_value_accessor.js

@@ -24,3 +24,3 @@ /**
  */
-export var NumberValueAccessor = (function () {
+var NumberValueAccessor = (function () {
     /**
@@ -64,20 +64,21 @@ * @param {?} _renderer
     };
-    NumberValueAccessor.decorators = [
-        { type: Directive, args: [{
-                    selector: 'input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]',
-                    host: {
-                        '(change)': 'onChange($event.target.value)',
-                        '(input)': 'onChange($event.target.value)',
-                        '(blur)': 'onTouched()'
-                    },
-                    providers: [NUMBER_VALUE_ACCESSOR]
-                },] },
-    ];
-    /** @nocollapse */
-    NumberValueAccessor.ctorParameters = function () { return [
-        { type: Renderer, },
-        { type: ElementRef, },
-    ]; };
     return NumberValueAccessor;
 }());
+export { NumberValueAccessor };
+NumberValueAccessor.decorators = [
+    { type: Directive, args: [{
+                selector: 'input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]',
+                host: {
+                    '(change)': 'onChange($event.target.value)',
+                    '(input)': 'onChange($event.target.value)',
+                    '(blur)': 'onTouched()'
+                },
+                providers: [NUMBER_VALUE_ACCESSOR]
+            },] },
+];
+/** @nocollapse */
+NumberValueAccessor.ctorParameters = function () { return [
+    { type: Renderer, },
+    { type: ElementRef, },
+]; };
 function NumberValueAccessor_tsickle_Closure_declarations() {
@@ -84,0 +85,0 @@ /** @type {?} */

src/directives/radio_control_value_accessor.js

@@ -19,3 +19,3 @@ /**
  */
-export var RadioControlRegistry = (function () {
+var RadioControlRegistry = (function () {
     function RadioControlRegistry() {
@@ -67,9 +67,10 @@ this._accessors = [];
     };
-    RadioControlRegistry.decorators = [
-        { type: Injectable },
-    ];
-    /** @nocollapse */
-    RadioControlRegistry.ctorParameters = function () { return []; };
     return RadioControlRegistry;
 }());
+export { RadioControlRegistry };
+RadioControlRegistry.decorators = [
+    { type: Injectable },
+];
+/** @nocollapse */
+RadioControlRegistry.ctorParameters = function () { return []; };
 function RadioControlRegistry_tsickle_Closure_declarations() {
@@ -115,3 +116,3 @@ /** @type {?} */
  */
-export var RadioControlValueAccessor = (function () {
+var RadioControlValueAccessor = (function () {
     /**
@@ -196,23 +197,24 @@ * @param {?} _renderer
     };
-    RadioControlValueAccessor.decorators = [
-        { type: Directive, args: [{
-                    selector: 'input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]',
-                    host: { '(change)': 'onChange()', '(blur)': 'onTouched()' },
-                    providers: [RADIO_VALUE_ACCESSOR]
-                },] },
-    ];
-    /** @nocollapse */
-    RadioControlValueAccessor.ctorParameters = function () { return [
-        { type: Renderer, },
-        { type: ElementRef, },
-        { type: RadioControlRegistry, },
-        { type: Injector, },
-    ]; };
-    RadioControlValueAccessor.propDecorators = {
-        'name': [{ type: Input },],
-        'formControlName': [{ type: Input },],
-        'value': [{ type: Input },],
-    };
     return RadioControlValueAccessor;
 }());
+export { RadioControlValueAccessor };
+RadioControlValueAccessor.decorators = [
+    { type: Directive, args: [{
+                selector: 'input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]',
+                host: { '(change)': 'onChange()', '(blur)': 'onTouched()' },
+                providers: [RADIO_VALUE_ACCESSOR]
+            },] },
+];
+/** @nocollapse */
+RadioControlValueAccessor.ctorParameters = function () { return [
+    { type: Renderer, },
+    { type: ElementRef, },
+    { type: RadioControlRegistry, },
+    { type: Injector, },
+]; };
+RadioControlValueAccessor.propDecorators = {
+    'name': [{ type: Input },],
+    'formControlName': [{ type: Input },],
+    'value': [{ type: Input },],
+};
 function RadioControlValueAccessor_tsickle_Closure_declarations() {
@@ -219,0 +221,0 @@ /** @type {?} */

src/directives/range_value_accessor.js

@@ -24,3 +24,3 @@ /**
  */
-export var RangeValueAccessor = (function () {
+var RangeValueAccessor = (function () {
     /**
@@ -62,20 +62,21 @@ * @param {?} _renderer
     };
-    RangeValueAccessor.decorators = [
-        { type: Directive, args: [{
-                    selector: 'input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]',
-                    host: {
-                        '(change)': 'onChange($event.target.value)',
-                        '(input)': 'onChange($event.target.value)',
-                        '(blur)': 'onTouched()'
-                    },
-                    providers: [RANGE_VALUE_ACCESSOR]
-                },] },
-    ];
-    /** @nocollapse */
-    RangeValueAccessor.ctorParameters = function () { return [
-        { type: Renderer, },
-        { type: ElementRef, },
-    ]; };
     return RangeValueAccessor;
 }());
+export { RangeValueAccessor };
+RangeValueAccessor.decorators = [
+    { type: Directive, args: [{
+                selector: 'input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]',
+                host: {
+                    '(change)': 'onChange($event.target.value)',
+                    '(input)': 'onChange($event.target.value)',
+                    '(blur)': 'onTouched()'
+                },
+                providers: [RANGE_VALUE_ACCESSOR]
+            },] },
+];
+/** @nocollapse */
+RangeValueAccessor.ctorParameters = function () { return [
+    { type: Renderer, },
+    { type: ElementRef, },
+]; };
 function RangeValueAccessor_tsickle_Closure_declarations() {
@@ -82,0 +83,0 @@ /** @type {?} */

src/directives/reactive_directives/form_control_directive.d.ts

@@ -65,8 +65,8 @@ /**
     ngOnChanges(changes: SimpleChanges): void;
-    path: string[];
-    validator: ValidatorFn;
-    asyncValidator: AsyncValidatorFn;
-    control: FormControl;
+    readonly path: string[];
+    readonly validator: ValidatorFn;
+    readonly asyncValidator: AsyncValidatorFn;
+    readonly control: FormControl;
     viewToModelUpdate(newValue: any): void;
     private _isControlChanged(changes);
 }

src/directives/reactive_directives/form_control_directive.js

@@ -66,3 +66,3 @@ /**
  */
-export var FormControlDirective = (function (_super) {
+var FormControlDirective = (function (_super) {
     __extends(FormControlDirective, _super);
@@ -75,7 +75,8 @@ /**
     function FormControlDirective(validators, asyncValidators, valueAccessors) {
-        _super.call(this);
-        this.update = new EventEmitter();
-        this._rawValidators = validators || [];
-        this._rawAsyncValidators = asyncValidators || [];
-        this.valueAccessor = selectValueAccessor(this, valueAccessors);
+        var _this = _super.call(this) || this;
+        _this.update = new EventEmitter();
+        _this._rawValidators = validators || [];
+        _this._rawAsyncValidators = asyncValidators || [];
+        _this.valueAccessor = selectValueAccessor(_this, valueAccessors);
+        return _this;
     }
@@ -157,19 +158,20 @@ Object.defineProperty(FormControlDirective.prototype, "isDisabled", {
     };
-    FormControlDirective.decorators = [
-        { type: Directive, args: [{ selector: '[formControl]', providers: [formControlBinding], exportAs: 'ngForm' },] },
-    ];
-    /** @nocollapse */
-    FormControlDirective.ctorParameters = function () { return [
-        { type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_VALIDATORS,] },] },
-        { type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_ASYNC_VALIDATORS,] },] },
-        { type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_VALUE_ACCESSOR,] },] },
-    ]; };
-    FormControlDirective.propDecorators = {
-        'form': [{ type: Input, args: ['formControl',] },],
-        'model': [{ type: Input, args: ['ngModel',] },],
-        'update': [{ type: Output, args: ['ngModelChange',] },],
-        'isDisabled': [{ type: Input, args: ['disabled',] },],
-    };
     return FormControlDirective;
 }(NgControl));
+export { FormControlDirective };
+FormControlDirective.decorators = [
+    { type: Directive, args: [{ selector: '[formControl]', providers: [formControlBinding], exportAs: 'ngForm' },] },
+];
+/** @nocollapse */
+FormControlDirective.ctorParameters = function () { return [
+    { type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_VALIDATORS,] },] },
+    { type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_ASYNC_VALIDATORS,] },] },
+    { type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_VALUE_ACCESSOR,] },] },
+]; };
+FormControlDirective.propDecorators = {
+    'form': [{ type: Input, args: ['formControl',] },],
+    'model': [{ type: Input, args: ['ngModel',] },],
+    'update': [{ type: Output, args: ['ngModelChange',] },],
+    'isDisabled': [{ type: Input, args: ['disabled',] },],
+};
 function FormControlDirective_tsickle_Closure_declarations() {
@@ -176,0 +178,0 @@ /** @type {?} */

src/directives/reactive_directives/form_control_name.d.ts

@@ -77,9 +77,9 @@ /**
     viewToModelUpdate(newValue: any): void;
-    path: string[];
-    formDirective: any;
-    validator: ValidatorFn;
-    asyncValidator: AsyncValidatorFn;
-    control: FormControl;
+    readonly path: string[];
+    readonly formDirective: any;
+    readonly validator: ValidatorFn;
+    readonly asyncValidator: AsyncValidatorFn;
+    readonly control: FormControl;
     private _checkParentType();
     private _setUpControl();
 }

src/directives/reactive_directives/form_control_name.js

@@ -79,3 +79,3 @@ /**
  */
-export var FormControlName = (function (_super) {
+var FormControlName = (function (_super) {
     __extends(FormControlName, _super);
@@ -89,9 +89,10 @@ /**
     function FormControlName(parent, validators, asyncValidators, valueAccessors) {
-        _super.call(this);
-        this._added = false;
-        this.update = new EventEmitter();
-        this._parent = parent;
-        this._rawValidators = validators || [];
-        this._rawAsyncValidators = asyncValidators || [];
-        this.valueAccessor = selectValueAccessor(this, valueAccessors);
+        var _this = _super.call(this) || this;
+        _this._added = false;
+        _this.update = new EventEmitter();
+        _this._parent = parent;
+        _this._rawValidators = validators || [];
+        _this._rawAsyncValidators = asyncValidators || [];
+        _this.valueAccessor = selectValueAccessor(_this, valueAccessors);
+        return _this;
     }
@@ -201,20 +202,21 @@ Object.defineProperty(FormControlName.prototype, "isDisabled", {
     };
-    FormControlName.decorators = [
-        { type: Directive, args: [{ selector: '[formControlName]', providers: [controlNameBinding] },] },
-    ];
-    /** @nocollapse */
-    FormControlName.ctorParameters = function () { return [
-        { type: ControlContainer, decorators: [{ type: Optional }, { type: Host }, { type: SkipSelf },] },
-        { type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_VALIDATORS,] },] },
-        { type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_ASYNC_VALIDATORS,] },] },
-        { type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_VALUE_ACCESSOR,] },] },
-    ]; };
-    FormControlName.propDecorators = {
-        'name': [{ type: Input, args: ['formControlName',] },],
-        'model': [{ type: Input, args: ['ngModel',] },],
-        'update': [{ type: Output, args: ['ngModelChange',] },],
-        'isDisabled': [{ type: Input, args: ['disabled',] },],
-    };
     return FormControlName;
 }(NgControl));
+export { FormControlName };
+FormControlName.decorators = [
+    { type: Directive, args: [{ selector: '[formControlName]', providers: [controlNameBinding] },] },
+];
+/** @nocollapse */
+FormControlName.ctorParameters = function () { return [
+    { type: ControlContainer, decorators: [{ type: Optional }, { type: Host }, { type: SkipSelf },] },
+    { type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_VALIDATORS,] },] },
+    { type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_ASYNC_VALIDATORS,] },] },
+    { type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_VALUE_ACCESSOR,] },] },
+]; };
+FormControlName.propDecorators = {
+    'name': [{ type: Input, args: ['formControlName',] },],
+    'model': [{ type: Input, args: ['ngModel',] },],
+    'update': [{ type: Output, args: ['ngModelChange',] },],
+    'isDisabled': [{ type: Input, args: ['disabled',] },],
+};
 function FormControlName_tsickle_Closure_declarations() {
@@ -221,0 +223,0 @@ /** @type {?} */

src/directives/reactive_directives/form_group_directive.d.ts

@@ -61,6 +61,6 @@ /**
     ngOnChanges(changes: SimpleChanges): void;
-    submitted: boolean;
-    formDirective: Form;
-    control: FormGroup;
-    path: string[];
+    readonly submitted: boolean;
+    readonly formDirective: Form;
+    readonly control: FormGroup;
+    readonly path: string[];
     addControl(dir: FormControlName): FormControl;
@@ -67,0 +67,0 @@ getControl(dir: FormControlName): FormControl;

src/directives/reactive_directives/form_group_directive.js

@@ -59,3 +59,3 @@ /**
  */
-export var FormGroupDirective = (function (_super) {
+var FormGroupDirective = (function (_super) {
     __extends(FormGroupDirective, _super);
@@ -67,9 +67,10 @@ /**
     function FormGroupDirective(_validators, _asyncValidators) {
-        _super.call(this);
-        this._validators = _validators;
-        this._asyncValidators = _asyncValidators;
-        this._submitted = false;
-        this.directives = [];
-        this.form = null;
-        this.ngSubmit = new EventEmitter();
+        var _this = _super.call(this) || this;
+        _this._validators = _validators;
+        _this._asyncValidators = _asyncValidators;
+        _this._submitted = false;
+        _this.directives = [];
+        _this.form = null;
+        _this.ngSubmit = new EventEmitter();
+        return _this;
     }
@@ -254,21 +255,22 @@ /**
     };
-    FormGroupDirective.decorators = [
-        { type: Directive, args: [{
-                    selector: '[formGroup]',
-                    providers: [formDirectiveProvider],
-                    host: { '(submit)': 'onSubmit($event)', '(reset)': 'onReset()' },
-                    exportAs: 'ngForm'
-                },] },
-    ];
-    /** @nocollapse */
-    FormGroupDirective.ctorParameters = function () { return [
-        { type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_VALIDATORS,] },] },
-        { type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_ASYNC_VALIDATORS,] },] },
-    ]; };
-    FormGroupDirective.propDecorators = {
-        'form': [{ type: Input, args: ['formGroup',] },],
-        'ngSubmit': [{ type: Output },],
-    };
     return FormGroupDirective;
 }(ControlContainer));
+export { FormGroupDirective };
+FormGroupDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[formGroup]',
+                providers: [formDirectiveProvider],
+                host: { '(submit)': 'onSubmit($event)', '(reset)': 'onReset()' },
+                exportAs: 'ngForm'
+            },] },
+];
+/** @nocollapse */
+FormGroupDirective.ctorParameters = function () { return [
+    { type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_VALIDATORS,] },] },
+    { type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_ASYNC_VALIDATORS,] },] },
+]; };
+FormGroupDirective.propDecorators = {
+    'form': [{ type: Input, args: ['formGroup',] },],
+    'ngSubmit': [{ type: Output },],
+};
 function FormGroupDirective_tsickle_Closure_declarations() {
@@ -275,0 +277,0 @@ /** @type {?} */

src/directives/reactive_directives/form_group_name.d.ts

@@ -116,8 +116,8 @@ /**
     ngOnDestroy(): void;
-    control: FormArray;
-    formDirective: FormGroupDirective;
-    path: string[];
-    validator: ValidatorFn;
-    asyncValidator: AsyncValidatorFn;
+    readonly control: FormArray;
+    readonly formDirective: FormGroupDirective;
+    readonly path: string[];
+    readonly validator: ValidatorFn;
+    readonly asyncValidator: AsyncValidatorFn;
     private _checkParentType();
 }

src/directives/reactive_directives/form_group_name.js

@@ -68,3 +68,3 @@ /**
  */
-export var FormGroupName = (function (_super) {
+var FormGroupName = (function (_super) {
     __extends(FormGroupName, _super);
@@ -77,6 +77,7 @@ /**
     function FormGroupName(parent, validators, asyncValidators) {
-        _super.call(this);
-        this._parent = parent;
-        this._validators = validators;
-        this._asyncValidators = asyncValidators;
+        var _this = _super.call(this) || this;
+        _this._parent = parent;
+        _this._validators = validators;
+        _this._asyncValidators = asyncValidators;
+        return _this;
     }
@@ -92,16 +93,17 @@ /**
     };
-    FormGroupName.decorators = [
-        { type: Directive, args: [{ selector: '[formGroupName]', providers: [formGroupNameProvider] },] },
-    ];
-    /** @nocollapse */
-    FormGroupName.ctorParameters = function () { return [
-        { type: ControlContainer, decorators: [{ type: Optional }, { type: Host }, { type: SkipSelf },] },
-        { type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_VALIDATORS,] },] },
-        { type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_ASYNC_VALIDATORS,] },] },
-    ]; };
-    FormGroupName.propDecorators = {
-        'name': [{ type: Input, args: ['formGroupName',] },],
-    };
     return FormGroupName;
 }(AbstractFormGroupDirective));
+export { FormGroupName };
+FormGroupName.decorators = [
+    { type: Directive, args: [{ selector: '[formGroupName]', providers: [formGroupNameProvider] },] },
+];
+/** @nocollapse */
+FormGroupName.ctorParameters = function () { return [
+    { type: ControlContainer, decorators: [{ type: Optional }, { type: Host }, { type: SkipSelf },] },
+    { type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_VALIDATORS,] },] },
+    { type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_ASYNC_VALIDATORS,] },] },
+]; };
+FormGroupName.propDecorators = {
+    'name': [{ type: Input, args: ['formGroupName',] },],
+};
 function FormGroupName_tsickle_Closure_declarations() {
@@ -171,3 +173,3 @@ /** @type {?} */
  */
-export var FormArrayName = (function (_super) {
+var FormArrayName = (function (_super) {
     __extends(FormArrayName, _super);
@@ -180,6 +182,7 @@ /**
     function FormArrayName(parent, validators, asyncValidators) {
-        _super.call(this);
-        this._parent = parent;
-        this._validators = validators;
-        this._asyncValidators = asyncValidators;
+        var _this = _super.call(this) || this;
+        _this._parent = parent;
+        _this._validators = validators;
+        _this._asyncValidators = asyncValidators;
+        return _this;
     }
@@ -251,16 +254,17 @@ /**
     };
-    FormArrayName.decorators = [
-        { type: Directive, args: [{ selector: '[formArrayName]', providers: [formArrayNameProvider] },] },
-    ];
-    /** @nocollapse */
-    FormArrayName.ctorParameters = function () { return [
-        { type: ControlContainer, decorators: [{ type: Optional }, { type: Host }, { type: SkipSelf },] },
-        { type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_VALIDATORS,] },] },
-        { type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_ASYNC_VALIDATORS,] },] },
-    ]; };
-    FormArrayName.propDecorators = {
-        'name': [{ type: Input, args: ['formArrayName',] },],
-    };
     return FormArrayName;
 }(ControlContainer));
+export { FormArrayName };
+FormArrayName.decorators = [
+    { type: Directive, args: [{ selector: '[formArrayName]', providers: [formArrayNameProvider] },] },
+];
+/** @nocollapse */
+FormArrayName.ctorParameters = function () { return [
+    { type: ControlContainer, decorators: [{ type: Optional }, { type: Host }, { type: SkipSelf },] },
+    { type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_VALIDATORS,] },] },
+    { type: Array, decorators: [{ type: Optional }, { type: Self }, { type: Inject, args: [NG_ASYNC_VALIDATORS,] },] },
+]; };
+FormArrayName.propDecorators = {
+    'name': [{ type: Input, args: ['formArrayName',] },],
+};
 function FormArrayName_tsickle_Closure_declarations() {
@@ -267,0 +271,0 @@ /** @type {?} */

src/directives/reactive_errors.js

@@ -9,3 +9,3 @@ /**
 import { FormErrorExamples as Examples } from './error_examples';
-export var ReactiveErrors = (function () {
+var ReactiveErrors = (function () {
     function ReactiveErrors() {
@@ -51,2 +51,3 @@ }
 }());
+export { ReactiveErrors };
 //# sourceMappingURL=reactive_errors.js.map

src/directives/select_control_value_accessor.js

@@ -98,3 +98,3 @@ /**
  */
-export var SelectControlValueAccessor = (function () {
+var SelectControlValueAccessor = (function () {
     /**
@@ -192,19 +192,20 @@ * @param {?} _renderer
     };
-    SelectControlValueAccessor.decorators = [
-        { type: Directive, args: [{
-                    selector: 'select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]',
-                    host: { '(change)': 'onChange($event.target.value)', '(blur)': 'onTouched()' },
-                    providers: [SELECT_VALUE_ACCESSOR]
-                },] },
-    ];
-    /** @nocollapse */
-    SelectControlValueAccessor.ctorParameters = function () { return [
-        { type: Renderer, },
-        { type: ElementRef, },
-    ]; };
-    SelectControlValueAccessor.propDecorators = {
-        'compareWith': [{ type: Input },],
-    };
     return SelectControlValueAccessor;
 }());
+export { SelectControlValueAccessor };
+SelectControlValueAccessor.decorators = [
+    { type: Directive, args: [{
+                selector: 'select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]',
+                host: { '(change)': 'onChange($event.target.value)', '(blur)': 'onTouched()' },
+                providers: [SELECT_VALUE_ACCESSOR]
+            },] },
+];
+/** @nocollapse */
+SelectControlValueAccessor.ctorParameters = function () { return [
+    { type: Renderer, },
+    { type: ElementRef, },
+]; };
+SelectControlValueAccessor.propDecorators = {
+    'compareWith': [{ type: Input },],
+};
 function SelectControlValueAccessor_tsickle_Closure_declarations() {
@@ -252,3 +253,3 @@ /** @type {?} */
  */
-export var NgSelectOption = (function () {
+var NgSelectOption = (function () {
     /**
@@ -311,17 +312,18 @@ * @param {?} _element
     };
-    NgSelectOption.decorators = [
-        { type: Directive, args: [{ selector: 'option' },] },
-    ];
-    /** @nocollapse */
-    NgSelectOption.ctorParameters = function () { return [
-        { type: ElementRef, },
-        { type: Renderer, },
-        { type: SelectControlValueAccessor, decorators: [{ type: Optional }, { type: Host },] },
-    ]; };
-    NgSelectOption.propDecorators = {
-        'ngValue': [{ type: Input, args: ['ngValue',] },],
-        'value': [{ type: Input, args: ['value',] },],
-    };
     return NgSelectOption;
 }());
+export { NgSelectOption };
+NgSelectOption.decorators = [
+    { type: Directive, args: [{ selector: 'option' },] },
+];
+/** @nocollapse */
+NgSelectOption.ctorParameters = function () { return [
+    { type: ElementRef, },
+    { type: Renderer, },
+    { type: SelectControlValueAccessor, decorators: [{ type: Optional }, { type: Host },] },
+]; };
+NgSelectOption.propDecorators = {
+    'ngValue': [{ type: Input, args: ['ngValue',] },],
+    'value': [{ type: Input, args: ['value',] },],
+};
 function NgSelectOption_tsickle_Closure_declarations() {
@@ -328,0 +330,0 @@ /** @type {?} */

src/directives/select_multiple_control_value_accessor.js

@@ -86,3 +86,3 @@ /**
  */
-export var SelectMultipleControlValueAccessor = (function () {
+var SelectMultipleControlValueAccessor = (function () {
     /**
@@ -209,19 +209,20 @@ * @param {?} _renderer
     };
-    SelectMultipleControlValueAccessor.decorators = [
-        { type: Directive, args: [{
-                    selector: 'select[multiple][formControlName],select[multiple][formControl],select[multiple][ngModel]',
-                    host: { '(change)': 'onChange($event.target)', '(blur)': 'onTouched()' },
-                    providers: [SELECT_MULTIPLE_VALUE_ACCESSOR]
-                },] },
-    ];
-    /** @nocollapse */
-    SelectMultipleControlValueAccessor.ctorParameters = function () { return [
-        { type: Renderer, },
-        { type: ElementRef, },
-    ]; };
-    SelectMultipleControlValueAccessor.propDecorators = {
-        'compareWith': [{ type: Input },],
-    };
     return SelectMultipleControlValueAccessor;
 }());
+export { SelectMultipleControlValueAccessor };
+SelectMultipleControlValueAccessor.decorators = [
+    { type: Directive, args: [{
+                selector: 'select[multiple][formControlName],select[multiple][formControl],select[multiple][ngModel]',
+                host: { '(change)': 'onChange($event.target)', '(blur)': 'onTouched()' },
+                providers: [SELECT_MULTIPLE_VALUE_ACCESSOR]
+            },] },
+];
+/** @nocollapse */
+SelectMultipleControlValueAccessor.ctorParameters = function () { return [
+    { type: Renderer, },
+    { type: ElementRef, },
+]; };
+SelectMultipleControlValueAccessor.propDecorators = {
+    'compareWith': [{ type: Input },],
+};
 function SelectMultipleControlValueAccessor_tsickle_Closure_declarations() {
@@ -271,3 +272,3 @@ /** @type {?} */
  */
-export var NgSelectMultipleOption = (function () {
+var NgSelectMultipleOption = (function () {
     /**
@@ -344,17 +345,18 @@ * @param {?} _element
     };
-    NgSelectMultipleOption.decorators = [
-        { type: Directive, args: [{ selector: 'option' },] },
-    ];
-    /** @nocollapse */
-    NgSelectMultipleOption.ctorParameters = function () { return [
-        { type: ElementRef, },
-        { type: Renderer, },
-        { type: SelectMultipleControlValueAccessor, decorators: [{ type: Optional }, { type: Host },] },
-    ]; };
-    NgSelectMultipleOption.propDecorators = {
-        'ngValue': [{ type: Input, args: ['ngValue',] },],
-        'value': [{ type: Input, args: ['value',] },],
-    };
     return NgSelectMultipleOption;
 }());
+export { NgSelectMultipleOption };
+NgSelectMultipleOption.decorators = [
+    { type: Directive, args: [{ selector: 'option' },] },
+];
+/** @nocollapse */
+NgSelectMultipleOption.ctorParameters = function () { return [
+    { type: ElementRef, },
+    { type: Renderer, },
+    { type: SelectMultipleControlValueAccessor, decorators: [{ type: Optional }, { type: Host },] },
+]; };
+NgSelectMultipleOption.propDecorators = {
+    'ngValue': [{ type: Input, args: ['ngValue',] },],
+    'value': [{ type: Input, args: ['value',] },],
+};
 function NgSelectMultipleOption_tsickle_Closure_declarations() {
@@ -361,0 +363,0 @@ /** @type {?} */

src/directives/template_driven_errors.js

@@ -9,3 +9,3 @@ /**
 import { FormErrorExamples as Examples } from './error_examples';
-export var TemplateDrivenErrors = (function () {
+var TemplateDrivenErrors = (function () {
     function TemplateDrivenErrors() {
@@ -39,2 +39,3 @@ }
 }());
+export { TemplateDrivenErrors };
 //# sourceMappingURL=template_driven_errors.js.map

src/directives/validators.js

@@ -6,2 +6,9 @@ var __extends = (this && this.__extends) || function (d, b) {
 };
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
 import { Directive, Input, forwardRef } from '@angular/core';
@@ -31,3 +38,3 @@ import { NG_VALIDATORS, Validators } from '../validators';
  */
-export var RequiredValidator = (function () {
+var RequiredValidator = (function () {
     function RequiredValidator() {
@@ -64,16 +71,17 @@ }
     RequiredValidator.prototype.registerOnValidatorChange = function (fn) { this._onChange = fn; };
-    RequiredValidator.decorators = [
-        { type: Directive, args: [{
-                    selector: ':not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]',
-                    providers: [REQUIRED_VALIDATOR],
-                    host: { '[attr.required]': 'required ? "" : null' }
-                },] },
-    ];
-    /** @nocollapse */
-    RequiredValidator.ctorParameters = function () { return []; };
-    RequiredValidator.propDecorators = {
-        'required': [{ type: Input },],
-    };
     return RequiredValidator;
 }());
+export { RequiredValidator };
+RequiredValidator.decorators = [
+    { type: Directive, args: [{
+                selector: ':not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]',
+                providers: [REQUIRED_VALIDATOR],
+                host: { '[attr.required]': 'required ? "" : null' }
+            },] },
+];
+/** @nocollapse */
+RequiredValidator.ctorParameters = function () { return []; };
+RequiredValidator.propDecorators = {
+    'required': [{ type: Input },],
+};
 function RequiredValidator_tsickle_Closure_declarations() {
@@ -106,6 +114,6 @@ /** @type {?} */
  */
-export var CheckboxRequiredValidator = (function (_super) {
+var CheckboxRequiredValidator = (function (_super) {
     __extends(CheckboxRequiredValidator, _super);
     function CheckboxRequiredValidator() {
-        _super.apply(this, arguments);
+        return _super !== null && _super.apply(this, arguments) || this;
     }
@@ -119,13 +127,14 @@ /**
     };
-    CheckboxRequiredValidator.decorators = [
-        { type: Directive, args: [{
-                    selector: 'input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]',
-                    providers: [CHECKBOX_REQUIRED_VALIDATOR],
-                    host: { '[attr.required]': 'required ? "" : null' }
-                },] },
-    ];
-    /** @nocollapse */
-    CheckboxRequiredValidator.ctorParameters = function () { return []; };
     return CheckboxRequiredValidator;
 }(RequiredValidator));
+export { CheckboxRequiredValidator };
+CheckboxRequiredValidator.decorators = [
+    { type: Directive, args: [{
+                selector: 'input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]',
+                providers: [CHECKBOX_REQUIRED_VALIDATOR],
+                host: { '[attr.required]': 'required ? "" : null' }
+            },] },
+];
+/** @nocollapse */
+CheckboxRequiredValidator.ctorParameters = function () { return []; };
 function CheckboxRequiredValidator_tsickle_Closure_declarations() {
@@ -162,3 +171,3 @@ /** @type {?} */
  */
-export var EmailValidator = (function () {
+var EmailValidator = (function () {
     function EmailValidator() {
@@ -191,15 +200,16 @@ }
     EmailValidator.prototype.registerOnValidatorChange = function (fn) { this._onChange = fn; };
-    EmailValidator.decorators = [
-        { type: Directive, args: [{
-                    selector: '[email][formControlName],[email][formControl],[email][ngModel]',
-                    providers: [EMAIL_VALIDATOR]
-                },] },
-    ];
-    /** @nocollapse */
-    EmailValidator.ctorParameters = function () { return []; };
-    EmailValidator.propDecorators = {
-        'email': [{ type: Input },],
-    };
     return EmailValidator;
 }());
+export { EmailValidator };
+EmailValidator.decorators = [
+    { type: Directive, args: [{
+                selector: '[email][formControlName],[email][formControl],[email][ngModel]',
+                providers: [EMAIL_VALIDATOR]
+            },] },
+];
+/** @nocollapse */
+EmailValidator.ctorParameters = function () { return []; };
+EmailValidator.propDecorators = {
+    'email': [{ type: Input },],
+};
 function EmailValidator_tsickle_Closure_declarations() {
@@ -238,3 +248,3 @@ /** @type {?} */
  */
-export var MinLengthValidator = (function () {
+var MinLengthValidator = (function () {
     function MinLengthValidator() {
@@ -271,16 +281,17 @@ }
     };
-    MinLengthValidator.decorators = [
-        { type: Directive, args: [{
-                    selector: '[minlength][formControlName],[minlength][formControl],[minlength][ngModel]',
-                    providers: [MIN_LENGTH_VALIDATOR],
-                    host: { '[attr.minlength]': 'minlength ? minlength : null' }
-                },] },
-    ];
-    /** @nocollapse */
-    MinLengthValidator.ctorParameters = function () { return []; };
-    MinLengthValidator.propDecorators = {
-        'minlength': [{ type: Input },],
-    };
     return MinLengthValidator;
 }());
+export { MinLengthValidator };
+MinLengthValidator.decorators = [
+    { type: Directive, args: [{
+                selector: '[minlength][formControlName],[minlength][formControl],[minlength][ngModel]',
+                providers: [MIN_LENGTH_VALIDATOR],
+                host: { '[attr.minlength]': 'minlength ? minlength : null' }
+            },] },
+];
+/** @nocollapse */
+MinLengthValidator.ctorParameters = function () { return []; };
+MinLengthValidator.propDecorators = {
+    'minlength': [{ type: Input },],
+};
 function MinLengthValidator_tsickle_Closure_declarations() {
@@ -322,3 +333,3 @@ /** @type {?} */
  */
-export var MaxLengthValidator = (function () {
+var MaxLengthValidator = (function () {
     function MaxLengthValidator() {
@@ -355,16 +366,17 @@ }
     };
-    MaxLengthValidator.decorators = [
-        { type: Directive, args: [{
-                    selector: '[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]',
-                    providers: [MAX_LENGTH_VALIDATOR],
-                    host: { '[attr.maxlength]': 'maxlength ? maxlength : null' }
-                },] },
-    ];
-    /** @nocollapse */
-    MaxLengthValidator.ctorParameters = function () { return []; };
-    MaxLengthValidator.propDecorators = {
-        'maxlength': [{ type: Input },],
-    };
     return MaxLengthValidator;
 }());
+export { MaxLengthValidator };
+MaxLengthValidator.decorators = [
+    { type: Directive, args: [{
+                selector: '[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]',
+                providers: [MAX_LENGTH_VALIDATOR],
+                host: { '[attr.maxlength]': 'maxlength ? maxlength : null' }
+            },] },
+];
+/** @nocollapse */
+MaxLengthValidator.ctorParameters = function () { return []; };
+MaxLengthValidator.propDecorators = {
+    'maxlength': [{ type: Input },],
+};
 function MaxLengthValidator_tsickle_Closure_declarations() {
@@ -405,3 +417,3 @@ /** @type {?} */
  */
-export var PatternValidator = (function () {
+var PatternValidator = (function () {
     function PatternValidator() {
@@ -434,16 +446,17 @@ }
     PatternValidator.prototype._createValidator = function () { this._validator = Validators.pattern(this.pattern); };
-    PatternValidator.decorators = [
-        { type: Directive, args: [{
-                    selector: '[pattern][formControlName],[pattern][formControl],[pattern][ngModel]',
-                    providers: [PATTERN_VALIDATOR],
-                    host: { '[attr.pattern]': 'pattern ? pattern : null' }
-                },] },
-    ];
-    /** @nocollapse */
-    PatternValidator.ctorParameters = function () { return []; };
-    PatternValidator.propDecorators = {
-        'pattern': [{ type: Input },],
-    };
     return PatternValidator;
 }());
+export { PatternValidator };
+PatternValidator.decorators = [
+    { type: Directive, args: [{
+                selector: '[pattern][formControlName],[pattern][formControl],[pattern][ngModel]',
+                providers: [PATTERN_VALIDATOR],
+                host: { '[attr.pattern]': 'pattern ? pattern : null' }
+            },] },
+];
+/** @nocollapse */
+PatternValidator.ctorParameters = function () { return []; };
+PatternValidator.propDecorators = {
+    'pattern': [{ type: Input },],
+};
 function PatternValidator_tsickle_Closure_declarations() {
@@ -450,0 +463,0 @@ /** @type {?} */

src/facade/async.js

@@ -63,3 +63,3 @@ /**
  */
-export var EventEmitter = (function (_super) {
+var EventEmitter = (function (_super) {
     __extends(EventEmitter, _super);
@@ -73,4 +73,5 @@ /**
         if (isAsync === void 0) { isAsync = false; }
-        _super.call(this);
-        this.__isAsync = isAsync;
+        var _this = _super.call(this) || this;
+        _this.__isAsync = isAsync;
+        return _this;
     }
@@ -121,2 +122,3 @@ /**
 }(Subject));
+export { EventEmitter };
 function EventEmitter_tsickle_Closure_declarations() {
@@ -123,0 +125,0 @@ /** @type {?} */

src/facade/collection.js

@@ -12,3 +12,3 @@ /**
  */
-export var StringMapWrapper = (function () {
+var StringMapWrapper = (function () {
     function StringMapWrapper() {
@@ -54,3 +54,4 @@ }
 }());
-export var ListWrapper = (function () {
+export { StringMapWrapper };
+var ListWrapper = (function () {
     function ListWrapper() {
@@ -123,2 +124,3 @@ }
 }());
+export { ListWrapper };
 /**
@@ -125,0 +127,0 @@ * @param {?} obj

src/facade/lang.d.ts

@@ -1,2 +0,1 @@
-
 /**
@@ -3,0 +2,0 @@ * @license

src/facade/lang.js

@@ -88,3 +88,3 @@ /**
 }
-export var NumberWrapper = (function () {
+var NumberWrapper = (function () {
     function NumberWrapper() {
@@ -110,2 +110,3 @@ }
 }());
+export { NumberWrapper };
 /**
@@ -112,0 +113,0 @@ * @param {?} a

src/form_builder.js

@@ -31,3 +31,3 @@ /**
  */
-export var FormBuilder = (function () {
+var FormBuilder = (function () {
     function FormBuilder() {
@@ -116,9 +116,10 @@ }
     };
-    FormBuilder.decorators = [
-        { type: Injectable },
-    ];
-    /** @nocollapse */
-    FormBuilder.ctorParameters = function () { return []; };
     return FormBuilder;
 }());
+export { FormBuilder };
+FormBuilder.decorators = [
+    { type: Injectable },
+];
+/** @nocollapse */
+FormBuilder.ctorParameters = function () { return []; };
 function FormBuilder_tsickle_Closure_declarations() {
@@ -125,0 +126,0 @@ /** @type {?} */

src/form_providers.js

@@ -16,16 +16,17 @@ /**
  */
-export var FormsModule = (function () {
+var FormsModule = (function () {
     function FormsModule() {
     }
-    FormsModule.decorators = [
-        { type: NgModule, args: [{
-                    declarations: TEMPLATE_DRIVEN_DIRECTIVES,
-                    providers: [RadioControlRegistry],
-                    exports: [InternalFormsSharedModule, TEMPLATE_DRIVEN_DIRECTIVES]
-                },] },
-    ];
-    /** @nocollapse */
-    FormsModule.ctorParameters = function () { return []; };
     return FormsModule;
 }());
+export { FormsModule };
+FormsModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: TEMPLATE_DRIVEN_DIRECTIVES,
+                providers: [RadioControlRegistry],
+                exports: [InternalFormsSharedModule, TEMPLATE_DRIVEN_DIRECTIVES]
+            },] },
+];
+/** @nocollapse */
+FormsModule.ctorParameters = function () { return []; };
 function FormsModule_tsickle_Closure_declarations() {
@@ -44,16 +45,17 @@ /** @type {?} */
  */
-export var ReactiveFormsModule = (function () {
+var ReactiveFormsModule = (function () {
     function ReactiveFormsModule() {
     }
-    ReactiveFormsModule.decorators = [
-        { type: NgModule, args: [{
-                    declarations: [REACTIVE_DRIVEN_DIRECTIVES],
-                    providers: [FormBuilder, RadioControlRegistry],
-                    exports: [InternalFormsSharedModule, REACTIVE_DRIVEN_DIRECTIVES]
-                },] },
-    ];
-    /** @nocollapse */
-    ReactiveFormsModule.ctorParameters = function () { return []; };
     return ReactiveFormsModule;
 }());
+export { ReactiveFormsModule };
+ReactiveFormsModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [REACTIVE_DRIVEN_DIRECTIVES],
+                providers: [FormBuilder, RadioControlRegistry],
+                exports: [InternalFormsSharedModule, REACTIVE_DRIVEN_DIRECTIVES]
+            },] },
+];
+/** @nocollapse */
+ReactiveFormsModule.ctorParameters = function () { return []; };
 function ReactiveFormsModule_tsickle_Closure_declarations() {
@@ -60,0 +62,0 @@ /** @type {?} */

src/model.d.ts

@@ -6,7 +6,7 @@ import { AsyncValidatorFn, ValidatorFn } from './directives/validators';
  */
-export declare const VALID: string;
+export declare const VALID = "VALID";
 /**
  * Indicates that a FormControl is invalid, i.e. that an error exists in the input value.
  */
-export declare const INVALID: string;
+export declare const INVALID = "INVALID";
 /**
@@ -16,3 +16,3 @@ * Indicates that a FormControl is pending, i.e. that async validation is occurring and
  */
-export declare const PENDING: string;
+export declare const PENDING = "PENDING";
 /**
@@ -22,3 +22,3 @@ * Indicates that a FormControl is disabled, i.e. that the control is exempt from ancestor
  */
-export declare const DISABLED: string;
+export declare const DISABLED = "DISABLED";
 /**
@@ -50,7 +50,7 @@ * @whatItDoes This is the base class for {@link FormControl}, {@link FormGroup}, and
      */
-    value: any;
+    readonly value: any;
     /**
      * The parent control.
      */
-    parent: FormGroup | FormArray;
+    readonly parent: FormGroup | FormArray;
     /**
@@ -68,3 +68,3 @@ * The validation status of the control. There are four possible
      */
-    status: string;
+    readonly status: string;
     /**
@@ -76,3 +76,3 @@ * A control is `valid` when its `status === VALID`.
      */
-    valid: boolean;
+    readonly valid: boolean;
     /**
@@ -84,3 +84,3 @@ * A control is `invalid` when its `status === INVALID`.
      */
-    invalid: boolean;
+    readonly invalid: boolean;
     /**
@@ -92,3 +92,3 @@ * A control is `pending` when its `status === PENDING`.
      */
-    pending: boolean;
+    readonly pending: boolean;
     /**
@@ -101,3 +101,3 @@ * A control is `disabled` when its `status === DISABLED`.
      */
-    disabled: boolean;
+    readonly disabled: boolean;
     /**
@@ -109,3 +109,3 @@ * A control is `enabled` as long as its `status !== DISABLED`.
      */
-    enabled: boolean;
+    readonly enabled: boolean;
     /**
@@ -115,3 +115,3 @@ * Returns any errors generated by failing validation. If there
      */
-    errors: {
+    readonly errors: {
         [key: string]: any;
@@ -126,3 +126,3 @@ };
      */
-    pristine: boolean;
+    readonly pristine: boolean;
     /**
@@ -135,3 +135,3 @@ * A control is `dirty` if the user has changed the value
      */
-    dirty: boolean;
+    readonly dirty: boolean;
     /**
@@ -141,3 +141,3 @@ * A control is marked `touched` once the user has triggered
     */
-    touched: boolean;
+    readonly touched: boolean;
     /**
@@ -147,3 +147,3 @@ * A control is `untouched` if the user has not yet triggered
      */
-    untouched: boolean;
+    readonly untouched: boolean;
     /**
@@ -153,3 +153,3 @@ * Emits an event every time the value of the control changes, in
      */
-    valueChanges: Observable<any>;
+    readonly valueChanges: Observable<any>;
     /**
@@ -159,3 +159,3 @@ * Emits an event every time the validation status of the control
      */
-    statusChanges: Observable<any>;
+    readonly statusChanges: Observable<any>;
     /**
@@ -330,3 +330,3 @@ * Sets the synchronous validators that are active on this control.  Calling
      */
-    root: AbstractControl;
+    readonly root: AbstractControl;
     private _calculateStatus();
@@ -711,3 +711,3 @@ }
      */
-    length: number;
+    readonly length: number;
     /**
@@ -714,0 +714,0 @@ *  Sets the value of the {@link FormArray}. It accepts an array that matches

src/model.js

@@ -92,3 +92,3 @@ /**
  */
-export var AbstractControl = (function () {
+var AbstractControl = (function () {
     /**
@@ -748,2 +748,3 @@ * @param {?} validator
 }());
+export { AbstractControl };
 function AbstractControl_tsickle_Closure_declarations() {
@@ -829,3 +830,3 @@ /**
  */
-export var FormControl = (function (_super) {
+var FormControl = (function (_super) {
     __extends(FormControl, _super);
@@ -841,8 +842,9 @@ /**
         if (asyncValidator === void 0) { asyncValidator = null; }
-        _super.call(this, coerceToValidator(validator), coerceToAsyncValidator(asyncValidator));
+        var _this = _super.call(this, coerceToValidator(validator), coerceToAsyncValidator(asyncValidator)) || this;
         /** @internal */
-        this._onChange = [];
-        this._applyFormState(formState);
-        this.updateValueAndValidity({ onlySelf: true, emitEvent: false });
-        this._initObservables();
+        _this._onChange = [];
+        _this._applyFormState(formState);
+        _this.updateValueAndValidity({ onlySelf: true, emitEvent: false });
+        _this._initObservables();
+        return _this;
     }
@@ -992,2 +994,3 @@ /**
 }(AbstractControl));
+export { FormControl };
 function FormControl_tsickle_Closure_declarations() {
@@ -1052,3 +1055,3 @@ /**
  */
-export var FormGroup = (function (_super) {
+var FormGroup = (function (_super) {
     __extends(FormGroup, _super);
@@ -1063,7 +1066,8 @@ /**
         if (asyncValidator === void 0) { asyncValidator = null; }
-        _super.call(this, validator, asyncValidator);
-        this.controls = controls;
-        this._initObservables();
-        this._setUpControls();
-        this.updateValueAndValidity({ onlySelf: true, emitEvent: false });
+        var _this = _super.call(this, validator, asyncValidator) || this;
+        _this.controls = controls;
+        _this._initObservables();
+        _this._setUpControls();
+        _this.updateValueAndValidity({ onlySelf: true, emitEvent: false });
+        return _this;
     }
@@ -1365,2 +1369,3 @@ /**
 }(AbstractControl));
+export { FormGroup };
 function FormGroup_tsickle_Closure_declarations() {
@@ -1414,3 +1419,3 @@ /** @type {?} */
  */
-export var FormArray = (function (_super) {
+var FormArray = (function (_super) {
     __extends(FormArray, _super);
@@ -1425,7 +1430,8 @@ /**
         if (asyncValidator === void 0) { asyncValidator = null; }
-        _super.call(this, validator, asyncValidator);
-        this.controls = controls;
-        this._initObservables();
-        this._setUpControls();
-        this.updateValueAndValidity({ onlySelf: true, emitEvent: false });
+        var _this = _super.call(this, validator, asyncValidator) || this;
+        _this.controls = controls;
+        _this._initObservables();
+        _this._setUpControls();
+        _this.updateValueAndValidity({ onlySelf: true, emitEvent: false });
+        return _this;
     }
@@ -1698,2 +1704,3 @@ /**
 }(AbstractControl));
+export { FormArray };
 function FormArray_tsickle_Closure_declarations() {
@@ -1700,0 +1707,0 @@ /** @type {?} */

src/validators.js

@@ -58,3 +58,3 @@ /**
  */
-export var Validators = (function () {
+var Validators = (function () {
     function Validators() {
@@ -70,3 +70,3 @@ }
         for (var _i = 0; _i < arguments.length; _i++) {
-            fieldPaths[_i - 0] = arguments[_i];
+            fieldPaths[_i] = arguments[_i];
         }
@@ -209,2 +209,3 @@ return function (control) {
 }());
+export { Validators };
 /**
@@ -211,0 +212,0 @@ * @param {?} obj

src/version.js

@@ -8,2 +8,7 @@ /**
  */
+/**
+ * @module
+ * @description
+ * Entry point for all public APIs of the common package.
+ */
 import { Version } from '@angular/core';
@@ -13,3 +18,3 @@ /**
  */
-export var /** @type {?} */ VERSION = new Version('4.0.0-beta.6');
+export var /** @type {?} */ VERSION = new Version('4.0.0-beta.7');
 //# sourceMappingURL=version.js.map

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.6"]}}},{"__symbolic":"module","version":1,"metadata":{"VERSION":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Version"},"arguments":["4.0.0-beta.6"]}}}]
+[{"__symbolic":"module","version":3,"metadata":{"VERSION":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Version"},"arguments":["4.0.0-beta.7"]}}},{"__symbolic":"module","version":1,"metadata":{"VERSION":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"Version"},"arguments":["4.0.0-beta.7"]}}}]

No alert changes

Improved metrics

Total package byte prevSize

1200453

increased by0.5%

Lines of code

16473

increased by1.27%

No dependency changes