Missing TS typing for target property in CustomEvent-based component events

[vursen]

Describe your motivation

Component events extending CustomEvent, such as DatePickerValidatedEvent, don't specify a TypeScript type for the target property:

web-components/packages/date-time-picker/src/vaadin-date-time-picker.d.ts

Line 50 in 48089e8

export type DateTimePickerValidatedEvent = CustomEvent<{ valid: boolean }>;

The target property is only typed for ChangeEvent:

web-components/packages/date-time-picker/src/vaadin-date-time-picker.d.ts

Lines 33 to 35 in 48089e8

	export type DateTimePickerChangeEvent = Event & {
	target: DateTimePicker;
	};

As a result, for custom events, the target has to be manually cast to the component type to access component properties in the listener:

Before	After

Describe the solution you'd like

Specify the component type as the type for the target property in all component events to save developers from tedious manual casting.

Describe alternatives you've considered

No response

Additional context

• Add TypeScript definition for change event [⏳ 1d] #3040