@7sage/vidstack/vue.d.ts

UI component library for building high-quality, accessible video and audio experiences on the web.

import type { HTMLAttributes, Ref, ReservedProps } from 'vue';
import type { MediaAnnouncerElement, MediaAirPlayButtonElement, MediaCaptionButtonElement, MediaFullscreenButtonElement, MediaGoogleCastButtonElement, MediaLiveButtonElement, MediaMuteButtonElement, MediaPIPButtonElement, MediaPlayButtonElement, MediaSeekButtonElement, MediaToggleButtonElement, MediaCaptionsElement, MediaChapterTitleElement, MediaControlsElement, MediaControlsGroupElement, MediaGestureElement, MediaAudioLayoutElement, MediaVideoLayoutElement, MediaLayoutElement, MediaPlyrLayoutElement, MediaAudioGainRadioGroupElement, MediaAudioRadioGroupElement, MediaCaptionsRadioGroupElement, MediaChaptersRadioGroupElement, MediaMenuButtonElement, MediaMenuElement, MediaMenuItemElement, MediaMenuItemsElement, MediaMenuPortalElement, MediaQualityRadioGroupElement, MediaRadioElement, MediaRadioGroupElement, MediaSpeedRadioGroupElement, MediaPlayerElement, MediaPosterElement, MediaProviderElement, MediaAudioGainSliderElement, MediaQualitySliderElement, MediaSliderChaptersElement, MediaSliderElement, MediaSliderPreviewElement, MediaSliderStepsElement, MediaSliderThumbnailElement, MediaSliderValueElement, MediaSliderVideoElement, MediaSpeedSliderElement, MediaTimeSliderElement, MediaVolumeSliderElement, MediaSpinnerElement, MediaThumbnailElement, MediaTimeElement, MediaTitleElement, MediaTooltipContentElement, MediaTooltipElement, MediaTooltipTriggerElement } from './elements';
import type { MediaAnnouncerProps, MediaAnnouncerEvents, AirPlayButtonProps, AirPlayButtonEvents, CaptionButtonProps, CaptionButtonEvents, FullscreenButtonProps, FullscreenButtonEvents, GoogleCastButtonProps, GoogleCastButtonEvents, LiveButtonProps, LiveButtonEvents, MuteButtonProps, MuteButtonEvents, PIPButtonProps, PIPButtonEvents, PlayButtonProps, PlayButtonEvents, SeekButtonProps, SeekButtonEvents, ToggleButtonProps, CaptionsProps, ChapterTitleProps, ControlsProps, ControlsEvents, GestureProps, GestureEvents, DefaultLayoutProps, MediaLayoutProps, PlyrLayoutProps, AudioGainRadioGroupProps, AudioGainRadioGroupEvents, AudioRadioGroupProps, AudioRadioGroupEvents, CaptionsRadioGroupProps, CaptionsRadioGroupEvents, ChapterRadioGroupProps, ChaptersRadioGroupEvents, MenuButtonProps, MenuButtonEvents, MenuProps, MenuEvents, MenuItemsProps, MenuPortalProps, QualityRadioGroupProps, QualityRadioGroupEvents, RadioProps, RadioEvents, RadioGroupProps, RadioGroupEvents, SpeedRadioGroupProps, SpeedRadioGroupEvents, MediaPlayerProps, MediaPlayerEvents, PosterProps, MediaProviderProps, AudioGainSliderProps, AudioGainSliderEvents, QualitySliderProps, QualitySliderEvents, SliderChaptersProps, SliderChaptersCSSVars, SliderProps, SliderEvents, SliderPreviewProps, ThumbnailProps, SliderValueProps, SliderVideoProps, SliderVideoEvents, SpeedSliderProps, SpeedSliderEvents, TimeSliderProps, TimeSliderEvents, VolumeSliderProps, VolumeSliderEvents, SpinnerProps, TimeProps, TooltipContentProps, TooltipProps } from './index';
import type { IconType } from "./icons";

declare module 'vue' {
  export interface GlobalComponents {
    "media-announcer": MediaAnnouncerComponent;
    "media-airplay-button": MediaAirPlayButtonComponent;
    "media-caption-button": MediaCaptionButtonComponent;
    "media-fullscreen-button": MediaFullscreenButtonComponent;
    "media-google-cast-button": MediaGoogleCastButtonComponent;
    "media-live-button": MediaLiveButtonComponent;
    "media-mute-button": MediaMuteButtonComponent;
    "media-pip-button": MediaPIPButtonComponent;
    "media-play-button": MediaPlayButtonComponent;
    "media-seek-button": MediaSeekButtonComponent;
    "media-toggle-button": MediaToggleButtonComponent;
    "media-captions": MediaCaptionsComponent;
    "media-chapter-title": MediaChapterTitleComponent;
    "media-controls": MediaControlsComponent;
    "media-controls-group": MediaControlsGroupComponent;
    "media-gesture": MediaGestureComponent;
    "media-audio-layout": MediaAudioLayoutComponent;
    "media-video-layout": MediaVideoLayoutComponent;
    "media-layout": MediaLayoutComponent;
    "media-plyr-layout": MediaPlyrLayoutComponent;
    "media-audio-gain-radio-group": MediaAudioGainRadioGroupComponent;
    "media-audio-radio-group": MediaAudioRadioGroupComponent;
    "media-captions-radio-group": MediaCaptionsRadioGroupComponent;
    "media-chapters-radio-group": MediaChaptersRadioGroupComponent;
    "media-menu-button": MediaMenuButtonComponent;
    "media-menu": MediaMenuComponent;
    "media-menu-item": MediaMenuItemComponent;
    "media-menu-items": MediaMenuItemsComponent;
    "media-menu-portal": MediaMenuPortalComponent;
    "media-quality-radio-group": MediaQualityRadioGroupComponent;
    "media-radio": MediaRadioComponent;
    "media-radio-group": MediaRadioGroupComponent;
    "media-speed-radio-group": MediaSpeedRadioGroupComponent;
    "media-player": MediaPlayerComponent;
    "media-poster": MediaPosterComponent;
    "media-provider": MediaProviderComponent;
    "media-audio-gain-slider": MediaAudioGainSliderComponent;
    "media-quality-slider": MediaQualitySliderComponent;
    "media-slider-chapters": MediaSliderChaptersComponent;
    "media-slider": MediaSliderComponent;
    "media-slider-preview": MediaSliderPreviewComponent;
    "media-slider-steps": MediaSliderStepsComponent;
    "media-slider-thumbnail": MediaSliderThumbnailComponent;
    "media-slider-value": MediaSliderValueComponent;
    "media-slider-video": MediaSliderVideoComponent;
    "media-speed-slider": MediaSpeedSliderComponent;
    "media-time-slider": MediaTimeSliderComponent;
    "media-volume-slider": MediaVolumeSliderComponent;
    "media-spinner": MediaSpinnerComponent;
    "media-thumbnail": MediaThumbnailComponent;
    "media-time": MediaTimeComponent;
    "media-title": MediaTitleComponent;
    "media-tooltip-content": MediaTooltipContentComponent;
    "media-tooltip": MediaTooltipComponent;
    "media-tooltip-trigger": MediaTooltipTriggerComponent;
    "media-icon": HTMLAttributes & { type: IconType }
  }
}

