angular-hybrid-forms - npm Package Compare versions

Comparing version 0.0.22 to 0.0.23

angular-hybrid-forms.es5.js

@@ -77,3 +77,5 @@ import { ChangeDetectorRef, Component, ContentChild, Directive, EventEmitter, Input, NgModule, Optional, Output, Pipe, Self, SkipSelf } from '@angular/core';
             this.formGroup = this.self.form;
+        this.cd.detach();
         addControl(this.formGroupNameDirective, this.formGroupDirective, this.formGroupName, this.formGroup, this.formControlValueChange, this.formControlValidValueChange, this.formControlValidValueDebounceStarted, this.validValueChangeDebounce);
+        this.cd.reattach();
         this.cd.markForCheck();
@@ -179,3 +181,5 @@ };
     FormControlNameDirective.prototype.ngOnInit = function () {
+        this.cd.detach();
         addControl(this.formGroupNameDirective, this.formGroupDirective, this.formControlName, this.formControl, this.formControlValueChange, this.formControlValidValueChange, this.formControlValidValueDebounceStarted, this.validValueChangeDebounce);
+        this.cd.reattach();
         this.cd.markForCheck();
@@ -182,0 +186,0 @@ };

angular-hybrid-forms.js

@@ -77,3 +77,5 @@ import { ChangeDetectorRef, Component, ContentChild, Directive, EventEmitter, Input, NgModule, Optional, Output, Pipe, Self, SkipSelf } from '@angular/core';
             this.formGroup = this.self.form;
+        this.cd.detach();
         addControl(this.formGroupNameDirective, this.formGroupDirective, this.formGroupName, this.formGroup, this.formControlValueChange, this.formControlValidValueChange, this.formControlValidValueDebounceStarted, this.validValueChangeDebounce);
+        this.cd.reattach();
         this.cd.markForCheck();
@@ -158,3 +160,5 @@ }
     ngOnInit() {
+        this.cd.detach();
         addControl(this.formGroupNameDirective, this.formGroupDirective, this.formControlName, this.formControl, this.formControlValueChange, this.formControlValidValueChange, this.formControlValidValueDebounceStarted, this.validValueChangeDebounce);
+        this.cd.reattach();
         this.cd.markForCheck();
@@ -161,0 +165,0 @@ }

bundles/angular-hybrid-forms.umd.js

