import { type CSSResultGroup, LitElement, type PropertyValues, type TemplateResult } from 'lit';
import { type Ref } from 'lit/directives/ref.js';
/**
 * Used to load a low-resolution video to be displayed when the user is hovering or dragging
 * the slider. The point at which they're hovering or dragging (`pointerValue`) is the preview
 * time position. The video will automatically be updated to match, so ensure it's of the same
 * length as the original.
 *
 * 💡 The following attributes are updated for your styling needs:
 *
 * - `video-can-play`: Applied when the video is ready for playback.
 * - `video-error`: Applied when a media error has been encountered.
 *
 * 💡 The `canplay` and `error` events are re-dispatched by this element for you to listen to if
 * needed.
 *
 * @tagname vds-slider-video
 * @csspart video - The video element.
 * @example
 * ```html
 * <vds-time-slider>
 *  <vds-slider-video
 *    src="/low-res-video.mp4"
 *  ></vds-slider-video>
 * </vds-time-slider>
 * ```
 */
export declare class SliderVideoElement extends LitElement {
    static get styles(): CSSResultGroup;
    constructor();
    /**
     * The URL of a media resource to use.
     *
     * @link https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/src
     */
    src: string | undefined;
    protected readonly _videoRef: Ref<HTMLVideoElement>;
    /**
     * The underlying `<video>` element.
     */
    get videoElement(): HTMLVideoElement | undefined;
    protected _updateCurrentTime(seconds: number): void;
    willUpdate(changedProperties: PropertyValues): void;
    protected render(): TemplateResult;
    protected _renderVideo(): TemplateResult;
    protected __canPlay: boolean;
    protected _handleCanPlay(event: Event): Promise<void>;
    protected __hasError: boolean;
    protected _handleError(event: Event): void;
}
//# sourceMappingURL=SliderVideoElement.d.ts.map