import * as i0 from '@angular/core'; import { TemplateRef, EventEmitter, ChangeDetectorRef, NgZone, AfterContentInit } from '@angular/core'; import { IBaseEventArgs } from 'igniteui-angular/core'; declare class IgxProgressBarTextTemplateDirective { template: TemplateRef; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵdir: i0.ɵɵDirectiveDeclaration; } declare class IgxProgressBarGradientDirective { template: TemplateRef; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵdir: i0.ɵɵDirectiveDeclaration; } declare const IgxTextAlign: { readonly START: "start"; readonly CENTER: "center"; readonly END: "end"; }; type IgxTextAlign = (typeof IgxTextAlign)[keyof typeof IgxTextAlign]; declare const IgxProgressType: { readonly ERROR: "error"; readonly INFO: "info"; readonly WARNING: "warning"; readonly SUCCESS: "success"; }; type IgxProgressType = (typeof IgxProgressType)[keyof typeof IgxProgressType]; interface IChangeProgressEventArgs extends IBaseEventArgs { previousValue: number; currentValue: number; } /** * @hidden */ declare abstract class BaseProgressDirective { /** * An event, which is triggered after progress is changed. * ```typescript * public progressChange(event) { * alert("Progress made!"); * } * //... * ``` * ```html * * * ``` */ progressChanged: EventEmitter; /** * Sets/Gets progressbar animation duration. By default, it is 2000ms. * ```html * * * ``` */ animationDuration: number; protected _contentInit: boolean; protected _indeterminate: boolean; protected _text: string; protected _max: number; protected _value: number; protected _animate: boolean; protected _step: number; protected _fraction: number; protected _integer: number; protected _cdr: ChangeDetectorRef; protected _zone: NgZone; /** * Sets progressbar in indeterminate. By default, it is set to false. * ```html * * * ``` */ set indeterminate(isIndeterminate: boolean); /** * Gets the current state of the progress bar: * - `true` if in the indeterminate state (no progress value displayed), * - `false` if the progress bar shows the actual progress. * * ```typescript * const isIndeterminate = progressBar.indeterminate; * ``` */ get indeterminate(): boolean; /** * Returns the value which update the progress indicator of the `progress bar`. * ```typescript * @ViewChild("MyProgressBar") * public progressBar: IgxLinearProgressBarComponent | IgxCircularBarComponent; * public stepValue(event) { * let step = this.progressBar.step; * alert(step); * } * ``` */ get step(): number; /** * Sets the value by which progress indicator is updated. By default, it is 1. * ```html * * * ``` */ set step(val: number); /** * Set a custom text. This will hide the counter value. * ```html * * ``` */ set text(value: string); /** * Gets a custom text. * ```typescript * let text = this.circularBar.text; * ``` */ get text(): string; /** * Animating the progress. By default, it is set to true. * ```html * * * ``` */ set animate(animate: boolean); /** * Returns whether the `progress bar` has animation true/false. * ```typescript * @ViewChild("MyProgressBar") * public progressBar: IgxLinearProgressBarComponent | IgxCircularBarComponent; * public animationStatus(event) { * let animationStatus = this.progressBar.animate; * alert(animationStatus); * } * ``` */ get animate(): boolean; /** * Set maximum value that can be passed. By default it is set to 100. * ```html * * * ``` */ set max(maxNum: number); /** * Returns the maximum progress value of the `progress bar`. * ```typescript * @ViewChild("MyProgressBar") * public progressBar: IgxLinearProgressBarComponent | IgxCircularBarComponent; * public maxValue(event) { * let max = this.progressBar.max; * alert(max); * } * ``` */ get max(): number; private get progressInteger(); private get progressFraction(); private get progressWhole(); private get transitionDuration(); /** * @hidden */ protected get hasFraction(): boolean; /** * Returns the `IgxLinearProgressBarComponent`/`IgxCircularProgressBarComponent` value in percentage. * ```typescript * @ViewChild("MyProgressBar") * public progressBar: IgxLinearProgressBarComponent / IgxCircularProgressBarComponent * public valuePercent(event){ * let percentValue = this.progressBar.valueInPercent; * alert(percentValue); * } * ``` */ get valueInPercent(): number; /** * Returns value that indicates the current `IgxLinearProgressBarComponent`/`IgxCircularProgressBarComponent` position. * ```typescript * @ViewChild("MyProgressBar") * public progressBar: IgxLinearProgressBarComponent / IgxCircularProgressBarComponent; * public getValue(event) { * let value = this.progressBar.value; * alert(value); * } * ``` */ get value(): number; /** * @hidden */ protected _updateProgressValues(): void; private _resetCounterValues; /** * Set value that indicates the current `IgxLinearProgressBarComponent / IgxCircularProgressBarComponent` position. * ```html * * * ``` */ set value(val: number); static ɵfac: i0.ɵɵFactoryDeclaration; static ɵdir: i0.ɵɵDirectiveDeclaration; static ngAcceptInputType_indeterminate: unknown; static ngAcceptInputType_animate: unknown; } declare class IgxLinearProgressBarComponent extends BaseProgressDirective implements AfterContentInit { valueMin: number; cssClass: string; /** * Set `IgxLinearProgressBarComponent` to have striped style. By default it is set to false. * ```html * * ``` */ striped: boolean; /** * @hidden * ``` */ get isIndeterminate(): boolean; /** * Sets the value of the `role` attribute. If not provided it will be automatically set to `progressbar`. * ```html * * ``` */ role: string; /** * Sets the value of `id` attribute. If not provided it will be automatically generated. * ```html * * ``` */ id: string; /** * @hidden */ get disableAnimationClass(): boolean; /** * @hidden */ get hasText(): boolean; /** * Set the position that defines where the text is aligned. * Possible options - `IgxTextAlign.START` (default), `IgxTextAlign.CENTER`, `IgxTextAlign.END`. * ```typescript * public positionCenter: IgxTextAlign; * public ngOnInit() { * this.positionCenter = IgxTextAlign.CENTER; * } * //... * ``` * ```html * * ``` */ textAlign: IgxTextAlign; /** * Set the text to be visible. By default, it is set to true. * ```html * * ``` */ textVisibility: boolean; /** * Set the position that defines if the text should be aligned above the progress line. By default, is set to false. * ```html * * ``` */ textTop: boolean; /** * Set type of the `IgxLinearProgressBarComponent`. Possible options - `default`, `success`, `info`, `warning`, and `error`. * ```html * * ``` */ type: string; /** * @hidden */ get error(): boolean; /** * @hidden */ get info(): boolean; /** * @hidden */ get warning(): boolean; /** * @hidden */ get success(): boolean; ngAfterContentInit(): void; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; static ngAcceptInputType_striped: unknown; static ngAcceptInputType_textVisibility: unknown; static ngAcceptInputType_textTop: unknown; } declare class IgxCircularProgressBarComponent extends BaseProgressDirective implements AfterContentInit { private renderer; /** * @hidden */ cssClass: string; /** * Sets the value of `id` attribute. If not provided it will be automatically generated. * ```html * * ``` */ id: string; /** * @hidden */ get isIndeterminate(): boolean; /** * @hidden */ get disableAnimationClass(): boolean; /** * @hidden */ get hasText(): boolean; /** * Sets the text visibility. By default, it is set to true. * ```html * * ``` */ textVisibility: boolean; textTemplate: IgxProgressBarTextTemplateDirective; gradientTemplate: IgxProgressBarGradientDirective; private _svgCircle; /** * @hidden */ gradientId: string; /** * @hidden */ get context(): any; /** * @hidden */ get textContent(): string; /** * Set type of the `IgxCircularProgressBarComponent`. Possible options - `default`, `success`, `info`, `warning`, and `error`. * ```html * * ``` */ type: string; /** * @hidden */ get error(): boolean; /** * @hidden */ get info(): boolean; /** * @hidden */ get warning(): boolean; /** * @hidden */ get success(): boolean; /** * @hidden */ get strokeStyle(): string; ngAfterContentInit(): void; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; static ngAcceptInputType_textVisibility: unknown; } declare const IGX_PROGRESS_BAR_DIRECTIVES: readonly [typeof IgxLinearProgressBarComponent, typeof IgxCircularProgressBarComponent, typeof IgxProgressBarTextTemplateDirective, typeof IgxProgressBarGradientDirective]; declare const IGX_LINEAR_PROGRESS_BAR_DIRECTIVES: readonly [typeof IgxLinearProgressBarComponent, typeof IgxProgressBarGradientDirective]; declare const IGX_CIRCULAR_PROGRESS_BAR_DIRECTIVES: readonly [typeof IgxCircularProgressBarComponent, typeof IgxProgressBarTextTemplateDirective, typeof IgxProgressBarGradientDirective]; /** * @hidden * IMPORTANT: The following is NgModule exported for backwards-compatibility before standalone components */ declare class IgxProgressBarModule { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵmod: i0.ɵɵNgModuleDeclaration; static ɵinj: i0.ɵɵInjectorDeclaration; } export { IGX_CIRCULAR_PROGRESS_BAR_DIRECTIVES, IGX_LINEAR_PROGRESS_BAR_DIRECTIVES, IGX_PROGRESS_BAR_DIRECTIVES, IgxCircularProgressBarComponent, IgxLinearProgressBarComponent, IgxProgressBarGradientDirective, IgxProgressBarModule, IgxProgressBarTextTemplateDirective, IgxProgressType, IgxTextAlign }; export type { IChangeProgressEventArgs };