@progress/kendo-angular-progressbar 24.2.2 → 25.0.0-develop.12

package/index.d.ts

@@ -2,19 +2,791 @@
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-export { ProgressBarComponent } from './progressbar.component';
-export { ChunkProgressBarComponent } from './chunk/chunk-progressbar.component';
-export { CircularProgressBarComponent } from './circularprogressbar/circular-progressbar.component';
-export { ProgressBarOrientation } from './types/progressbar-orientation';
-export { LabelSettings } from './types/label-settings.interface';
-export { LabelPosition } from './types/label-position';
-export { LabelFn } from './types/label-fn-type';
-export { LabelType } from './types/label-type';
-export { ProgressBarAnimation } from './types/progressbar-animation.interface';
-export { AnimationEndEvent } from './types/animation-end-event';
-export { ProgressBarModule } from './progressbar.module';
-export { CircularProgressbarCenterTemplateDirective } from './circularprogressbar/center-template.directive';
-export { ProgressColor } from './circularprogressbar/models/circular-progressbar-progress-color-interface';
-export { LocalizedProgressBarMessagesDirective } from './common/localization/localized-messages.directive';
-export { ProgressBarCustomMessagesComponent } from './common/localization/custom-messages.component';
-export * from './directives';
+import { LocalizationService, ComponentMessages } from '@progress/kendo-angular-l10n';
+import * as i0 from '@angular/core';
+import { AfterViewInit, OnDestroy, ElementRef, Renderer2, EventEmitter, NgZone, TemplateRef, Injector } from '@angular/core';
+import { Subscription } from 'rxjs';
+
+/**
+ * The data for the `animationEnd` event.
+ */
+interface AnimationEndEvent {
+    /**
+     * The value from which the animation starts.
+     */
+    from: number;
+    /**
+     * The value to which the animation runs.
+     */
+    to: number;
+}
+
+/**
+ * Represents the orientation options of the ProgressBar component.
+ */
+type ProgressBarOrientation = 'horizontal' | 'vertical';
+
+/**
+ * @hidden
+ */
+declare abstract class ProgressBarBase implements AfterViewInit, OnDestroy {
+    protected elem: ElementRef;
+    protected renderer: Renderer2;
+    protected localization: LocalizationService;
+    hostClasses: boolean;
+    get isHorizontal(): boolean;
+    get isVertical(): boolean;
+    get disabledClass(): boolean;
+    get reverseClass(): boolean;
+    get indeterminateClass(): boolean;
+    get dirAttribute(): string;
+    roleAttribute: string;
+    get ariaMinAttribute(): string;
+    get ariaMaxAttribute(): string;
+    get ariaValueAttribute(): string;
+    /**
+     * The maximum value of the ProgressBar.
+     * Defaults to `100`.
+     */
+    set max(value: number);
+    get max(): number;
+    /**
+     * The minimum value of the ProgressBar.
+     * Defaults to `0`.
+     */
+    set min(value: number);
+    get min(): number;
+    /**
+     * The value of the ProgressBar.
+     * Has to be between `min` and `max`.
+     * Defaults to `0`.
+     */
+    set value(v: number);
+    get value(): number;
+    /**
+     * @hidden
+     */
+    get isCompleted(): boolean;
+    /**
+     * @hidden
+     */
+    get statusWidth(): number;
+    /**
+     * @hidden
+     */
+    get statusHeight(): number;
+    /**
+     * @hidden
+     */
+    get statusWrapperWidth(): number;
+    /**
+     * @hidden
+     */
+    get statusWrapperHeight(): number;
+    protected get _progressRatio(): number;
+    /**
+     * Defines the orientation of the ProgressBar
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/progressbars/progressbar/orientation)).
+     * Defaults to `horizontal`.
+     */
+    set orientation(value: ProgressBarOrientation);
+    get orientation(): ProgressBarOrientation;
+    /**
+     * If set to `true`, the ProgressBar will be disabled
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/progressbars/progressbar/disabled)).
+     * It will still allow you to change its value.
+     * Defaults to `false`.
+     */
+    set disabled(value: boolean);
+    get disabled(): boolean;
+    /**
+     * If set to `true`, the ProgressBar will be reversed
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/progressbars/progressbar/direction)).
+     * Defaults to `false`.
+     */
+    set reverse(value: boolean);
+    get reverse(): boolean;
+    /**
+     * Sets the `indeterminate` state of the ProgressBar.
+     * Defaults to `false`.
+     */
+    set indeterminate(value: boolean);
+    get indeterminate(): boolean;
+    protected direction: string;
+    protected localizationChangeSubscription: Subscription;
+    protected previousValue: number;
+    /**
+     * @hidden
+     */
+    protected get displayValue(): number;
+    /**
+     * @hidden
+     */
+    constructor(elem: ElementRef, renderer: Renderer2, localization: LocalizationService);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private readonly _max;
+    private readonly _min;
+    private readonly _value;
+    private readonly _orientation;
+    private readonly _disabled;
+    private readonly _reverse;
+    private readonly _indeterminate;
+    private readonly _displayValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarBase, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarBase, "ng-component", never, { "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "value": { "alias": "value"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "reverse": { "alias": "reverse"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * The predefined label types.
+ *
+ * The supported values are:
+ * * `value`&mdash;Shows the current display value trimmed to the third decimal.
+ * * `percent`&mdash;Shows the calculated percentage value based on the current display value and the range defined by the `min` and `max` options.
+ */
+type LabelType = 'value' | 'percent';
+
+/**
+ * The callback that returns the string content of the status label. You can access the current value as an argument.
+ * @param value - The currently set value.
+ * @returns The formatted string that displays within the label.
+ */
+type LabelFn = (value: number) => string;
+
+/**
+ * The position where the status label displays when visible.
+ */
+type LabelPosition = 'start' | 'end' | 'center';
+
+/**
+ * Represents the settings of the label that shows the progress status of the ProgressBar.
+ *
+ */
+interface LabelSettings {
+    /**
+     * Shows or hides the label for the progress status.
+     */
+    visible?: boolean;
+    /**
+     * Sets the position of the progress status label.
+     * @default 'end'
+     */
+    position?: LabelPosition;
+    /**
+     * Sets the format for rendering the value in the label.
+     * The supported preset types are `value` (default) and `percent`.
+     * You can also provide a callback that exposes the current value and returns
+     * the formatted string to display in the label
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/progressbars/progressbar/label#using-a-formatting-function)).
+     *
+     * @default 'value'
+     */
+    format?: LabelType | LabelFn;
+}
+
+/**
+ * Represents the settings of the animation that indicates the progress status of the ProgressBar.
+ *
+ */
+interface ProgressBarAnimation {
+    /**
+     * Sets the duration of the animation in milliseconds.
+     *
+     * @default 400
+     */
+    duration: number;
+}
+
+/**
+ * Represents the [Kendo UI ProgressBar component for Angular](https://www.telerik.com/kendo-angular-ui/components/progressbars/progressbar).
+ *
+ * @example
+ * ```typescript
+ * @Component({
+ *    selector: 'my-app',
+ *    template: `
+ *        <kendo-progressbar [value]="value">
+ *        </kendo-progressbar>
+ *    `
+ * })
+ * class AppComponent {
+ *     public value = 50;
+ * }
+ * ```
+ *
+ * @remarks
+ * Supported children components are: {@link ProgressBarCustomMessagesComponent}
+ */
+declare class ProgressBarComponent extends ProgressBarBase {
+    localization: LocalizationService;
+    elem: ElementRef;
+    renderer: Renderer2;
+    private zone;
+    /**
+     * Determines whether the status label displays.
+     * @default true
+     */
+    set label(value: boolean | LabelSettings);
+    get label(): boolean | LabelSettings;
+    /**
+     * Sets the CSS styles that will be rendered on the inner element, which represents the full portion of the progress bar
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/progressbars/progressbar/appearance)).
+     * Supports the type of values that [`ngStyle`](link:site.data.urls.angular['ngstyleapi']) supports.
+     */
+    set progressCssStyle(value: {
+        [key: string]: string;
+    });
+    get progressCssStyle(): {
+        [key: string]: string;
+    };
+    /**
+     * The CSS classes that render on the inner element which represents the full portion of the progress bar
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/progressbars/progressbar/appearance)).
+     * Supports the type of values that [`ngClass`](link:site.data.urls.angular['ngclassapi']) supports.
+     */
+    set progressCssClass(value: string | string[] | Set<string> | {
+        [key: string]: any;
+    });
+    get progressCssClass(): string | string[] | Set<string> | {
+        [key: string]: any;
+    };
+    /**
+     * The CSS styles that render on the inner element which represents the empty portion of the progress bar
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/progressbars/progressbar/appearance)).
+     * Supports the type of values that [`ngStyle`](link:site.data.urls.angular['ngstyleapi']) supports.
+     */
+    set emptyCssStyle(value: {
+        [key: string]: string;
+    });
+    get emptyCssStyle(): {
+        [key: string]: string;
+    };
+    /**
+     * The CSS classes that render on the inner element which represents the empty portion of the progress bar
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/progressbars/progressbar/appearance)).
+     * Supports the type of values that [`ngClass`](link:site.data.urls.angular['ngclassapi']) supports.
+     */
+    set emptyCssClass(value: string | string[] | Set<string> | {
+        [key: string]: any;
+    });
+    get emptyCssClass(): string | string[] | Set<string> | {
+        [key: string]: any;
+    };
+    /**
+     * The animation configuration of the ProgressBar.
+     * @default false
+     */
+    set animation(value: boolean | ProgressBarAnimation);
+    get animation(): boolean | ProgressBarAnimation;
+    /**
+     * The maximum value of the ProgressBar.
+     * Defaults to `100`.
+     */
+    set max(v: number);
+    get max(): number;
+    /**
+     * Fires when the animation which indicates the latest value change completes.
+     */
+    animationEnd: EventEmitter<AnimationEndEvent>;
+    /**
+     * @hidden
+     */
+    get showLabel(): boolean;
+    /**
+     * @hidden
+     */
+    get labelPosition(): string;
+    /**
+     * @hidden
+     */
+    get isPositionStart(): boolean;
+    /**
+     * @hidden
+     */
+    get isPositionCenter(): boolean;
+    /**
+     * @hidden
+     */
+    get isPositionEnd(): boolean;
+    /**
+     * @hidden
+     */
+    get formattedLabelValue(): string;
+    private progressStatusElement;
+    private progressStatusWrapperElement;
+    private animationFrame;
+    private cancelCurrentAnimation;
+    private isAnimationInProgress;
+    private _previousMax;
+    private _valueEffectInitialized;
+    private readonly _label;
+    private readonly _progressCssStyle;
+    private readonly _progressCssClass;
+    private readonly _emptyCssStyle;
+    private readonly _emptyCssClass;
+    private readonly _animation;
+    private readonly valueChangeEffect;
+    private readonly animationStopEffect;
+    /**
+     * @hidden
+     */
+    constructor(localization: LocalizationService, elem: ElementRef, renderer: Renderer2, zone: NgZone);
+    /**
+     * @hidden
+     */
+    ngOnDestroy(): void;
+    /**
+     * @hidden
+     */
+    protected startAnimation(previousValue: number): void;
+    /**
+     * @hidden
+     */
+    protected get animationDuration(): number;
+    private stopAnimation;
+    private getAnimationOptions;
+    private renderValueChange;
+    private resetProgress;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarComponent, "kendo-progressbar", ["kendoProgressBar"], { "label": { "alias": "label"; "required": false; }; "progressCssStyle": { "alias": "progressCssStyle"; "required": false; }; "progressCssClass": { "alias": "progressCssClass"; "required": false; }; "emptyCssStyle": { "alias": "emptyCssStyle"; "required": false; }; "emptyCssClass": { "alias": "emptyCssClass"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; "max": { "alias": "max"; "required": false; }; }, { "animationEnd": "animationEnd"; }, never, never, true, never>;
+}
+
+/**
+ * Represents the [Kendo UI ChunkProgressBar component for Angular](https://www.telerik.com/kendo-angular-ui/components/progressbars/chunkprogressbar).
+ *
+ * @example
+ * ```typescript
+ * import { Component } from '@angular/core';
+ *
+ * @Component({
+ *   selector: 'my-app',
+ *   template: `
+ *     <kendo-chunkprogressbar
+ *       [value]="progressValue"
+ *       [chunkCount]="8">
+ *     </kendo-chunkprogressbar>
+ *   `
+ * })
+ * export class AppComponent {
+ *   public progressValue: number = 40;
+ * }
+ * ```
+ *
+ * @remarks
+ * Supported children components are: {@link ProgressBarCustomMessagesComponent}
+ */
+declare class ChunkProgressBarComponent extends ProgressBarBase {
+    localization: LocalizationService;
+    elem: ElementRef;
+    renderer: Renderer2;
+    chunkClass: boolean;
+    /**
+     * Sets the number of chunks into which the ChunkProgressBar will be split.
+     *
+     * @default 5
+     */
+    set chunkCount(value: number);
+    get chunkCount(): number;
+    /**
+     * @hidden
+     */
+    get chunks(): boolean[];
+    /**
+     * Sets the CSS styles that will be rendered on the full chunk elements ([see example](https://www.telerik.com/kendo-angular-ui/components/progressbars/circularprogressbar/appearance)).
+     * Supports the type of values that [`ngStyle`](link:site.data.urls.angular['ngstyleapi']) supports.
+     */
+    set progressCssStyle(value: {
+        [key: string]: any;
+    });
+    get progressCssStyle(): {
+        [key: string]: any;
+    };
+    /**
+     * Sets the CSS classes that will be rendered on the full chunk elements ([see example](https://www.telerik.com/kendo-angular-ui/components/progressbars/circularprogressbar/appearance)).
+     * Supports the type of values that [`ngClass`](link:site.data.urls.angular['ngclassapi']) supports.
+     */
+    set progressCssClass(value: string | string[] | Set<string> | {
+        [key: string]: string;
+    });
+    get progressCssClass(): string | string[] | Set<string> | {
+        [key: string]: string;
+    };
+    /**
+     * Sets the CSS styles that will be rendered on the empty chunk elements ([see example](https://www.telerik.com/kendo-angular-ui/components/progressbars/circularprogressbar/appearance)).
+     * Supports the type of values that [`ngStyle`](link:site.data.urls.angular['ngstyleapi']) supports.
+     */
+    set emptyCssStyle(value: {
+        [key: string]: string;
+    });
+    get emptyCssStyle(): {
+        [key: string]: string;
+    };
+    /**
+     * Sets the CSS classes that will be rendered on the empty chunk elements ([see example](https://www.telerik.com/kendo-angular-ui/components/progressbars/circularprogressbar/appearance)).
+     * Supports the type of values that [`ngClass`](link:site.data.urls.angular['ngclassapi']) supports.
+     */
+    set emptyCssClass(value: string | string[] | Set<string> | {
+        [key: string]: any;
+    });
+    get emptyCssClass(): string | string[] | Set<string> | {
+        [key: string]: any;
+    };
+    /**
+     * @hidden
+     */
+    get chunkSizePercentage(): number;
+    /**
+     * @hidden
+     */
+    get orientationStyles(): {
+        width: string;
+        height: string;
+    };
+    private readonly _chunkCount;
+    private readonly _progressCssStyle;
+    private readonly _progressCssClass;
+    private readonly _emptyCssStyle;
+    private readonly _emptyCssClass;
+    private _orientationStyles;
+    /**
+     * @hidden
+     */
+    constructor(localization: LocalizationService, elem: ElementRef, renderer: Renderer2);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChunkProgressBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChunkProgressBarComponent, "kendo-chunkprogressbar", ["kendoChunkProgressBar"], { "chunkCount": { "alias": "chunkCount"; "required": false; }; "progressCssStyle": { "alias": "progressCssStyle"; "required": false; }; "progressCssClass": { "alias": "progressCssClass"; "required": false; }; "emptyCssStyle": { "alias": "emptyCssStyle"; "required": false; }; "emptyCssClass": { "alias": "emptyCssClass"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Represents a template that allows you to customize the content in the center of the `<kendo-circularprogessbar>` component. To define the template, nest an `<ng-template>` tag with the `kendoCircularProgressbarCenterTemplate` directive inside a `<kendo-circularprogessbar>` component.
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/gauges/circulargauge/center-template)).
+ *
+ * @example
+ * ```html
+ * <kendo-circularprogressbar [value]="75">
+ *   <ng-template kendoCircularProgressbarCenterTemplate>
+ *     <span class="custom-center-text">75%</span>
+ *   </ng-template>
+ * </kendo-circularprogressbar>
+ * ```
+ */
+declare class CircularProgressbarCenterTemplateDirective {
+    templateRef: TemplateRef<unknown>;
+    constructor(templateRef: TemplateRef<unknown>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<CircularProgressbarCenterTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CircularProgressbarCenterTemplateDirective, "[kendoCircularProgressbarCenterTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * @hidden
+ */
+interface CenterTemplateContext {
+    /**
+     * The current value of the Circular Progressbar.
+     */
+    value?: number;
+    /**
+     * The current color of the progress arc.
+     */
+    color?: string;
+}
+
+/**
+ * Defines the color range configuration of the pointer.
+ */
+interface ProgressColor {
+    /**
+     * Sets the color of the range. Accepts valid CSS color strings, including hex and rgb.
+     */
+    color?: string;
+    /**
+     * Sets the range start value.
+     */
+    from?: number;
+    /**
+     * Sets the range end value.
+     */
+    to?: number;
+}
+
+/**
+ * Represents the [Kendo UI Circular ProgressBar component for Angular](https://www.telerik.com/kendo-angular-ui/components/progressbars/circularprogressbar).
+ *
+ * @example
+ * ```typescript
+ * import { Component } from '@angular/core';
+ *
+ * @Component({
+ *   selector: 'my-app',
+ *   template: `
+ *     <kendo-circularprogressbar
+ *       [value]="currentValue"
+ *       [max]="100"
+ *       [animation]="true">
+ *     </kendo-circularprogressbar>
+ *   `
+ * })
+ * export class AppComponent {
+ *   public currentValue: number = 65;
+ * }
+ * ```
+ *
+ * @remarks
+ * Supported children components are: {@link ProgressBarCustomMessagesComponent}
+ */
+declare class CircularProgressBarComponent implements AfterViewInit, OnDestroy {
+    private renderer;
+    private localization;
+    private element;
+    private injector;
+    hostClasses: boolean;
+    get ariaMinAttribute(): string;
+    get ariaMaxAttribute(): string;
+    get ariaValueAttribute(): string;
+    roleAttribute: string;
+    /**
+     * Sets the default value of the Circular ProgressBar between `min` and `max`.
+     *
+     * @default 0
+     */
+    set value(value: number);
+    get value(): number;
+    /**
+     * Sets the maximum value which the Circular ProgressBar can accept.
+     *
+     * @default 100
+     */
+    set max(max: number);
+    get max(): number;
+    /**
+     * Sets the minimum value which the Circular ProgressBar can accept.
+     *
+     * @default 0
+     */
+    set min(min: number);
+    get min(): number;
+    /**
+     * Specifies whether to play an animation when the value changes.
+     *
+     * @default false
+     */
+    set animation(value: boolean);
+    get animation(): boolean;
+    /**
+     * Sets the opacity of the value arc.
+     *
+     * @default 1
+     */
+    set opacity(value: number);
+    get opacity(): number;
+    /**
+     * Puts the Circular ProgressBar in indeterminate state.
+     *
+     * @default false
+     */
+    set indeterminate(indeterminate: boolean);
+    get indeterminate(): boolean;
+    /**
+     * Configures the pointer color. You can set it to a single color string or customize it per progress stages.
+     */
+    set progressColor(value: string | ProgressColor[]);
+    get progressColor(): string | ProgressColor[];
+    /**
+     * Fires when the animation that indicates the latest value change completes.
+     */
+    animationEnd: EventEmitter<AnimationEndEvent>;
+    progress: ElementRef;
+    scale: ElementRef;
+    labelElement: ElementRef;
+    surface: ElementRef;
+    centerTemplate: CircularProgressbarCenterTemplateDirective;
+    /**
+     * @hidden
+     */
+    get centerTemplateContext(): CenterTemplateContext;
+    private previousValue;
+    private internalValue;
+    private rtl;
+    private readonly subscriptions;
+    private readonly _value;
+    private readonly _max;
+    private readonly _min;
+    private readonly _animation;
+    private readonly _opacity;
+    private readonly _indeterminate;
+    private readonly _progressColor;
+    private _centerTemplateContext;
+    private _valueEffectInitialized;
+    private readonly valueChangeEffect;
+    private readonly opacityEffect;
+    private _indeterminateEffectInitialized;
+    private readonly indeterminateEffect;
+    constructor(renderer: Renderer2, localization: LocalizationService, element: ElementRef, injector: Injector);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * @hidden
+     */
+    onResize(): void;
+    private initProgressArc;
+    private calculateProgress;
+    private progressbarAnimation;
+    private setStyles;
+    private indeterminateState;
+    private updateCenterTemplate;
+    private positionLabel;
+    private get currentColor();
+    private updateProgressColor;
+    private handleErrors;
+    private setDirection;
+    private rtlChange;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CircularProgressBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CircularProgressBarComponent, "kendo-circularprogressbar", ["kendoCircularProgressBar"], { "value": { "alias": "value"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "progressColor": { "alias": "progressColor"; "required": false; }; }, { "animationEnd": "animationEnd"; }, ["centerTemplate"], never, true, never>;
+}
+
+/**
+ * @hidden
+ */
+declare class ProgressBarMessages extends ComponentMessages {
+    /**
+     * The aria-label attribute for the ProgressBar component.
+     */
+    progressBarLabel: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarMessages, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ProgressBarMessages, never, never, { "progressBarLabel": { "alias": "progressBarLabel"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Custom component messages override default component messages
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/globalization)).
+ *
+ * @example
+ * ```html
+ * <!-- Custom messages for ProgressBar -->
+ * <kendo-progressbar [value]="value">
+ *     <kendo-progressbar-messages
+ *       progressBarLabel="Changed ProgressBar Label"
+ *     ></kendo-progressbar-messages>
+ * </kendo-progressbar>
+ *
+ * <!-- Custom messages for ChunkProgressBar -->
+ * <kendo-chunkprogressbar [value]="value" [chunkCount]="chunks">
+ *     <kendo-progressbar-messages
+ *       progressBarLabel="Changed Chunk Label"
+ *     ></kendo-progressbar-messages>
+ * </kendo-chunkprogressbar>
+ *
+ * <!-- Custom messages for CircularProgressBar -->
+ * <kendo-circularprogressbar [value]="value">
+ *     <kendo-progressbar-messages
+ *       progressBarLabel="Changed Circular Label"
+ *     ></kendo-progressbar-messages>
+ * </kendo-circularprogressbar>
+ * ```
+ */
+declare class ProgressBarCustomMessagesComponent extends ProgressBarMessages {
+    protected service: LocalizationService;
+    constructor(service: LocalizationService);
+    protected get override(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarCustomMessagesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarCustomMessagesComponent, "kendo-progressbar-messages", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Represents the [NgModule](link:site.data.urls.angular['ngmodules'])
+ * definition for the ProgressBar components.
+ *
+ * @example
+ * ```typescript
+ * import { NgModule } from '@angular/core';
+ * import { BrowserModule } from '@angular/platform-browser';
+ * import { ProgressBarModule } from '@progress/kendo-angular-progressbar';
+ *
+ * @NgModule({
+ *   imports: [BrowserModule, ProgressBarModule],
+ *   declarations: [AppComponent],
+ *   bootstrap: [AppComponent]
+ * })
+ * export class AppModule { }
+ * ```
+ */
+declare class ProgressBarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ProgressBarModule, never, [typeof ChunkProgressBarComponent, typeof ProgressBarCustomMessagesComponent, typeof CircularProgressbarCenterTemplateDirective, typeof CircularProgressBarComponent, typeof ProgressBarCustomMessagesComponent, typeof ProgressBarComponent, typeof ProgressBarCustomMessagesComponent], [typeof ChunkProgressBarComponent, typeof ProgressBarCustomMessagesComponent, typeof CircularProgressbarCenterTemplateDirective, typeof CircularProgressBarComponent, typeof ProgressBarCustomMessagesComponent, typeof ProgressBarComponent, typeof ProgressBarCustomMessagesComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ProgressBarModule>;
+}
+
+/**
+ * @hidden
+ */
+declare class LocalizedProgressBarMessagesDirective extends ProgressBarMessages {
+    protected service: LocalizationService;
+    constructor(service: LocalizationService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<LocalizedProgressBarMessagesDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LocalizedProgressBarMessagesDirective, "[kendoProgressBarLocalizedMessages]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Use this utility array to access all ChunkProgressBar-related components and directives in a standalone Angular component.
+ *
+ * @example
+ * ```typescript
+ * import { KENDO_CHUNKPROGRESSBAR } from '@progress/kendo-angular-progressbar';
+ * @Component({
+ *   standalone: true,
+ *   imports: [KENDO_CHUNKPROGRESSBAR],
+ *   template: `<kendo-chunkprogressbar [value]="50"></kendo-chunkprogressbar>`,
+ * })
+ * export class MyComponent {}
+ * ```
+ */
+declare const KENDO_CHUNKPROGRESSBAR: readonly [typeof ChunkProgressBarComponent, typeof ProgressBarCustomMessagesComponent];
+/**
+ * Use this utility array to access all CircularProgressbar-related components and directives in a standalone Angular component.
+ *
+ * @example
+ * ```typescript
+ * import { KENDO_CIRCULARPROGRESSBAR } from '@progress/kendo-angular-progressbar';
+ * @Component({
+ *   standalone: true,
+ *   imports: [KENDO_CIRCULARPROGRESSBAR],
+ *   template: `<kendo-circularprogressbar [value]="75"></kendo-circularprogressbar>`,
+ * })
+ * export class MyComponent {}
+ * ```
+ */
+declare const KENDO_CIRCULARPROGRESSBAR: readonly [typeof CircularProgressbarCenterTemplateDirective, typeof CircularProgressBarComponent, typeof ProgressBarCustomMessagesComponent];
+/**
+ * Use this utility array to access all ProgressBar-related components and directives in a standalone Angular component.
+ *
+  * @example
+ * ```typescript
+ * import { KENDO_PROGRESSBAR } from '@progress/kendo-angular-progressbar';
+ * @Component({
+ *   standalone: true,
+ *   imports: [KENDO_PROGRESSBAR],
+ *   template: `<kendo-progressbar [value]="75"></kendo-progressbar>`,
+ * })
+ * export class MyComponent {}
+ * ```
+ */
+declare const KENDO_PROGRESSBAR: readonly [typeof ProgressBarComponent, typeof ProgressBarCustomMessagesComponent];
+/**
+ * Use this utility array all `@progress/kendo-angular-progressbar`-related components and directives.
+ * @example
+ * ```typescript
+ * import { KENDO_PROGRESSBARS } from '@progress/kendo-angular-progressbar';
+ * @Component({
+ *   standalone: true,
+ *   imports: [KENDO_PROGRESSBARS],
+ *   template: `
+ *     <kendo-progressbar [value]="75"></kendo-progressbar>
+ *     <kendo-circularprogressbar [value]="75"></kendo-circularprogressbar>
+ *   `,
+ * })
+ * export class MyComponent {}
+ * ```
+ */
+declare const KENDO_PROGRESSBARS: readonly [typeof ChunkProgressBarComponent, typeof ProgressBarCustomMessagesComponent, typeof CircularProgressbarCenterTemplateDirective, typeof CircularProgressBarComponent, typeof ProgressBarCustomMessagesComponent, typeof ProgressBarComponent, typeof ProgressBarCustomMessagesComponent];
+
+export { ChunkProgressBarComponent, CircularProgressBarComponent, CircularProgressbarCenterTemplateDirective, KENDO_CHUNKPROGRESSBAR, KENDO_CIRCULARPROGRESSBAR, KENDO_PROGRESSBAR, KENDO_PROGRESSBARS, LocalizedProgressBarMessagesDirective, ProgressBarComponent, ProgressBarCustomMessagesComponent, ProgressBarModule };
+export type { AnimationEndEvent, LabelFn, LabelPosition, LabelSettings, LabelType, ProgressBarAnimation, ProgressBarOrientation, ProgressColor };