@esri/calcite-components/dist/types/components/calcite-stepper/calcite-stepper.d.ts

Web Components for Esri's Calcite Design System.

import { EventEmitter, VNode } from "../../stencil-public-runtime";
import { Layout, Scale, Theme } from "../interfaces";
export declare class CalciteStepper {
  el: HTMLCalciteStepperElement;
  /** optionally display a status icon next to the step title */
  icon: boolean;
  /** specify the layout of stepper, defaults to horizontal */
  layout: Layout;
  /** optionally display the number next to the step title */
  numbered: boolean;
  /** specify the scale of stepper, defaults to m */
  scale: Scale;
  /** specify the theme of stepper, defaults to light */
  theme: Theme;
  /** @internal */
  requestedContent: HTMLElement[] | NodeListOf<any>;
  contentWatcher(): void;
  calciteStepperItemChange: EventEmitter;
  componentDidLoad(): void;
  componentWillLoad(): void;
  render(): VNode;
  calciteStepperItemKeyEvent(e: CustomEvent): void;
  registerItem(event: CustomEvent): void;
  updateItem(event: CustomEvent): void;
  /** set the next step as active */
  nextStep(): Promise<void>;
  /** set the previous step as active */
  prevStep(): Promise<void>;
  /** set the requested step as active */
  goToStep(num: number): Promise<void>;
  /** set the first step as active */
  startStep(): Promise<void>;
  /** set the last step as active */
  endStep(): Promise<void>;
  /** created list of Stepper items */
  private items;
  /** sorted list of Stepper items */
  private sortedItems;
  /** keep track of the currently active item position */
  private currentPosition;
  /** the container where we place horizontal layout step content */
  private stepperContentContainer;
  private addHorizontalContentContainer;
  private emitChangedItem;
  private focusFirstItem;
  private focusLastItem;
  private focusNextItem;
  private focusPrevItem;
  private itemIndex;
  private focusElement;
  private sortItems;
  private updateContent;
}