Handle file-input disabled state via reactive forms

[n370]

Description

Changes added here modify the <td-file-input> component being used inside the <td-dynamic-file-input> component to use a [disabled] custom input property with the appropriate value to make it look and behave as the rest of the elements inside the dynamic component when it's in a disabled state.

What's included?

• A fix for [Bug]: file-input doesnt handle disabled state via reactive forms. #1220

Test Steps

• Run npm run serve
• Navigate to http://localhost:4200/#/components/dynamic-forms
• Add a new file-input element to the "Generated Form" panel using the "Form Builder" panel.
• Toggle the "disable" switch to set the disable property on and off in the component and then hit the "Update Form" button to see the changes reflected on the dynamically generated component.

General Tests for Every PR

• npm run serve:prod still works.
• npm run tslint passes.
• npm run stylelint passes.
• npm test passes and code coverage is not lower.
• npm run build:lib still works.

Screenshots or link to StackBlitz/Plunker

[emoralesb05]

This wont fix this.. you cant use template driver forms combined with reactive forms anymore

hence why the #1220 issue states to make it work with reactive forms.. which requires code changes in the components such as injecting ngModel optionally and such.

[emoralesb05]

Needs a different approach

[n370]

@felipeik I'm interested in keep working on this by my own as an independent open source contributor if you don't mind.

@emoralesb05 thanks for the feedback, I'll keep working on that. Expect me to be working on this over the next couple of days.

[jeremysmartt]

closing for now

[n370]

I've been very busy lately I don't think I'd be able to meet what I promised, sorry about that.