UNPKG

angular-archwizard

Version:

An Angular 9+ module containing a wizard component and its supporting components and directives

85 lines (84 loc) 3.05 kB
import { WizardStep } from '../util/wizard-step.interface'; import { WizardComponent } from './wizard.component'; /** * The `aw-wizard-navigation-bar` component contains the navigation bar inside a [[WizardComponent]]. * To correctly display the navigation bar, it's required to set the right css classes for the navigation bar, * otherwise it will look like a normal `ul` component. * * ### Syntax * * ```html * <aw-wizard-navigation-bar></aw-wizard-navigation-bar> * ``` * * @author Marc Arndt */ export declare class WizardNavigationBarComponent { wizard: WizardComponent; /** * Constructor * * @param wizard The state the wizard currently resides in */ constructor(wizard: WizardComponent); /** * Returns all [[WizardStep]]s contained in the wizard * * @returns An array containing all [[WizardStep]]s */ get wizardSteps(): Array<WizardStep>; /** * Returns the number of wizard steps, that need to be displaced in the navigation bar * * @returns The number of wizard steps to be displayed */ get numberOfWizardSteps(): number; /** * Checks, whether a [[WizardStep]] can be marked as `current` in the navigation bar * * @param wizardStep The wizard step to be checked * @returns True if the step can be marked as `current` */ isCurrent(wizardStep: WizardStep): boolean; /** * Checks, whether a [[WizardStep]] can be marked as `editing` in the navigation bar * * @param wizardStep The wizard step to be checked * @returns True if the step can be marked as `editing` */ isEditing(wizardStep: WizardStep): boolean; /** * Checks, whether a [[WizardStep]] can be marked as `done` in the navigation bar * * @param wizardStep The wizard step to be checked * @returns True if the step can be marked as `done` */ isDone(wizardStep: WizardStep): boolean; /** * Checks, whether a [[WizardStep]] can be marked as `optional` in the navigation bar * * @param wizardStep The wizard step to be checked * @returns True if the step can be marked as `optional` */ isOptional(wizardStep: WizardStep): boolean; /** * Checks, whether a [[WizardStep]] can be marked as `completed` in the navigation bar. * * The `completed` class is only applied to completion steps. * * @param wizardStep The wizard step to be checked * @returns True if the step can be marked as `completed` */ isCompleted(wizardStep: WizardStep): boolean; /** * Checks, whether a [[WizardStep]] can be marked as `navigable` in the navigation bar. * A wizard step can be navigated to if: * - the step is currently not selected * - the navigation bar isn't disabled * - the navigation mode allows navigation to the step * * @param wizardStep The wizard step to be checked * @returns True if the step can be marked as navigable */ isNavigable(wizardStep: WizardStep): boolean; }