export type ElementRef<T> = string | Ref<T> | ((el: T | null) => void);

export interface EventHandler<T> {
  (event: T): void;
}
/**********************************************************************************************
* MediaAnnouncer
/**********************************************************************************************/

export interface MediaAnnouncerComponent {
  (props: MediaAnnouncerAttributes): MediaAnnouncerElement;
}

export interface MediaAnnouncerAttributes extends Partial<MediaAnnouncerProps>, MediaAnnouncerEventAttributes, Omit<HTMLAttributes, keyof MediaAnnouncerProps | keyof MediaAnnouncerEventAttributes | "is">, Omit<ReservedProps, 'ref'> {
  'keep-alive'?: boolean;
  ref?: ElementRef<MediaAnnouncerElement>;
}

export interface MediaAnnouncerEventAttributes {
  onChange?: EventHandler<MediaAnnouncerEvents['change']>;
}

/**********************************************************************************************
* MediaAirPlayButton
/**********************************************************************************************/

export interface MediaAirPlayButtonComponent {
  (props: MediaAirPlayButtonAttributes): MediaAirPlayButtonElement;
}

export interface MediaAirPlayButtonAttributes extends Partial<AirPlayButtonProps>, MediaAirPlayButtonEventAttributes, Omit<HTMLAttributes, keyof AirPlayButtonProps | keyof MediaAirPlayButtonEventAttributes | "is">, Omit<ReservedProps, 'ref'> {
  'keep-alive'?: boolean;
  ref?: ElementRef<MediaAirPlayButtonElement>;
}

export interface MediaAirPlayButtonEventAttributes {
  onMediaAirplayRequest?: EventHandler<AirPlayButtonEvents['media-airplay-request']>;
}

/**********************************************************************************************
* MediaCaptionButton
/**********************************************************************************************/

export interface MediaCaptionButtonComponent {
  (props: MediaCaptionButtonAttributes): MediaCaptionButtonElement;
}

export interface MediaCaptionButtonAttributes extends Partial<CaptionButtonProps>, MediaCaptionButtonEventAttributes, Omit<HTMLAttributes, keyof CaptionButtonProps | keyof MediaCaptionButtonEventAttributes | "is">, Omit<ReservedProps, 'ref'> {
  'keep-alive'?: boolean;
  ref?: ElementRef<MediaCaptionButtonElement>;
}

export interface MediaCaptionButtonEventAttributes {
  onMediaTextTrackChangeRequest?: EventHandler<CaptionButtonEvents['media-text-track-change-request']>;
}

/**********************************************************************************************
* MediaFullscreenButton
/**********************************************************************************************/

export interface MediaFullscreenButtonComponent {
  (props: MediaFullscreenButtonAttributes): MediaFullscreenButtonElement;
}

export interface MediaFullscreenButtonAttributes extends Partial<FullscreenButtonProps>, MediaFullscreenButtonEventAttributes, Omit<HTMLAttributes, keyof FullscreenButtonProps | keyof MediaFullscreenButtonEventAttributes | "is">, Omit<ReservedProps, 'ref'> {
  'keep-alive'?: boolean;
  ref?: ElementRef<MediaFullscreenButtonElement>;
}

export interface MediaFullscreenButtonEventAttributes {
  onMediaEnterFullscreenRequest?: EventHandler<FullscreenButtonEvents['media-enter-fullscreen-request']>;
  onMediaExitFullscreenRequest?: EventHandler<FullscreenButtonEvents['media-exit-fullscreen-request']>;
}

/**********************************************************************************************
* MediaGoogleCastButton
/**********************************************************************************************/

export interface MediaGoogleCastButtonComponent {
  (props: MediaGoogleCastButtonAttributes): MediaGoogleCastButtonElement;
}

export interface MediaGoogleCastButtonAttributes extends Partial<GoogleCastButtonProps>, MediaGoogleCastButtonEventAttributes, Omit<HTMLAttributes, keyof GoogleCastButtonProps | keyof MediaGoogleCastButtonEventAttributes | "is">, Omit<ReservedProps, 'ref'> {
  'keep-alive'?: boolean;
  ref?: ElementRef<MediaGoogleCastButtonElement>;
}

export interface MediaGoogleCastButtonEventAttributes {
  onMediaGoogleCastRequest?: EventHandler<GoogleCastButtonEvents['media-google-cast-request']>;
}

/**********************************************************************************************
* MediaLiveButton
/**********************************************************************************************/

export interface MediaLiveButtonComponent {
  (props: MediaLiveButtonAttributes): MediaLiveButtonElement;
}

export interface MediaLiveButtonAttributes extends Partial<LiveButtonProps>, MediaLiveButtonEventAttributes, Omit<HTMLAttributes, keyof LiveButtonProps | keyof MediaLiveButtonEventAttributes | "is">, Omit<ReservedProps, 'ref'> {
  'keep-alive'?: boolean;
  ref?: ElementRef<MediaLiveButtonElement>;
}

export interface MediaLiveButtonEventAttributes {
  onMediaLiveEdgeRequest?: EventHandler<LiveButtonEvents['media-live-edge-request']>;
}

/**********************************************************************************************
* MediaMuteButton
/**********************************************************************************************/

export interface MediaMuteButtonComponent {
  (props: MediaMuteButtonAttributes): MediaMuteButtonElement;
}

export interface MediaMuteButtonAttributes extends Partial<MuteButtonProps>, MediaMuteButtonEventAttributes, Omit<HTMLAttributes, keyof MuteButtonProps | keyof MediaMuteButtonEventAttributes | "is">, Omit<ReservedProps, 'ref'> {
  'keep-alive'?: boolean;
  ref?: ElementRef<MediaMuteButtonElement>;
}

export interface MediaMuteButtonEventAttributes {
  onMediaMuteRequest?: EventHandler<MuteButtonEvents['media-mute-request']>;
  onMediaUnmuteRequest?: EventHandler<MuteButtonEvents['media-unmute-request']>;
}

/**********************************************************************************************
* MediaPIPButton
/**********************************************************************************************/

export interface MediaPIPButtonComponent {
  (props: MediaPIPButtonAttributes): MediaPIPButtonElement;
}

export interface MediaPIPButtonAttributes extends Partial<PIPButtonProps>, MediaPIPButtonEventAttributes, Omit<HTMLAttributes, keyof PIPButtonProps | keyof MediaPIPButtonEventAttributes | "is">, Omit<ReservedProps, 'ref'> {
  'keep-alive'?: boolean;
  ref?: ElementRef<MediaPIPButtonElement>;
}

export interface MediaPIPButtonEventAttributes {
  onMediaEnterPipRequest?: EventHandler<PIPButtonEvents['media-enter-pip-request']>;
  onMediaExitPipRequest?: EventHandler<PIPButtonEvents['media-exit-pip-request']>;
}

/**********************************************************************************************
* MediaPlayButton
/**********************************************************************************************/

