bug: using AngularOutputTarget, generic type in @Event leads to invalid code

[staizen-rcomblen]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Stencil Version

2.20.0

Stencil Framework Output Target

Angular

Stencil Framework Output Target Version

0.4.0

Current Behavior

The following input

import { Component, Event, EventEmitter } from '@stencil/core';

@Component({
  tag: 'test-component',
  shadow: true,
})
export class TestComponent<T> {
  @Event({ bubbles: false }) missingGenericArgument: EventEmitter<Array<T>>;
}

generates the following invalid syntax:

export declare interface TestComponent extends Components.TestComponent {
  /**
   *  
   */
  missingGenericArgument: EventEmitter<CustomEvent<Array<T>>>;

}

One sees that the <T> is only present in the field type definition, and not on the interface definition. This code obviously doesn't compile.

Expected Behavior

Code that compiles, so either no <T> anywhere, or <T> on both the field and the interface.

Steps to Reproduce

• clone https://github.com/staizen-rcomblen/stencil-generic-bug
• npm install
• npm run build
• the bad generated code is in index.ts

Code Reproduction URL

https://github.com/staizen-rcomblen/stencil-generic-bug

Additional Information

In parallel, I got the same issue as #283

Thanks @marcincichocki for the sample test repo (I'm pretty new to Stencil, getting an existing project working with Angular).

[sean-perkins]

Hello @staizen-rcomblen thanks for reporting this issue.

At this time, I do not believe that Stencil natively supports generic types on the component class.

We would need to wait for: ionic-team/stencil#3488 to be reviewed/merged prior to adding support in the output targets.