import { CSSResultGroup, LitElement, TemplateResult } from 'lit'; import { ElementLogger } from '../../base/logger'; export declare const SEEKABLE_PROGRESS_BAR_ELEMENT_TAG_NAME = "vds-seekable-progress-bar"; /** * Displays a progress bar from 0 to media duration with the amount of media that is seekable. * Seekable media is parts of the media that been downloaded and seeking to it won't result * in any delay or any additional loading. * * @tagname vds-seekable-progress-bar * @slot Used to pass content into the progress element. * @csspart root - The progress bar element (`
`). * @cssprop --vds-seekable-progress-bar-bg - The background color of the amount that is seekable (defaults to `#616161`). * @cssprop --vds-seekable-progress-bar-height - The height of the progress bar (defaults to `--vds-slider-track-height`). * @example * ```html * * ``` */ export declare class SeekableProgressBarElement extends LitElement { static get styles(): CSSResultGroup; static get parts(): string[]; protected readonly _logger: ElementLogger; /** * ♿ **ARIA:** The `aria-label` for the progress bar. */ label: string; /** * ♿ **ARIA:** Human-readable text alternative for the seekable amount. If you pass * in a string containing `{seekableAmount}` or `{duration}` templates they'll be replaced with * the spoken form such as `1 hour 30 minutes`. */ valueText: string; protected _mediaSeekableAmount: number; protected _mediaDuration: number; protected render(): TemplateResult; protected readonly _progressBarRef: import("lit-html/directives/ref").Ref; /** * Returns the underlying `` element. */ get progressBarElement(): HTMLProgressElement | undefined; protected _renderProgressBar(): TemplateResult; protected _getProgressBarValueText(): string; protected _renderProgressBarChildren(): TemplateResult; protected _renderProgressBarSlot(): TemplateResult; }