export interface MediaPlayButtonComponent {
  (props: MediaPlayButtonAttributes): MediaPlayButtonElement;
}

export interface MediaPlayButtonAttributes extends Partial<PlayButtonProps>, MediaPlayButtonEventAttributes, Omit<HTMLAttributes, keyof PlayButtonProps | keyof MediaPlayButtonEventAttributes | "is">, Omit<ReservedProps, 'ref'> {
  'keep-alive'?: boolean;
  ref?: ElementRef<MediaPlayButtonElement>;
}

export interface MediaPlayButtonEventAttributes {
  onMediaPlayRequest?: EventHandler<PlayButtonEvents['media-play-request']>;
  onMediaPauseRequest?: EventHandler<PlayButtonEvents['media-pause-request']>;
}

/**********************************************************************************************
* MediaSeekButton
/**********************************************************************************************/

export interface MediaSeekButtonComponent {
  (props: MediaSeekButtonAttributes): MediaSeekButtonElement;
}

export interface MediaSeekButtonAttributes extends Partial<SeekButtonProps>, MediaSeekButtonEventAttributes, Omit<HTMLAttributes, keyof SeekButtonProps | keyof MediaSeekButtonEventAttributes | "is">, Omit<ReservedProps, 'ref'> {
  'keep-alive'?: boolean;
  ref?: ElementRef<MediaSeekButtonElement>;
}

export interface MediaSeekButtonEventAttributes {
  onMediaSeekRequest?: EventHandler<SeekButtonEvents['media-seek-request']>;
}

/**********************************************************************************************
* MediaToggleButton
/**********************************************************************************************/

export interface MediaToggleButtonComponent {
  (props: MediaToggleButtonAttributes): MediaToggleButtonElement;
}

export interface MediaToggleButtonAttributes extends Partial<ToggleButtonProps>, Omit<HTMLAttributes, keyof ToggleButtonProps | "is">, Omit<ReservedProps, 'ref'> {
  'keep-alive'?: boolean;
  ref?: ElementRef<MediaToggleButtonElement>;
}


/**********************************************************************************************
* MediaCaptions
/**********************************************************************************************/

export interface MediaCaptionsComponent {
  (props: MediaCaptionsAttributes): MediaCaptionsElement;
}

export interface MediaCaptionsAttributes extends Partial<CaptionsProps>, Omit<HTMLAttributes, keyof CaptionsProps | "is">, Omit<ReservedProps, 'ref'> {
  'keep-alive'?: boolean;
  ref?: ElementRef<MediaCaptionsElement>;
}


/**********************************************************************************************
* MediaChapterTitle
/**********************************************************************************************/

export interface MediaChapterTitleComponent {
  (props: MediaChapterTitleAttributes): MediaChapterTitleElement;
}

export interface MediaChapterTitleAttributes extends Partial<ChapterTitleProps>, Omit<HTMLAttributes, keyof ChapterTitleProps | "is">, Omit<ReservedProps, 'ref'> {
  'keep-alive'?: boolean;
  ref?: ElementRef<MediaChapterTitleElement>;
}


/**********************************************************************************************
* MediaControls
/**********************************************************************************************/

export interface MediaControlsComponent {
  (props: MediaControlsAttributes): MediaControlsElement;
}

export interface MediaControlsAttributes extends Partial<ControlsProps>, MediaControlsEventAttributes, Omit<HTMLAttributes, keyof ControlsProps | keyof MediaControlsEventAttributes | "is">, Omit<ReservedProps, 'ref'> {
  'keep-alive'?: boolean;
  ref?: ElementRef<MediaControlsElement>;
}

export interface MediaControlsEventAttributes {
  onChange?: EventHandler<ControlsEvents['change']>;
}

/**********************************************************************************************
* MediaControlsGroup
/**********************************************************************************************/

export interface MediaControlsGroupComponent {
  (props: MediaControlsGroupAttributes): MediaControlsGroupElement;
}

export interface MediaControlsGroupAttributes extends Omit<HTMLAttributes, "is">, Omit<ReservedProps, 'ref'> {
  'keep-alive'?: boolean;
  ref?: ElementRef<MediaControlsGroupElement>;
}


/**********************************************************************************************
* MediaGesture
/**********************************************************************************************/

export interface MediaGestureComponent {
  (props: MediaGestureAttributes): MediaGestureElement;
}

export interface MediaGestureAttributes extends Partial<GestureProps>, MediaGestureEventAttributes, Omit<HTMLAttributes, keyof GestureProps | keyof MediaGestureEventAttributes | "is">, Omit<ReservedProps, 'ref'> {
  'keep-alive'?: boolean;
  ref?: ElementRef<MediaGestureElement>;
}

export interface MediaGestureEventAttributes {
  onWillTrigger?: EventHandler<GestureEvents['will-trigger']>;
  onTrigger?: EventHandler<GestureEvents['trigger']>;
}

/**********************************************************************************************
* MediaAudioLayout
/**********************************************************************************************/

export interface MediaAudioLayoutComponent {
  (props: MediaAudioLayoutAttributes): MediaAudioLayoutElement;
}

export interface MediaAudioLayoutAttributes extends Partial<DefaultLayoutProps>, Omit<HTMLAttributes, keyof DefaultLayoutProps | "is">, Omit<ReservedProps, 'ref'> {
  'keep-alive'?: boolean;
  ref?: ElementRef<MediaAudioLayoutElement>;
}


/**********************************************************************************************
* MediaVideoLayout
/**********************************************************************************************/

export interface MediaVideoLayoutComponent {
  (props: MediaVideoLayoutAttributes): MediaVideoLayoutElement;
}

export interface MediaVideoLayoutAttributes extends Partial<DefaultLayoutProps>, Omit<HTMLAttributes, keyof DefaultLayoutProps | "is">, Omit<ReservedProps, 'ref'> {
  'keep-alive'?: boolean;
  ref?: ElementRef<MediaVideoLayoutElement>;
}


/**********************************************************************************************
* MediaLayout
/**********************************************************************************************/

export interface MediaLayoutComponent {
  (props: MediaLayoutAttributes): MediaLayoutElement;
}

export interface MediaLayoutAttributes extends Partial<MediaLayoutProps>, Omit<HTMLAttributes, keyof MediaLayoutProps | "is">, Omit<ReservedProps, 'ref'> {
  'keep-alive'?: boolean;
  ref?: ElementRef<MediaLayoutElement>;
}


/**********************************************************************************************
* MediaPlyrLayout
/**********************************************************************************************/

export interface MediaPlyrLayoutComponent {
  (props: MediaPlyrLayoutAttributes): MediaPlyrLayoutElement;
}

export interface MediaPlyrLayoutAttributes extends Partial<PlyrLayoutProps>, Omit<HTMLAttributes, keyof PlyrLayoutProps | "is">, Omit<ReservedProps, 'ref'> {
  'keep-alive'?: boolean;
  ref?: ElementRef<MediaPlyrLayoutElement>;
}


/**********************************************************************************************
* MediaAudioGainRadioGroup
/**********************************************************************************************/

