@sixbell-telco/sdk
Version:
A collection of reusable components designed for use in Sixbell Telco Angular projects
73 lines (72 loc) • 2.39 kB
TypeScript
import { WizardService } from '../services/wizard.service';
import * as i0 from "@angular/core";
/**
* Component wrapper for individual wizard step content with validation integration.
*
* @remarks
* Manages content visibility and validation state synchronization with the wizard service.
* Automatically handles:
* - Step activation status
* - Validation state propagation
* - Fade animations
* - Destruction cleanup
*
* @example
* ```html
* <st-wizard-content
* [stepIndex]="0"
* [isValid]="form.valid"
* >
* <!-- Step content -->
* </st-wizard-content>
* ```
*/
export declare class WizardContentComponent {
/** @internal Injected wizard state service */
wizardService: WizardService;
/**
* Position index in the wizard sequence (0-based)
* @default 0
*/
stepIndex: import("@angular/core").InputSignal<number>;
/**
* Current validation state of the step
* @default false
* @remarks Updates wizard service automatically when changed
*/
isValid: import("@angular/core").InputSignal<boolean>;
/**
* Computed status from wizard service
* @internal
*/
status: import("@angular/core").Signal<"in progress" | "pending" | "completed">;
/**
* Observable version of isValid input
* @internal
*/
private isValid$;
/**
* Current active step index from service
* @internal
*/
currentStep: import("@angular/core").Signal<number>;
/**
* Checks if this content's step is currently active
* @returns {boolean} True if stepIndex matches current active step
* @internal
*/
isStepActive: import("@angular/core").Signal<boolean>;
/**
* Computed CSS classes for content container
* @returns {string} Animation classes
* @internal
*/
componentClass: import("@angular/core").Signal<string>;
/**
* Sets up validation state synchronization
* @remarks Uses takeUntilDestroyed for automatic cleanup
*/
constructor();
static ɵfac: i0.ɵɵFactoryDeclaration<WizardContentComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<WizardContentComponent, "st-wizard-content", never, { "stepIndex": { "alias": "stepIndex"; "required": false; "isSignal": true; }; "isValid": { "alias": "isValid"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}