import { PropertyValues } from 'lit'; import { DDSElement } from "../../base/index.js"; /** * The progress indicator is used to let the user know where they are in the task list. * * Hierarchy: * - `daikin-progress-indicator` > `daikin-progress-indicator-item` * * @slot - A slot for progress indicator items. Place `daikin-progress-indicator-item` elements here. * * @example * * ```js * import "@daikin-oss/design-system-web-components/components/progress-indicator/index.js"; * import "@daikin-oss/design-system-web-components/components/progress-indicator-item/index.js"; * ``` * * ```html * * * Title 1 * Description 1 * * * Title 2 * Description 2 * * * Title 3 * Description 3 * * * ``` */ export declare class DaikinProgressIndicator extends DDSElement { static readonly styles: import('lit').CSSResult; /** * Specify the index of the step that is currently in progress, starting from 0. This will automatically set the status of each step. * To mark all steps as upcoming, specify a number less or equal to -1. To mark all steps as completed, specify a number greater than or equal to the number of steps. */ currentItem: number; private readonly _items; private _updateSteps; private _handleSlotChange; render(): import('lit-html').TemplateResult<1>; protected firstUpdated(): void; protected updated(changedProperties: PropertyValues): void; } declare global { interface HTMLElementTagNameMap { "daikin-progress-indicator": DaikinProgressIndicator; } } export default DaikinProgressIndicator;