angular-hybrid-forms - npm Package Compare versions

Comparing version 0.0.37 to 0.0.38

angular-hybrid-forms.d.ts

@@ -5,6 +5,4 @@ /**
 export * from './index';
-export { HybridFormFieldComponent as ɵe } from './src/component/hybrid-form-field.component';
-export { HybridFormModelDirective as ɵd } from './src/directive/hybrid-form-model.directive';
-export { UnsavedDirective as ɵb } from './src/directive/unsaved.directive';
-export { ValidSubmitDirective as ɵc } from './src/directive/valid-submit.directive';
+export { HybridFormFieldComponent as ɵc } from './src/component/hybrid-form-field.component';
+export { HybridFormModelDirective as ɵb } from './src/directive/hybrid-form-model.directive';
 export { ErrorMessageService as ɵa } from './src/service/error-messages.service';

angular-hybrid-forms.es5.js

@@ -474,3 +474,3 @@ import { Component, ContentChild, Directive, ElementRef, EventEmitter, HostListener, Injectable, Input, NgModule, Optional, Output, Renderer2, Self, SkipSelf } from '@angular/core';
 
-export { HybridFormsModule, HybridForm, HybridFormFieldComponent as ɵe, HybridFormModelDirective as ɵd, UnsavedDirective as ɵb, ValidSubmitDirective as ɵc, ErrorMessageService as ɵa };
+export { HybridFormsModule, HybridForm, UnsavedDirective, ValidSubmitDirective, HybridFormFieldComponent as ɵc, HybridFormModelDirective as ɵb, ErrorMessageService as ɵa };
 //# sourceMappingURL=angular-hybrid-forms.es5.js.map

angular-hybrid-forms.js

@@ -415,3 +415,3 @@ import { Component, ContentChild, Directive, ElementRef, EventEmitter, HostListener, Injectable, Input, NgModule, Optional, Output, Renderer2, Self, SkipSelf } from '@angular/core';
 
-export { HybridFormsModule, HybridForm, HybridFormFieldComponent as ɵe, HybridFormModelDirective as ɵd, UnsavedDirective as ɵb, ValidSubmitDirective as ɵc, ErrorMessageService as ɵa };
+export { HybridFormsModule, HybridForm, UnsavedDirective, ValidSubmitDirective, HybridFormFieldComponent as ɵc, HybridFormModelDirective as ɵb, ErrorMessageService as ɵa };
 //# sourceMappingURL=angular-hybrid-forms.js.map

angular-hybrid-forms.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":3,"metadata":{"HybridFormsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"providers":[{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule"}],"declarations":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"HybridForm"}],"exports":[{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"HybridForm"}]}]}],"members":{}},"HybridForm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"form:not([ngNoForm]):not([formGroup]),ngForm,[ngForm]"}]}],"members":{"ngFormValidChangeDebounce":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"ngFormValidChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self"}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf"}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/forms","name":"NgForm"},{"__symbolic":"reference","name":"HybridForm"}]}],"ngOnInit":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"addFormGroup":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"setErrorMessages":[{"__symbolic":"method"}],"getErrorMessage":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[unsaved]"}]}],"members":{"unsavedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["unsaved"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self"}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self"}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgForm"},{"__symbolic":"reference","name":"HybridForm"},{"__symbolic":"reference","name":"ɵc"}]}],"ngOnInit":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["submit",["$event"]]}]}],"unsavedParameterChange":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[validSubmit]"}]}],"members":{"validSubmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self"}}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgForm"}]}],"onSubmit":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["submit",["$event"]]}]}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[ngModel]"}]}],"members":{"ngModelValidChangeDebounce":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"ngModelValidChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self"}}],null],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgModel"},{"__symbolic":"reference","name":"HybridForm"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"hf-field","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      <span *ngIf=\"!valid\" class=\"hf-field__errors\">\n        <label *ngFor=\"let error of errors\" class=\"hf-field__error\">{{error}}</label>\n      </span>\n    </div>"}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"requiredValidator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"RequiredValidator"}]}]}],"formModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","name":"ɵd"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵa"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"assertNgModelExists":[{"__symbolic":"method"}]}}},"origins":{"HybridFormsModule":"./src/hybrid-forms.module","HybridForm":"./src/directive/hybrid-form.directive","ɵa":"./src/service/error-messages.service","ɵb":"./src/directive/unsaved.directive","ɵc":"./src/directive/valid-submit.directive","ɵd":"./src/directive/hybrid-form-model.directive","ɵe":"./src/component/hybrid-form-field.component"},"importAs":"angular-hybrid-forms"}
+{"__symbolic":"module","version":3,"metadata":{"HybridFormsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"providers":[{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule"}],"declarations":[{"__symbolic":"reference","name":"UnsavedDirective"},{"__symbolic":"reference","name":"ValidSubmitDirective"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"HybridForm"}],"exports":[{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule"},{"__symbolic":"reference","name":"UnsavedDirective"},{"__symbolic":"reference","name":"ValidSubmitDirective"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"HybridForm"}]}]}],"members":{}},"HybridForm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"form:not([ngNoForm]):not([formGroup]),ngForm,[ngForm]"}]}],"members":{"ngFormValidChangeDebounce":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"ngFormValidChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self"}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf"}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/forms","name":"NgForm"},{"__symbolic":"reference","name":"HybridForm"}]}],"ngOnInit":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"addFormGroup":[{"__symbolic":"method"}]}},"UnsavedDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[unsaved]"}]}],"members":{"unsavedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["unsaved"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self"}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self"}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgForm"},{"__symbolic":"reference","name":"HybridForm"},{"__symbolic":"reference","name":"ValidSubmitDirective"}]}],"ngOnInit":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["submit",["$event"]]}]}],"unsavedParameterChange":[{"__symbolic":"method"}]}},"ValidSubmitDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[validSubmit]"}]}],"members":{"validSubmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self"}}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgForm"}]}],"onSubmit":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["submit",["$event"]]}]}]}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"setErrorMessages":[{"__symbolic":"method"}],"getErrorMessage":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[ngModel]"}]}],"members":{"ngModelValidChangeDebounce":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"ngModelValidChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self"}}],null],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgModel"},{"__symbolic":"reference","name":"HybridForm"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"hf-field","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      <span *ngIf=\"!valid\" class=\"hf-field__errors\">\n        <label *ngFor=\"let error of errors\" class=\"hf-field__error\">{{error}}</label>\n      </span>\n    </div>"}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"requiredValidator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"RequiredValidator"}]}]}],"formModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","name":"ɵb"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵa"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"assertNgModelExists":[{"__symbolic":"method"}]}}},"origins":{"HybridFormsModule":"./src/hybrid-forms.module","HybridForm":"./src/directive/hybrid-form.directive","UnsavedDirective":"./src/directive/unsaved.directive","ValidSubmitDirective":"./src/directive/valid-submit.directive","ɵa":"./src/service/error-messages.service","ɵb":"./src/directive/hybrid-form-model.directive","ɵc":"./src/component/hybrid-form-field.component"},"importAs":"angular-hybrid-forms"}

bundles/angular-hybrid-forms.umd.js

@@ -476,6 +476,6 @@ (function (global, factory) {
 exports.HybridForm = HybridForm;
-exports.ɵe = HybridFormFieldComponent;
-exports.ɵd = HybridFormModelDirective;
-exports.ɵb = UnsavedDirective;
-exports.ɵc = ValidSubmitDirective;
+exports.UnsavedDirective = UnsavedDirective;
+exports.ValidSubmitDirective = ValidSubmitDirective;
+exports.ɵc = HybridFormFieldComponent;
+exports.ɵb = HybridFormModelDirective;
 exports.ɵa = ErrorMessageService;
@@ -482,0 +482,0 @@

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

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(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"],t):t(e.angularHybridForms=e.angularHybridForms||{},e.ng.core,e.ng.common,e.ng.forms,null,e.rxjs_Subject)}(this,function(e,t,r,n,o,i){"use strict";function a(e,t,r,n){e.valueChanges.subscribe(function(t){return e.valid?r.next(t):null}),e.valueChanges.debounceTime(n).subscribe(function(r){return e.valid?t.emit(r):null})}var s=400,u=function(){function e(e,r,n,o){this.el=e,this.renderer=r,this.self=n,this.parent=o,this.ngFormValidChangeDebounce=s,this.ngFormValidChange=new t.EventEmitter,this.formControlValidValueDebounceStarted=new i.Subject,this.unique=0,o&&o.addFormGroup(n)}return e.prototype.ngOnInit=function(){this.renderer.setAttribute(this.el.nativeElement,"novalidate","novalidate"),a(this.form,this.ngFormValidChange,this.formControlValidValueDebounceStarted,this.ngFormValidChangeDebounce)},e.prototype.reset=function(e){this.form.reset(null,{onlySelf:e})},Object.defineProperty(e.prototype,"submitted",{get:function(){return this.parent&&this.parent.submitted||this.self.submitted},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"form",{get:function(){return this.self.form},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"sequence",{get:function(){return this.unique++},enumerable:!0,configurable:!0}),e.prototype.addFormGroup=function(e){this.self.form.addControl(e.name||this.sequence,e.form)},e.decorators=[{type:t.Directive,args:[{selector:"form:not([ngNoForm]):not([formGroup]),ngForm,[ngForm]"}]}],e.ctorParameters=function(){return[{type:t.ElementRef},{type:t.Renderer2},{type:n.NgForm,decorators:[{type:t.Self}]},{type:e,decorators:[{type:t.Optional},{type:t.SkipSelf}]}]},e.propDecorators={ngFormValidChangeDebounce:[{type:t.Input}],ngFormValidChange:[{type:t.Output}]},e}(),l=function(){function e(e,r){this.self=e,this.parent=r,this.ngModelValidChangeDebounce=s,this.ngModelValidChange=new t.EventEmitter,this.formControlValidValueDebounceStarted=new i.Subject}return Object.defineProperty(e.prototype,"formControl",{get:function(){return this.self.control},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.parent.submitted},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"errors",{get:function(){return this.formControl.errors},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"name",{get:function(){return this.self.name},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){a(this.formControl,this.ngModelValidChange,this.formControlValidValueDebounceStarted,this.ngModelValidChangeDebounce)},e.decorators=[{type:t.Directive,args:[{selector:"[ngModel]"}]}],e.ctorParameters=function(){return[{type:n.NgModel,decorators:[{type:t.Self}]},{type:u}]},e.propDecorators={ngModelValidChangeDebounce:[{type:t.Input}],ngModelValidChange:[{type:t.Output}]},e}(),d=function(){function e(){this.errorMessages={required:"is required",minlength:"must be at least {{requiredLength}} characters long",maxlength:"must be no more than {{requiredLength}} characters long",email:"must be valid",min:"must be a number greater than or equal to {{requiredMin}}",max:"must be a number less than or equal to {{requiredMax}}",match:"must match"}}return e.prototype.setErrorMessages=function(e){this.errorMessages=Object.assign(this.errorMessages,e)},e.prototype.getErrorMessage=function(e,t,r){var n=this.errorMessages[t];return r&&n&&Object.keys(r).forEach(function(e){return n=n.replace("{{"+e+"}}",r[e])}),e+" "+n},e.decorators=[{type:t.Injectable}],e.ctorParameters=function(){return[]},e}(),c=function(){function e(e){this.messageService=e,this.validValueChanges=!1}return e.prototype.ngAfterContentInit=function(){var e=this;this.assertNgModelExists(),this.formModel.formControlValidValueDebounceStarted.subscribe(function(t){return e.validValueChanges=!0}),this.formModel.ngModelValidChange.subscribe(function(t){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.formModel&&(!this.formModel.groupSubmitted&&this.formModel.pristine||this.formModel.valid)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"errors",{get:function(){var e=this,t=this.formModel.errors;return Object.keys(t).map(function(r){return e.messageService.getErrorMessage(e.label,r,t[r])})},enumerable:!0,configurable:!0}),e.prototype.assertNgModelExists=function(){if(!this.formModel)throw new Error('NgModel is missing from an "hf-field". Did you forget to add [ngModel]')},e.decorators=[{type:t.Component,args:[{selector:"hf-field",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      <span *ngIf="!valid" class="hf-field__errors">\n        <label *ngFor="let error of errors" class="hf-field__error">{{error}}</label>\n      </span>\n    </div>'}]}],e.ctorParameters=function(){return[{type:d}]},e.propDecorators={label:[{type:t.Input}],requiredValidator:[{type:t.ContentChild,args:[n.RequiredValidator]}],formModel:[{type:t.ContentChild,args:[l]}]},e}(),f=function(){function e(e){this.ngForm=e,this.validSubmit=new t.EventEmitter}return e.prototype.onSubmit=function(e){this.ngForm.valid&&this.validSubmit.emit(e)},e.decorators=[{type:t.Directive,args:[{selector:"[validSubmit]"}]}],e.ctorParameters=function(){return[{type:n.NgForm,decorators:[{type:t.Self}]}]},e.propDecorators={validSubmit:[{type:t.Output}],onSubmit:[{type:t.HostListener,args:["submit",["$event"]]}]},e}(),m=function(){function e(e,r,n){var o=this;this.ngForm=e,this.hasSubmitButton=n,this.unsavedChange=new t.EventEmitter,n||r.ngFormValidChange.subscribe(function(e){o.submitted=!0,o.unsavedParameterChange()})}return e.prototype.ngOnInit=function(){var e=this;this.form.valueChanges.subscribe(function(){e.submitted=!1,e.unsavedParameterChange()}),this.form.statusChanges.subscribe(function(){return e.unsavedParameterChange()})},e.prototype.onSubmit=function(){this.submitted=!0,this.unsavedParameterChange()},e.prototype.unsavedParameterChange=function(){var e=this.form.dirty&&(!this.submitted||!this.form.valid);e!=this.unsaved&&(this.unsaved=e,this.unsavedChange.emit(this.unsaved))},Object.defineProperty(e.prototype,"form",{get:function(){return this.ngForm.form},enumerable:!0,configurable:!0}),e.decorators=[{type:t.Directive,args:[{selector:"[unsaved]"}]}],e.ctorParameters=function(){return[{type:n.NgForm,decorators:[{type:t.Self}]},{type:u,decorators:[{type:t.Self}]},{type:f,decorators:[{type:t.Self},{type:t.Optional}]}]},e.propDecorators={unsavedChange:[{type:t.Output,args:["unsaved"]}],onSubmit:[{type:t.HostListener,args:["submit",["$event"]]}]},e}(),p=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{providers:[d],imports:[r.CommonModule,n.FormsModule],declarations:[m,f,l,c,u],exports:[n.FormsModule,m,f,l,c,u]}]}],e.ctorParameters=function(){return[]},e}();e.HybridFormsModule=p,e.HybridForm=u,e.ɵe=c,e.ɵd=l,e.ɵb=m,e.ɵc=f,e.ɵa=d,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(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"],t):t(e.angularHybridForms=e.angularHybridForms||{},e.ng.core,e.ng.common,e.ng.forms,null,e.rxjs_Subject)}(this,function(e,t,r,n,o,i){"use strict";function a(e,t,r,n){e.valueChanges.subscribe(function(t){return e.valid?r.next(t):null}),e.valueChanges.debounceTime(n).subscribe(function(r){return e.valid?t.emit(r):null})}var s=400,u=function(){function e(e,r,n,o){this.el=e,this.renderer=r,this.self=n,this.parent=o,this.ngFormValidChangeDebounce=s,this.ngFormValidChange=new t.EventEmitter,this.formControlValidValueDebounceStarted=new i.Subject,this.unique=0,o&&o.addFormGroup(n)}return e.prototype.ngOnInit=function(){this.renderer.setAttribute(this.el.nativeElement,"novalidate","novalidate"),a(this.form,this.ngFormValidChange,this.formControlValidValueDebounceStarted,this.ngFormValidChangeDebounce)},e.prototype.reset=function(e){this.form.reset(null,{onlySelf:e})},Object.defineProperty(e.prototype,"submitted",{get:function(){return this.parent&&this.parent.submitted||this.self.submitted},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"form",{get:function(){return this.self.form},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"sequence",{get:function(){return this.unique++},enumerable:!0,configurable:!0}),e.prototype.addFormGroup=function(e){this.self.form.addControl(e.name||this.sequence,e.form)},e.decorators=[{type:t.Directive,args:[{selector:"form:not([ngNoForm]):not([formGroup]),ngForm,[ngForm]"}]}],e.ctorParameters=function(){return[{type:t.ElementRef},{type:t.Renderer2},{type:n.NgForm,decorators:[{type:t.Self}]},{type:e,decorators:[{type:t.Optional},{type:t.SkipSelf}]}]},e.propDecorators={ngFormValidChangeDebounce:[{type:t.Input}],ngFormValidChange:[{type:t.Output}]},e}(),l=function(){function e(e,r){this.self=e,this.parent=r,this.ngModelValidChangeDebounce=s,this.ngModelValidChange=new t.EventEmitter,this.formControlValidValueDebounceStarted=new i.Subject}return Object.defineProperty(e.prototype,"formControl",{get:function(){return this.self.control},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.parent.submitted},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"errors",{get:function(){return this.formControl.errors},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"name",{get:function(){return this.self.name},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){a(this.formControl,this.ngModelValidChange,this.formControlValidValueDebounceStarted,this.ngModelValidChangeDebounce)},e.decorators=[{type:t.Directive,args:[{selector:"[ngModel]"}]}],e.ctorParameters=function(){return[{type:n.NgModel,decorators:[{type:t.Self}]},{type:u}]},e.propDecorators={ngModelValidChangeDebounce:[{type:t.Input}],ngModelValidChange:[{type:t.Output}]},e}(),d=function(){function e(){this.errorMessages={required:"is required",minlength:"must be at least {{requiredLength}} characters long",maxlength:"must be no more than {{requiredLength}} characters long",email:"must be valid",min:"must be a number greater than or equal to {{requiredMin}}",max:"must be a number less than or equal to {{requiredMax}}",match:"must match"}}return e.prototype.setErrorMessages=function(e){this.errorMessages=Object.assign(this.errorMessages,e)},e.prototype.getErrorMessage=function(e,t,r){var n=this.errorMessages[t];return r&&n&&Object.keys(r).forEach(function(e){return n=n.replace("{{"+e+"}}",r[e])}),e+" "+n},e.decorators=[{type:t.Injectable}],e.ctorParameters=function(){return[]},e}(),c=function(){function e(e){this.messageService=e,this.validValueChanges=!1}return e.prototype.ngAfterContentInit=function(){var e=this;this.assertNgModelExists(),this.formModel.formControlValidValueDebounceStarted.subscribe(function(t){return e.validValueChanges=!0}),this.formModel.ngModelValidChange.subscribe(function(t){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.formModel&&(!this.formModel.groupSubmitted&&this.formModel.pristine||this.formModel.valid)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"errors",{get:function(){var e=this,t=this.formModel.errors;return Object.keys(t).map(function(r){return e.messageService.getErrorMessage(e.label,r,t[r])})},enumerable:!0,configurable:!0}),e.prototype.assertNgModelExists=function(){if(!this.formModel)throw new Error('NgModel is missing from an "hf-field". Did you forget to add [ngModel]')},e.decorators=[{type:t.Component,args:[{selector:"hf-field",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      <span *ngIf="!valid" class="hf-field__errors">\n        <label *ngFor="let error of errors" class="hf-field__error">{{error}}</label>\n      </span>\n    </div>'}]}],e.ctorParameters=function(){return[{type:d}]},e.propDecorators={label:[{type:t.Input}],requiredValidator:[{type:t.ContentChild,args:[n.RequiredValidator]}],formModel:[{type:t.ContentChild,args:[l]}]},e}(),f=function(){function e(e){this.ngForm=e,this.validSubmit=new t.EventEmitter}return e.prototype.onSubmit=function(e){this.ngForm.valid&&this.validSubmit.emit(e)},e.decorators=[{type:t.Directive,args:[{selector:"[validSubmit]"}]}],e.ctorParameters=function(){return[{type:n.NgForm,decorators:[{type:t.Self}]}]},e.propDecorators={validSubmit:[{type:t.Output}],onSubmit:[{type:t.HostListener,args:["submit",["$event"]]}]},e}(),m=function(){function e(e,r,n){var o=this;this.ngForm=e,this.hasSubmitButton=n,this.unsavedChange=new t.EventEmitter,n||r.ngFormValidChange.subscribe(function(e){o.submitted=!0,o.unsavedParameterChange()})}return e.prototype.ngOnInit=function(){var e=this;this.form.valueChanges.subscribe(function(){e.submitted=!1,e.unsavedParameterChange()}),this.form.statusChanges.subscribe(function(){return e.unsavedParameterChange()})},e.prototype.onSubmit=function(){this.submitted=!0,this.unsavedParameterChange()},e.prototype.unsavedParameterChange=function(){var e=this.form.dirty&&(!this.submitted||!this.form.valid);e!=this.unsaved&&(this.unsaved=e,this.unsavedChange.emit(this.unsaved))},Object.defineProperty(e.prototype,"form",{get:function(){return this.ngForm.form},enumerable:!0,configurable:!0}),e.decorators=[{type:t.Directive,args:[{selector:"[unsaved]"}]}],e.ctorParameters=function(){return[{type:n.NgForm,decorators:[{type:t.Self}]},{type:u,decorators:[{type:t.Self}]},{type:f,decorators:[{type:t.Self},{type:t.Optional}]}]},e.propDecorators={unsavedChange:[{type:t.Output,args:["unsaved"]}],onSubmit:[{type:t.HostListener,args:["submit",["$event"]]}]},e}(),p=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{providers:[d],imports:[r.CommonModule,n.FormsModule],declarations:[m,f,l,c,u],exports:[n.FormsModule,m,f,l,c,u]}]}],e.ctorParameters=function(){return[]},e}();e.HybridFormsModule=p,e.HybridForm=u,e.UnsavedDirective=m,e.ValidSubmitDirective=f,e.ɵc=c,e.ɵb=l,e.ɵa=d,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=angular-hybrid-forms.umd.min.js.map

index.d.ts

 export { HybridFormsModule } from './src/hybrid-forms.module';
 export { HybridForm } from './src/directive/hybrid-form.directive';
+export { UnsavedDirective } from './src/directive/unsaved.directive';
+export { ValidSubmitDirective } from './src/directive/valid-submit.directive';

package.json

 {
   "name": "angular-hybrid-forms",
-  "version": "0.0.37",
+  "version": "0.0.38",
   "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",

No alert changes

Worsened metrics

Total package byte prevSize

188477

decreased by-0.13%

No dependency changes