import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime'; /** * @name Stepper * @category Display * @summary Use for guiding users through a multi-step workflow with horizontal progress. */ export declare class Q2Stepper implements ComponentInterface { listElement: HTMLUListElement; resizeObserver: ResizeObserver; scheduledAfterRender: (() => void)[]; hostElement: HTMLElement; contentChangeTriggerCount: number; scrollEnabled: boolean; showScrollLeft: boolean; showScrollRight: boolean; /** The currently selected step. */ currentStep: number; /** * The last step the user may navigate to. * @info * Will be managed automatically if not provided. */ lastEnabledStep: number; /** * Used to determine the number of steps in the stepper. * @private */ stepCount: number; /** * Emitted when the selected step changes. * @legacyEvent * @deprecated Use 'tctChange' instead */ change: EventEmitter; /** * Emitted when the selected step changes. * @legacyEvent */ tctChange: EventEmitter; disconnectedCallback(): void; componentWillLoad(): void; componentDidLoad(): void; componentDidRender(): void; defaultChangeHandler(event: CustomEvent): void; contentChangeHandler(): void; delegateFocus(event: FocusEvent): void; statusChangeHandler(event: CustomEvent): void; /** * Emulates clicking a step in the stepper and emitting the change event. * * You may provide either the step number or the stepper pane id. * * If the value is invalid or the step is locked, the method will do nothing. * @testOnly */ selectStep(value: number | string): Promise; currentStepChanged(stepNumber: number): void; lastEnabledStepChanged(): void; get allPanes(): HTMLQ2StepperPaneElement[]; checkForPanes: () => void; checkScrollState: () => void; focusStep(stepNumber: number, scrollIntoView?: boolean, forceFocus?: boolean): void; getPaneSlotOrProperty(pane: HTMLQ2StepperPaneElement, slotName: 'description' | 'label'): string; getStatusLabel(status: 'complete' | 'error' | 'pending'): string; handleUndefinedStepProperties(): void; onScrollBtnClick: (direction: "left" | "right") => void; onSlotChange: () => void; onStepClick: (event: any, selectedStep: number) => void; onStepKeyDown: (event: KeyboardEvent, stepNumber: number) => void; resizeIframe(): void; showStep(stepNumber: number): void; showStepPane(stepNumber: number): void; renderStepBtn(stepIndex: number): any; render(): any; }