@sixbell-telco/sdk
Version:
A collection of reusable components designed for use in Sixbell Telco Angular projects
75 lines (74 loc) • 2.78 kB
TypeScript
import * as i0 from "@angular/core";
/**
* @internal
* Generates base progress bar classes with style variants
*/
export declare const progressComponent: (props?: ({
variant?: "primary" | "secondary" | "success" | "info" | "error" | "warning" | "accent" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
/** Possible progress bar color variants */
export type ProgressVariantProps = 'primary' | 'secondary' | 'success' | 'info' | 'error' | 'warning' | 'accent' | null | undefined;
/** Possible positions for progress bar label */
export type ProgressLabelPositionProps = 'top' | 'bottom' | 'none';
/** Configuration object for progress bar styling */
export type ProgressProps = {
variant?: ProgressVariantProps;
};
/**
* A customizable progress indicator component
*
* @remarks
* Built with Tailwind CSS and class-variance-authority for style management.
* Supports multiple color variants, indeterminate state, and label positioning.
*
* @example
* ```html
* <st-progress
* variant="primary"
* [value]="75"
* labelPosition="top"
* ></st-progress>
* ```
*
* @example
* ```html
* <st-progress
* variant="success"
* [indeterminate]="true"
* ></st-progress>
* ```
*/
export declare class ProgressComponent {
/**
* Progress bar color variant
* @defaultValue 'primary'
*/
variant: import("@angular/core").InputSignal<ProgressVariantProps>;
/**
* Current progress value (0-100)
* @defaultValue -1 (indeterminate when value < 0)
*/
value: import("@angular/core").InputSignal<number>;
/**
* Maximum progress value
* @defaultValue 100
*/
max: import("@angular/core").InputSignal<number>;
/**
* Enable indeterminate animation
* @defaultValue false
*/
indeterminate: import("@angular/core").InputSignal<boolean>;
/**
* Position of progress value label
* @defaultValue 'none'
*/
labelPosition: import("@angular/core").InputSignal<ProgressLabelPositionProps>;
/**
* @internal
* Computed class string for the progress bar container
*/
componentClass: import("@angular/core").Signal<string>;
static ɵfac: i0.ɵɵFactoryDeclaration<ProgressComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<ProgressComponent, "st-progress", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}