@esri/calcite-components
Version:
Web Components for Esri's Calcite Design System.
54 lines (53 loc) • 1.73 kB
TypeScript
import { EventEmitter, VNode } from "../../stencil-public-runtime";
import { Scale } from "../interfaces";
export declare class CalciteStepperItem {
el: HTMLCalciteStepperItemElement;
/** is the step active */
active: boolean;
/** has the step been completed */
complete: boolean;
/** does the step contain an error that needs to be resolved by the user */
error: boolean;
/** is the step disabled and not navigable to by a user */
disabled: boolean;
/** pass a title for the stepper item */
itemTitle?: string;
/** pass a title for the stepper item */
itemSubtitle?: string;
/** pass a title for the stepper item */
/** @internal */
layout?: string;
/** should the items display an icon based on status */
/** @internal */
icon: boolean;
/** optionally display the step number next to the title and subtitle */
/** @internal */
numbered: boolean;
/** the scale of the item */
/** @internal */
scale: Scale;
disabledWatcher(): void;
calciteStepperItemKeyEvent: EventEmitter;
calciteStepperItemSelect: EventEmitter;
calciteStepperItemRegister: EventEmitter;
componentWillLoad(): void;
componentDidLoad(): void;
componentDidUpdate(): void;
render(): VNode;
keyDownHandler(e: KeyboardEvent): void;
updateActiveItemOnChange(event: CustomEvent): void;
/** position within parent */
private itemPosition;
/** the latest requested item position*/
private activePosition;
/** the slotted item content */
private itemContent;
/** the parent stepper component */
private parentStepperEl;
private renderIcon;
private determineActiveItem;
private registerStepperItem;
private emitRequestedItem;
private getItemContent;
private getItemPosition;
}