@sixbell-telco/sdk
Version:
A collection of reusable components designed for use in Sixbell Telco Angular projects
85 lines (84 loc) • 3.14 kB
TypeScript
import { OnInit } from '@angular/core';
import { TranslateService } from '@ngx-translate/core';
import { WizardService, WizardStepStatus } from '../services/wizard.service';
import * as i0 from "@angular/core";
/**
* Component that displays a status badge for wizard steps with translated labels.
*
* @remarks
* Shows visual indicators for different step states with automatic translations.
* Supports three status types with corresponding styling:
* - Completed (green background)
* - In progress (neutral border)
* - Pending (dimmed appearance)
*
* Uses NGX-Translate for localization of status labels.
*
* @example
* ```html
* <!-- Completed state -->
* <st-wizard-marker [status]="'completed'"></st-wizard-marker>
*
* <!-- In progress state -->
* <st-wizard-marker [status]="'in progress'"></st-wizard-marker>
* ```
*/
export declare class WizardMarkerComponent implements OnInit {
/** @internal Translation service instance */
translateService: TranslateService;
/** @internal Wizard state service */
wizardService: WizardService;
/**
* Current status of the associated wizard step
* @remarks Determines badge styling and label
*/
status: import("@angular/core").InputSignal<WizardStepStatus>;
/**
* Computed translated status message
* @internal
*/
statusMarkerMessage: import("@angular/core").Signal<string>;
/**
* Computed CSS classes for the status badge
* @internal
*/
statusMarkerClasses: import("@angular/core").Signal<string>;
/** @internal Signal holding translated "completed" text */
completed: import("@angular/core").WritableSignal<string>;
/** @internal Signal holding translated "in progress" text */
inProgress: import("@angular/core").WritableSignal<string>;
/** @internal Signal holding translated "pending" text */
pending: import("@angular/core").WritableSignal<string>;
/** @internal Base CSS classes for the marker */
private baseClasses;
/** @internal Status-to-class mapping */
private statusClassMap;
/**
* Initializes component translations
* @remarks Loads translated status labels using NGX-Translate
*/
ngOnInit(): void;
/**
* Gets the appropriate translated status message
* @returns {string} Translated status label
* @internal
*/
private getStatusMarkerMessage;
/**
* Computes CSS classes based on current status
* @returns {string} Combined Tailwind classes
* @internal
*/
private getStepStatusMarkerClasses;
/**
* Initializes translations for status labels
* @remarks Uses translation keys:
* - 'sdk.wizard.wizardMarker.completed'
* - 'sdk.wizard.wizardMarker.inProgress'
* - 'sdk.wizard.wizardMarker.pending'
* @internal
*/
private initTranslatations;
static ɵfac: i0.ɵɵFactoryDeclaration<WizardMarkerComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<WizardMarkerComponent, "st-wizard-marker", never, { "status": { "alias": "status"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
}