@aidenlx/player/types/ui/slider/events.d.ts

Headless web components that make integrating media on the a web a breeze.

import { VdsEvent } from '@vidstack/foundation';
import type { SliderElement } from './SliderElement';
export declare type SliderEvents = {
    'vds-slider-drag-start': SliderDragStartEvent;
    'vds-slider-drag-end': SliderDragEndEvent;
    'vds-slider-value-change': SliderValueChangeEvent;
    'vds-slider-drag-value-change': SliderDragValueChangeEvent;
    'vds-slider-pointer-value-change': SliderPointerValueChangeEvent;
};
export declare type VdsSliderEvent<DetailType = unknown> = VdsEvent<DetailType> & {
    target: SliderElement;
};
/**
 * Fired when the user begins interacting with the slider and dragging the thumb. The event
 * detail contains the current value the drag is starting at.
 *
 * @event
 */
export declare type SliderDragStartEvent = VdsSliderEvent<number>;
/**
 * Fired when the user stops dragging the slider thumb. The event detail contains the value
 * the drag is ending at.
 *
 * @event
 */
export declare type SliderDragEndEvent = VdsSliderEvent<number>;
/**
 * Fired when the slider value changes. The event detail contains the current value.
 *
 * @event
 */
export declare type SliderValueChangeEvent = VdsSliderEvent<number>;
/**
 * Fired when the slider drag value changes. The drag value indicates the last slider value that
 * the user has dragged to. The event detail contains the value.
 *
 * @event
 */
export declare type SliderDragValueChangeEvent = VdsSliderEvent<number>;
/**
 * Fired when the device pointer is inside the slider region and it's position changes. The
 * event detail contains the value.
 *
 * @event
 */
export declare type SliderPointerValueChangeEvent = VdsSliderEvent<number>;
//# sourceMappingURL=events.d.ts.map