DetailsHTMLAttributes interface missing onToggle property

[pheekus]

Stencil version:

 @stencil/core@1.12.6

I'm submitting a:

[x] bug report
[ ] feature request
[ ] support request

Current behavior:

TSX fails to complile with the following error when a toggle event listener is added on the <details> element:

Property 'onToggle' does not exist on type 'DetailsHTMLAttributes'. ts(2322)

This issue affects types only. If you do <details {...{ onToggle: console.log }} />, it works just fine, but I'm guessing this isn't the way we're supposed to add event listeners in our code :)

Expected behavior:

The toggle event should be supported in <details> with the onToggle property.

Steps to reproduce:

1. Create a basic StencilJS project with a minimal component;
2. Try to render the following: <details onToggle={console.log}>Content</details>.

Related code:

stencil/src/declarations/stencil-public-runtime.ts

Lines 778 to 780 in 5adcdd3

	export interface DetailsHTMLAttributes<T> extends HTMLAttributes<T> {
	open?: boolean;
	}

Other information:

Simply adding onToggle?: (event: Event) => void; to the interface linked above should fix it, unless I'm missing something.

[manucorporat]

Can you provide a PR?

[pheekus]

@manucorporat sure, here you go: #2421