import AWCElement from '../../internal/awc-element.js'; import type { CSSResultGroup } from 'lit'; /** * @summary The stepper component can be used to show a numbered list of steps. * @documentation https://webcomponents.adeliom.io/?path=/docs/components-stepper--documentation * @status experimental * @since 1.0 * * @slot - The default slot who contain the steps items ``. * @slot completed-icon - An icon to show when the step is completed, it will be forwarded to the ``. * * @csspart base - The component's base wrapper. * * @cssproperty [--gap=var(--awc-spacing-medium)] - The gap between step badge and label. * @cssproperty [--size=var(--awc-spacing-5xlarge)] - The size of the step badge. * @cssproperty [--font-size=var(--awc-font-size-medium)] - The font size of the step badge. * @cssproperty [--badge-radius=50%] - The radius of the step badge. * @cssproperty [--track-height=var(--awc-spacing-3xsmall)] - The height of the step track and the badge border. * @cssproperty [--track-gap=var(--awc-spacing-xsmall)] - The gap between the step track and the badge border. * @cssproperty [--color=var(--awc-color-neutral-400)] - The color of the step badge content. * @cssproperty [--badge-color=var(--awc-color-neutral-400)] - The color of the step badge. * @cssproperty [--backgound-color=var(--awc-color-neutral-0)] - The background color of the step badge. * @cssproperty [--active-color=var(--awc-color-primary-600)] - The color of the step badge when active content. * @cssproperty [--active-badge-color=var(--awc-color-primary-600)] - The color of the step badge when active. * @cssproperty [--active-backgound-color=var(--awc-color-neutral-0)] - The background color of the step badge when active. * @cssproperty [--completed-color=var(--awc-color-neutral-0)] - The color of the step badge when completed content. * @cssproperty [--completed-badge-color=var(--awc-color-primary-600)] - The color of the step badge when completed. * @cssproperty [--completed-backgound-color=var(--awc-color-primary-600)] - The background color of the step badge when completed. */ export default class AWCStepper extends AWCElement { static styles: CSSResultGroup; /** An example attribute. */ vertical: boolean; private defaultSlot; private completedIconSlot; private getCompletedIcon; private handleSlotChange; render(): import("lit-html").TemplateResult<1>; }