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