import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit'; import { ElementLogger } from '../../base/logger'; export declare const SCRUBBER_PREVIEW_VIDEO_ELEMENT_TAG_NAME = "vds-scrubber-preview-video"; /** * Used to load a low-resolution video to be displayed when the user is hovering or dragging * the scrubber thumb. The point at which they're hovering or dragging 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-scrubber-preview-video * @csspart video * @example * ```html * * * * * * ``` * @example * ```css * vds-scrubber-preview-video { * bottom: 56px; * } * * vds-scrubber-preview-video::part(video) { * max-width: 168px; * } * ``` */ export declare class ScrubberPreviewVideoElement extends LitElement { static get styles(): CSSResultGroup; protected readonly _logger: ElementLogger; /** * 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: import("lit-html/directives/ref").Ref; /** * The underlying `