import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
interface BaseStructuredPane {
    id: string;
    label: string;
    description: string;
    isActive: boolean;
    status: string;
    disabled: boolean;
}
interface StructuredPane extends BaseStructuredPane {
    children: BaseStructuredPane[];
}
/**
 * @name Vertical Stepper
 * @category Display
 * @summary Use for guiding users through a multi-step workflow with vertical progress.
 */
export declare class Q2StepperVertical implements ComponentInterface {
    expandedStepChildrenList: HTMLUListElement;
    mutationObserver: MutationObserver;
    scheduledAfterRender: (() => void)[];
    hostElement: HTMLElement;
    structuredPanes: StructuredPane[];
    /** The `id` of the currently selected `q2-stepper-pane`. */
    currentStepId: string;
    /**
     * Emitted when the selected step changes.
     * @legacyEvent
     * @deprecated Use 'tctChange' instead
     */
    change: EventEmitter<{
        selectedStep: HTMLQ2StepperPaneElement;
        selectedStepId: string;
        currentStepId: string;
    }>;
    /**
     * Emitted when the selected step changes.
     * @legacyEvent
     */
    tctChange: EventEmitter<{
        selectedStep: HTMLQ2StepperPaneElement;
        selectedStepId: string;
        currentStepId: string;
    }>;
    disconnectedCallback(): void;
    componentWillLoad(): void;
    componentDidLoad(): void;
    componentWillUpdate(): void;
    componentDidRender(): void;
    defaultChangeHandler(event: CustomEvent): void;
    contentChangeHandler(): void;
    delegateFocus(event: FocusEvent): void;
    statusChangeHandler(): void;
    /**
     * A method to select a step corresponding with the step id.
     *
     * @testOnly
     */
    selectStep(stepId: string): Promise<void>;
    currentStepChanged(stepId: string): void;
    get allPanes(): HTMLQ2StepperPaneElement[];
    get allRootPanes(): HTMLQ2StepperPaneElement[];
    buildPaneList: () => void;
    determinePaneChanges: (mutations: MutationRecord[]) => void;
    extractDetails: (pane: HTMLQ2StepperPaneElement) => {
        id: string;
        label: string;
        description: string;
        status: "error" | "complete" | "locked";
        disabled: boolean;
    };
    focusStepBtn(stepId: string, forceFocus?: boolean): void;
    getPaneSlotOrProperty(pane: HTMLQ2StepperPaneElement, slotName: 'description' | 'label'): string;
    getStatusLabel(status: 'complete' | 'error' | 'pending'): string;
    getStepId(currentStepId: string, goTo: string): string;
    onStepClick: (event: any, stepId: string) => void;
    onStepKeyDown: (event: KeyboardEvent, stepId: string) => void;
    openCurrentStepChildren(): void;
    resizeIframe(): void;
    setDefaultPane(): void;
    showStep(stepId: string): void;
    showStepPane(stepId: string): void;
    renderChildStepBtn(pane: BaseStructuredPane, index: number, children: number): any;
    renderSpacer(pane: StructuredPane, isExpanded: boolean, isLastStep: boolean): any;
    renderStepBtn(pane: StructuredPane, index: number): any;
    render(): any;
}
export {};