export interface MediaAudioGainRadioGroupComponent {
  (props: MediaAudioGainRadioGroupAttributes): MediaAudioGainRadioGroupElement;
}

export interface MediaAudioGainRadioGroupAttributes extends Partial<AudioGainRadioGroupProps>, MediaAudioGainRadioGroupEventAttributes, Omit<HTMLAttributes, keyof AudioGainRadioGroupProps | keyof MediaAudioGainRadioGroupEventAttributes | "is">, Omit<ReservedProps, 'ref'> {
  'keep-alive'?: boolean;
  ref?: ElementRef<MediaAudioGainRadioGroupElement>;
}

export interface MediaAudioGainRadioGroupEventAttributes {
  onChange?: EventHandler<AudioGainRadioGroupEvents['change']>;
}

/**********************************************************************************************
* MediaAudioRadioGroup
/**********************************************************************************************/

export interface MediaAudioRadioGroupComponent {
  (props: MediaAudioRadioGroupAttributes): MediaAudioRadioGroupElement;
}

export interface MediaAudioRadioGroupAttributes extends Partial<AudioRadioGroupProps>, MediaAudioRadioGroupEventAttributes, Omit<HTMLAttributes, keyof AudioRadioGroupProps | keyof MediaAudioRadioGroupEventAttributes | "is">, Omit<ReservedProps, 'ref'> {
  'keep-alive'?: boolean;
  ref?: ElementRef<MediaAudioRadioGroupElement>;
}

export interface MediaAudioRadioGroupEventAttributes {
  onChange?: EventHandler<AudioRadioGroupEvents['change']>;
}

/**********************************************************************************************
* MediaCaptionsRadioGroup
/**********************************************************************************************/

export interface MediaCaptionsRadioGroupComponent {
  (props: MediaCaptionsRadioGroupAttributes): MediaCaptionsRadioGroupElement;
}

export interface MediaCaptionsRadioGroupAttributes extends Partial<CaptionsRadioGroupProps>, MediaCaptionsRadioGroupEventAttributes, Omit<HTMLAttributes, keyof CaptionsRadioGroupProps | keyof MediaCaptionsRadioGroupEventAttributes | "is">, Omit<ReservedProps, 'ref'> {
  'keep-alive'?: boolean;
  ref?: ElementRef<MediaCaptionsRadioGroupElement>;
}

export interface MediaCaptionsRadioGroupEventAttributes {
  onChange?: EventHandler<CaptionsRadioGroupEvents['change']>;
}

/**********************************************************************************************
* MediaChaptersRadioGroup
/**********************************************************************************************/

export interface MediaChaptersRadioGroupComponent {
  (props: MediaChaptersRadioGroupAttributes): MediaChaptersRadioGroupElement;
}

export interface MediaChaptersRadioGroupAttributes extends Partial<ChapterRadioGroupProps>, MediaChaptersRadioGroupEventAttributes, Omit<HTMLAttributes, keyof ChapterRadioGroupProps | keyof MediaChaptersRadioGroupEventAttributes | "is">, Omit<ReservedProps, 'ref'> {
  'keep-alive'?: boolean;
  ref?: ElementRef<MediaChaptersRadioGroupElement>;
}

export interface MediaChaptersRadioGroupEventAttributes {
  onChange?: EventHandler<ChaptersRadioGroupEvents['change']>;
}

/**********************************************************************************************
* MediaMenuButton
/**********************************************************************************************/

export interface MediaMenuButtonComponent {
  (props: MediaMenuButtonAttributes): MediaMenuButtonElement;
}

export interface MediaMenuButtonAttributes extends Partial<MenuButtonProps>, MediaMenuButtonEventAttributes, Omit<HTMLAttributes, keyof MenuButtonProps | keyof MediaMenuButtonEventAttributes | "is">, Omit<ReservedProps, 'ref'> {
  'keep-alive'?: boolean;
  ref?: ElementRef<MediaMenuButtonElement>;
}

export interface MediaMenuButtonEventAttributes {
  onSelect?: EventHandler<MenuButtonEvents['select']>;
}

/**********************************************************************************************
* MediaMenu
/**********************************************************************************************/

export interface MediaMenuComponent {
  (props: MediaMenuAttributes): MediaMenuElement;
}

export interface MediaMenuAttributes extends Partial<MenuProps>, MediaMenuEventAttributes, Omit<HTMLAttributes, keyof MenuProps | keyof MediaMenuEventAttributes | "is">, Omit<ReservedProps, 'ref'> {
  'keep-alive'?: boolean;
  ref?: ElementRef<MediaMenuElement>;
}

export interface MediaMenuEventAttributes {
  onOpen?: EventHandler<MenuEvents['open']>;
  onClose?: EventHandler<MenuEvents['close']>;
  onMediaPauseControlsRequest?: EventHandler<MenuEvents['media-pause-controls-request']>;
  onMediaResumeControlsRequest?: EventHandler<MenuEvents['media-resume-controls-request']>;
}

/**********************************************************************************************
* MediaMenuItem
/**********************************************************************************************/

export interface MediaMenuItemComponent {
  (props: MediaMenuItemAttributes): MediaMenuItemElement;
}

export interface MediaMenuItemAttributes extends Partial<MenuButtonProps>, MediaMenuItemEventAttributes, Omit<HTMLAttributes, keyof MenuButtonProps | keyof MediaMenuItemEventAttributes | "is">, Omit<ReservedProps, 'ref'> {
  'keep-alive'?: boolean;
  ref?: ElementRef<MediaMenuItemElement>;
}

export interface MediaMenuItemEventAttributes {
  onSelect?: EventHandler<MenuButtonEvents['select']>;
}

/**********************************************************************************************
* MediaMenuItems
/**********************************************************************************************/

export interface MediaMenuItemsComponent {
  (props: MediaMenuItemsAttributes): MediaMenuItemsElement;
}

export interface MediaMenuItemsAttributes extends Partial<MenuItemsProps>, Omit<HTMLAttributes, keyof MenuItemsProps | "is">, Omit<ReservedProps, 'ref'> {
  'keep-alive'?: boolean;
  ref?: ElementRef<MediaMenuItemsElement>;
}


/**********************************************************************************************
* MediaMenuPortal
/**********************************************************************************************/

export interface MediaMenuPortalComponent {
  (props: MediaMenuPortalAttributes): MediaMenuPortalElement;
}

export interface MediaMenuPortalAttributes extends Partial<MenuPortalProps>, Omit<HTMLAttributes, keyof MenuPortalProps | "is">, Omit<ReservedProps, 'ref'> {
  'keep-alive'?: boolean;
  ref?: ElementRef<MediaMenuPortalElement>;
}


/**********************************************************************************************
* MediaQualityRadioGroup
/**********************************************************************************************/

export interface MediaQualityRadioGroupComponent {
  (props: MediaQualityRadioGroupAttributes): MediaQualityRadioGroupElement;
}

