refactor: stronger typing of inputs

[andreialecu]

Fixes #464

This PR restores the type safety of inputs and introduces a new property called inputs and deprecates componentInputs. Previously we had an union with { [alias: string]: unknown } which would essentially act as any.

We add a branded type through which aliases can be explicitly supplied.

Usage:

  @Component({
    selector: 'atl-fixture',
    template: `<span>{{ myName() }}</span> <span>{{ myJob() }}</span>`,
  })
  class InputComponent {
    myName = input('foo');

    myJob = input('bar', { alias: 'job' });
  }

  it('should set the input component', async () => {
    await render(InputComponent, {
      inputs: {
        myName: 'Bob',
        ...aliasedInput('job', 'Builder'),
      },
    });

    expect(screen.getByText('Bob')).toBeInTheDocument();
    expect(screen.getByText('Builder')).toBeInTheDocument();
  });

[timdeschryver]

Thanks for your time and great work on this @andreialecu !

[timdeschryver]

@all-contributors please add @andreialecu for code, ideas, doc

[allcontributors]

@timdeschryver

I've put up a pull request to add @andreialecu! 🎉