tgui-angular
Version:
🚀 Angular UI library for Telegram Web Apps with modern components and theming support | 💼 Author is open to work opportunities | 📧 Contact: a.blagovestnov@gmail.com | 💬 Telegram: @ablagovestnov
37 lines (36 loc) • 1.69 kB
TypeScript
import { CircleSize, CircleAttributes } from './utils/get-circle-attributes';
import * as i0 from "@angular/core";
/**
* Renders a circular progress indicator, useful for displaying loading states or progress metrics.
* The component dynamically adjusts its size and stroke based on the provided `size` input and visually represents
* the `progress` input as a percentage of the circle's circumference.
*/
export declare class CircularProgressComponent {
/**
* Specifies the size of the circular progress indicator.
* Can be 'small', 'medium', or 'large'.
*/
size: import("@angular/core").InputSignal<CircleSize>;
/**
* Current progress of the circular indicator, expressed as a percentage from 0 to 100.
*/
progress: import("@angular/core").InputSignal<number>;
/**
* Computed circle attributes based on size
*/
circleAttrs: import("@angular/core").Signal<CircleAttributes | undefined>;
/**
* Computed circle center position (half of circle size)
*/
circleSize: import("@angular/core").Signal<number>;
/**
* Computed circumference of the circle
*/
circumference: import("@angular/core").Signal<number>;
/**
* Computed dash offset based on progress
*/
dashOffset: import("@angular/core").Signal<number>;
static ɵfac: i0.ɵɵFactoryDeclaration<CircularProgressComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<CircularProgressComponent, "tgui-circular-progress", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "progress": { "alias": "progress"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}