@rg-software/angular-archwizard
Version:
A fork of the Angular Arch Wizard adapted for angular versions 17+.
61 lines (60 loc) • 1.76 kB
TypeScript
import { WizardStep } from '../util/wizard-step.interface';
import * as i0 from "@angular/core";
/**
* The `aw-wizard-step` component is used to define a normal step inside a wizard.
*
* ### Syntax
*
* With `stepTitle` and `navigationSymbol` inputs:
*
* ```html
* <aw-wizard-step [stepTitle]="step title" [navigationSymbol]="{ symbol: 'symbol', fontFamily: 'font-family' }"
* [canExit]="deciding function" (stepEnter)="enter function" (stepExit)="exit function">
* ...
* </aw-wizard-step>
* ```
*
* With `awWizardStepTitle` and `awWizardStepSymbol` directives:
*
* ```html
* <aw-wizard-step"
* [canExit]="deciding function" (stepEnter)="enter function" (stepExit)="exit function">
* <ng-template awWizardStepTitle>
* step title
* </ng-template>
* <ng-template awWizardStepSymbol>
* symbol
* </ng-template>
* ...
* </aw-wizard-step>
* ```
*
* ### Example
*
* With `stepTitle` and `navigationSymbol` inputs:
*
* ```html
* <aw-wizard-step stepTitle="Address information" [navigationSymbol]="{ symbol: '', fontFamily: 'FontAwesome' }">
* ...
* </aw-wizard-step>
* ```
*
* With `awWizardStepTitle` and `awWizardStepSymbol` directives:
*
* ```html
* <aw-wizard-step>
* <ng-template awWizardStepTitle>
* Address information
* </ng-template>
* <ng-template awWizardStepSymbol>
* <i class="fa fa-taxi"></i>
* </ng-template>
* </aw-wizard-step>
* ```
*
* @author Marc Arndt
*/
export declare class WizardStepComponent extends WizardStep {
static ɵfac: i0.ɵɵFactoryDeclaration<WizardStepComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<WizardStepComponent, "aw-wizard-step", never, {}, {}, never, ["*"], false, never>;
}