@@ -77,3 +77,5 @@ (function (global, factory) {
             this.formGroup = this.self.form;
+        this.cd.detach();
         addControl(this.formGroupNameDirective, this.formGroupDirective, this.formGroupName, this.formGroup, this.formControlValueChange, this.formControlValidValueChange, this.formControlValidValueDebounceStarted, this.validValueChangeDebounce);
+        this.cd.reattach();
         this.cd.markForCheck();
@@ -179,3 +181,5 @@ };
     FormControlNameDirective.prototype.ngOnInit = function () {
+        this.cd.detach();
         addControl(this.formGroupNameDirective, this.formGroupDirective, this.formControlName, this.formControl, this.formControlValueChange, this.formControlValidValueChange, this.formControlValidValueDebounceStarted, this.validValueChangeDebounce);
+        this.cd.reattach();
         this.cd.markForCheck();
@@ -182,0 +186,0 @@ };

bundles/angular-hybrid-forms.umd.min.js

@@ -1,2 +0,2 @@
-!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("@angular/core"),require("@angular/common"),require("@angular/forms"),require("rxjs/add/operator/debounceTime"),require("rxjs/Subject")):"function"==typeof define&&define.amd?define(["exports","@angular/core","@angular/common","@angular/forms","rxjs/add/operator/debounceTime","rxjs/Subject"],r):r(e.angularHybridForms=e.angularHybridForms||{},e.ng.core,e.ng.common,e.ng.forms,null,e.rxjs_Subject)}(this,function(e,r,t,o,n,i){"use strict";function a(e,r,t,o,n,i,a,l){var c=e&&e.formGroup||r&&r.form;c!=o&&(u(c,t,o),o.valueChanges.subscribe(function(e){return n.emit(e)}),o.valueChanges.subscribe(function(e){return o.valid?a.next(e):null}),o.valueChanges.debounceTime(l).subscribe(function(e){return o.valid?i.emit(e):null}))}function u(e,r,t){e&&(l(e,r),e.addControl(r,t))}function l(e,r){if(e.get(r))throw new Error("A control of named: '"+r+"' already exists on parent: "+JSON.stringify(e.value)+". Perhaps you did not name your group or control?")}var c=400,s=function(){function e(e,t,n,a){this.self=e,this.formGroupDirective=t,this.formGroupNameDirective=n,this.cd=a,this.validValueChangeDebounce=c,this.formControlValueChange=new r.EventEmitter,this.formControlValidValueChange=new r.EventEmitter,this.formControlValidValueDebounceStarted=new i.Subject,this.formGroup=new o.FormGroup({})}return e.prototype.ngOnInit=function(){this.formGroupName||(this.formGroup=this.self.form),a(this.formGroupNameDirective,this.formGroupDirective,this.formGroupName,this.formGroup,this.formControlValueChange,this.formControlValidValueChange,this.formControlValidValueDebounceStarted,this.validValueChangeDebounce),this.cd.markForCheck()},e.decorators=[{type:r.Directive,args:[{selector:"[formGroupName],[formGroup]"}]}],e.ctorParameters=function(){return[{type:o.FormGroupDirective,decorators:[{type:r.Optional},{type:r.Self}]},{type:o.FormGroupDirective,decorators:[{type:r.Optional},{type:r.SkipSelf}]},{type:e,decorators:[{type:r.Optional},{type:r.SkipSelf}]},{type:r.ChangeDetectorRef}]},e.propDecorators={formGroupName:[{type:r.Input}],validValueChangeDebounce:[{type:r.Input}],formControlValueChange:[{type:r.Output}],formControlValidValueChange:[{type:r.Output}]},e}(),f=function(){function e(e,t,n){this.formGroupDirective=e,this.formGroupNameDirective=t,this.cd=n,this.validValueChangeDebounce=c,this.formControlValueChange=new r.EventEmitter,this.formControlValidValueChange=new r.EventEmitter,this.formControlValidValueDebounceStarted=new i.Subject,this.formControl=new o.FormControl}return Object.defineProperty(e.prototype,"formControlValue",{get:function(){return this.formControl.value},set:function(e){this.formControl.setValue(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"valid",{get:function(){return this.formControl.valid},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"pristine",{get:function(){return this.formControl.pristine},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"groupSubmitted",{get:function(){return this.formGroupDirective.submitted},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"errors",{get:function(){return this.formControl.errors},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){a(this.formGroupNameDirective,this.formGroupDirective,this.formControlName,this.formControl,this.formControlValueChange,this.formControlValidValueChange,this.formControlValidValueDebounceStarted,this.validValueChangeDebounce),this.cd.markForCheck()},e.decorators=[{type:r.Directive,args:[{selector:"[formControlName]"}]}],e.ctorParameters=function(){return[{type:o.FormGroupDirective,decorators:[{type:r.SkipSelf}]},{type:s,decorators:[{type:r.Optional},{type:r.SkipSelf}]},{type:r.ChangeDetectorRef}]},e.propDecorators={formControlName:[{type:r.Input}],validValueChangeDebounce:[{type:r.Input}],formControlValueChange:[{type:r.Output}],formControlValidValueChange:[{type:r.Output}],formControlValue:[{type:r.Input}]},e}(),m=function(){function e(){}return e.prototype.transform=function(){return new o.FormGroup({})},e.decorators=[{type:r.Pipe,args:[{name:"formGroup"}]}],e.ctorParameters=function(){return[]},e}(),p=function(){function e(){this.validValueChanges=!1}return e.prototype.ngAfterContentInit=function(){var e=this;this.formControlNameDirective.formControlValidValueDebounceStarted.subscribe(function(r){return e.validValueChanges=!0}),this.formControlNameDirective.formControlValidValueChange.subscribe(function(r){return e.validValueChanges=!1})},Object.defineProperty(e.prototype,"required",{get:function(){return this.requiredValidator&&this.requiredValidator.required},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"valid",{get:function(){return this.formControlNameDirective&&(!this.formControlNameDirective.groupSubmitted&&this.formControlNameDirective.pristine||this.formControlNameDirective.valid)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"errors",{get:function(){return this.formControlNameDirective&&this.formControlNameDirective.errors},enumerable:!0,configurable:!0}),e.decorators=[{type:r.Component,args:[{selector:"hf-form-control",template:'\n    <div class="hf-field"\n         [class.hf-field--required]="required" \n         [class.hf-field--invalid]="!valid" \n         [class.hf-field--valid-value-changes]="validValueChanges">\n      <label class="hf-field__label">{{label}}</label>\n      <span class="hf-field__control"><ng-content></ng-content></span>\n      <label *ngIf="!valid" class="hf-field__errors">{{errors|json}}</label>\n    </div>'}]}],e.ctorParameters=function(){return[]},e.propDecorators={label:[{type:r.Input}],requiredValidator:[{type:r.ContentChild,args:[o.RequiredValidator]}],formControlNameDirective:[{type:r.ContentChild,args:[f]}]},e}(),d=function(){function e(){}return Object.defineProperty(e.prototype,"group",{get:function(){return this.formGroupNameDirective.formGroup},enumerable:!0,configurable:!0}),e.decorators=[{type:r.Component,args:[{selector:"hf-form-group",template:"<ng-content></ng-content>"}]}],e.ctorParameters=function(){return[]},e.propDecorators={formGroupNameDirective:[{type:r.ContentChild,args:[s]}]},e}(),h=function(){function e(){this.validSubmit=new r.EventEmitter,this.group=new o.FormGroup({})}return e.prototype.onSubmit=function(e){this.group.valid&&this.validSubmit.emit(e)},e.decorators=[{type:r.Component,args:[{selector:"hf-form",template:'\n    <form [formGroup]="group" (submit)="onSubmit($event)" class="hf-form" novalidate>\n      <div class="hf-form__content">\n        <ng-content></ng-content>\n      </div>\n      <div class="hf-form__buttons">\n      </div>\n    </form>\n  '}]}],e.ctorParameters=function(){return[]},e.propDecorators={buttons:[{type:r.Input}],validSubmit:[{type:r.Output}]},e}(),g=function(){function e(){}return e.decorators=[{type:r.NgModule,args:[{imports:[t.CommonModule,o.ReactiveFormsModule],declarations:[h,f,m,p,d,s],exports:[h,f,m,p,d,s]}]}],e.ctorParameters=function(){return[]},e}();e.HybridFormsModule=g,e.ɵe=p,e.ɵf=d,e.ɵa=h,e.ɵb=f,e.ɵc=s,e.ɵd=m,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("@angular/core"),require("@angular/common"),require("@angular/forms"),require("rxjs/add/operator/debounceTime"),require("rxjs/Subject")):"function"==typeof define&&define.amd?define(["exports","@angular/core","@angular/common","@angular/forms","rxjs/add/operator/debounceTime","rxjs/Subject"],r):r(e.angularHybridForms=e.angularHybridForms||{},e.ng.core,e.ng.common,e.ng.forms,null,e.rxjs_Subject)}(this,function(e,r,t,o,n,i){"use strict";function a(e,r,t,o,n,i,a,l){var c=e&&e.formGroup||r&&r.form;c!=o&&(u(c,t,o),o.valueChanges.subscribe(function(e){return n.emit(e)}),o.valueChanges.subscribe(function(e){return o.valid?a.next(e):null}),o.valueChanges.debounceTime(l).subscribe(function(e){return o.valid?i.emit(e):null}))}function u(e,r,t){e&&(l(e,r),e.addControl(r,t))}function l(e,r){if(e.get(r))throw new Error("A control of named: '"+r+"' already exists on parent: "+JSON.stringify(e.value)+". Perhaps you did not name your group or control?")}var c=400,s=function(){function e(e,t,n,a){this.self=e,this.formGroupDirective=t,this.formGroupNameDirective=n,this.cd=a,this.validValueChangeDebounce=c,this.formControlValueChange=new r.EventEmitter,this.formControlValidValueChange=new r.EventEmitter,this.formControlValidValueDebounceStarted=new i.Subject,this.formGroup=new o.FormGroup({})}return e.prototype.ngOnInit=function(){this.formGroupName||(this.formGroup=this.self.form),this.cd.detach(),a(this.formGroupNameDirective,this.formGroupDirective,this.formGroupName,this.formGroup,this.formControlValueChange,this.formControlValidValueChange,this.formControlValidValueDebounceStarted,this.validValueChangeDebounce),this.cd.reattach(),this.cd.markForCheck()},e.decorators=[{type:r.Directive,args:[{selector:"[formGroupName],[formGroup]"}]}],e.ctorParameters=function(){return[{type:o.FormGroupDirective,decorators:[{type:r.Optional},{type:r.Self}]},{type:o.FormGroupDirective,decorators:[{type:r.Optional},{type:r.SkipSelf}]},{type:e,decorators:[{type:r.Optional},{type:r.SkipSelf}]},{type:r.ChangeDetectorRef}]},e.propDecorators={formGroupName:[{type:r.Input}],validValueChangeDebounce:[{type:r.Input}],formControlValueChange:[{type:r.Output}],formControlValidValueChange:[{type:r.Output}]},e}(),f=function(){function e(e,t,n){this.formGroupDirective=e,this.formGroupNameDirective=t,this.cd=n,this.validValueChangeDebounce=c,this.formControlValueChange=new r.EventEmitter,this.formControlValidValueChange=new r.EventEmitter,this.formControlValidValueDebounceStarted=new i.Subject,this.formControl=new o.FormControl}return Object.defineProperty(e.prototype,"formControlValue",{get:function(){return this.formControl.value},set:function(e){this.formControl.setValue(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"valid",{get:function(){return this.formControl.valid},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"pristine",{get:function(){return this.formControl.pristine},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"groupSubmitted",{get:function(){return this.formGroupDirective.submitted},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"errors",{get:function(){return this.formControl.errors},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){this.cd.detach(),a(this.formGroupNameDirective,this.formGroupDirective,this.formControlName,this.formControl,this.formControlValueChange,this.formControlValidValueChange,this.formControlValidValueDebounceStarted,this.validValueChangeDebounce),this.cd.reattach(),this.cd.markForCheck()},e.decorators=[{type:r.Directive,args:[{selector:"[formControlName]"}]}],e.ctorParameters=function(){return[{type:o.FormGroupDirective,decorators:[{type:r.SkipSelf}]},{type:s,decorators:[{type:r.Optional},{type:r.SkipSelf}]},{type:r.ChangeDetectorRef}]},e.propDecorators={formControlName:[{type:r.Input}],validValueChangeDebounce:[{type:r.Input}],formControlValueChange:[{type:r.Output}],formControlValidValueChange:[{type:r.Output}],formControlValue:[{type:r.Input}]},e}(),m=function(){function e(){}return e.prototype.transform=function(){return new o.FormGroup({})},e.decorators=[{type:r.Pipe,args:[{name:"formGroup"}]}],e.ctorParameters=function(){return[]},e}(),p=function(){function e(){this.validValueChanges=!1}return e.prototype.ngAfterContentInit=function(){var e=this;this.formControlNameDirective.formControlValidValueDebounceStarted.subscribe(function(r){return e.validValueChanges=!0}),this.formControlNameDirective.formControlValidValueChange.subscribe(function(r){return e.validValueChanges=!1})},Object.defineProperty(e.prototype,"required",{get:function(){return this.requiredValidator&&this.requiredValidator.required},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"valid",{get:function(){return this.formControlNameDirective&&(!this.formControlNameDirective.groupSubmitted&&this.formControlNameDirective.pristine||this.formControlNameDirective.valid)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"errors",{get:function(){return this.formControlNameDirective&&this.formControlNameDirective.errors},enumerable:!0,configurable:!0}),e.decorators=[{type:r.Component,args:[{selector:"hf-form-control",template:'\n    <div class="hf-field"\n         [class.hf-field--required]="required" \n         [class.hf-field--invalid]="!valid" \n         [class.hf-field--valid-value-changes]="validValueChanges">\n      <label class="hf-field__label">{{label}}</label>\n      <span class="hf-field__control"><ng-content></ng-content></span>\n      <label *ngIf="!valid" class="hf-field__errors">{{errors|json}}</label>\n    </div>'}]}],e.ctorParameters=function(){return[]},e.propDecorators={label:[{type:r.Input}],requiredValidator:[{type:r.ContentChild,args:[o.RequiredValidator]}],formControlNameDirective:[{type:r.ContentChild,args:[f]}]},e}(),d=function(){function e(){}return Object.defineProperty(e.prototype,"group",{get:function(){return this.formGroupNameDirective.formGroup},enumerable:!0,configurable:!0}),e.decorators=[{type:r.Component,args:[{selector:"hf-form-group",template:"<ng-content></ng-content>"}]}],e.ctorParameters=function(){return[]},e.propDecorators={formGroupNameDirective:[{type:r.ContentChild,args:[s]}]},e}(),h=function(){function e(){this.validSubmit=new r.EventEmitter,this.group=new o.FormGroup({})}return e.prototype.onSubmit=function(e){this.group.valid&&this.validSubmit.emit(e)},e.decorators=[{type:r.Component,args:[{selector:"hf-form",template:'\n    <form [formGroup]="group" (submit)="onSubmit($event)" class="hf-form" novalidate>\n      <div class="hf-form__content">\n        <ng-content></ng-content>\n      </div>\n      <div class="hf-form__buttons">\n      </div>\n    </form>\n  '}]}],e.ctorParameters=function(){return[]},e.propDecorators={buttons:[{type:r.Input}],validSubmit:[{type:r.Output}]},e}(),g=function(){function e(){}return e.decorators=[{type:r.NgModule,args:[{imports:[t.CommonModule,o.ReactiveFormsModule],declarations:[h,f,m,p,d,s],exports:[h,f,m,p,d,s]}]}],e.ctorParameters=function(){return[]},e}();e.HybridFormsModule=g,e.ɵe=p,e.ɵf=d,e.ɵa=h,e.ɵb=f,e.ɵc=s,e.ɵd=m,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=angular-hybrid-forms.umd.min.js.map

package.json

 {
   "name": "angular-hybrid-forms",
-  "version": "0.0.22",
+  "version": "0.0.23",
   "description": "An Angular form library offering a middleground between a template-driven, reactive forms and more",
@@ -5,0 +5,0 @@ "main": "./bundles/quickstart-lib.umd.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

177479

increased by0.79%

Lines of code

1223

increased by0.99%

No dependency changes