export interface MediaQualityRadioGroupAttributes extends Partial<QualityRadioGroupProps>, MediaQualityRadioGroupEventAttributes, Omit<HTMLAttributes, keyof QualityRadioGroupProps | keyof MediaQualityRadioGroupEventAttributes | "is">, Omit<ReservedProps, 'ref'> {
  'keep-alive'?: boolean;
  ref?: ElementRef<MediaQualityRadioGroupElement>;
}

export interface MediaQualityRadioGroupEventAttributes {
  onChange?: EventHandler<QualityRadioGroupEvents['change']>;
}

/**********************************************************************************************
* MediaRadio
/**********************************************************************************************/

export interface MediaRadioComponent {
  (props: MediaRadioAttributes): MediaRadioElement;
}

export interface MediaRadioAttributes extends Partial<RadioProps>, MediaRadioEventAttributes, Omit<HTMLAttributes, keyof RadioProps | keyof MediaRadioEventAttributes | "is">, Omit<ReservedProps, 'ref'> {
  'keep-alive'?: boolean;
  ref?: ElementRef<MediaRadioElement>;
}

export interface MediaRadioEventAttributes {
  onChange?: EventHandler<RadioEvents['change']>;
  onSelect?: EventHandler<RadioEvents['select']>;
}

/**********************************************************************************************
* MediaRadioGroup
/**********************************************************************************************/

export interface MediaRadioGroupComponent {
  (props: MediaRadioGroupAttributes): MediaRadioGroupElement;
}

export interface MediaRadioGroupAttributes extends Partial<RadioGroupProps>, MediaRadioGroupEventAttributes, Omit<HTMLAttributes, keyof RadioGroupProps | keyof MediaRadioGroupEventAttributes | "is">, Omit<ReservedProps, 'ref'> {
  'keep-alive'?: boolean;
  ref?: ElementRef<MediaRadioGroupElement>;
}

export interface MediaRadioGroupEventAttributes {
  onChange?: EventHandler<RadioGroupEvents['change']>;
}

/**********************************************************************************************
* MediaSpeedRadioGroup
/**********************************************************************************************/

export interface MediaSpeedRadioGroupComponent {
  (props: MediaSpeedRadioGroupAttributes): MediaSpeedRadioGroupElement;
}

export interface MediaSpeedRadioGroupAttributes extends Partial<SpeedRadioGroupProps>, MediaSpeedRadioGroupEventAttributes, Omit<HTMLAttributes, keyof SpeedRadioGroupProps | keyof MediaSpeedRadioGroupEventAttributes | "is">, Omit<ReservedProps, 'ref'> {
  'keep-alive'?: boolean;
  ref?: ElementRef<MediaSpeedRadioGroupElement>;
}

export interface MediaSpeedRadioGroupEventAttributes {
  onChange?: EventHandler<SpeedRadioGroupEvents['change']>;
}

/**********************************************************************************************
* MediaPlayer
/**********************************************************************************************/

export interface MediaPlayerComponent {
  (props: MediaPlayerAttributes): MediaPlayerElement;
}

export interface MediaPlayerAttributes extends Partial<MediaPlayerProps>, MediaPlayerEventAttributes, Omit<HTMLAttributes, keyof MediaPlayerProps | keyof MediaPlayerEventAttributes | "is">, Omit<ReservedProps, 'ref'> {
  'keep-alive'?: boolean;
  ref?: ElementRef<MediaPlayerElement>;
}

