@stemy/ngx-dynamic-form 12.0.1 → 12.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/stemy-ngx-dynamic-form.umd.js +98 -81
- package/bundles/stemy-ngx-dynamic-form.umd.js.map +1 -1
- package/esm2015/ngx-dynamic-form/common-types.js +24 -8
- package/esm2015/ngx-dynamic-form/components/dynamic-form/dynamic-form.component.js +13 -4
- package/esm2015/ngx-dynamic-form/components/dynamic-form-file/dynamic-form-file.component.js +6 -13
- package/esm2015/ngx-dynamic-form/components/dynamic-form-group/dynamic-form-group.component.js +9 -2
- package/esm2015/ngx-dynamic-form/components/dynamic-form-input/dynamic-form-input.component.js +3 -10
- package/esm2015/ngx-dynamic-form/components/dynamic-forms/dynamic-forms.component.js +12 -3
- package/esm2015/ngx-dynamic-form/directives/dynamic-form-group.directive.js +1 -3
- package/esm2015/public_api.js +3 -2
- package/esm2015/stemy-ngx-dynamic-form.js +1 -2
- package/fesm2015/stemy-ngx-dynamic-form.js +90 -66
- package/fesm2015/stemy-ngx-dynamic-form.js.map +1 -1
- package/ngx-dynamic-form/common-types.d.ts +14 -7
- package/ngx-dynamic-form/components/dynamic-form-file/dynamic-form-file.component.d.ts +1 -4
- package/ngx-dynamic-form/components/dynamic-form-group/dynamic-form-group.component.d.ts +3 -2
- package/ngx-dynamic-form/components/dynamic-form-input/dynamic-form-input.component.d.ts +0 -3
- package/ngx-dynamic-form/directives/dynamic-form-group.directive.d.ts +1 -2
- package/package.json +1 -1
- package/public_api.d.ts +2 -1
- package/stemy-ngx-dynamic-form.d.ts +0 -1
- package/stemy-ngx-dynamic-form.metadata.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"ɵa":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":13,"character":80},"arguments":["form-group-provider"]},"FORM_CONTROL_PROVIDER":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":14,"character":79},"arguments":["form-control-provider"]},"IFormControlComponent":{"__symbolic":"interface"},"IFormGroupComponent":{"__symbolic":"interface"},"FormControlComponent":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":26,"character":1}}],"members":{"inputClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":52,"character":5},"arguments":["class.form-input"]}]}]}},"IFormControlProviderAcceptor":{"__symbolic":"interface"},"IFormControlProviderLoader":{"__symbolic":"interface"},"IFormControlOptions":{"__symbolic":"interface"},"IFormControlSerializer":{"__symbolic":"interface"},"IFormControlProvider":{"__symbolic":"interface"},"IFormSerializer":{"__symbolic":"interface"},"IFormSerializers":{"__symbolic":"interface"},"DynamicFormState":{"__symbolic":"interface"},"DynamicFormUpdateOn":{"__symbolic":"interface"},"IDynamicFormControl":{"__symbolic":"interface"},"DynamicFormGroup":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/forms","name":"FormGroup","line":234,"character":38},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"any"}]}],"getData":[{"__symbolic":"method"}],"getControl":[{"__symbolic":"method"}],"load":[{"__symbolic":"method"}],"check":[{"__symbolic":"method"}],"shouldSerialize":[{"__symbolic":"method"}],"shouldValidate":[{"__symbolic":"method"}],"serialize":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"showErrors":[{"__symbolic":"method"}],"reloadControls":[{"__symbolic":"method"}],"setup":[{"__symbolic":"method"}],"updateModel":[{"__symbolic":"method"}],"reloadControlsFrom":[{"__symbolic":"method"}]}},"DynamicFormControl":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/forms","name":"FormControl","line":500,"character":40},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"DynamicFormGroup"}]}],"getData":[{"__symbolic":"method"}],"getControl":[{"__symbolic":"method"}],"load":[{"__symbolic":"method"}],"check":[{"__symbolic":"method"}],"shouldSerialize":[{"__symbolic":"method"}],"shouldValidate":[{"__symbolic":"method"}],"serialize":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"showErrors":[{"__symbolic":"method"}]}},"IFormControl":{"__symbolic":"interface"},"IFormControlData":{"__symbolic":"interface"},"IFormInputData":{"__symbolic":"interface"},"IFormSelectData":{"__symbolic":"interface"},"IFormStaticData":{"__symbolic":"interface"},"IFormFileData":{"__symbolic":"interface"},"IFormModelData":{"__symbolic":"interface"},"IFormFieldSet":{"__symbolic":"interface"},"IFormControlOption":{"__symbolic":"interface"},"IDynamicFormTemplates":{"__symbolic":"interface"},"IDynamicFormConfig":{"__symbolic":"interface"},"IDynamicSingleFormConfig":{"__symbolic":"interface"},"IDynamicMultiFormConfig":{"__symbolic":"interface"},"IDynamicFormsConfigs":{"__symbolic":"interface"},"IDynamicFormBase":{"__symbolic":"interface"},"AsyncSubmitMethod":{"__symbolic":"interface"},"IDynamicFormInfo":{"__symbolic":"interface"},"IDynamicForm":{"__symbolic":"interface"},"IDynamicFormFieldSets":{"__symbolic":"interface"},"FormControlTester":{"__symbolic":"interface"},"FormControlTesterFactory":{"__symbolic":"interface"},"FormControlValidator":{"__symbolic":"interface"},"FormControlValidatorFactory":{"__symbolic":"interface"},"defaultSerializer":{"__symbolic":"function"},"FormSerializable":{"__symbolic":"function","parameters":["serializer"],"value":{"__symbolic":"error","message":"Lambda not supported","line":783,"character":11,"module":"./ngx-dynamic-form/common-types"}},"FormInput":{"__symbolic":"function","parameters":["data"],"value":{"__symbolic":"error","message":"Lambda not supported","line":789,"character":11,"module":"./ngx-dynamic-form/common-types"}},"FormSelect":{"__symbolic":"function","parameters":["data"],"value":{"__symbolic":"error","message":"Lambda not supported","line":806,"character":11,"module":"./ngx-dynamic-form/common-types"}},"FormStatic":{"__symbolic":"function","parameters":["data"],"value":{"__symbolic":"error","message":"Lambda not supported","line":812,"character":11,"module":"./ngx-dynamic-form/common-types"}},"FormModel":{"__symbolic":"function","parameters":["data"],"value":{"__symbolic":"error","message":"Lambda not supported","line":818,"character":11,"module":"./ngx-dynamic-form/common-types"}},"FormFile":{"__symbolic":"function","parameters":["data"],"value":{"__symbolic":"error","message":"Lambda not supported","line":824,"character":11,"module":"./ngx-dynamic-form/common-types"}},"FormFieldSet":{"__symbolic":"function","parameters":["data"],"value":{"__symbolic":"error","message":"Lambda not supported","line":830,"character":11,"module":"./ngx-dynamic-form/common-types"}},"FormGroupProvider":{"__symbolic":"interface"},"provideFormGroup":{"__symbolic":"function","parameters":["component"],"value":{"provide":{"__symbolic":"reference","name":"ɵa"},"useValue":{"__symbolic":"reference","name":"component"}}},"FormControlProvider":{"__symbolic":"interface"},"provideFormControl":{"__symbolic":"function","parameters":["component","acceptor","loader","priority"],"defaults":[null,null,null,0],"value":{"provide":{"__symbolic":"reference","name":"FORM_CONTROL_PROVIDER"},"multi":true,"useValue":{"component":{"__symbolic":"reference","name":"component"},"priority":{"__symbolic":"reference","name":"priority"},"acceptor":{"__symbolic":"reference","name":"acceptor"},"loader":{"__symbolic":"reference","name":"loader"}}}},"defineFormControl":{"__symbolic":"function"},"getFormFieldSets":{"__symbolic":"function","parameters":["target"],"value":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@stemy/ngx-utils","name":"ReflectUtils","line":875,"character":11},"member":"getMetadata"},"arguments":["dynamicFormFieldSets",{"__symbolic":"reference","name":"target"}]},"right":{}}},"getFormControl":{"__symbolic":"function","parameters":["target","propertyKey"],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@stemy/ngx-utils","name":"ReflectUtils","line":879,"character":11},"member":"getMetadata"},"arguments":["dynamicFormControl",{"__symbolic":"reference","name":"target"},{"__symbolic":"reference","name":"propertyKey"}]}},"getFormSerializer":{"__symbolic":"function","parameters":["target","propertyKey"],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@stemy/ngx-utils","name":"ReflectUtils","line":883,"character":11},"member":"getMetadata"},"arguments":["dynamicFormSerializer",{"__symbolic":"reference","name":"target"},{"__symbolic":"reference","name":"propertyKey"}]}},"createFormInput":{"__symbolic":"function"},"createFormSelect":{"__symbolic":"function"},"createFormStatic":{"__symbolic":"function"},"createFormModel":{"__symbolic":"function"},"createFormControl":{"__symbolic":"function"},"DynamicFormService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":13,"character":17},"arguments":[{"__symbolic":"reference","name":"FORM_CONTROL_PROVIDER"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":14,"character":17},"arguments":[{"__symbolic":"reference","name":"ɵa"}]}],null,null],"parameters":[{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","name":"IFormControlProvider"}]},{"__symbolic":"reference","name":"Type","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"IFormGroupComponent"}]},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":15,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":16,"character":42}]}],"findProvider":[{"__symbolic":"method"}],"createComponent":[{"__symbolic":"method"}],"createGroup":[{"__symbolic":"method"}]}},"FormUtilities":{"__symbolic":"class","members":{},"statics":{"checkReadonly":{"__symbolic":"function","parameters":["control"],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Promise"},"member":"resolve"},"arguments":[{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"control"},"member":"visible"},"right":{"__symbolic":"pre","operator":"!","operand":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"control"},"member":"disabled"}}}]}},"readonly":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Promise"},"member":"resolve"},"arguments":[true]}}}},"OpenApiService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":41,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@stemy/ngx-utils","name":"ApiService","line":47,"character":29}]}],"getFormInputsForSchema":[{"__symbolic":"method"}],"getFormInputsForSchemaDef":[{"__symbolic":"method"}],"getFormControlForProperty":[{"__symbolic":"method"}],"getBaseFormData":[{"__symbolic":"method"}],"getFormInputData":[{"__symbolic":"method"}],"getFormSelectData":[{"__symbolic":"method"}],"getFormFileData":[{"__symbolic":"method"}],"getValidators":[{"__symbolic":"method"}]}},"IOpenApiSchemaProperty":{"__symbolic":"interface"},"IOpenApiSchema":{"__symbolic":"interface"},"IDynamicFormInputs":{"__symbolic":"interface"},"AsyncSubmitDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":18,"character":1},"arguments":[{"selector":"[async-submit]","exportAs":"async-submit"}]}],"members":{"method":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5},"arguments":["async-submit"]}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"onSuccess":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":5}}]}],"onError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":5}}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":36,"character":5},"arguments":["class.disabled"]}]}],"isLoading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":41,"character":5},"arguments":["class.loading"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":46,"character":17},"arguments":[{"__symbolic":"reference","module":"@stemy/ngx-utils","name":"TOASTER_SERVICE","line":46,"character":24}]}],null,null,null],"parameters":[{"__symbolic":"reference","module":"@stemy/ngx-utils","name":"IToasterService","line":46,"character":58},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":46,"character":88},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":46,"character":113},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":46,"character":135}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"click":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":74,"character":5},"arguments":["click"]}]}],"callMethod":[{"__symbolic":"method"}]}},"DynamicFormControlDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[form-control]"}]}],"members":{"control":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":5},"arguments":["form-control"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":17,"character":29},{"__symbolic":"reference","name":"DynamicFormService"}]}],"ngOnChanges":[{"__symbolic":"method"}]}},"DynamicFormTemplateDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"ng-template[control],\n ng-template[label],\n ng-template[input],\n ng-template[prefix],\n ng-template[suffix],\n ng-template[setPrefix],\n ng-template[setSuffix],\n ng-template[formPrefix],\n ng-template[formSuffix],\n ng-template[innerFormPrefix],\n ng-template[innerFormSuffix]"}]}],"members":{"control":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"prefix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"suffix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}}]}],"setPrefix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}}]}],"setSuffix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"formPrefix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5}}]}],"formSuffix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"innerFormPrefix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}}]}],"innerFormSuffix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"DynamicFormBaseComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":9,"character":1}}],"members":{"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"testId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"updateOn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"classes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"parent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"wrapperTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"fieldSetTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"controlTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}}]}],"controlTemplates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"labelTemplates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5}}]}],"inputTemplates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"prefixTemplates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}}]}],"suffixTemplates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}}]}],"setPrefixTemplates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5}}]}],"setSuffixTemplates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":5}}]}],"onChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":5}}]}],"onStatusChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":5}}]}],"onInit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":5}}]}],"onSubmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":34,"character":5}}]}],"prefixTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":36,"character":5},"arguments":["prefixTemplate"]}]}],"suffixTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":39,"character":5},"arguments":["suffixTemplate"]}]}],"templates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":54,"character":5},"arguments":[{"__symbolic":"reference","name":"DynamicFormTemplateDirective"}]}]}],"cWrapperTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":57,"character":5},"arguments":["wrapperTemplate"]}]}],"cFieldSetTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":60,"character":5},"arguments":["fieldSetTemplate"]}]}],"cControlTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":63,"character":5},"arguments":["controlTemplate"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":66,"character":31},{"__symbolic":"reference","name":"DynamicFormService"}]}],"validate":[{"__symbolic":"method"}],"serialize":[{"__symbolic":"method"}],"check":[{"__symbolic":"method"}],"getControl":[{"__symbolic":"method"}],"findProvider":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"filterTemplates":[{"__symbolic":"method"}]}},"DynamicFormComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"DynamicFormBaseComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"dynamic-form, [dynamic-form]","providers":[{"provide":{"__symbolic":"reference","name":"DynamicFormBaseComponent"},"useExisting":{"__symbolic":"reference","name":"DynamicFormComponent"}}],"template":"<ng-template #defaultFieldSetTemplate let-id=\"id\" let-controls=\"controls\" let-fieldSet=\"fieldSet\">\r\n <div [ngClass]=\"['form-fields', 'form-fields-' + id, fieldSet.classes]\">\r\n <ng-container [ngxTemplateOutlet]=\"setPrefixTemplates[fieldSet.id]\" [context]=\"fieldSet\"></ng-container>\r\n <div *ngIf=\"fieldSet.title\" [ngClass]=\"['form-title', fieldSet.titleClasses || '']\">\r\n {{ group.prefix + fieldSet.title | translate }}\r\n </div>\r\n <ng-template #subControls>\r\n <ng-container *ngFor=\"let control of controls\" [form-group]=\"control\" [visible]=\"control.visible\" [form]=\"this\">\r\n\r\n </ng-container>\r\n </ng-template>\r\n <div *ngIf=\"fieldSet.setClasses; else subControls\" [ngClass]=\"fieldSet.setClasses\">\r\n <div *ngIf=\"fieldSet.controlClasses; else subControls\" [ngClass]=\"fieldSet.controlClasses\">\r\n <ng-container [ngTemplateOutlet]=\"subControls\"></ng-container>\r\n </div>\r\n </div>\r\n <ng-container [ngxTemplateOutlet]=\"setSuffixTemplates[fieldSet.id]\" [context]=\"fieldSet\"></ng-container>\r\n </div>\r\n</ng-template>\r\n\r\n<ng-template #fieldSetsTemplate>\r\n <ng-container *ngFor=\"let fs of formControls | groupBy:'data.fieldSet'\"\r\n [ngxTemplateOutlet]=\"fieldSetTemplate || defaultFieldSetTemplate\"\r\n [context]=\"{form: this, id: fs.group, controls: fs.items, fieldSet: group.formFields[fs.group] || defaultFieldSet}\">\r\n </ng-container>\r\n</ng-template>\r\n<ng-template #defaultWrapperTemplate let-form=\"form\" let-fieldSetsTemplate=\"fieldSetsTemplate\">\r\n <ng-container [ngTemplateOutlet]=\"prefixTemplate\"\r\n [ngTemplateOutletContext]=\"{form: form, fieldSetsTemplate: fieldSetsTemplate}\"></ng-container>\r\n <form class=\"dynamic-form\" [ngClass]=\"form.classes || ''\" [formGroup]=\"group\" (submit)=\"onFormSubmit()\">\r\n <ng-container [ngTemplateOutlet]=\"fieldSetsTemplate\"></ng-container>\r\n <ng-content></ng-content>\r\n <div *ngIf=\"form.status == 'PENDING'\" class=\"dynamic-form-validator\">\r\n {{ group.prefix + 'message.pending' | translate }}\r\n </div>\r\n <button [ngStyle]=\"{display: 'none'}\">Submit</button>\r\n </form>\r\n <ng-container [ngTemplateOutlet]=\"suffixTemplate\"\r\n [ngTemplateOutletContext]=\"{form: form, fieldSetsTemplate: fieldSetsTemplate}\"></ng-container>\r\n</ng-template>\r\n<ng-template #loadingTemplate>\r\n <div *ngIf=\"status == 'LOADING'\" class=\"dynamic-form-loader\">\r\n {{ group.prefix + 'message.loading' | translate }}\r\n </div>\r\n</ng-template>\r\n<ng-container [ngTemplateOutlet]=\"wrapperTemplate || defaultWrapperTemplate\"\r\n [ngTemplateOutletContext]=\"{form: this, fieldSetsTemplate: fieldSetsTemplate}\"\r\n *ngIf=\"status !== 'LOADING'; else loadingTemplate\">\r\n</ng-container>\r\n"}]}],"members":{"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}}]}],"controls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"serializers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5}}]}],"fieldSets":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":38,"character":21},{"__symbolic":"reference","name":"DynamicFormService"}]}],"ngOnChanges":[{"__symbolic":"method"}],"onFormSubmit":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"serialize":[{"__symbolic":"method"}],"check":[{"__symbolic":"method"}],"getControl":[{"__symbolic":"method"}]}},"DynamicFormsComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"DynamicFormBaseComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"dynamic-forms, [dynamic-forms]","providers":[{"provide":{"__symbolic":"reference","name":"DynamicFormBaseComponent"},"useExisting":{"__symbolic":"reference","name":"DynamicFormsComponent"}}],"template":"<ng-template #configTemplate let-formTemplate=\"formTemplate\" let-form=\"form\" let-config=\"config\" let-configTemplate>\r\n <div [ngClass]=\"config.classes || ''\">\r\n <ng-container [ngTemplateOutlet]=\"formPrefixTemplates[config.id]\"\r\n [ngTemplateOutletContext]=\"{config: config, form: form}\"></ng-container>\r\n <ng-template #singleFormTemplate>\r\n <div dynamic-form\r\n [hidden]=\"!config.group?.visible\"\r\n [ngClass]=\"config.formClasses || ''\"\r\n [name]=\"config.name || form.name\"\r\n [testId]=\"testId + '-' + (config.testId || config.name || name)\"\r\n [readonly]=\"form.readonly\"\r\n [updateOn]=\"form.updateOn\"\r\n [classes]=\"config.innerFormClasses\"\r\n [parent]=\"form\"\r\n\r\n [wrapperTemplate]=\"form.wrapperTemplate\"\r\n [fieldSetTemplate]=\"form.fieldSetTemplate\"\r\n [controlTemplates]=\"form.controlTemplates\"\r\n\r\n [controlTemplate]=\"form.controlTemplate\"\r\n [labelTemplates]=\"form.labelTemplates\"\r\n [inputTemplates]=\"form.inputTemplates\"\r\n [prefixTemplates]=\"form.prefixTemplates\"\r\n [suffixTemplates]=\"form.suffixTemplates\"\r\n [setPrefixTemplates]=\"form.setPrefixTemplates\"\r\n [setSuffixTemplates]=\"form.setSuffixTemplates\"\r\n\r\n [group]=\"config.group\"\r\n [fieldSets]=\"config.fieldSets\">\r\n <ng-template #prefixTemplate let-subForm=\"form\">\r\n <ng-container [ngTemplateOutlet]=\"form.innerFormPrefixTemplates[config.id]\"\r\n [ngTemplateOutletContext]=\"{config: config, form: subForm}\"></ng-container>\r\n </ng-template>\r\n <ng-template #suffixTemplate let-subForm=\"form\">\r\n <ng-container [ngTemplateOutlet]=\"form.innerFormSuffixTemplates[config.id]\"\r\n [ngTemplateOutletContext]=\"{config: config, form: subForm}\"></ng-container>\r\n </ng-template>\r\n </div>\r\n </ng-template>\r\n <div dynamic-forms\r\n [ngClass]=\"config.formClasses || ''\"\r\n [name]=\"config.name || name\"\r\n [testId]=\"testId + '-' + (config.testId || config.name || name)\"\r\n [readonly]=\"form.readonly\"\r\n [updateOn]=\"form.updateOn\"\r\n [classes]=\"config.innerFormClasses\"\r\n [parent]=\"form\"\r\n\r\n [wrapperTemplate]=\"form.wrapperTemplate\"\r\n [fieldSetTemplate]=\"form.fieldSetTemplate\"\r\n [controlTemplates]=\"form.controlTemplates\"\r\n\r\n [controlTemplate]=\"form.controlTemplate\"\r\n [labelTemplates]=\"form.labelTemplates\"\r\n [inputTemplates]=\"form.inputTemplates\"\r\n [prefixTemplates]=\"form.prefixTemplates\"\r\n [suffixTemplates]=\"form.suffixTemplates\"\r\n [setPrefixTemplates]=\"form.setPrefixTemplates\"\r\n [setSuffixTemplates]=\"form.setSuffixTemplates\"\r\n\r\n [data]=\"config.data\"\r\n [containerTemplate]=\"form.containerTemplate\"\r\n [formPrefixTemplates]=\"form.formPrefixTemplates\"\r\n [formSuffixTemplates]=\"form.formSuffixTemplates\"\r\n [innerFormPrefixTemplates]=\"form.innerFormPrefixTemplates\"\r\n [innerFormSuffixTemplates]=\"form.innerFormSuffixTemplates\"\r\n\r\n *ngIf=\"config.multi; else singleFormTemplate\">\r\n <ng-template #prefixTemplate let-subForm=\"form\">\r\n <ng-container [ngTemplateOutlet]=\"form.innerFormPrefixTemplates[config.id]\"\r\n [ngTemplateOutletContext]=\"{config: config, form: subForm}\"></ng-container>\r\n </ng-template>\r\n <ng-template #suffixTemplate let-subForm=\"form\">\r\n <ng-container [ngTemplateOutlet]=\"form.innerFormSuffixTemplates[config.id]\"\r\n [ngTemplateOutletContext]=\"{config: config, form: subForm}\"></ng-container>\r\n </ng-template>\r\n </div>\r\n <ng-container [ngTemplateOutlet]=\"formSuffixTemplates[config.id]\"\r\n [ngTemplateOutletContext]=\"{config: config, form: form}\"></ng-container>\r\n </div>\r\n</ng-template>\r\n<ng-template let-form=\"form\" let-configTemplate=\"configTemplate\" #defaultContainerTemplate>\r\n <div class=\"dynamic-forms\" [ngClass]=\"classes || ''\">\r\n <ng-container *ngFor=\"let config of form.configs\"\r\n [ngTemplateOutlet]=\"configTemplate\"\r\n [ngTemplateOutletContext]=\"{form: form, config: config}\"></ng-container>\r\n <ng-content></ng-content>\r\n </div>\r\n</ng-template>\r\n<ng-container [ngTemplateOutlet]=\"prefixTemplate\"\r\n [ngTemplateOutletContext]=\"{form: this}\"></ng-container>\r\n<ng-container [ngTemplateOutlet]=\"containerTemplate || defaultContainerTemplate\"\r\n [ngTemplateOutletContext]=\"{form: this, configTemplate: configTemplate, defaultContainerTemplate: defaultContainerTemplate}\">\r\n</ng-container>\r\n<ng-container [ngTemplateOutlet]=\"suffixTemplate\"\r\n [ngTemplateOutletContext]=\"{form: this}\"></ng-container>\r\n"}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}}]}],"containerTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5}}]}],"formPrefixTemplates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}}]}],"formSuffixTemplates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}}]}],"innerFormPrefixTemplates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5}}]}],"innerFormSuffixTemplates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":5}}]}],"cContainerTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":41,"character":5},"arguments":["containerTemplate"]}]}],"forms":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":44,"character":5},"arguments":[{"__symbolic":"reference","name":"DynamicFormBaseComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":47,"character":21},{"__symbolic":"reference","name":"DynamicFormService"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"serialize":[{"__symbolic":"method"}],"check":[{"__symbolic":"method"}],"getControl":[{"__symbolic":"method"}],"checkForms":[{"__symbolic":"method"}],"getFromValue":[{"__symbolic":"method"}],"createFormGroups":[{"__symbolic":"method"}]}},"DynamicFormGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"div[dynamic-form-group]","template":"<ng-template #labelTemplate>\r\n <label [ngClass]=\"'control-label control-label-' + control.data.labelAlign\" [attr.for]=\"control.formId\">\r\n {{ control.label | translate: control.model }}\r\n </label>\r\n</ng-template>\r\n<ng-template #errorTemplate>\r\n <div class=\"error-message\" *ngIf=\"control.errors && control.touched\">\r\n <span class=\"help-block\" *ngFor=\"let error of control.errors | entries\">\r\n {{ error.key | translate: error.value }}\r\n </span>\r\n </div>\r\n</ng-template>\r\n<ng-template #inputTemplate let-control=\"control\">\r\n <ng-container [form-control]=\"control\"></ng-container>\r\n</ng-template>\r\n<ng-template #defaultControlTemplate\r\n let-context\r\n let-control=\"control\"\r\n let-data=\"control.data\"\r\n let-labelTemplate=\"labelTemplate\"\r\n let-inputTemplate=\"inputTemplate\"\r\n let-prefixTemplate=\"prefixTemplate\"\r\n let-suffixTemplate=\"suffixTemplate\"\r\n let-errorTemplate=\"errorTemplate\">\r\n <ng-container [ngTemplateOutlet]=\"prefixTemplate\"\r\n [ngTemplateOutletContext]=\"context\"></ng-container>\r\n <ng-container *ngIf=\"control.label && data.labelAlign == 'left'\"\r\n [ngTemplateOutlet]=\"labelTemplate\"\r\n [ngTemplateOutletContext]=\"context\">\r\n </ng-container>\r\n <ng-container [ngTemplateOutlet]=\"inputTemplate\"\r\n [ngTemplateOutletContext]=\"context\"></ng-container>\r\n <ng-container *ngIf=\"control.label && data.labelAlign == 'right'\"\r\n [ngTemplateOutlet]=\"labelTemplate\"\r\n [ngTemplateOutletContext]=\"context\">\r\n </ng-container>\r\n <ng-container [ngTemplateOutlet]=\"suffixTemplate\"\r\n [ngTemplateOutletContext]=\"context\"></ng-container>\r\n <ng-container [ngTemplateOutlet]=\"errorTemplate\"\r\n [ngTemplateOutletContext]=\"context\"></ng-container>\r\n</ng-template>\r\n\r\n<ng-container [ngxTemplateOutlet]=\"form.controlTemplates[control.id] || form.controlTemplate || defaultControlTemplate\"\r\n [context]=\"{\r\n control: control,\r\n labelTemplate: form.labelTemplates[control.id] || labelTemplate,\r\n inputTemplate: form.inputTemplates[control.id] || inputTemplate,\r\n prefixTemplate: form.prefixTemplates[control.id],\r\n suffixTemplate: form.suffixTemplates[control.id],\r\n errorTemplate: errorTemplate\r\n }\">\r\n</ng-container>\r\n"}]}],"members":{"classes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":12,"character":5},"arguments":["class"]}]}]}},"DynamicFormFileComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"FormControlComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"dynamic-form-file","template":"<div class=\"upload\">\r\n <input type=\"file\"\r\n multiple=\"multiple\"\r\n [attr.data-testid]=\"testId\"\r\n [attr.accept]=\"data.accept\"\r\n (change)=\"onSelect($event.target)\" />\r\n <ul class=\"images\" *ngIf=\"!data.multi\">\r\n <li class=\"image\" *ngIf=\"value\" [ngStyle]=\"{backgroundImage: getUrl(value)}\">\r\n <a class=\"btn btn-delete\" (click)=\"delete()\"></a>\r\n </li>\r\n </ul>\r\n <ul class=\"images\" *ngIf=\"data.multi\">\r\n <li class=\"image\" *ngFor=\"let image of value; let i = index\" [ngStyle]=\"{backgroundImage: getUrl(image)}\">\r\n <a class=\"btn btn-delete\" (click)=\"delete(i)\"></a>\r\n </li>\r\n </ul>\r\n</div>\r\n","styles":[".upload{display:inline-block}.upload ul{display:inline-flex;list-style:none;margin:10px 0 0;padding:0}.upload ul li{height:100px;width:100px;background:repeating-linear-gradient(45deg,gray,gray 10px,lightgray 10px,lightgray 20px) center center;background-size:cover;border:1px gray solid;margin-right:5px;position:relative}.upload .btn-delete{background:linear-gradient(to bottom,#c8607a,#a64d5a);border-color:#a64d5a;color:#fff;position:absolute;padding:0;right:5px;top:5px;width:20px;height:20px}.upload .btn-delete:before{color:#fff;display:block;position:absolute;top:0;right:6px;content:\"x\"}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":23,"character":43},"arguments":[{"__symbolic":"reference","module":"@stemy/ngx-utils","name":"TOASTER_SERVICE","line":23,"character":50}]}]],"parameters":[{"__symbolic":"reference","module":"@stemy/ngx-utils","name":"ApiService","line":23,"character":30},{"__symbolic":"reference","module":"@stemy/ngx-utils","name":"IToasterService","line":23,"character":85}]}],"onSelect":[{"__symbolic":"method"}],"processFiles":[{"__symbolic":"method"}],"upload":[{"__symbolic":"method"}],"delete":[{"__symbolic":"method"}],"getUrl":[{"__symbolic":"method"}],"getImgUrl":[{"__symbolic":"method"}]},"statics":{"acceptor":{"__symbolic":"function","parameters":["control"],"value":{"__symbolic":"binop","operator":"==","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"control"},"member":"type"},"right":"file"}},"loader":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Promise"},"member":"resolve"}}}}},"DynamicFormInputComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"FormControlComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"dynamic-form-input","template":"<ng-container [ngSwitch]=\"data.type\">\r\n <ng-container *ngSwitchCase=\"'textarea'\">\r\n <textarea class=\"form-control\"\r\n rows=\"5\"\r\n [attr.autocomplete]=\"data.autocomplete\"\r\n [attr.data-testid]=\"testId\"\r\n [id]=\"control.formId\"\r\n [name]=\"control.formId\"\r\n [ngClass]=\"{disabled: control.disabled}\"\r\n [disabled]=\"control.disabled\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"control.setValue($event)\"\r\n (blur)=\"control.onBlur()\"\r\n (focus)=\"control.onFocus()\">{{ data.placeholder | translate }}</textarea>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'date'\">\r\n <input class=\"form-control\"\r\n type=\"date\"\r\n [attr.autocomplete]=\"data.autocomplete\"\r\n [attr.data-testid]=\"testId\"\r\n [id]=\"control.formId\"\r\n [name]=\"control.formId\"\r\n [ngClass]=\"{disabled: control.disabled}\"\r\n [disabled]=\"control.disabled\"\r\n [ngModel]=\"value | date: 'y-MM-dd'\"\r\n (ngModelChange)=\"onDateChange($event)\"\r\n (blur)=\"control.onBlur()\"\r\n (focus)=\"control.onFocus()\"/>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'number'\">\r\n <input class=\"form-control\"\r\n type=\"number\"\r\n [attr.autocomplete]=\"data.autocomplete\"\r\n [attr.data-testid]=\"testId\"\r\n [min]=\"data.min\"\r\n [max]=\"data.max\"\r\n [step]=\"data.step\"\r\n [id]=\"control.formId\"\r\n [name]=\"control.formId\"\r\n [ngClass]=\"{disabled: control.disabled}\"\r\n [disabled]=\"control.disabled\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"control.setValue($event)\"\r\n (blur)=\"onNumberBlur()\"\r\n (focus)=\"control.onFocus()\"/>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'checkbox'\">\r\n <input class=\"form-control\"\r\n type=\"checkbox\"\r\n [attr.data-testid]=\"testId\"\r\n [id]=\"control.formId\"\r\n [name]=\"control.formId\"\r\n [ngClass]=\"{disabled: control.disabled}\"\r\n [disabled]=\"control.disabled\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"control.setValue($event)\"\r\n (blur)=\"control.onBlur()\"\r\n (focus)=\"control.onFocus()\"/>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'text'\">\r\n <input class=\"form-control\"\r\n type=\"text\"\r\n [attr.autocomplete]=\"data.autocomplete\"\r\n [attr.data-testid]=\"testId\"\r\n [minlength]=\"data.min\"\r\n [maxlength]=\"data.max\"\r\n [placeholder]=\"data.placeholder | translate\"\r\n [id]=\"control.formId\"\r\n [name]=\"control.formId\"\r\n [ngClass]=\"{disabled: control.disabled}\"\r\n [disabled]=\"control.disabled\"\r\n [ngModel]=\"data.useLanguage ? (value | translate) : value\"\r\n (ngModelChange)=\"onTextChange($event)\"\r\n (blur)=\"control.onBlur()\"\r\n (focus)=\"control.onFocus()\"/>\r\n </ng-container>\r\n <ng-container *ngSwitchDefault>\r\n <input class=\"form-control\"\r\n [attr.autocomplete]=\"data.autocomplete\"\r\n [attr.data-testid]=\"testId\"\r\n [minlength]=\"data.min\"\r\n [maxlength]=\"data.max\"\r\n [placeholder]=\"data.placeholder | translate\"\r\n [type]=\"data.type\"\r\n [id]=\"control.formId\"\r\n [name]=\"control.formId\"\r\n [ngClass]=\"{disabled: control.disabled}\"\r\n [disabled]=\"control.disabled\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"control.setValue($event)\"\r\n (blur)=\"control.onBlur()\"\r\n (focus)=\"control.onFocus()\"/>\r\n </ng-container>\r\n</ng-container>\r\n"}]}],"members":{"isChecked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":21,"character":5},"arguments":["class.checked"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":26,"character":17},"arguments":[{"__symbolic":"reference","module":"@stemy/ngx-utils","name":"LANGUAGE_SERVICE","line":26,"character":24}]}]],"parameters":[{"__symbolic":"reference","module":"@stemy/ngx-utils","name":"ILanguageService","line":26,"character":60}]}],"onDateChange":[{"__symbolic":"method"}],"onTextChange":[{"__symbolic":"method"}],"onNumberBlur":[{"__symbolic":"method"}]},"statics":{"acceptor":{"__symbolic":"function","parameters":["control"],"value":{"__symbolic":"binop","operator":"==","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"control"},"member":"type"},"right":"input"}},"loader":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Promise"},"member":"resolve"}}}}},"DynamicFormSelectComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"FormControlComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"dynamic-form-select","template":"<ng-template #selectTemplate let-selected=\"selected\">\r\n <select class=\"form-control\"\r\n [attr.data-testid]=\"testId\"\r\n [multiple]=\"data.multi\"\r\n [id]=\"control.formId\"\r\n [name]=\"control.formId\"\r\n [ngClass]=\"{disabled: control.disabled}\"\r\n [disabled]=\"control.disabled\"\r\n [ngModel]=\"data.multi ? value : [value]\"\r\n (ngModelChange)=\"onSelectChange($event)\"\r\n (blur)=\"control.onBlur()\"\r\n (focus)=\"control.onFocus()\">\r\n <option *ngFor=\"let option of meta.options\" [value]=\"option.id\" [disabled]=\"option.selectable == false\">\r\n {{ option.label | translate }}\r\n </option>\r\n </select>\r\n <label class=\"form-control-description\" [attr.for]=\"control.formId\" *ngIf=\"!data.multi && selected?.description\">\r\n {{ selected?.description | translate }}\r\n </label>\r\n</ng-template>\r\n<ng-container [ngSwitch]=\"data.type\">\r\n <ng-container *ngSwitchCase=\"'radio'\">\r\n <ul class=\"radio-group\">\r\n <li *ngFor=\"let option of meta.options\" class=\"radio\">\r\n <label [ngClass]=\"{checked: value == option.id}\">\r\n <input type=\"radio\"\r\n [attr.data-testid]=\"testId + '-' + option.id\"\r\n [id]=\"control.formId + '-' + option.id\"\r\n [name]=\"control.formId + '-' + option.id\"\r\n [ngClass]=\"{disabled: control.disabled}\"\r\n [disabled]=\"control.disabled || option.selectable == false\"\r\n [value]=\"option.id\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"onSelectChange(option.id)\"\r\n (blur)=\"control.onBlur()\"\r\n (focus)=\"control.onFocus()\">\r\n {{ option.label | translate }}\r\n </label>\r\n </li>\r\n </ul>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'checkbox'\">\r\n <ul class=\"checkbox-group\">\r\n <li *ngFor=\"let option of meta.options\" class=\"checkbox\">\r\n <label [ngClass]=\"{checked: checkValue(option)}\">\r\n <input type=\"checkbox\"\r\n [attr.data-testid]=\"testId + '-' + option.id\"\r\n [id]=\"control.formId + '-' + option.id\"\r\n [name]=\"control.formId + '-' + option.id\"\r\n [ngClass]=\"{disabled: control.disabled}\"\r\n [disabled]=\"control.disabled || option.selectable == false\"\r\n [ngModel]=\"checkValue(option)\"\r\n (ngModelChange)=\"onSelectChange(option.id)\"\r\n (blur)=\"control.onBlur()\"\r\n (focus)=\"control.onFocus()\">\r\n {{ option.label | translate }}\r\n </label>\r\n </li>\r\n </ul>\r\n </ng-container>\r\n <ng-container *ngSwitchDefault [ngTemplateOutlet]=\"selectTemplate\" [ngTemplateOutletContext]=\"{selected: meta?.options | find:findOption:value}\">\r\n\r\n </ng-container>\r\n</ng-container>\r\n"}]}],"members":{"onSelectChange":[{"__symbolic":"method"}],"checkValue":[{"__symbolic":"method"}],"findOption":[{"__symbolic":"method"}]},"statics":{"acceptor":{"__symbolic":"function","parameters":["control"],"value":{"__symbolic":"binop","operator":"==","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"control"},"member":"type"},"right":"select"}}}},"DynamicFormStaticComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"FormControlComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"dynamic-form-static","template":"<unordered-list [listStyle]=\"data.style\" [ngClass]=\"{disabled: control.disabled}\"\r\n [data]=\"!data.properties ? {value: value} : data.properties | remap: value\">\r\n <ng-template [type]=\"!data.properties ? 'key' : null\" selector=\"level == 0\" let-item=\"item\"></ng-template>\r\n <ng-template type=\"value\" selector=\"valueType == 'date'\" let-item=\"item\">\r\n {{ item.value | date }}\r\n </ng-template>\r\n</unordered-list>\r\n"}]}],"members":{},"statics":{"acceptor":{"__symbolic":"function","parameters":["control"],"value":{"__symbolic":"binop","operator":"==","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"control"},"member":"type"},"right":"static"}},"loader":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Promise"},"member":"resolve"}}}}},"DynamicFormModelComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"FormControlComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"dynamic-form-model","template":"<dynamic-form [testId]=\"form.testId + '-' + control.id\"\r\n [name]=\"data.name || form.name\"\r\n [group]=\"control\"\r\n [data]=\"value\"\r\n [updateOn]=\"control.updateOn\"\r\n [parent]=\"form\"\r\n\r\n [fieldSetTemplate]=\"form.fieldSetTemplate\"\r\n [controlTemplates]=\"form.controlTemplates\"\r\n\r\n [controlTemplate]=\"form.controlTemplate\"\r\n [labelTemplates]=\"form.labelTemplates\"\r\n [inputTemplates]=\"form.inputTemplates\"\r\n [prefixTemplates]=\"form.prefixTemplates\"\r\n [suffixTemplates]=\"form.suffixTemplates\"\r\n [setPrefixTemplates]=\"form.setPrefixTemplates\"\r\n [setSuffixTemplates]=\"form.setSuffixTemplates\"\r\n\r\n #subForm>\r\n <ng-template #wrapperTemplate let-form=\"form\" let-fieldSetsTemplate=\"fieldSetsTemplate\">\r\n <ng-container [ngTemplateOutlet]=\"fieldSetsTemplate\"></ng-container>\r\n </ng-template>\r\n</dynamic-form>\r\n"}]}],"members":{"subForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":10,"character":5},"arguments":["subForm"]}]}]},"statics":{"acceptor":{"__symbolic":"function","parameters":["control"],"value":{"__symbolic":"binop","operator":"==","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"control"},"member":"type"},"right":"model"}},"loader":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Promise"},"member":"resolve"}}}}},"ɵb":[{"__symbolic":"reference","name":"DynamicFormsComponent"},{"__symbolic":"reference","name":"DynamicFormComponent"},{"__symbolic":"reference","name":"DynamicFormGroupComponent"},{"__symbolic":"reference","name":"DynamicFormFileComponent"},{"__symbolic":"reference","name":"DynamicFormInputComponent"},{"__symbolic":"reference","name":"DynamicFormSelectComponent"},{"__symbolic":"reference","name":"DynamicFormStaticComponent"},{"__symbolic":"reference","name":"DynamicFormModelComponent"}],"ɵc":[{"__symbolic":"reference","name":"AsyncSubmitDirective"},{"__symbolic":"reference","name":"DynamicFormControlDirective"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"DynamicFormTemplateDirective"}],"ɵd":[],"NgxDynamicFormModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":46,"character":1},"arguments":[{"declarations":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"ɵb"}},{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"ɵc"}},{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"ɵd"}}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":53,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":54,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":55,"character":8},{"__symbolic":"reference","module":"@stemy/ngx-utils","name":"NgxUtilsModule","line":56,"character":8}],"exports":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"ɵb"}},{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"ɵc"}},{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"ɵd"}},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":62,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":63,"character":8},{"__symbolic":"reference","module":"@stemy/ngx-utils","name":"NgxUtilsModule","line":64,"character":8}],"entryComponents":{"__symbolic":"reference","name":"ɵb"},"providers":{"__symbolic":"reference","name":"ɵd"}}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["controlProviders","groupProvider"],"value":{"ngModule":{"__symbolic":"reference","name":"NgxDynamicFormModule"},"providers":[{"__symbolic":"reference","name":"DynamicFormService"},{"__symbolic":"reference","name":"OpenApiService"},{"__symbolic":"call","expression":{"__symbolic":"reference","name":"provideFormControl"},"arguments":[{"__symbolic":"reference","name":"DynamicFormFileComponent"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"DynamicFormFileComponent"},"member":"acceptor"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"DynamicFormFileComponent"},"member":"loader"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","name":"provideFormControl"},"arguments":[{"__symbolic":"reference","name":"DynamicFormInputComponent"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"DynamicFormInputComponent"},"member":"acceptor"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"DynamicFormInputComponent"},"member":"loader"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","name":"provideFormControl"},"arguments":[{"__symbolic":"reference","name":"DynamicFormSelectComponent"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"DynamicFormSelectComponent"},"member":"acceptor"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"DynamicFormSelectComponent"},"member":"loader"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","name":"provideFormControl"},"arguments":[{"__symbolic":"reference","name":"DynamicFormStaticComponent"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"DynamicFormStaticComponent"},"member":"acceptor"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"DynamicFormStaticComponent"},"member":"loader"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","name":"provideFormControl"},"arguments":[{"__symbolic":"reference","name":"DynamicFormModelComponent"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"DynamicFormModelComponent"},"member":"acceptor"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"DynamicFormModelComponent"},"member":"loader"}]},{"__symbolic":"spread","expression":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"reference","name":"controlProviders"},"right":[]}},{"__symbolic":"binop","operator":"||","left":{"__symbolic":"reference","name":"groupProvider"},"right":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"provideFormGroup"},"arguments":[{"__symbolic":"reference","name":"DynamicFormGroupComponent"}]}}]}}}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[form-group]"}]}],"members":{"control":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":5},"arguments":["form-group"]}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":5}}]}],"visible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":19,"character":29},{"__symbolic":"reference","name":"DynamicFormService"}]}],"ngOnChanges":[{"__symbolic":"method"}]}}},"origins":{"ɵa":"./ngx-dynamic-form/common-types","FORM_CONTROL_PROVIDER":"./ngx-dynamic-form/common-types","IFormControlComponent":"./ngx-dynamic-form/common-types","IFormGroupComponent":"./ngx-dynamic-form/common-types","FormControlComponent":"./ngx-dynamic-form/common-types","IFormControlProviderAcceptor":"./ngx-dynamic-form/common-types","IFormControlProviderLoader":"./ngx-dynamic-form/common-types","IFormControlOptions":"./ngx-dynamic-form/common-types","IFormControlSerializer":"./ngx-dynamic-form/common-types","IFormControlProvider":"./ngx-dynamic-form/common-types","IFormSerializer":"./ngx-dynamic-form/common-types","IFormSerializers":"./ngx-dynamic-form/common-types","DynamicFormState":"./ngx-dynamic-form/common-types","DynamicFormUpdateOn":"./ngx-dynamic-form/common-types","IDynamicFormControl":"./ngx-dynamic-form/common-types","DynamicFormGroup":"./ngx-dynamic-form/common-types","DynamicFormControl":"./ngx-dynamic-form/common-types","IFormControl":"./ngx-dynamic-form/common-types","IFormControlData":"./ngx-dynamic-form/common-types","IFormInputData":"./ngx-dynamic-form/common-types","IFormSelectData":"./ngx-dynamic-form/common-types","IFormStaticData":"./ngx-dynamic-form/common-types","IFormFileData":"./ngx-dynamic-form/common-types","IFormModelData":"./ngx-dynamic-form/common-types","IFormFieldSet":"./ngx-dynamic-form/common-types","IFormControlOption":"./ngx-dynamic-form/common-types","IDynamicFormTemplates":"./ngx-dynamic-form/common-types","IDynamicFormConfig":"./ngx-dynamic-form/common-types","IDynamicSingleFormConfig":"./ngx-dynamic-form/common-types","IDynamicMultiFormConfig":"./ngx-dynamic-form/common-types","IDynamicFormsConfigs":"./ngx-dynamic-form/common-types","IDynamicFormBase":"./ngx-dynamic-form/common-types","AsyncSubmitMethod":"./ngx-dynamic-form/common-types","IDynamicFormInfo":"./ngx-dynamic-form/common-types","IDynamicForm":"./ngx-dynamic-form/common-types","IDynamicFormFieldSets":"./ngx-dynamic-form/common-types","FormControlTester":"./ngx-dynamic-form/common-types","FormControlTesterFactory":"./ngx-dynamic-form/common-types","FormControlValidator":"./ngx-dynamic-form/common-types","FormControlValidatorFactory":"./ngx-dynamic-form/common-types","defaultSerializer":"./ngx-dynamic-form/common-types","FormSerializable":"./ngx-dynamic-form/common-types","FormInput":"./ngx-dynamic-form/common-types","FormSelect":"./ngx-dynamic-form/common-types","FormStatic":"./ngx-dynamic-form/common-types","FormModel":"./ngx-dynamic-form/common-types","FormFile":"./ngx-dynamic-form/common-types","FormFieldSet":"./ngx-dynamic-form/common-types","FormGroupProvider":"./ngx-dynamic-form/common-types","provideFormGroup":"./ngx-dynamic-form/common-types","FormControlProvider":"./ngx-dynamic-form/common-types","provideFormControl":"./ngx-dynamic-form/common-types","defineFormControl":"./ngx-dynamic-form/common-types","getFormFieldSets":"./ngx-dynamic-form/common-types","getFormControl":"./ngx-dynamic-form/common-types","getFormSerializer":"./ngx-dynamic-form/common-types","createFormInput":"./ngx-dynamic-form/common-types","createFormSelect":"./ngx-dynamic-form/common-types","createFormStatic":"./ngx-dynamic-form/common-types","createFormModel":"./ngx-dynamic-form/common-types","createFormControl":"./ngx-dynamic-form/common-types","DynamicFormService":"./ngx-dynamic-form/services/dynamic-form.service","FormUtilities":"./ngx-dynamic-form/services/form-utilities","OpenApiService":"./ngx-dynamic-form/services/open-api.service","IOpenApiSchemaProperty":"./ngx-dynamic-form/services/open-api.service","IOpenApiSchema":"./ngx-dynamic-form/services/open-api.service","IDynamicFormInputs":"./ngx-dynamic-form/services/open-api.service","AsyncSubmitDirective":"./ngx-dynamic-form/directives/async-submit.directive","DynamicFormControlDirective":"./ngx-dynamic-form/directives/dynamic-form-control.directive","DynamicFormTemplateDirective":"./ngx-dynamic-form/directives/dynamic-form-template.directive","DynamicFormBaseComponent":"./ngx-dynamic-form/components/base/dynamic-form-base.component","DynamicFormComponent":"./ngx-dynamic-form/components/dynamic-form/dynamic-form.component","DynamicFormsComponent":"./ngx-dynamic-form/components/dynamic-forms/dynamic-forms.component","DynamicFormGroupComponent":"./ngx-dynamic-form/components/dynamic-form-group/dynamic-form-group.component","DynamicFormFileComponent":"./ngx-dynamic-form/components/dynamic-form-file/dynamic-form-file.component","DynamicFormInputComponent":"./ngx-dynamic-form/components/dynamic-form-input/dynamic-form-input.component","DynamicFormSelectComponent":"./ngx-dynamic-form/components/dynamic-form-select/dynamic-form-select.component","DynamicFormStaticComponent":"./ngx-dynamic-form/components/dynamic-form-static/dynamic-form-static.component","DynamicFormModelComponent":"./ngx-dynamic-form/components/dynamic-form-model/dynamic-form-model.component","ɵb":"./ngx-dynamic-form/ngx-dynamic-form.module","ɵc":"./ngx-dynamic-form/ngx-dynamic-form.module","ɵd":"./ngx-dynamic-form/ngx-dynamic-form.module","NgxDynamicFormModule":"./ngx-dynamic-form/ngx-dynamic-form.module","ɵe":"./ngx-dynamic-form/directives/dynamic-form-group.directive"},"importAs":"@stemy/ngx-dynamic-form"}
|
|
1
|
+
{"__symbolic":"module","version":4,"metadata":{"ɵa":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":24,"character":80},"arguments":["form-group-provider"]},"FORM_CONTROL_PROVIDER":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":25,"character":79},"arguments":["form-control-provider"]},"IFormControlComponent":{"__symbolic":"interface"},"IFormGroupComponent":{"__symbolic":"interface"},"DYNAMIC_FORM":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":37,"character":66},"arguments":["dynamic-form-base"]},"FormControlComponent":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":39,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":45,"character":17},"arguments":[{"__symbolic":"reference","name":"DYNAMIC_FORM"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":46,"character":17},"arguments":[{"__symbolic":"reference","module":"@stemy/ngx-utils","name":"LANGUAGE_SERVICE","line":46,"character":24}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":47,"character":17},"arguments":[{"__symbolic":"reference","module":"@stemy/ngx-utils","name":"TOASTER_SERVICE","line":47,"character":24}]}]],"parameters":[{"__symbolic":"reference","module":"@stemy/ngx-utils","name":"ApiService","line":44,"character":30},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","module":"@stemy/ngx-utils","name":"ILanguageService","line":46,"character":61},{"__symbolic":"reference","module":"@stemy/ngx-utils","name":"IToasterService","line":47,"character":59}]}],"ctrInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"inputClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":77,"character":5},"arguments":["class.form-input"]}]}]}},"IFormControlProviderAcceptor":{"__symbolic":"interface"},"IFormControlProviderLoader":{"__symbolic":"interface"},"IFormControlOptions":{"__symbolic":"interface"},"IFormControlSerializer":{"__symbolic":"interface"},"IFormControlProvider":{"__symbolic":"interface"},"IFormSerializer":{"__symbolic":"interface"},"IFormSerializers":{"__symbolic":"interface"},"DynamicFormState":{"__symbolic":"interface"},"DynamicFormUpdateOn":{"__symbolic":"interface"},"IDynamicFormControl":{"__symbolic":"interface"},"DynamicFormGroup":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/forms","name":"FormGroup","line":259,"character":38},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"any"}]}],"getData":[{"__symbolic":"method"}],"getControl":[{"__symbolic":"method"}],"load":[{"__symbolic":"method"}],"check":[{"__symbolic":"method"}],"shouldSerialize":[{"__symbolic":"method"}],"shouldValidate":[{"__symbolic":"method"}],"serialize":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"showErrors":[{"__symbolic":"method"}],"reloadControls":[{"__symbolic":"method"}],"setup":[{"__symbolic":"method"}],"updateModel":[{"__symbolic":"method"}],"reloadControlsFrom":[{"__symbolic":"method"}]}},"DynamicFormControl":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/forms","name":"FormControl","line":525,"character":40},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"DynamicFormGroup"}]}],"getData":[{"__symbolic":"method"}],"getControl":[{"__symbolic":"method"}],"load":[{"__symbolic":"method"}],"check":[{"__symbolic":"method"}],"shouldSerialize":[{"__symbolic":"method"}],"shouldValidate":[{"__symbolic":"method"}],"serialize":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"showErrors":[{"__symbolic":"method"}]}},"IFormControl":{"__symbolic":"interface"},"IFormControlData":{"__symbolic":"interface"},"IFormInputData":{"__symbolic":"interface"},"IFormSelectData":{"__symbolic":"interface"},"IFormStaticData":{"__symbolic":"interface"},"IFormFileData":{"__symbolic":"interface"},"IFormModelData":{"__symbolic":"interface"},"IFormFieldSet":{"__symbolic":"interface"},"IFormControlOption":{"__symbolic":"interface"},"IDynamicFormTemplates":{"__symbolic":"interface"},"IDynamicFormConfig":{"__symbolic":"interface"},"IDynamicSingleFormConfig":{"__symbolic":"interface"},"IDynamicMultiFormConfig":{"__symbolic":"interface"},"IDynamicFormsConfigs":{"__symbolic":"interface"},"IDynamicFormBase":{"__symbolic":"interface"},"AsyncSubmitMethod":{"__symbolic":"interface"},"IDynamicFormInfo":{"__symbolic":"interface"},"IDynamicForm":{"__symbolic":"interface"},"IDynamicFormFieldSets":{"__symbolic":"interface"},"FormControlTester":{"__symbolic":"interface"},"FormControlTesterFactory":{"__symbolic":"interface"},"FormControlValidator":{"__symbolic":"interface"},"FormControlValidatorFactory":{"__symbolic":"interface"},"defaultSerializer":{"__symbolic":"function"},"FormSerializable":{"__symbolic":"function","parameters":["serializer"],"value":{"__symbolic":"error","message":"Lambda not supported","line":807,"character":11,"module":"./ngx-dynamic-form/common-types"}},"FormInput":{"__symbolic":"function","parameters":["data"],"value":{"__symbolic":"error","message":"Lambda not supported","line":813,"character":11,"module":"./ngx-dynamic-form/common-types"}},"FormSelect":{"__symbolic":"function","parameters":["data"],"value":{"__symbolic":"error","message":"Lambda not supported","line":830,"character":11,"module":"./ngx-dynamic-form/common-types"}},"FormStatic":{"__symbolic":"function","parameters":["data"],"value":{"__symbolic":"error","message":"Lambda not supported","line":836,"character":11,"module":"./ngx-dynamic-form/common-types"}},"FormModel":{"__symbolic":"function","parameters":["data"],"value":{"__symbolic":"error","message":"Lambda not supported","line":842,"character":11,"module":"./ngx-dynamic-form/common-types"}},"FormFile":{"__symbolic":"function","parameters":["data"],"value":{"__symbolic":"error","message":"Lambda not supported","line":848,"character":11,"module":"./ngx-dynamic-form/common-types"}},"FormFieldSet":{"__symbolic":"function","parameters":["data"],"value":{"__symbolic":"error","message":"Lambda not supported","line":854,"character":11,"module":"./ngx-dynamic-form/common-types"}},"FormGroupProvider":{"__symbolic":"interface"},"provideFormGroup":{"__symbolic":"function","parameters":["component"],"value":{"provide":{"__symbolic":"reference","name":"ɵa"},"useValue":{"__symbolic":"reference","name":"component"}}},"FormControlProvider":{"__symbolic":"interface"},"provideFormControl":{"__symbolic":"function","parameters":["component","acceptor","loader","priority"],"defaults":[null,null,null,0],"value":{"provide":{"__symbolic":"reference","name":"FORM_CONTROL_PROVIDER"},"multi":true,"useValue":{"component":{"__symbolic":"reference","name":"component"},"priority":{"__symbolic":"reference","name":"priority"},"acceptor":{"__symbolic":"reference","name":"acceptor"},"loader":{"__symbolic":"reference","name":"loader"}}}},"defineFormControl":{"__symbolic":"function"},"getFormFieldSets":{"__symbolic":"function","parameters":["target"],"value":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@stemy/ngx-utils","name":"ReflectUtils","line":899,"character":11},"member":"getMetadata"},"arguments":["dynamicFormFieldSets",{"__symbolic":"reference","name":"target"}]},"right":{}}},"getFormControl":{"__symbolic":"function","parameters":["target","propertyKey"],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@stemy/ngx-utils","name":"ReflectUtils","line":903,"character":11},"member":"getMetadata"},"arguments":["dynamicFormControl",{"__symbolic":"reference","name":"target"},{"__symbolic":"reference","name":"propertyKey"}]}},"getFormSerializer":{"__symbolic":"function","parameters":["target","propertyKey"],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@stemy/ngx-utils","name":"ReflectUtils","line":907,"character":11},"member":"getMetadata"},"arguments":["dynamicFormSerializer",{"__symbolic":"reference","name":"target"},{"__symbolic":"reference","name":"propertyKey"}]}},"createFormInput":{"__symbolic":"function"},"createFormSelect":{"__symbolic":"function"},"createFormStatic":{"__symbolic":"function"},"createFormModel":{"__symbolic":"function"},"createFormControl":{"__symbolic":"function"},"DynamicFormService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":13,"character":17},"arguments":[{"__symbolic":"reference","name":"FORM_CONTROL_PROVIDER"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":14,"character":17},"arguments":[{"__symbolic":"reference","name":"ɵa"}]}],null,null],"parameters":[{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","name":"IFormControlProvider"}]},{"__symbolic":"reference","name":"Type","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"IFormGroupComponent"}]},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":15,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":16,"character":42}]}],"findProvider":[{"__symbolic":"method"}],"createComponent":[{"__symbolic":"method"}],"createGroup":[{"__symbolic":"method"}]}},"FormUtilities":{"__symbolic":"class","members":{},"statics":{"checkReadonly":{"__symbolic":"function","parameters":["control"],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Promise"},"member":"resolve"},"arguments":[{"__symbolic":"binop","operator":"&&","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"control"},"member":"visible"},"right":{"__symbolic":"pre","operator":"!","operand":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"control"},"member":"disabled"}}}]}},"readonly":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Promise"},"member":"resolve"},"arguments":[true]}}}},"OpenApiService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":41,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@stemy/ngx-utils","name":"ApiService","line":47,"character":29}]}],"getFormInputsForSchema":[{"__symbolic":"method"}],"getFormInputsForSchemaDef":[{"__symbolic":"method"}],"getFormControlForProperty":[{"__symbolic":"method"}],"getBaseFormData":[{"__symbolic":"method"}],"getFormInputData":[{"__symbolic":"method"}],"getFormSelectData":[{"__symbolic":"method"}],"getFormFileData":[{"__symbolic":"method"}],"getValidators":[{"__symbolic":"method"}]}},"IOpenApiSchemaProperty":{"__symbolic":"interface"},"IOpenApiSchema":{"__symbolic":"interface"},"IDynamicFormInputs":{"__symbolic":"interface"},"AsyncSubmitDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":18,"character":1},"arguments":[{"selector":"[async-submit]","exportAs":"async-submit"}]}],"members":{"method":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5},"arguments":["async-submit"]}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"onSuccess":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":5}}]}],"onError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":5}}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":36,"character":5},"arguments":["class.disabled"]}]}],"isLoading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":41,"character":5},"arguments":["class.loading"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":46,"character":17},"arguments":[{"__symbolic":"reference","module":"@stemy/ngx-utils","name":"TOASTER_SERVICE","line":46,"character":24}]}],null,null,null],"parameters":[{"__symbolic":"reference","module":"@stemy/ngx-utils","name":"IToasterService","line":46,"character":58},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":46,"character":88},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":46,"character":113},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":46,"character":135}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"click":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":74,"character":5},"arguments":["click"]}]}],"callMethod":[{"__symbolic":"method"}]}},"DynamicFormControlDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[form-control]"}]}],"members":{"control":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":5},"arguments":["form-control"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":17,"character":29},{"__symbolic":"reference","name":"DynamicFormService"}]}],"ngOnChanges":[{"__symbolic":"method"}]}},"DynamicFormTemplateDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"ng-template[control],\n ng-template[label],\n ng-template[input],\n ng-template[prefix],\n ng-template[suffix],\n ng-template[setPrefix],\n ng-template[setSuffix],\n ng-template[formPrefix],\n ng-template[formSuffix],\n ng-template[innerFormPrefix],\n ng-template[innerFormSuffix]"}]}],"members":{"control":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"prefix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"suffix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}}]}],"setPrefix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}}]}],"setSuffix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"formPrefix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5}}]}],"formSuffix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"innerFormPrefix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}}]}],"innerFormSuffix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"DynamicFormGroupDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[form-group]"}]}],"members":{"control":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":5},"arguments":["form-group"]}]}],"visible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":18,"character":29},{"__symbolic":"reference","name":"DynamicFormService"}]}],"ngOnChanges":[{"__symbolic":"method"}]}},"DynamicFormBaseComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":9,"character":1}}],"members":{"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"testId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"updateOn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"classes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"parent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"wrapperTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"fieldSetTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"controlTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}}]}],"controlTemplates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"labelTemplates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5}}]}],"inputTemplates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"prefixTemplates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}}]}],"suffixTemplates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}}]}],"setPrefixTemplates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5}}]}],"setSuffixTemplates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":5}}]}],"onChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":5}}]}],"onStatusChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":5}}]}],"onInit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":5}}]}],"onSubmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":34,"character":5}}]}],"prefixTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":36,"character":5},"arguments":["prefixTemplate"]}]}],"suffixTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":39,"character":5},"arguments":["suffixTemplate"]}]}],"templates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":54,"character":5},"arguments":[{"__symbolic":"reference","name":"DynamicFormTemplateDirective"}]}]}],"cWrapperTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":57,"character":5},"arguments":["wrapperTemplate"]}]}],"cFieldSetTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":60,"character":5},"arguments":["fieldSetTemplate"]}]}],"cControlTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":63,"character":5},"arguments":["controlTemplate"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":66,"character":31},{"__symbolic":"reference","name":"DynamicFormService"}]}],"validate":[{"__symbolic":"method"}],"serialize":[{"__symbolic":"method"}],"check":[{"__symbolic":"method"}],"getControl":[{"__symbolic":"method"}],"findProvider":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"filterTemplates":[{"__symbolic":"method"}]}},"DynamicFormComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"DynamicFormBaseComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"dynamic-form, [dynamic-form]","providers":[{"provide":{"__symbolic":"reference","name":"DynamicFormBaseComponent"},"useExisting":{"__symbolic":"reference","name":"DynamicFormComponent"}},{"provide":{"__symbolic":"reference","name":"DYNAMIC_FORM"},"useExisting":{"__symbolic":"reference","name":"DynamicFormComponent"}}],"template":"<ng-template #defaultFieldSetTemplate let-id=\"id\" let-controls=\"controls\" let-fieldSet=\"fieldSet\">\r\n <div [ngClass]=\"['form-fields', 'form-fields-' + id, fieldSet.classes]\">\r\n <ng-container [ngxTemplateOutlet]=\"setPrefixTemplates[fieldSet.id]\" [context]=\"fieldSet\"></ng-container>\r\n <div *ngIf=\"fieldSet.title\" [ngClass]=\"['form-title', fieldSet.titleClasses || '']\">\r\n {{ group.prefix + fieldSet.title | translate }}\r\n </div>\r\n <ng-template #subControls>\r\n <ng-container *ngFor=\"let control of controls\" [form-group]=\"control\" [visible]=\"control.visible\">\r\n\r\n </ng-container>\r\n </ng-template>\r\n <div *ngIf=\"fieldSet.setClasses; else subControls\" [ngClass]=\"fieldSet.setClasses\">\r\n <div *ngIf=\"fieldSet.controlClasses; else subControls\" [ngClass]=\"fieldSet.controlClasses\">\r\n <ng-container [ngTemplateOutlet]=\"subControls\"></ng-container>\r\n </div>\r\n </div>\r\n <ng-container [ngxTemplateOutlet]=\"setSuffixTemplates[fieldSet.id]\" [context]=\"fieldSet\"></ng-container>\r\n </div>\r\n</ng-template>\r\n\r\n<ng-template #fieldSetsTemplate>\r\n <ng-container *ngFor=\"let fs of formControls | groupBy:'data.fieldSet'\"\r\n [ngxTemplateOutlet]=\"fieldSetTemplate || defaultFieldSetTemplate\"\r\n [context]=\"{form: this, id: fs.group, controls: fs.items, fieldSet: group.formFields[fs.group] || defaultFieldSet}\">\r\n </ng-container>\r\n</ng-template>\r\n<ng-template #defaultWrapperTemplate let-form=\"form\" let-fieldSetsTemplate=\"fieldSetsTemplate\">\r\n <ng-container [ngTemplateOutlet]=\"prefixTemplate\"\r\n [ngTemplateOutletContext]=\"{form: form, fieldSetsTemplate: fieldSetsTemplate}\"></ng-container>\r\n <form class=\"dynamic-form\" [ngClass]=\"form.classes || ''\" [formGroup]=\"group\" (submit)=\"onFormSubmit()\">\r\n <ng-container [ngTemplateOutlet]=\"fieldSetsTemplate\"></ng-container>\r\n <ng-content></ng-content>\r\n <div *ngIf=\"form.status == 'PENDING'\" class=\"dynamic-form-validator\">\r\n {{ group.prefix + 'message.pending' | translate }}\r\n </div>\r\n <button [ngStyle]=\"{display: 'none'}\">Submit</button>\r\n </form>\r\n <ng-container [ngTemplateOutlet]=\"suffixTemplate\"\r\n [ngTemplateOutletContext]=\"{form: form, fieldSetsTemplate: fieldSetsTemplate}\"></ng-container>\r\n</ng-template>\r\n<ng-template #loadingTemplate>\r\n <div *ngIf=\"status == 'LOADING'\" class=\"dynamic-form-loader\">\r\n {{ group.prefix + 'message.loading' | translate }}\r\n </div>\r\n</ng-template>\r\n<ng-container [ngTemplateOutlet]=\"wrapperTemplate || defaultWrapperTemplate\"\r\n [ngTemplateOutletContext]=\"{form: this, fieldSetsTemplate: fieldSetsTemplate}\"\r\n *ngIf=\"status !== 'LOADING'; else loadingTemplate\">\r\n</ng-container>\r\n"}]}],"members":{"group":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":5}}]}],"controls":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":5}}]}],"serializers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":5}}]}],"fieldSets":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":5}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":48,"character":21},{"__symbolic":"reference","name":"DynamicFormService"}]}],"ngOnChanges":[{"__symbolic":"method"}],"onFormSubmit":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"serialize":[{"__symbolic":"method"}],"check":[{"__symbolic":"method"}],"getControl":[{"__symbolic":"method"}]}},"DynamicFormsComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"DynamicFormBaseComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"dynamic-forms, [dynamic-forms]","providers":[{"provide":{"__symbolic":"reference","name":"DynamicFormBaseComponent"},"useExisting":{"__symbolic":"reference","name":"DynamicFormsComponent"}},{"provide":{"__symbolic":"reference","name":"DYNAMIC_FORM"},"useExisting":{"__symbolic":"reference","name":"DynamicFormsComponent"}}],"template":"<ng-template #configTemplate let-formTemplate=\"formTemplate\" let-form=\"form\" let-config=\"config\" let-configTemplate>\r\n <div [ngClass]=\"config.classes || ''\">\r\n <ng-container [ngTemplateOutlet]=\"formPrefixTemplates[config.id]\"\r\n [ngTemplateOutletContext]=\"{config: config, form: form}\"></ng-container>\r\n <ng-template #singleFormTemplate>\r\n <div dynamic-form\r\n [hidden]=\"!config.group?.visible\"\r\n [ngClass]=\"config.formClasses || ''\"\r\n [name]=\"config.name || form.name\"\r\n [testId]=\"testId + '-' + (config.testId || config.name || name)\"\r\n [readonly]=\"form.readonly\"\r\n [updateOn]=\"form.updateOn\"\r\n [classes]=\"config.innerFormClasses\"\r\n [parent]=\"form\"\r\n\r\n [wrapperTemplate]=\"form.wrapperTemplate\"\r\n [fieldSetTemplate]=\"form.fieldSetTemplate\"\r\n [controlTemplates]=\"form.controlTemplates\"\r\n\r\n [controlTemplate]=\"form.controlTemplate\"\r\n [labelTemplates]=\"form.labelTemplates\"\r\n [inputTemplates]=\"form.inputTemplates\"\r\n [prefixTemplates]=\"form.prefixTemplates\"\r\n [suffixTemplates]=\"form.suffixTemplates\"\r\n [setPrefixTemplates]=\"form.setPrefixTemplates\"\r\n [setSuffixTemplates]=\"form.setSuffixTemplates\"\r\n\r\n [group]=\"config.group\"\r\n [fieldSets]=\"config.fieldSets\">\r\n <ng-template #prefixTemplate let-subForm=\"form\">\r\n <ng-container [ngTemplateOutlet]=\"form.innerFormPrefixTemplates[config.id]\"\r\n [ngTemplateOutletContext]=\"{config: config, form: subForm}\"></ng-container>\r\n </ng-template>\r\n <ng-template #suffixTemplate let-subForm=\"form\">\r\n <ng-container [ngTemplateOutlet]=\"form.innerFormSuffixTemplates[config.id]\"\r\n [ngTemplateOutletContext]=\"{config: config, form: subForm}\"></ng-container>\r\n </ng-template>\r\n </div>\r\n </ng-template>\r\n <div dynamic-forms\r\n [ngClass]=\"config.formClasses || ''\"\r\n [name]=\"config.name || name\"\r\n [testId]=\"testId + '-' + (config.testId || config.name || name)\"\r\n [readonly]=\"form.readonly\"\r\n [updateOn]=\"form.updateOn\"\r\n [classes]=\"config.innerFormClasses\"\r\n [parent]=\"form\"\r\n\r\n [wrapperTemplate]=\"form.wrapperTemplate\"\r\n [fieldSetTemplate]=\"form.fieldSetTemplate\"\r\n [controlTemplates]=\"form.controlTemplates\"\r\n\r\n [controlTemplate]=\"form.controlTemplate\"\r\n [labelTemplates]=\"form.labelTemplates\"\r\n [inputTemplates]=\"form.inputTemplates\"\r\n [prefixTemplates]=\"form.prefixTemplates\"\r\n [suffixTemplates]=\"form.suffixTemplates\"\r\n [setPrefixTemplates]=\"form.setPrefixTemplates\"\r\n [setSuffixTemplates]=\"form.setSuffixTemplates\"\r\n\r\n [data]=\"config.data\"\r\n [containerTemplate]=\"form.containerTemplate\"\r\n [formPrefixTemplates]=\"form.formPrefixTemplates\"\r\n [formSuffixTemplates]=\"form.formSuffixTemplates\"\r\n [innerFormPrefixTemplates]=\"form.innerFormPrefixTemplates\"\r\n [innerFormSuffixTemplates]=\"form.innerFormSuffixTemplates\"\r\n\r\n *ngIf=\"config.multi; else singleFormTemplate\">\r\n <ng-template #prefixTemplate let-subForm=\"form\">\r\n <ng-container [ngTemplateOutlet]=\"form.innerFormPrefixTemplates[config.id]\"\r\n [ngTemplateOutletContext]=\"{config: config, form: subForm}\"></ng-container>\r\n </ng-template>\r\n <ng-template #suffixTemplate let-subForm=\"form\">\r\n <ng-container [ngTemplateOutlet]=\"form.innerFormSuffixTemplates[config.id]\"\r\n [ngTemplateOutletContext]=\"{config: config, form: subForm}\"></ng-container>\r\n </ng-template>\r\n </div>\r\n <ng-container [ngTemplateOutlet]=\"formSuffixTemplates[config.id]\"\r\n [ngTemplateOutletContext]=\"{config: config, form: form}\"></ng-container>\r\n </div>\r\n</ng-template>\r\n<ng-template let-form=\"form\" let-configTemplate=\"configTemplate\" #defaultContainerTemplate>\r\n <div class=\"dynamic-forms\" [ngClass]=\"classes || ''\">\r\n <ng-container *ngFor=\"let config of form.configs\"\r\n [ngTemplateOutlet]=\"configTemplate\"\r\n [ngTemplateOutletContext]=\"{form: form, config: config}\"></ng-container>\r\n <ng-content></ng-content>\r\n </div>\r\n</ng-template>\r\n<ng-container [ngTemplateOutlet]=\"prefixTemplate\"\r\n [ngTemplateOutletContext]=\"{form: this}\"></ng-container>\r\n<ng-container [ngTemplateOutlet]=\"containerTemplate || defaultContainerTemplate\"\r\n [ngTemplateOutletContext]=\"{form: this, configTemplate: configTemplate, defaultContainerTemplate: defaultContainerTemplate}\">\r\n</ng-container>\r\n<ng-container [ngTemplateOutlet]=\"suffixTemplate\"\r\n [ngTemplateOutletContext]=\"{form: this}\"></ng-container>\r\n"}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":5}}]}],"containerTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":5}}]}],"formPrefixTemplates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":5}}]}],"formSuffixTemplates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":5}}]}],"innerFormPrefixTemplates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":5}}]}],"innerFormSuffixTemplates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":5}}]}],"cContainerTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":51,"character":5},"arguments":["containerTemplate"]}]}],"forms":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":54,"character":5},"arguments":[{"__symbolic":"reference","name":"DynamicFormBaseComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":57,"character":21},{"__symbolic":"reference","name":"DynamicFormService"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"serialize":[{"__symbolic":"method"}],"check":[{"__symbolic":"method"}],"getControl":[{"__symbolic":"method"}],"checkForms":[{"__symbolic":"method"}],"getFromValue":[{"__symbolic":"method"}],"createFormGroups":[{"__symbolic":"method"}]}},"DynamicFormGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"div[dynamic-form-group]","template":"<ng-template #labelTemplate>\r\n <label [ngClass]=\"'control-label control-label-' + control.data.labelAlign\" [attr.for]=\"control.formId\">\r\n {{ control.label | translate: control.model }}\r\n </label>\r\n</ng-template>\r\n<ng-template #errorTemplate>\r\n <div class=\"error-message\" *ngIf=\"control.errors && control.touched\">\r\n <span class=\"help-block\" *ngFor=\"let error of control.errors | entries\">\r\n {{ error.key | translate: error.value }}\r\n </span>\r\n </div>\r\n</ng-template>\r\n<ng-template #inputTemplate let-control=\"control\">\r\n <ng-container [form-control]=\"control\"></ng-container>\r\n</ng-template>\r\n<ng-template #defaultControlTemplate\r\n let-context\r\n let-control=\"control\"\r\n let-data=\"control.data\"\r\n let-labelTemplate=\"labelTemplate\"\r\n let-inputTemplate=\"inputTemplate\"\r\n let-prefixTemplate=\"prefixTemplate\"\r\n let-suffixTemplate=\"suffixTemplate\"\r\n let-errorTemplate=\"errorTemplate\">\r\n <ng-container [ngTemplateOutlet]=\"prefixTemplate\"\r\n [ngTemplateOutletContext]=\"context\"></ng-container>\r\n <ng-container *ngIf=\"control.label && data.labelAlign == 'left'\"\r\n [ngTemplateOutlet]=\"labelTemplate\"\r\n [ngTemplateOutletContext]=\"context\">\r\n </ng-container>\r\n <ng-container [ngTemplateOutlet]=\"inputTemplate\"\r\n [ngTemplateOutletContext]=\"context\"></ng-container>\r\n <ng-container *ngIf=\"control.label && data.labelAlign == 'right'\"\r\n [ngTemplateOutlet]=\"labelTemplate\"\r\n [ngTemplateOutletContext]=\"context\">\r\n </ng-container>\r\n <ng-container [ngTemplateOutlet]=\"suffixTemplate\"\r\n [ngTemplateOutletContext]=\"context\"></ng-container>\r\n <ng-container [ngTemplateOutlet]=\"errorTemplate\"\r\n [ngTemplateOutletContext]=\"context\"></ng-container>\r\n</ng-template>\r\n\r\n<ng-container [ngxTemplateOutlet]=\"form.controlTemplates[control.id] || form.controlTemplate || defaultControlTemplate\"\r\n [context]=\"{\r\n control: control,\r\n labelTemplate: form.labelTemplates[control.id] || labelTemplate,\r\n inputTemplate: form.inputTemplates[control.id] || inputTemplate,\r\n prefixTemplate: form.prefixTemplates[control.id],\r\n suffixTemplate: form.suffixTemplates[control.id],\r\n errorTemplate: errorTemplate\r\n }\">\r\n</ng-container>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":18,"character":17},"arguments":[{"__symbolic":"reference","name":"DYNAMIC_FORM"}]}]],"parameters":[{"__symbolic":"reference","name":"IDynamicFormBase"}]}],"classes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":21,"character":5},"arguments":["class"]}]}]}},"DynamicFormFileComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"FormControlComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"dynamic-form-file","template":"<div class=\"upload\">\r\n <input type=\"file\"\r\n multiple=\"multiple\"\r\n [attr.data-testid]=\"testId\"\r\n [attr.accept]=\"data.accept\"\r\n (change)=\"onSelect($event.target)\" />\r\n <ul class=\"images\" *ngIf=\"!data.multi\">\r\n <li class=\"image\" *ngIf=\"value\" [ngStyle]=\"{backgroundImage: getUrl(value)}\">\r\n <a class=\"btn btn-delete\" (click)=\"delete()\"></a>\r\n </li>\r\n </ul>\r\n <ul class=\"images\" *ngIf=\"data.multi\">\r\n <li class=\"image\" *ngFor=\"let image of value; let i = index\" [ngStyle]=\"{backgroundImage: getUrl(image)}\">\r\n <a class=\"btn btn-delete\" (click)=\"delete(i)\"></a>\r\n </li>\r\n </ul>\r\n</div>\r\n","styles":[".upload{display:inline-block}.upload ul{display:inline-flex;list-style:none;margin:10px 0 0;padding:0}.upload ul li{height:100px;width:100px;background:repeating-linear-gradient(45deg,gray,gray 10px,lightgray 10px,lightgray 20px) center center;background-size:cover;border:1px gray solid;margin-right:5px;position:relative}.upload .btn-delete{background:linear-gradient(to bottom,#c8607a,#a64d5a);border-color:#a64d5a;color:#fff;position:absolute;padding:0;right:5px;top:5px;width:20px;height:20px}.upload .btn-delete:before{color:#fff;display:block;position:absolute;top:0;right:6px;content:\"x\"}\n"]}]}],"members":{"ctrInit":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}],"processFiles":[{"__symbolic":"method"}],"upload":[{"__symbolic":"method"}],"delete":[{"__symbolic":"method"}],"getUrl":[{"__symbolic":"method"}],"getImgUrl":[{"__symbolic":"method"}]},"statics":{"acceptor":{"__symbolic":"function","parameters":["control"],"value":{"__symbolic":"binop","operator":"==","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"control"},"member":"type"},"right":"file"}},"loader":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Promise"},"member":"resolve"}}}}},"DynamicFormInputComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"FormControlComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"dynamic-form-input","template":"<ng-container [ngSwitch]=\"data.type\">\r\n <ng-container *ngSwitchCase=\"'textarea'\">\r\n <textarea class=\"form-control\"\r\n rows=\"5\"\r\n [attr.autocomplete]=\"data.autocomplete\"\r\n [attr.data-testid]=\"testId\"\r\n [id]=\"control.formId\"\r\n [name]=\"control.formId\"\r\n [ngClass]=\"{disabled: control.disabled}\"\r\n [disabled]=\"control.disabled\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"control.setValue($event)\"\r\n (blur)=\"control.onBlur()\"\r\n (focus)=\"control.onFocus()\">{{ data.placeholder | translate }}</textarea>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'date'\">\r\n <input class=\"form-control\"\r\n type=\"date\"\r\n [attr.autocomplete]=\"data.autocomplete\"\r\n [attr.data-testid]=\"testId\"\r\n [id]=\"control.formId\"\r\n [name]=\"control.formId\"\r\n [ngClass]=\"{disabled: control.disabled}\"\r\n [disabled]=\"control.disabled\"\r\n [ngModel]=\"value | date: 'y-MM-dd'\"\r\n (ngModelChange)=\"onDateChange($event)\"\r\n (blur)=\"control.onBlur()\"\r\n (focus)=\"control.onFocus()\"/>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'number'\">\r\n <input class=\"form-control\"\r\n type=\"number\"\r\n [attr.autocomplete]=\"data.autocomplete\"\r\n [attr.data-testid]=\"testId\"\r\n [min]=\"data.min\"\r\n [max]=\"data.max\"\r\n [step]=\"data.step\"\r\n [id]=\"control.formId\"\r\n [name]=\"control.formId\"\r\n [ngClass]=\"{disabled: control.disabled}\"\r\n [disabled]=\"control.disabled\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"control.setValue($event)\"\r\n (blur)=\"onNumberBlur()\"\r\n (focus)=\"control.onFocus()\"/>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'checkbox'\">\r\n <input class=\"form-control\"\r\n type=\"checkbox\"\r\n [attr.data-testid]=\"testId\"\r\n [id]=\"control.formId\"\r\n [name]=\"control.formId\"\r\n [ngClass]=\"{disabled: control.disabled}\"\r\n [disabled]=\"control.disabled\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"control.setValue($event)\"\r\n (blur)=\"control.onBlur()\"\r\n (focus)=\"control.onFocus()\"/>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'text'\">\r\n <input class=\"form-control\"\r\n type=\"text\"\r\n [attr.autocomplete]=\"data.autocomplete\"\r\n [attr.data-testid]=\"testId\"\r\n [minlength]=\"data.min\"\r\n [maxlength]=\"data.max\"\r\n [placeholder]=\"data.placeholder | translate\"\r\n [id]=\"control.formId\"\r\n [name]=\"control.formId\"\r\n [ngClass]=\"{disabled: control.disabled}\"\r\n [disabled]=\"control.disabled\"\r\n [ngModel]=\"data.useLanguage ? (value | translate) : value\"\r\n (ngModelChange)=\"onTextChange($event)\"\r\n (blur)=\"control.onBlur()\"\r\n (focus)=\"control.onFocus()\"/>\r\n </ng-container>\r\n <ng-container *ngSwitchDefault>\r\n <input class=\"form-control\"\r\n [attr.autocomplete]=\"data.autocomplete\"\r\n [attr.data-testid]=\"testId\"\r\n [minlength]=\"data.min\"\r\n [maxlength]=\"data.max\"\r\n [placeholder]=\"data.placeholder | translate\"\r\n [type]=\"data.type\"\r\n [id]=\"control.formId\"\r\n [name]=\"control.formId\"\r\n [ngClass]=\"{disabled: control.disabled}\"\r\n [disabled]=\"control.disabled\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"control.setValue($event)\"\r\n (blur)=\"control.onBlur()\"\r\n (focus)=\"control.onFocus()\"/>\r\n </ng-container>\r\n</ng-container>\r\n"}]}],"members":{"isChecked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":21,"character":5},"arguments":["class.checked"]}]}],"onDateChange":[{"__symbolic":"method"}],"onTextChange":[{"__symbolic":"method"}],"onNumberBlur":[{"__symbolic":"method"}]},"statics":{"acceptor":{"__symbolic":"function","parameters":["control"],"value":{"__symbolic":"binop","operator":"==","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"control"},"member":"type"},"right":"input"}},"loader":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Promise"},"member":"resolve"}}}}},"DynamicFormSelectComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"FormControlComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"dynamic-form-select","template":"<ng-template #selectTemplate let-selected=\"selected\">\r\n <select class=\"form-control\"\r\n [attr.data-testid]=\"testId\"\r\n [multiple]=\"data.multi\"\r\n [id]=\"control.formId\"\r\n [name]=\"control.formId\"\r\n [ngClass]=\"{disabled: control.disabled}\"\r\n [disabled]=\"control.disabled\"\r\n [ngModel]=\"data.multi ? value : [value]\"\r\n (ngModelChange)=\"onSelectChange($event)\"\r\n (blur)=\"control.onBlur()\"\r\n (focus)=\"control.onFocus()\">\r\n <option *ngFor=\"let option of meta.options\" [value]=\"option.id\" [disabled]=\"option.selectable == false\">\r\n {{ option.label | translate }}\r\n </option>\r\n </select>\r\n <label class=\"form-control-description\" [attr.for]=\"control.formId\" *ngIf=\"!data.multi && selected?.description\">\r\n {{ selected?.description | translate }}\r\n </label>\r\n</ng-template>\r\n<ng-container [ngSwitch]=\"data.type\">\r\n <ng-container *ngSwitchCase=\"'radio'\">\r\n <ul class=\"radio-group\">\r\n <li *ngFor=\"let option of meta.options\" class=\"radio\">\r\n <label [ngClass]=\"{checked: value == option.id}\">\r\n <input type=\"radio\"\r\n [attr.data-testid]=\"testId + '-' + option.id\"\r\n [id]=\"control.formId + '-' + option.id\"\r\n [name]=\"control.formId + '-' + option.id\"\r\n [ngClass]=\"{disabled: control.disabled}\"\r\n [disabled]=\"control.disabled || option.selectable == false\"\r\n [value]=\"option.id\"\r\n [ngModel]=\"value\"\r\n (ngModelChange)=\"onSelectChange(option.id)\"\r\n (blur)=\"control.onBlur()\"\r\n (focus)=\"control.onFocus()\">\r\n {{ option.label | translate }}\r\n </label>\r\n </li>\r\n </ul>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'checkbox'\">\r\n <ul class=\"checkbox-group\">\r\n <li *ngFor=\"let option of meta.options\" class=\"checkbox\">\r\n <label [ngClass]=\"{checked: checkValue(option)}\">\r\n <input type=\"checkbox\"\r\n [attr.data-testid]=\"testId + '-' + option.id\"\r\n [id]=\"control.formId + '-' + option.id\"\r\n [name]=\"control.formId + '-' + option.id\"\r\n [ngClass]=\"{disabled: control.disabled}\"\r\n [disabled]=\"control.disabled || option.selectable == false\"\r\n [ngModel]=\"checkValue(option)\"\r\n (ngModelChange)=\"onSelectChange(option.id)\"\r\n (blur)=\"control.onBlur()\"\r\n (focus)=\"control.onFocus()\">\r\n {{ option.label | translate }}\r\n </label>\r\n </li>\r\n </ul>\r\n </ng-container>\r\n <ng-container *ngSwitchDefault [ngTemplateOutlet]=\"selectTemplate\" [ngTemplateOutletContext]=\"{selected: meta?.options | find:findOption:value}\">\r\n\r\n </ng-container>\r\n</ng-container>\r\n"}]}],"members":{"onSelectChange":[{"__symbolic":"method"}],"checkValue":[{"__symbolic":"method"}],"findOption":[{"__symbolic":"method"}]},"statics":{"acceptor":{"__symbolic":"function","parameters":["control"],"value":{"__symbolic":"binop","operator":"==","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"control"},"member":"type"},"right":"select"}}}},"DynamicFormStaticComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"FormControlComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"dynamic-form-static","template":"<unordered-list [listStyle]=\"data.style\" [ngClass]=\"{disabled: control.disabled}\"\r\n [data]=\"!data.properties ? {value: value} : data.properties | remap: value\">\r\n <ng-template [type]=\"!data.properties ? 'key' : null\" selector=\"level == 0\" let-item=\"item\"></ng-template>\r\n <ng-template type=\"value\" selector=\"valueType == 'date'\" let-item=\"item\">\r\n {{ item.value | date }}\r\n </ng-template>\r\n</unordered-list>\r\n"}]}],"members":{},"statics":{"acceptor":{"__symbolic":"function","parameters":["control"],"value":{"__symbolic":"binop","operator":"==","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"control"},"member":"type"},"right":"static"}},"loader":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Promise"},"member":"resolve"}}}}},"DynamicFormModelComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"FormControlComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"moduleId":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"module"},"member":"id"},"selector":"dynamic-form-model","template":"<dynamic-form [testId]=\"form.testId + '-' + control.id\"\r\n [name]=\"data.name || form.name\"\r\n [group]=\"control\"\r\n [data]=\"value\"\r\n [updateOn]=\"control.updateOn\"\r\n [parent]=\"form\"\r\n\r\n [fieldSetTemplate]=\"form.fieldSetTemplate\"\r\n [controlTemplates]=\"form.controlTemplates\"\r\n\r\n [controlTemplate]=\"form.controlTemplate\"\r\n [labelTemplates]=\"form.labelTemplates\"\r\n [inputTemplates]=\"form.inputTemplates\"\r\n [prefixTemplates]=\"form.prefixTemplates\"\r\n [suffixTemplates]=\"form.suffixTemplates\"\r\n [setPrefixTemplates]=\"form.setPrefixTemplates\"\r\n [setSuffixTemplates]=\"form.setSuffixTemplates\"\r\n\r\n #subForm>\r\n <ng-template #wrapperTemplate let-form=\"form\" let-fieldSetsTemplate=\"fieldSetsTemplate\">\r\n <ng-container [ngTemplateOutlet]=\"fieldSetsTemplate\"></ng-container>\r\n </ng-template>\r\n</dynamic-form>\r\n"}]}],"members":{"subForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":10,"character":5},"arguments":["subForm"]}]}]},"statics":{"acceptor":{"__symbolic":"function","parameters":["control"],"value":{"__symbolic":"binop","operator":"==","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"control"},"member":"type"},"right":"model"}},"loader":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Promise"},"member":"resolve"}}}}},"ɵb":[{"__symbolic":"reference","name":"DynamicFormsComponent"},{"__symbolic":"reference","name":"DynamicFormComponent"},{"__symbolic":"reference","name":"DynamicFormGroupComponent"},{"__symbolic":"reference","name":"DynamicFormFileComponent"},{"__symbolic":"reference","name":"DynamicFormInputComponent"},{"__symbolic":"reference","name":"DynamicFormSelectComponent"},{"__symbolic":"reference","name":"DynamicFormStaticComponent"},{"__symbolic":"reference","name":"DynamicFormModelComponent"}],"ɵc":[{"__symbolic":"reference","name":"AsyncSubmitDirective"},{"__symbolic":"reference","name":"DynamicFormControlDirective"},{"__symbolic":"reference","name":"DynamicFormGroupDirective"},{"__symbolic":"reference","name":"DynamicFormTemplateDirective"}],"ɵd":[],"NgxDynamicFormModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":46,"character":1},"arguments":[{"declarations":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"ɵb"}},{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"ɵc"}},{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"ɵd"}}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":53,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":54,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":55,"character":8},{"__symbolic":"reference","module":"@stemy/ngx-utils","name":"NgxUtilsModule","line":56,"character":8}],"exports":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"ɵb"}},{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"ɵc"}},{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"ɵd"}},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":62,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":63,"character":8},{"__symbolic":"reference","module":"@stemy/ngx-utils","name":"NgxUtilsModule","line":64,"character":8}],"entryComponents":{"__symbolic":"reference","name":"ɵb"},"providers":{"__symbolic":"reference","name":"ɵd"}}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["controlProviders","groupProvider"],"value":{"ngModule":{"__symbolic":"reference","name":"NgxDynamicFormModule"},"providers":[{"__symbolic":"reference","name":"DynamicFormService"},{"__symbolic":"reference","name":"OpenApiService"},{"__symbolic":"call","expression":{"__symbolic":"reference","name":"provideFormControl"},"arguments":[{"__symbolic":"reference","name":"DynamicFormFileComponent"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"DynamicFormFileComponent"},"member":"acceptor"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"DynamicFormFileComponent"},"member":"loader"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","name":"provideFormControl"},"arguments":[{"__symbolic":"reference","name":"DynamicFormInputComponent"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"DynamicFormInputComponent"},"member":"acceptor"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"DynamicFormInputComponent"},"member":"loader"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","name":"provideFormControl"},"arguments":[{"__symbolic":"reference","name":"DynamicFormSelectComponent"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"DynamicFormSelectComponent"},"member":"acceptor"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"DynamicFormSelectComponent"},"member":"loader"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","name":"provideFormControl"},"arguments":[{"__symbolic":"reference","name":"DynamicFormStaticComponent"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"DynamicFormStaticComponent"},"member":"acceptor"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"DynamicFormStaticComponent"},"member":"loader"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","name":"provideFormControl"},"arguments":[{"__symbolic":"reference","name":"DynamicFormModelComponent"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"DynamicFormModelComponent"},"member":"acceptor"},{"__symbolic":"select","expression":{"__symbolic":"reference","name":"DynamicFormModelComponent"},"member":"loader"}]},{"__symbolic":"spread","expression":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"reference","name":"controlProviders"},"right":[]}},{"__symbolic":"binop","operator":"||","left":{"__symbolic":"reference","name":"groupProvider"},"right":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"provideFormGroup"},"arguments":[{"__symbolic":"reference","name":"DynamicFormGroupComponent"}]}}]}}}}},"origins":{"ɵa":"./ngx-dynamic-form/common-types","FORM_CONTROL_PROVIDER":"./ngx-dynamic-form/common-types","IFormControlComponent":"./ngx-dynamic-form/common-types","IFormGroupComponent":"./ngx-dynamic-form/common-types","DYNAMIC_FORM":"./ngx-dynamic-form/common-types","FormControlComponent":"./ngx-dynamic-form/common-types","IFormControlProviderAcceptor":"./ngx-dynamic-form/common-types","IFormControlProviderLoader":"./ngx-dynamic-form/common-types","IFormControlOptions":"./ngx-dynamic-form/common-types","IFormControlSerializer":"./ngx-dynamic-form/common-types","IFormControlProvider":"./ngx-dynamic-form/common-types","IFormSerializer":"./ngx-dynamic-form/common-types","IFormSerializers":"./ngx-dynamic-form/common-types","DynamicFormState":"./ngx-dynamic-form/common-types","DynamicFormUpdateOn":"./ngx-dynamic-form/common-types","IDynamicFormControl":"./ngx-dynamic-form/common-types","DynamicFormGroup":"./ngx-dynamic-form/common-types","DynamicFormControl":"./ngx-dynamic-form/common-types","IFormControl":"./ngx-dynamic-form/common-types","IFormControlData":"./ngx-dynamic-form/common-types","IFormInputData":"./ngx-dynamic-form/common-types","IFormSelectData":"./ngx-dynamic-form/common-types","IFormStaticData":"./ngx-dynamic-form/common-types","IFormFileData":"./ngx-dynamic-form/common-types","IFormModelData":"./ngx-dynamic-form/common-types","IFormFieldSet":"./ngx-dynamic-form/common-types","IFormControlOption":"./ngx-dynamic-form/common-types","IDynamicFormTemplates":"./ngx-dynamic-form/common-types","IDynamicFormConfig":"./ngx-dynamic-form/common-types","IDynamicSingleFormConfig":"./ngx-dynamic-form/common-types","IDynamicMultiFormConfig":"./ngx-dynamic-form/common-types","IDynamicFormsConfigs":"./ngx-dynamic-form/common-types","IDynamicFormBase":"./ngx-dynamic-form/common-types","AsyncSubmitMethod":"./ngx-dynamic-form/common-types","IDynamicFormInfo":"./ngx-dynamic-form/common-types","IDynamicForm":"./ngx-dynamic-form/common-types","IDynamicFormFieldSets":"./ngx-dynamic-form/common-types","FormControlTester":"./ngx-dynamic-form/common-types","FormControlTesterFactory":"./ngx-dynamic-form/common-types","FormControlValidator":"./ngx-dynamic-form/common-types","FormControlValidatorFactory":"./ngx-dynamic-form/common-types","defaultSerializer":"./ngx-dynamic-form/common-types","FormSerializable":"./ngx-dynamic-form/common-types","FormInput":"./ngx-dynamic-form/common-types","FormSelect":"./ngx-dynamic-form/common-types","FormStatic":"./ngx-dynamic-form/common-types","FormModel":"./ngx-dynamic-form/common-types","FormFile":"./ngx-dynamic-form/common-types","FormFieldSet":"./ngx-dynamic-form/common-types","FormGroupProvider":"./ngx-dynamic-form/common-types","provideFormGroup":"./ngx-dynamic-form/common-types","FormControlProvider":"./ngx-dynamic-form/common-types","provideFormControl":"./ngx-dynamic-form/common-types","defineFormControl":"./ngx-dynamic-form/common-types","getFormFieldSets":"./ngx-dynamic-form/common-types","getFormControl":"./ngx-dynamic-form/common-types","getFormSerializer":"./ngx-dynamic-form/common-types","createFormInput":"./ngx-dynamic-form/common-types","createFormSelect":"./ngx-dynamic-form/common-types","createFormStatic":"./ngx-dynamic-form/common-types","createFormModel":"./ngx-dynamic-form/common-types","createFormControl":"./ngx-dynamic-form/common-types","DynamicFormService":"./ngx-dynamic-form/services/dynamic-form.service","FormUtilities":"./ngx-dynamic-form/services/form-utilities","OpenApiService":"./ngx-dynamic-form/services/open-api.service","IOpenApiSchemaProperty":"./ngx-dynamic-form/services/open-api.service","IOpenApiSchema":"./ngx-dynamic-form/services/open-api.service","IDynamicFormInputs":"./ngx-dynamic-form/services/open-api.service","AsyncSubmitDirective":"./ngx-dynamic-form/directives/async-submit.directive","DynamicFormControlDirective":"./ngx-dynamic-form/directives/dynamic-form-control.directive","DynamicFormTemplateDirective":"./ngx-dynamic-form/directives/dynamic-form-template.directive","DynamicFormGroupDirective":"./ngx-dynamic-form/directives/dynamic-form-group.directive","DynamicFormBaseComponent":"./ngx-dynamic-form/components/base/dynamic-form-base.component","DynamicFormComponent":"./ngx-dynamic-form/components/dynamic-form/dynamic-form.component","DynamicFormsComponent":"./ngx-dynamic-form/components/dynamic-forms/dynamic-forms.component","DynamicFormGroupComponent":"./ngx-dynamic-form/components/dynamic-form-group/dynamic-form-group.component","DynamicFormFileComponent":"./ngx-dynamic-form/components/dynamic-form-file/dynamic-form-file.component","DynamicFormInputComponent":"./ngx-dynamic-form/components/dynamic-form-input/dynamic-form-input.component","DynamicFormSelectComponent":"./ngx-dynamic-form/components/dynamic-form-select/dynamic-form-select.component","DynamicFormStaticComponent":"./ngx-dynamic-form/components/dynamic-form-static/dynamic-form-static.component","DynamicFormModelComponent":"./ngx-dynamic-form/components/dynamic-form-model/dynamic-form-model.component","ɵb":"./ngx-dynamic-form/ngx-dynamic-form.module","ɵc":"./ngx-dynamic-form/ngx-dynamic-form.module","ɵd":"./ngx-dynamic-form/ngx-dynamic-form.module","NgxDynamicFormModule":"./ngx-dynamic-form/ngx-dynamic-form.module"},"importAs":"@stemy/ngx-dynamic-form"}
|