import { EventEmitter } from "../../stencil-public-runtime";
import { DuetLanguage, DuetMargin, DuetTheme } from "../../common-types";
import { ThemeableComponent } from "../../common/themeable-component";
import { DuetStepClickEvent } from "../duet-step/duet-step";
export type DuetStepChangeEvent = {
    component: "duet-stepper";
    fromStep: number;
    toStep: number;
};
export declare class DuetStepper implements ThemeableComponent {
    private childObserver;
    /**
     * Reference to host HTML element.
     */
    element: HTMLElement;
    language: DuetLanguage;
    /**
     * Theme of the component.
     */
    theme: DuetTheme;
    /**
     * Format of message used to announce current step when navigating between steps.
     * The string {current} is replaced with the current step number.
     * The string {total} is replaced with the total number of steps.
     */
    accessibleLive: string;
    /**
     * Controls the margin of the component.
     */
    margin: DuetMargin;
    /**
     * Controls whether navigation back to previous steps is allowed or not.
     */
    backDisabled: boolean;
    /**
     * The index of the current step.
     */
    selected: number;
    currentStepChanged(nextStep: any): void;
    currentStepInvokedDisable(): void;
    /**
     * Event emitted when the current step is changed. Can be cancelled to prevent the change.
     */
    duetStepChange: EventEmitter<DuetStepChangeEvent>;
    onDuetStepClick(e: CustomEvent<DuetStepClickEvent>): void;
    componentWillLoad(): void;
    connectedCallback(): Promise<void>;
    disconnectedCallback(): void;
    private getSteps;
    private setStepFocus;
    private updateStepState;
    private formatAnnouncement;
    /**
     * render() function
     * Always the last one in the class.
     */
    render(): any;
}