wfw-ngx-formly
Version:
ngx-formly is an Angular 2 module which has a Components to help customize and render JavaScript/JSON configured forms. The formly-form Component and the FormlyConfig service are very powerful and bring unmatched maintainability to your application's form
1 lines • 16.4 kB
JSON
{"__symbolic":"module","version":4,"metadata":{"ɵa":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":6,"character":39},"arguments":["FORMLY_CONFIG_TOKEN"]},"FormlyForm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"formly-form","template":"\n <formly-field *ngFor=\"let field of fields\"\n [model]=\"field.model\" [form]=\"form\"\n [field]=\"field\"\n [ngClass]=\"field.className\"\n [options]=\"options\">\n </formly-field>\n <ng-content></ng-content>\n "}]}],"members":{"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"fields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"modelChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":3}}]}],"modelWillChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":3}}]}],"modelDidChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}],"isRoot":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":42,"character":5}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":43,"character":5}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":44,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":44,"character":17}}]],"parameters":[{"__symbolic":"reference","name":"FormlyFormBuilder"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"FormlyConfig"},{"__symbolic":"reference","module":"@angular/forms","name":"NgForm","line":42,"character":36},{"__symbolic":"reference","module":"@angular/forms","name":"FormGroupDirective","line":43,"character":41},{"__symbolic":"reference","name":"FormlyForm"}]}],"ngDoCheck":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"changeModel":[{"__symbolic":"method"}],"setOptions":[{"__symbolic":"method"}],"checkExpressionChange":[{"__symbolic":"method"}],"trackModelChanges":[{"__symbolic":"method"}],"clearModelSubscriptions":[{"__symbolic":"method"}],"patchModel":[{"__symbolic":"method"}],"resetModel":[{"__symbolic":"method"}],"resetFieldArray":[{"__symbolic":"method"}],"initializeFormValue":[{"__symbolic":"method"}],"updateInitialValue":[{"__symbolic":"method"}]}},"FormlyFieldConfig":{"__symbolic":"interface"},"FormlyTemplateOptions":{"__symbolic":"interface"},"FormlyFormOptions":{"__symbolic":"interface"},"FormlyField":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"formly-field","template":"\n <ng-template #fieldComponent></ng-template>\n <div *ngIf=\"field.template && !field.fieldGroup\" [innerHtml]=\"field.template\"></div>\n ","host":{"[style.display]":"field.hide ? \"none\":\"\"","$quoted$":["[style.display]"]}}]}],"members":{"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"modelChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"fieldComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":25,"character":3},"arguments":["fieldComponent",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":25,"character":38}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"FormlyConfig"},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":31,"character":38}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"createFieldComponent":[{"__symbolic":"method"}],"createComponent":[{"__symbolic":"method"}],"lifeCycleHooks":[{"__symbolic":"method"}]}},"FormlyAttributes":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[formlyAttributes]"}]}],"members":{"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":7,"character":3},"arguments":["formlyAttributes"]}]}],"onFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":11,"character":3},"arguments":["focus"]}]}],"onBlur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":15,"character":3},"arguments":["blur"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":20,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":21,"character":24}]}],"ngOnChanges":[{"__symbolic":"method"}],"getPropValue":[{"__symbolic":"method"}],"getStatementValue":[{"__symbolic":"method"}],"canApplyRender":[{"__symbolic":"method"}]}},"FormlyConfig":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":11,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":36,"character":15},"arguments":[{"__symbolic":"reference","name":"ɵa"}]}]],"parameters":[{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","name":"any"}]}]}],"addConfig":[{"__symbolic":"method"}],"setType":[{"__symbolic":"method"}],"getType":[{"__symbolic":"method"}],"getMergedField":[{"__symbolic":"method"}],"setWrapper":[{"__symbolic":"method"}],"getWrapper":[{"__symbolic":"method"}],"setTypeWrapper":[{"__symbolic":"method"}],"setValidator":[{"__symbolic":"method"}],"getValidator":[{"__symbolic":"method"}],"addValidatorMessage":[{"__symbolic":"method"}],"getValidatorMessage":[{"__symbolic":"method"}],"setManipulator":[{"__symbolic":"method"}],"mergeExtendedType":[{"__symbolic":"method"}]}},"ConfigOption":{"__symbolic":"interface"},"FormlyFormBuilder":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"FormlyConfig"},{"__symbolic":"reference","name":"ɵb"}]}],"buildForm":[{"__symbolic":"method"}],"_buildForm":[{"__symbolic":"method"}],"registerFormControls":[{"__symbolic":"method"}],"initFieldExpression":[{"__symbolic":"method"}],"initFieldOptions":[{"__symbolic":"method"}],"initFieldAsyncValidation":[{"__symbolic":"method"}],"initFieldValidation":[{"__symbolic":"method"}],"addFormControl":[{"__symbolic":"method"}],"addControl":[{"__symbolic":"method"}],"getValidation":[{"__symbolic":"method"}],"wrapNgValidatorFn":[{"__symbolic":"method"}],"initFieldWrappers":[{"__symbolic":"method"}],"mergeTemplateManipulators":[{"__symbolic":"method"}]}},"Field":{"__symbolic":"class","members":{"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":5,"character":3}}]}],"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":6,"character":3}}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":7,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"onBeforePatchValue":[{"__symbolic":"method"}]}},"FieldType":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"Field"},"members":{"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"FieldArrayType":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"FieldType"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"FormlyFormBuilder"}]}],"add":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}]}},"FieldWrapper":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"Field"},"members":{}},"FormlyModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"FormlyForm"},{"__symbolic":"reference","name":"FormlyField"},{"__symbolic":"reference","name":"FormlyAttributes"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"}],"entryComponents":[{"__symbolic":"reference","name":"ɵc"}],"exports":[{"__symbolic":"reference","name":"FormlyForm"},{"__symbolic":"reference","name":"FormlyField"},{"__symbolic":"reference","name":"FormlyAttributes"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":18,"character":4}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["config"],"defaults":[{}],"value":{"ngModule":{"__symbolic":"reference","name":"FormlyModule"},"providers":[{"__symbolic":"reference","name":"FormlyFormBuilder"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"FormlyConfig"},{"provide":{"__symbolic":"reference","name":"ɵa"},"useValue":{"types":[{"name":"formly-group","component":{"__symbolic":"reference","name":"ɵc"}}]},"multi":true},{"provide":{"__symbolic":"reference","name":"ɵa"},"useValue":{"__symbolic":"reference","name":"config"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/core","name":"ANALYZE_FOR_ENTRY_COMPONENTS","line":31,"character":19},"useValue":{"__symbolic":"reference","name":"config"},"multi":true}]}},"forChild":{"__symbolic":"function","parameters":["config"],"defaults":[{}],"value":{"ngModule":{"__symbolic":"reference","name":"FormlyModule"},"providers":[{"provide":{"__symbolic":"reference","name":"ɵa"},"useValue":{"__symbolic":"reference","name":"config"},"multi":true},{"provide":{"__symbolic":"reference","module":"@angular/core","name":"ANALYZE_FOR_ENTRY_COMPONENTS","line":41,"character":19},"useValue":{"__symbolic":"reference","name":"config"},"multi":true}]}}}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1}}],"members":{"checkFields":[{"__symbolic":"method"}],"_checkFields":[{"__symbolic":"method"}],"checkFieldExpressionChange":[{"__symbolic":"method"}],"checkFieldVisibilityChange":[{"__symbolic":"method"}],"addFieldControl":[{"__symbolic":"method"}],"getFieldModel":[{"__symbolic":"method"}],"getParentModel":[{"__symbolic":"method"}],"removeFieldControl":[{"__symbolic":"method"}],"fieldParentFormControl":[{"__symbolic":"method"}],"fieldKey":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"FieldType"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"formly-group","template":"\n <formly-form\n [fields]=\"field.fieldGroup\"\n [isRoot]=\"false\"\n [model]=\"model\"\n [form]=\"field.formControl || form\"\n [options]=\"options\"\n [ngClass]=\"field.fieldGroupClassName\">\n <ng-content></ng-content>\n </formly-form>\n "}]}],"members":{}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"formly-validation-message","template":"{{ errorMessage }}"}]}],"members":{"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"fieldForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"FormlyConfig"}]}]}}},"origins":{"ɵa":"./lib/services/formly.config","FormlyForm":"./lib/components/formly.form","FormlyFieldConfig":"./lib/components/formly.field.config","FormlyTemplateOptions":"./lib/components/formly.field.config","FormlyFormOptions":"./lib/components/formly.field.config","FormlyField":"./lib/components/formly.field","FormlyAttributes":"./lib/components/formly.attributes","FormlyConfig":"./lib/services/formly.config","ConfigOption":"./lib/services/formly.config","FormlyFormBuilder":"./lib/services/formly.form.builder","Field":"./lib/templates/field","FieldType":"./lib/templates/field.type","FieldArrayType":"./lib/templates/field-array.type","FieldWrapper":"./lib/templates/field.wrapper","FormlyModule":"./lib/core.module","ɵb":"./lib/services/formly.form.expression","ɵc":"./lib/components/formly.group","ɵd":"./lib/templates/formly.validation-message"},"importAs":"wfw-ngx-formly"}