import { WizardService } from '../services/wizard.service'; import { WizardContentComponent } from '../wizard-content/wizard-content.component'; import * as i0 from "@angular/core"; /** * Layout direction variants for the wizard component * @typedef {'vertical' | 'horizontal'} WizardVariantProps */ export type WizardVariantProps = 'vertical' | 'horizontal'; /** * A container component for multi-step workflows with navigation controls and layout management. * * @remarks * Integrates with WizardService for state management and provides template structure for wizard steps. * Supports both horizontal and vertical layouts with customizable navigation controls. * * @example * ```html * * * * * * * * * * * * * * *
* Previous * Next *
* ``` */ export declare class WizardWrapperComponent { /** * Injected wizard state management service instance * @internal */ wizardService: WizardService; /** * Controls the layout direction of the wizard steps * @default 'horizontal' * @example * ... */ variant: import("@angular/core").InputSignal; /** * Add a card style to the wizard * @default false * @example * ... */ card: import("@angular/core").InputSignal; /** * Query list of contained wizard content components * @internal */ contents: import("@angular/core").Signal; /** * Controls visibility of built-in navigation controls * @default true * @example * ... */ showControls: import("@angular/core").InputSignal; /** * Event emitted when the back button is clicked * @example * ... */ back: import("@angular/core").OutputEmitterRef; /** * Event emitted when navigating to the previous step * @example * ... */ previous: import("@angular/core").OutputEmitterRef; /** * Event emitted when navigating to the next valid step * @example * ... */ next: import("@angular/core").OutputEmitterRef; /** * Event emitted when all steps are completed * @example * ... */ complete: import("@angular/core").OutputEmitterRef; /** * Controls visibility of the loading spinner for completition button * @default false * @example * ... */ loading: import("@angular/core").InputSignal; /** @internal Material design chevron left icon */ iconChevronLeft: string; /** @internal Material design chevron right icon */ iconChevronRight: string; /** @internal Material design return arrow icon */ iconReturn: string; /** @internal Material design save/floppy disk icon */ iconSave: string; /** * Handles back navigation and emits onBack event * @emits back * @example * // Template * * * // Component * handleBack() { * this.back.emit(); * } */ handleBack(): void; /** * Navigates to previous step and emits previous event * @emits previous * @example * // Manually trigger previous step * previousStep() { * this.wizardService.previousStep(); * this.previous.emit(); * } */ handlePrevious(): void; /** * Navigates to next valid step and emits next event * @emits next * @example * // Custom next step handler * handleNext() { * if (form.valid) { * this.wizardService.nextStep(); * this.next.emit(); * } * } */ handleNext(): void; /** * Completes wizard flow and emits complete event * @emits complete * @example * // Final step handler * handleComplete() { * if (allStepsValid) { * this.complete.emit(); * } * } */ handleComplete(): void; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; }