export interface MediaPlayerEventAttributes {
  onMediaPlayerConnect?: EventHandler<MediaPlayerEvents['media-player-connect']>;
  onFindMediaPlayer?: EventHandler<MediaPlayerEvents['find-media-player']>;
  onVdsFontChange?: EventHandler<MediaPlayerEvents['vds-font-change']>;
  onAudioTracksChange?: EventHandler<MediaPlayerEvents['audio-tracks-change']>;
  onAudioTrackChange?: EventHandler<MediaPlayerEvents['audio-track-change']>;
  onAudioGainChange?: EventHandler<MediaPlayerEvents['audio-gain-change']>;
  onAutoPlayChange?: EventHandler<MediaPlayerEvents['auto-play-change']>;
  onAutoPlayFail?: EventHandler<MediaPlayerEvents['auto-play-fail']>;
  onCanLoad?: EventHandler<MediaPlayerEvents['can-load']>;
  onCanLoadPoster?: EventHandler<MediaPlayerEvents['can-load-poster']>;
  onCanPlayThrough?: EventHandler<MediaPlayerEvents['can-play-through']>;
  onCanPlay?: EventHandler<MediaPlayerEvents['can-play']>;
  onControlsChange?: EventHandler<MediaPlayerEvents['controls-change']>;
  onDurationChange?: EventHandler<MediaPlayerEvents['duration-change']>;
  onFullscreenChange?: EventHandler<MediaPlayerEvents['fullscreen-change']>;
  onFullscreenError?: EventHandler<MediaPlayerEvents['fullscreen-error']>;
  onLiveChange?: EventHandler<MediaPlayerEvents['live-change']>;
  onLiveEdgeChange?: EventHandler<MediaPlayerEvents['live-edge-change']>;
  onLoadStart?: EventHandler<MediaPlayerEvents['load-start']>;
  onLoadedData?: EventHandler<MediaPlayerEvents['loaded-data']>;
  onLoadedMetadata?: EventHandler<MediaPlayerEvents['loaded-metadata']>;
  onLoopChange?: EventHandler<MediaPlayerEvents['loop-change']>;
  onMediaTypeChange?: EventHandler<MediaPlayerEvents['media-type-change']>;
  onOrientationChange?: EventHandler<MediaPlayerEvents['orientation-change']>;
  onPlayFail?: EventHandler<MediaPlayerEvents['play-fail']>;
  onPlaysInlineChange?: EventHandler<MediaPlayerEvents['plays-inline-change']>;
  onPosterChange?: EventHandler<MediaPlayerEvents['poster-change']>;
  onProviderChange?: EventHandler<MediaPlayerEvents['provider-change']>;
  onProviderLoaderChange?: EventHandler<MediaPlayerEvents['provider-loader-change']>;
  onProviderSetup?: EventHandler<MediaPlayerEvents['provider-setup']>;
  onPictureInPictureChange?: EventHandler<MediaPlayerEvents['picture-in-picture-change']>;
  onPictureInPictureError?: EventHandler<MediaPlayerEvents['picture-in-picture-error']>;
  onQualitiesChange?: EventHandler<MediaPlayerEvents['qualities-change']>;
  onQualityChange?: EventHandler<MediaPlayerEvents['quality-change']>;
  onRateChange?: EventHandler<MediaPlayerEvents['rate-change']>;
  onRemotePlaybackChange?: EventHandler<MediaPlayerEvents['remote-playback-change']>;
  onSourceChange?: EventHandler<MediaPlayerEvents['source-change']>;
  onSourcesChange?: EventHandler<MediaPlayerEvents['sources-change']>;
  onTimeChange?: EventHandler<MediaPlayerEvents['time-change']>;
  onTimeUpdate?: EventHandler<MediaPlayerEvents['time-update']>;
  onTitleChange?: EventHandler<MediaPlayerEvents['title-change']>;
  onStreamTypeChange?: EventHandler<MediaPlayerEvents['stream-type-change']>;
  onTextTracksChange?: EventHandler<MediaPlayerEvents['text-tracks-change']>;
  onTextTrackChange?: EventHandler<MediaPlayerEvents['text-track-change']>;
  onViewTypeChange?: EventHandler<MediaPlayerEvents['view-type-change']>;
  onVolumeChange?: EventHandler<MediaPlayerEvents['volume-change']>;
  onAbort?: EventHandler<MediaPlayerEvents['abort']>;
  onAutoPlay?: EventHandler<MediaPlayerEvents['auto-play']>;
  onDestroy?: EventHandler<MediaPlayerEvents['destroy']>;
  onEmptied?: EventHandler<MediaPlayerEvents['emptied']>;
  onEnd?: EventHandler<MediaPlayerEvents['end']>;
  onEnded?: EventHandler<MediaPlayerEvents['ended']>;
  onError?: EventHandler<MediaPlayerEvents['error']>;
  onPause?: EventHandler<MediaPlayerEvents['pause']>;
  onPlay?: EventHandler<MediaPlayerEvents['play']>;
  onPlaying?: EventHandler<MediaPlayerEvents['playing']>;
  onProgress?: EventHandler<MediaPlayerEvents['progress']>;
  onReplay?: EventHandler<MediaPlayerEvents['replay']>;
  onSeeked?: EventHandler<MediaPlayerEvents['seeked']>;
  onSeeking?: EventHandler<MediaPlayerEvents['seeking']>;
  onStalled?: EventHandler<MediaPlayerEvents['stalled']>;
  onStarted?: EventHandler<MediaPlayerEvents['started']>;
  onSuspend?: EventHandler<MediaPlayerEvents['suspend']>;
  onWaiting?: EventHandler<MediaPlayerEvents['waiting']>;
  onMediaAirplayRequest?: EventHandler<MediaPlayerEvents['media-airplay-request']>;
  onMediaAudioTrackChangeRequest?: EventHandler<MediaPlayerEvents['media-audio-track-change-request']>;
  onMediaClipStartChangeRequest?: EventHandler<MediaPlayerEvents['media-clip-start-change-request']>;
  onMediaClipEndChangeRequest?: EventHandler<MediaPlayerEvents['media-clip-end-change-request']>;
  onMediaDurationChangeRequest?: EventHandler<MediaPlayerEvents['media-duration-change-request']>;
  onMediaEnterFullscreenRequest?: EventHandler<MediaPlayerEvents['media-enter-fullscreen-request']>;
  onMediaExitFullscreenRequest?: EventHandler<MediaPlayerEvents['media-exit-fullscreen-request']>;
  onMediaEnterPipRequest?: EventHandler<MediaPlayerEvents['media-enter-pip-request']>;
  onMediaExitPipRequest?: EventHandler<MediaPlayerEvents['media-exit-pip-request']>;
  onMediaGoogleCastRequest?: EventHandler<MediaPlayerEvents['media-google-cast-request']>;
  onMediaLiveEdgeRequest?: EventHandler<MediaPlayerEvents['media-live-edge-request']>;
  onMediaLoopRequest?: EventHandler<MediaPlayerEvents['media-loop-request']>;
  onMediaUserLoopChangeRequest?: EventHandler<MediaPlayerEvents['media-user-loop-change-request']>;
  onMediaOrientationLockRequest?: EventHandler<MediaPlayerEvents['media-orientation-lock-request']>;
  onMediaOrientationUnlockRequest?: EventHandler<MediaPlayerEvents['media-orientation-unlock-request']>;
  onMediaMuteRequest?: EventHandler<MediaPlayerEvents['media-mute-request']>;
  onMediaPauseRequest?: EventHandler<MediaPlayerEvents['media-pause-request']>;
  onMediaPauseControlsRequest?: EventHandler<MediaPlayerEvents['media-pause-controls-request']>;
  onMediaPlayRequest?: EventHandler<MediaPlayerEvents['media-play-request']>;
  onMediaQualityChangeRequest?: EventHandler<MediaPlayerEvents['media-quality-change-request']>;
  onMediaRateChangeRequest?: EventHandler<MediaPlayerEvents['media-rate-change-request']>;
  onMediaAudioGainChangeRequest?: EventHandler<MediaPlayerEvents['media-audio-gain-change-request']>;
  onMediaResumeControlsRequest?: EventHandler<MediaPlayerEvents['media-resume-controls-request']>;
  onMediaSeekRequest?: EventHandler<MediaPlayerEvents['media-seek-request']>;
  onMediaSeekingRequest?: EventHandler<MediaPlayerEvents['media-seeking-request']>;
  onMediaStartLoading?: EventHandler<MediaPlayerEvents['media-start-loading']>;
  onMediaPosterStartLoading?: EventHandler<MediaPlayerEvents['media-poster-start-loading']>;
  onMediaTextTrackChangeRequest?: EventHandler<MediaPlayerEvents['media-text-track-change-request']>;
  onMediaUnmuteRequest?: EventHandler<MediaPlayerEvents['media-unmute-request']>;
  onMediaVolumeChangeRequest?: EventHandler<MediaPlayerEvents['media-volume-change-request']>;
  onVdsLog?: EventHandler<MediaPlayerEvents['vds-log']>;
  onVideoPresentationChange?: EventHandler<MediaPlayerEvents['video-presentation-change']>;
  onHlsLibLoadStart?: EventHandler<MediaPlayerEvents['hls-lib-load-start']>;
  onHlsLibLoaded?: EventHandler<MediaPlayerEvents['hls-lib-loaded']>;
  onHlsLibLoadError?: EventHandler<MediaPlayerEvents['hls-lib-load-error']>;
  onHlsInstance?: EventHandler<MediaPlayerEvents['hls-instance']>;
  onHlsUnsupported?: EventHandler<MediaPlayerEvents['hls-unsupported']>;
  onHlsMediaAttaching?: EventHandler<MediaPlayerEvents['hls-media-attaching']>;
  onHlsMediaAttached?: EventHandler<MediaPlayerEvents['hls-media-attached']>;
  onHlsMediaDetaching?: EventHandler<MediaPlayerEvents['hls-media-detaching']>;
  onHlsMediaDetached?: EventHandler<MediaPlayerEvents['hls-media-detached']>;
  onHlsBufferReset?: EventHandler<MediaPlayerEvents['hls-buffer-reset']>;
  onHlsBufferCodecs?: EventHandler<MediaPlayerEvents['hls-buffer-codecs']>;
  onHlsBufferCreated?: EventHandler<MediaPlayerEvents['hls-buffer-created']>;
  onHlsBufferAppending?: EventHandler<MediaPlayerEvents['hls-buffer-appending']>;
  onHlsBufferAppended?: EventHandler<MediaPlayerEvents['hls-buffer-appended']>;
  onHlsBufferEos?: EventHandler<MediaPlayerEvents['hls-buffer-eos']>;
  onHlsBufferFlushing?: EventHandler<MediaPlayerEvents['hls-buffer-flushing']>;
  onHlsBufferFlushed?: EventHandler<MediaPlayerEvents['hls-buffer-flushed']>;
  onHlsManifestLoading?: EventHandler<MediaPlayerEvents['hls-manifest-loading']>;
  onHlsManifestLoaded?: EventHandler<MediaPlayerEvents['hls-manifest-loaded']>;
  onHlsManifestParsed?: EventHandler<MediaPlayerEvents['hls-manifest-parsed']>;
  onHlsLevelSwitching?: EventHandler<MediaPlayerEvents['hls-level-switching']>;
  onHlsLevelSwitched?: EventHandler<MediaPlayerEvents['hls-level-switched']>;
  onHlsLevelLoading?: EventHandler<MediaPlayerEvents['hls-level-loading']>;
  onHlsLevelLoaded?: EventHandler<MediaPlayerEvents['hls-level-loaded']>;
  onHlsLevelUpdated?: EventHandler<MediaPlayerEvents['hls-level-updated']>;
  onHlsLevelPtsUpdated?: EventHandler<MediaPlayerEvents['hls-level-pts-updated']>;
  onHlsLevelsUpdated?: EventHandler<MediaPlayerEvents['hls-levels-updated']>;
  onHlsAudioTracksUpdated?: EventHandler<MediaPlayerEvents['hls-audio-tracks-updated']>;
  onHlsAudioTrackSwitching?: EventHandler<MediaPlayerEvents['hls-audio-track-switching']>;
  onHlsAudioTrackSwitched?: EventHandler<MediaPlayerEvents['hls-audio-track-switched']>;
  onHlsAudioTrackLoading?: EventHandler<MediaPlayerEvents['hls-audio-track-loading']>;
  onHlsAudioTrackLoaded?: EventHandler<MediaPlayerEvents['hls-audio-track-loaded']>;
  onHlsSubtitleTracksUpdated?: EventHandler<MediaPlayerEvents['hls-subtitle-tracks-updated']>;
  onHlsSubtitleTracksCleared?: EventHandler<MediaPlayerEvents['hls-subtitle-tracks-cleared']>;
  onHlsSubtitleTrackSwitch?: EventHandler<MediaPlayerEvents['hls-subtitle-track-switch']>;
  onHlsSubtitleTrackLoading?: EventHandler<MediaPlayerEvents['hls-subtitle-track-loading']>;
  onHlsSubtitleTrackLoaded?: EventHandler<MediaPlayerEvents['hls-subtitle-track-loaded']>;
  onHlsSubtitleFragProcessed?: EventHandler<MediaPlayerEvents['hls-subtitle-frag-processed']>;
  onHlsCuesParsed?: EventHandler<MediaPlayerEvents['hls-cues-parsed']>;
  onHlsNonNativeTextTracksFound?: EventHandler<MediaPlayerEvents['hls-non-native-text-tracks-found']>;
  onHlsInitPtsFound?: EventHandler<MediaPlayerEvents['hls-init-pts-found']>;
  onHlsFragLoading?: EventHandler<MediaPlayerEvents['hls-frag-loading']>;
  onHlsFragLoadEmergencyAborted?: EventHandler<MediaPlayerEvents['hls-frag-load-emergency-aborted']>;
  onHlsFragLoaded?: EventHandler<MediaPlayerEvents['hls-frag-loaded']>;
  onHlsFragDecrypted?: EventHandler<MediaPlayerEvents['hls-frag-decrypted']>;
  onHlsFragParsingInitSegment?: EventHandler<MediaPlayerEvents['hls-frag-parsing-init-segment']>;
  onHlsFragParsingUserdata?: EventHandler<MediaPlayerEvents['hls-frag-parsing-userdata']>;
  onHlsFragParsingMetadata?: EventHandler<MediaPlayerEvents['hls-frag-parsing-metadata']>;
  onHlsFragParsed?: EventHandler<MediaPlayerEvents['hls-frag-parsed']>;
  onHlsFragBufferedData?: EventHandler<MediaPlayerEvents['hls-frag-buffered-data']>;
  onHlsFragChanged?: EventHandler<MediaPlayerEvents['hls-frag-changed']>;
  onHlsFpsDrop?: EventHandler<MediaPlayerEvents['hls-fps-drop']>;
  onHlsFpsDropLevelCapping?: EventHandler<MediaPlayerEvents['hls-fps-drop-level-capping']>;
  onHlsError?: EventHandler<MediaPlayerEvents['hls-error']>;
  onHlsDestroying?: EventHandler<MediaPlayerEvents['hls-destroying']>;
  onHlsKeyLoading?: EventHandler<MediaPlayerEvents['hls-key-loading']>;
  onHlsKeyLoaded?: EventHandler<MediaPlayerEvents['hls-key-loaded']>;
  onHlsBackBufferReached?: EventHandler<MediaPlayerEvents['hls-back-buffer-reached']>;
  onDashLibLoadStart?: EventHandler<MediaPlayerEvents['dash-lib-load-start']>;
  onDashLibLoaded?: EventHandler<MediaPlayerEvents['dash-lib-loaded']>;
  onDashLibLoadError?: EventHandler<MediaPlayerEvents['dash-lib-load-error']>;
  onDashInstance?: EventHandler<MediaPlayerEvents['dash-instance']>;
  onDashUnsupported?: EventHandler<MediaPlayerEvents['dash-unsupported']>;
  onDashAstInFuture?: EventHandler<MediaPlayerEvents['dash-ast-in-future']>;
  onDashBaseUrlsUpdated?: EventHandler<MediaPlayerEvents['dash-base-urls-updated']>;
  onDashBufferEmpty?: EventHandler<MediaPlayerEvents['dash-buffer-empty']>;
  onDashBufferLoaded?: EventHandler<MediaPlayerEvents['dash-buffer-loaded']>;
  onDashBufferLevelStateChanged?: EventHandler<MediaPlayerEvents['dash-buffer-level-state-changed']>;
  onDashBufferLevelUpdated?: EventHandler<MediaPlayerEvents['dash-buffer-level-updated']>;
  onDashDvbFontDownloadAdded?: EventHandler<MediaPlayerEvents['dash-dvb-font-download-added']>;
  onDashDvbFontDownloadComplete?: EventHandler<MediaPlayerEvents['dash-dvb-font-download-complete']>;
  onDashDvbFontDownloadFailed?: EventHandler<MediaPlayerEvents['dash-dvb-font-download-failed']>;
  onDashDynamicToStatic?: EventHandler<MediaPlayerEvents['dash-dynamic-to-static']>;
  onDashError?: EventHandler<MediaPlayerEvents['dash-error']>;
  onDashFragmentLoadingCompleted?: EventHandler<MediaPlayerEvents['dash-fragment-loading-completed']>;
  onDashFragmentLoadingProgress?: EventHandler<MediaPlayerEvents['dash-fragment-loading-progress']>;
  onDashFragmentLoadingStarted?: EventHandler<MediaPlayerEvents['dash-fragment-loading-started']>;
  onDashFragmentLoadingAbandoned?: EventHandler<MediaPlayerEvents['dash-fragment-loading-abandoned']>;
  onDashLog?: EventHandler<MediaPlayerEvents['dash-log']>;
  onDashManifestLoadingStarted?: EventHandler<MediaPlayerEvents['dash-manifest-loading-started']>;
  onDashManifestLoadingFinished?: EventHandler<MediaPlayerEvents['dash-manifest-loading-finished']>;
  onDashManifestLoaded?: EventHandler<MediaPlayerEvents['dash-manifest-loaded']>;
  onDashMetricsChanged?: EventHandler<MediaPlayerEvents['dash-metrics-changed']>;
  onDashMetricChanged?: EventHandler<MediaPlayerEvents['dash-metric-changed']>;
  onDashMetricAdded?: EventHandler<MediaPlayerEvents['dash-metric-added']>;
  onDashMetricUpdated?: EventHandler<MediaPlayerEvents['dash-metric-updated']>;
  onDashPeriodSwitchStarted?: EventHandler<MediaPlayerEvents['dash-period-switch-started']>;
  onDashPeriodSwitchCompleted?: EventHandler<MediaPlayerEvents['dash-period-switch-completed']>;
  onDashQualityChangeRequested?: EventHandler<MediaPlayerEvents['dash-quality-change-requested']>;
  onDashQualityChangeRendered?: EventHandler<MediaPlayerEvents['dash-quality-change-rendered']>;
  onDashTrackChangeRendered?: EventHandler<MediaPlayerEvents['dash-track-change-rendered']>;
  onDashStreamInitializing?: EventHandler<MediaPlayerEvents['dash-stream-initializing']>;
  onDashStreamUpdated?: EventHandler<MediaPlayerEvents['dash-stream-updated']>;
  onDashStreamActivated?: EventHandler<MediaPlayerEvents['dash-stream-activated']>;
  onDashStreamDeactivated?: EventHandler<MediaPlayerEvents['dash-stream-deactivated']>;
  onDashStreamInitialized?: EventHandler<MediaPlayerEvents['dash-stream-initialized']>;
  onDashStreamTeardownComplete?: EventHandler<MediaPlayerEvents['dash-stream-teardown-complete']>;
  onDashTextTracksAdded?: EventHandler<MediaPlayerEvents['dash-text-tracks-added']>;
  onDashTextTrackAdded?: EventHandler<MediaPlayerEvents['dash-text-track-added']>;
  onDashCueEnter?: EventHandler<MediaPlayerEvents['dash-cue-enter']>;
  onDashCueExit?: EventHandler<MediaPlayerEvents['dash-cue-exit']>;
  onDashThroughputMeasurementStored?: EventHandler<MediaPlayerEvents['dash-throughput-measurement-stored']>;
  onDashTtmlParsed?: EventHandler<MediaPlayerEvents['dash-ttml-parsed']>;
  onDashTtmlToParse?: EventHandler<MediaPlayerEvents['dash-ttml-to-parse']>;
  onDashCaptionRendered?: EventHandler<MediaPlayerEvents['dash-caption-rendered']>;
  onDashCaptionContainerResize?: EventHandler<MediaPlayerEvents['dash-caption-container-resize']>;
  onDashCanPlay?: EventHandler<MediaPlayerEvents['dash-can-play']>;
  onDashCanPlayThrough?: EventHandler<MediaPlayerEvents['dash-can-play-through']>;
  onDashPlaybackEnded?: EventHandler<MediaPlayerEvents['dash-playback-ended']>;
  onDashPlaybackError?: EventHandler<MediaPlayerEvents['dash-playback-error']>;
  onDashPlaybackNotAllowed?: EventHandler<MediaPlayerEvents['dash-playback-not-allowed']>;
  onDashPlaybackMetadataLoaded?: EventHandler<MediaPlayerEvents['dash-playback-metadata-loaded']>;
  onDashPlaybackLoadedData?: EventHandler<MediaPlayerEvents['dash-playback-loaded-data']>;
  onDashPlaybackPaused?: EventHandler<MediaPlayerEvents['dash-playback-paused']>;
  onDashPlaybackPlaying?: EventHandler<MediaPlayerEvents['dash-playback-playing']>;
  onDashPlaybackProgress?: EventHandler<MediaPlayerEvents['dash-playback-progress']>;
  onDashPlaybackRateChanged?: EventHandler<MediaPlayerEvents['dash-playback-rate-changed']>;
  onDashPlaybackSeeked?: EventHandler<MediaPlayerEvents['dash-playback-seeked']>;
  onDashPlaybackSeeking?: EventHandler<MediaPlayerEvents['dash-playback-seeking']>;
  onDashPlaybackStalled?: EventHandler<MediaPlayerEvents['dash-playback-stalled']>;
  onDashPlaybackStarted?: EventHandler<MediaPlayerEvents['dash-playback-started']>;
  onDashPlaybackTimeUpdated?: EventHandler<MediaPlayerEvents['dash-playback-time-updated']>;
  onDashPlaybackVolumeChanged?: EventHandler<MediaPlayerEvents['dash-playback-volume-changed']>;
  onDashPlaybackWaiting?: EventHandler<MediaPlayerEvents['dash-playback-waiting']>;
  onDashManifestValidityChanged?: EventHandler<MediaPlayerEvents['dash-manifest-validity-changed']>;
  onDashEventModeOnStart?: EventHandler<MediaPlayerEvents['dash-event-mode-on-start']>;
  onDashEventModeOnReceive?: EventHandler<MediaPlayerEvents['dash-event-mode-on-receive']>;
  onDashConformanceViolation?: EventHandler<MediaPlayerEvents['dash-conformance-violation']>;
  onDashRepresentationSwitch?: EventHandler<MediaPlayerEvents['dash-representation-switch']>;
  onDashAdaptationSetRemovedNoCapabilities?: EventHandler<MediaPlayerEvents['dash-adaptation-set-removed-no-capabilities']>;
  onDashContentSteeringRequestCompleted?: EventHandler<MediaPlayerEvents['dash-content-steering-request-completed']>;
  onDashInbandPrft?: EventHandler<MediaPlayerEvents['dash-inband-prft']>;
  onDashManagedMediaSourceStartStreaming?: EventHandler<MediaPlayerEvents['dash-managed-media-source-start-streaming']>;
  onDashManagedMediaSourceEndStreaming?: EventHandler<MediaPlayerEvents['dash-managed-media-source-end-streaming']>;
  onGoogleCastLoadStart?: EventHandler<MediaPlayerEvents['google-cast-load-start']>;
  onGoogleCastLoaded?: EventHandler<MediaPlayerEvents['google-cast-loaded']>;
  onGoogleCastPromptOpen?: EventHandler<MediaPlayerEvents['google-cast-prompt-open']>;
  onGoogleCastPromptClose?: EventHandler<MediaPlayerEvents['google-cast-prompt-close']>;
  onGoogleCastPromptError?: EventHandler<MediaPlayerEvents['google-cast-prompt-error']>;
}

/**********************************************************************************************
* MediaPoster
/**********************************************************************************************/

export interface MediaPosterComponent {
  (props: MediaPosterAttributes): Me