@aidenlx/player/types/ui/timespan-slider/TimespanSliderElement.d.ts

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

import { type CSSResultGroup, type PropertyValues } from 'lit';
import { SliderElement } from '../slider';
/**
 * A slider that lets the user control the current media playback time.
 *
 * @tagname vds-time-slider
 * @example
 * ```html
 * <vds-time-slider>
 *   <div class="thumb"></div>
 * </vds-time-slider>
 * ```
 */
export declare class TimespanSliderElement extends SliderElement {
    static get styles(): CSSResultGroup;
    constructor();
    connectedCallback(): void;
    protected _step: number;
    /**
     * A number that specifies the granularity that the slider value must adhere to.
     */
    get step(): number;
    /**
     * Represents the current media playback time.
     *
     * @internal
     */
    value: number;
    get min(): number;
    set min(newMin: number);
    get max(): number;
    set max(newMax: number);
    /**
     * ♿ **ARIA:** Human-readable text alternative for the current slider value. If you pass
     * in a string containing `{currentTime}` or `{duration}` templates they'll be replaced with
     * the spoken form such as `1 hour 30 minutes`.
     */
    valueText: string;
    /**
     * Whether it should request playback to pause while the user is dragging the
     * thumb. If the media was playing before the dragging starts, the state will be restored by
     * dispatching a user play request once the dragging ends.
     */
    pauseWhileDragging: boolean;
    /**
     * The amount of milliseconds to throttle media seeking request events being dispatched.
     */
    seekingRequestThrottle: number;
    protected __mediaDuration: number;
    protected __mediaPaused: boolean;
    protected update(changedProperties: PropertyValues): void;
    disconnectedCallback(): void;
    protected _getValueMin(): string;
    protected _getValueNow(): string;
    protected _getValueText(): string;
    protected _getValueMax(): string;
    protected readonly _handleSliderDragStart: void;
    protected readonly _handleSliderValueChange: void;
    protected readonly _handleSliderDragValueChange: void;
    protected readonly _handleSliderDragEnd: void;
    protected readonly _dispatchSeekingRequest: ((event: Event) => void) & {
        cancel: () => void;
        flush: () => void;
    };
    protected _wasPlayingBeforeDragStart: boolean;
    protected _togglePlaybackWhileDragging(event: Event): void;
}
//# sourceMappingURL=TimespanSliderElement.d.ts.map