feat(dgeni): add hostDirectives to the API source block

[griest024]

PR Checklist

Please check if your PR fulfills the following requirements:

• The commit message follows our guidelines: https://github.com/graycoreio/daffodil/blob/develop/CONTRIBUTING.md#commit
• Tests for the changes have been added (for bug fixes / features)
• Docs have been added / updated (for bug fixes / features)

PR Type

What kind of change does this PR introduce?

[ ] Bugfix
[x] Feature
[ ] Code style update (formatting, local variables)
[ ] Refactoring (no functional changes, no api changes)
[ ] Build related changes
[ ] CI related changes
[ ] Documentation content changes
[ ] Other... Please describe:

What is the current behavior?

Fixes: #3500

What is the new behavior?

Does this PR introduce a breaking change?

[ ] Yes
[x] No

Other information

[griest024]

@xelaint dgeni does not offer us a good way to editorialize the content of hostDirectives so for now I think we should just display what it gives us. LMK if this is a problem and I can do some messy regex parsing to remove what we don't want.

[xelaint]

Can we not retrieve the inputs, their values, and defaults and pass it into the properties table?

[griest024]

Can we not retrieve the inputs, their values, and defaults and pass it into the properties table?

Retrieving the inputs requires regex parsing which becomes very messy, very quickly.

[griest024]

@xelaint I've changed this. it now added host directive inputs and outputs to components

[griest024]

note to self: consider how inputs and outputs will be inheritied 2 layers deep, i.e. button > button base > statusable

[griest024]

don't show host directives in the source block, render the inputs and outputs as if they were declared by the component

[xelaint]

don't show host directives in the source block, render the inputs and outputs as if they were declared by the component

Currently:

@Component({
  hostDirectives: [
    {
        directive: DaffColorableDirective,
        inputs: ['color']
    },
  ]
})
class DaffProgressBarComponent {
  @HostBinding() 
  get role(): string
  @HostBinding() 
  get ariaLabel(): string
  @HostBinding() ariaValueMin: string = '0'
  @HostBinding() ariaValueMax: string = '100'
  @HostBinding() 
  get ariaValueNow(): number
}

expected:

class DaffProgressBarComponent {
  @Input() color: DaffPalette
  @HostBinding() 
  get role(): string
  @HostBinding() 
  get ariaLabel(): string
  @HostBinding() ariaValueMin: string = '0'
  @HostBinding() ariaValueMax: string = '100'
  @HostBinding() 
  get ariaValueNow(): number
}

where the values of color are retrieved from DaffPalette.

[griest024]

@xelaint ready for review