@progress/kendo-angular-progressbar 17.0.0-develop.9 → 17.0.1-develop.1

package/README.md

@@ -1,33 +1,51 @@
-<a href="https://www.telerik.com/kendo-angular-ui/" target="_blank">
+<a href="https://www.telerik.com/kendo-angular-ui/components/progressbars" target="_blank">
 <img width="631" src="https://www.telerik.com/kendo-angular-ui/npm-banner.svg">
 </a>
 
-## Kendo UI for Angular ProgressBars Package (ProgressBar and ChunkProgressBar Components)
+## Kendo UI for Angular ProgressBars Package
 
-> **Important**
-> * This package is part of [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-progressbar)&mdash;a commercial library.
-> * You will need to install a license key when adding the package to your project. For more information, please refer to the [Kendo UI for Angular My License page](https://www.telerik.com/kendo-angular-ui/my-license?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-progressbar).
-> * To receive a license key, you need to either [purchase a license](https://www.telerik.com/purchase/kendo-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-progressbar) or register for a [free trial](https://www.telerik.com/download-login-v2-kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-progressbar). Doing so indicates that you [accept the Kendo UI for Angular License Agreement](https://www.telerik.com/purchase/license-agreement/kendo-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-progressbar).
-> * The 30-day free trial gives you access to all the Kendo UI for Angular components and their full functionality. Additionally, for the period of your license, you get access to our legendary technical support provided directly by the Kendo UI for Angular dev team!
->
-> [Start using Kendo UI for Angular](https://www.telerik.com/download-login-v2-kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-progressbar) and speed up your development process!
+> * This package is part of the [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/)&mdash;a commercial UI library.
+> * You must [install a license key](https://www.telerik.com/kendo-angular-ui/my-license) when adding the package to your project. To receive a license key, either [purchase a license](https://www.telerik.com/purchase/kendo-ui) or register for a [free trial](https://www.telerik.com/download-login-v2-kendo-angular-ui).
+> * The 30-day free trial gives you access to all the Kendo UI for Angular components and their full functionality. Additionally, for the period of your license, you get access to our legendary technical support provided directly by the Kendo UI for Angular team!
 
-Kendo UI for Angular is a commercial UI library designed and built for developing business applications with Angular. Every UI component in the Kendo UI for Angular suite has been built from the ground-up specifically for Angular.
+The [Kendo UI for Angular ProgressBars](https://www.telerik.com/kendo-angular-ui/components/progressbars) package contains a set of components display the progress of an ongoing task.
+
+## What's Included in the Angular ProgressBars Package
+
+The [Angular ProgressBars](https://www.telerik.com/kendo-angular-ui/components/progressbars) package includes three built-in components:
+
+* [Angular ChunkProgressBar Component](https://www.telerik.com/kendo-angular-ui/components/progressbars/chunkprogressbar)&mdash;Displays and tracks the progress of a task as a predefined number of chunks, and supports horizontal and vertical orientation, as well as rendering in different directions.
+* [Angular CircularProgressBar Component](https://www.telerik.com/kendo-angular-ui/components/progressbars/circularprogressbar)&mdash;Displays and tracks the progress of a task on an arc over a fully enclosed circle, allows for custom center templates and different colors depending on the progress.
+* [Angular ProgressBar Component](https://www.telerik.com/kendo-angular-ui/components/progressbars/progressbar)&mdash;Displays and tracks the progress of a task, supports multiple label formats, horizontal and vertical orientation as well as rendering in different directions.
+
+## Key Features
+
+Among the many features which the Kendo UI for Angular ProgressBars deliver are:
+
+* [Orientation](https://www.telerik.com/kendo-angular-ui/components/progressbars/progressbar/orientation)&mdash;You can customize the orientation of the ProgressBars components, choosing between a horizontal and a vertical layout.
+* [Direction](https://www.telerik.com/kendo-angular-ui/components/progressbars/progressbar/direction)&mdash;You can reverse the direction of the ProgressBars by setting their `reverse` option to `true`.
+* [Appearance](https://www.telerik.com/kendo-angular-ui/components/progressbars/progressbar/appearance)&mdash;The ProgressBars enable you to set their height and width, as well as implement custom styling for their status indicator and label.
+* [Disabled ProgressBars](https://www.telerik.com/kendo-angular-ui/components/progressbars/progressbar/disabled)&mdash;You can choose to render the ProgressBars in their disabled state so that, if need be present, users will not be able to interact with them.
+* [Indeterminate State](https://www.telerik.com/kendo-angular-ui/components/progressbars/progressbar/indeterminate)&mdash;The ProgressBars allow you to indicate that a task is still in progress by setting an indeterminate state for the components.
+* [Globalization](https://www.telerik.com/kendo-angular-ui/components/progressbars/globalization)&mdash;The ProgressBars support globalization to ensure that they can fit well in any application, no matter what languages and locales need to be supported. Additionally, the components support rendering in a right-to-left (RTL) direction.
+* [Accessibility](https://www.telerik.com/kendo-angular-ui/components/progressbars/progressbar/accessibility)&mdash;The ProgressBars are accessible for screen readers and support WAI-ARIA attributes.
+
+## Support Options
+
+For any issues you might encounter while working with the Kendo UI for Angular ProgressBars, you have the following support channels available:
+
+* Industry-leading technical support&mdash;Kendo UI for Angular paid license holders and users with an active (free) trial license can take advantage of our outstanding customer support. To submit a ticket, use the [dedicated Kendo UI for Angular support system](https://www.telerik.com/account/support-tickets).
+* Product forums&mdash;The [Kendo UI for Angular forums](https://www.telerik.com/forums/kendo-angular-ui) are part of the free support you can get from the community and from the Kendo UI for Angular team.
+* Feedback portal&mdash;The [Kendo UI for Angular feedback portal](https://feedback.telerik.com/kendo-angular-ui) is where you can request and vote for new features to be added.
 
 ## Resources
 
-* [Get Started with Kendo UI for Angular (requires trial registration)](https://www.telerik.com/kendo-angular-ui/getting-started)
+* [Getting Started with Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/getting-started)
+* [Getting Started with the Kendo UI for Angular ProgressBars](https://www.telerik.com/kendo-angular-ui/components/progressbars/installation/getting-started)
 * [Demos, documentation, and component reference](https://www.telerik.com/kendo-angular-ui/components)
 * [Blogs](http://www.telerik.com/blogs/kendo-ui)
 * [Kendo UI for Angular pricing and licensing](https://www.telerik.com/purchase/kendo-ui)
 
-## Questions and Feedback
-
-* [Official Forums](https://www.telerik.com/forums/kendo-angular-ui)
-* [GitHub Issues](https://github.com/telerik/kendo-angular/issues)
-* [Feedback Portal](https://feedback.telerik.com/kendo-angular-ui)
-* [StackOverflow](https://stackoverflow.com/questions/tagged/kendo-ui-angular2)
-
 *Copyright © 2024 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*
 
 *Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries.*

package/chunk/chunk-progressbar.component.d.ts

@@ -82,5 +82,5 @@ export declare class ChunkProgressBarComponent extends ProgressBarBase {
      */
     constructor(localization: LocalizationService, elem: ElementRef, renderer: Renderer2);
     static ɵfac: i0.ɵɵFactoryDeclaration<ChunkProgressBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChunkProgressBarComponent, "kendo-chunkprogressbar", ["kendoChunkProgressBar"], { "chunkCount": "chunkCount"; "progressCssStyle": "progressCssStyle"; "progressCssClass": "progressCssClass"; "emptyCssStyle": "emptyCssStyle"; "emptyCssClass": "emptyCssClass"; }, {}, never, never, true, 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>;
 }

package/circularprogressbar/circular-progressbar.component.d.ts

@@ -117,5 +117,5 @@ export declare class CircularProgressBarComponent implements AfterViewInit, OnCh
     private setDirection;
     private rtlChange;
     static ɵfac: i0.ɵɵFactoryDeclaration<CircularProgressBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CircularProgressBarComponent, "kendo-circularprogressbar", ["kendoCircularProgressBar"], { "value": "value"; "max": "max"; "min": "min"; "animation": "animation"; "opacity": "opacity"; "indeterminate": "indeterminate"; "progressColor": "progressColor"; }, { "animationEnd": "animationEnd"; }, ["centerTemplate"], never, true, 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>;
 }

package/common/localization/messages.d.ts

@@ -13,5 +13,5 @@ export declare class ProgressBarMessages extends ComponentMessages {
      */
     progressBarLabel: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarMessages, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ProgressBarMessages, never, never, { "progressBarLabel": "progressBarLabel"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ProgressBarMessages, never, never, { "progressBarLabel": { "alias": "progressBarLabel"; "required": false; }; }, {}, never, never, false, never>;
 }

package/common/progressbar-base.d.ts

@@ -103,5 +103,5 @@ export declare abstract class ProgressBarBase implements OnChanges {
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarBase, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarBase, "ng-component", never, { "max": "max"; "min": "min"; "value": "value"; "orientation": "orientation"; "disabled": "disabled"; "reverse": "reverse"; "indeterminate": "indeterminate"; }, {}, never, never, false, 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, false, never>;
 }

package/{esm2020 → esm2022}/chunk/chunk-progressbar.component.mjs

@@ -27,25 +27,15 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * ```
  */
 export class ChunkProgressBarComponent extends ProgressBarBase {
+    localization;
+    elem;
+    renderer;
+    chunkClass = true;
     /**
-     * @hidden
+     * Sets the number of chunks into which the ChunkProgressBar will be split.
+     * Defaults to `5`.
      */
-    constructor(localization, elem, renderer) {
-        super(elem, renderer, localization);
-        this.localization = localization;
-        this.elem = elem;
-        this.renderer = renderer;
-        this.chunkClass = true;
-        /**
-         * Sets the number of chunks into which the ChunkProgressBar will be split.
-         * Defaults to `5`.
-         */
-        this.chunkCount = 5;
-        this._orientationStyles = {
-            width: `${this.chunkSizePercentage}%`,
-            height: null
-        };
-    }
+    chunkCount = 5;
     /**
      * @hidden
      */
@@ -58,6 +48,28 @@ export class ChunkProgressBarComponent extends ProgressBarBase {
         }
         return chunks;
     }
+    /**
+     * The CSS styles that will be rendered on the full chunk elements ([see example]({% slug chunkprogressbar_appearance %})).
+     * Supports the type of values that are supported by [`ngStyle`](link:site.data.urls.angular['ngstyleapi']).
+     */
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    progressCssStyle;
+    /**
+     * The CSS classes that will be rendered on the full chunk elements ([see example]({% slug chunkprogressbar_appearance %})).
+     * Supports the type of values that are supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
+     */
+    progressCssClass;
+    /**
+     * The CSS styles that will be rendered on the empty chunk elements ([see example]({% slug chunkprogressbar_appearance %})).
+     * Supports the type of values that are supported by [`ngStyle`](link:site.data.urls.angular['ngstyleapi']).
+     */
+    emptyCssStyle;
+    /**
+     * The CSS classes that will be rendered on the empty chunk elements ([see example]({% slug chunkprogressbar_appearance %})).
+     * Supports the type of values that are supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
+     */
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    emptyCssClass;
     /**
      * @hidden
      */
@@ -78,15 +90,27 @@ export class ChunkProgressBarComponent extends ProgressBarBase {
         }
         return this._orientationStyles;
     }
-}
-ChunkProgressBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChunkProgressBarComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-ChunkProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ChunkProgressBarComponent, isStandalone: true, selector: "kendo-chunkprogressbar", inputs: { chunkCount: "chunkCount", progressCssStyle: "progressCssStyle", progressCssClass: "progressCssClass", emptyCssStyle: "emptyCssStyle", emptyCssClass: "emptyCssClass" }, host: { properties: { "class.k-chunk-progressbar": "this.chunkClass" } }, providers: [
-        LocalizationService,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.chunkprogressbar'
-        }
-    ], exportAs: ["kendoChunkProgressBar"], usesInheritance: true, ngImport: i0, template: `
+    _orientationStyles = {
+        width: `${this.chunkSizePercentage}%`,
+        height: null
+    };
+    /**
+     * @hidden
+     */
+    constructor(localization, elem, renderer) {
+        super(elem, renderer, localization);
+        this.localization = localization;
+        this.elem = elem;
+        this.renderer = renderer;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChunkProgressBarComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChunkProgressBarComponent, isStandalone: true, selector: "kendo-chunkprogressbar", inputs: { chunkCount: "chunkCount", progressCssStyle: "progressCssStyle", progressCssClass: "progressCssClass", emptyCssStyle: "emptyCssStyle", emptyCssClass: "emptyCssClass" }, host: { properties: { "class.k-chunk-progressbar": "this.chunkClass" } }, providers: [
+            LocalizationService,
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.chunkprogressbar'
+            }
+        ], exportAs: ["kendoChunkProgressBar"], usesInheritance: true, ngImport: i0, template: `
         <ng-container kendoProgressBarLocalizedMessages
             i18n-progressBarLabel="kendo.chunkprogressbar.progressBarLabel|The aria-label attribute for the ChunkProgressBar component."
             progressBarLabel="Chunk progressbar"
@@ -105,7 +129,8 @@ ChunkProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
             </li>
         </ul>
     `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedProgressBarMessagesDirective, selector: "[kendoProgressBarLocalizedMessages]" }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChunkProgressBarComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChunkProgressBarComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoChunkProgressBar',

package/{esm2020 → esm2022}/circularprogressbar/center-template.directive.mjs

@@ -9,13 +9,14 @@ import * as i0 from "@angular/core";
  * ([see example]({% slug center_template_circularprogressbar %})).
  */
 export class CircularProgressbarCenterTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CircularProgressbarCenterTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: CircularProgressbarCenterTemplateDirective, isStandalone: true, selector: "[kendoCircularProgressbarCenterTemplate]", ngImport: i0 });
 }
-CircularProgressbarCenterTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CircularProgressbarCenterTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-CircularProgressbarCenterTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: CircularProgressbarCenterTemplateDirective, isStandalone: true, selector: "[kendoCircularProgressbarCenterTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CircularProgressbarCenterTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CircularProgressbarCenterTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoCircularProgressbarCenterTemplate]',

package/{esm2020 → esm2022}/circularprogressbar/circular-progressbar.component.mjs

@@ -33,40 +33,12 @@ const DEFAULT_SURFACE_SIZE = 200;
  * ```
  */
 export class CircularProgressBarComponent {
-    constructor(renderer, cdr, localization, element, zone) {
-        this.renderer = renderer;
-        this.cdr = cdr;
-        this.localization = localization;
-        this.element = element;
-        this.zone = zone;
-        this.hostClasses = true;
-        this.roleAttribute = 'progressbar';
-        /**
-         * Indicates whether an animation will be played on value changes.
-         *
-         * @default false
-         */
-        this.animation = false;
-        /**
-         * The opacity of the value arc.
-         * @default 1
-         */
-        this.opacity = 1;
-        /**
-         * Fires when the animation which indicates the latest value change is completed.
-         */
-        this.animationEnd = new EventEmitter();
-        this.centerTemplateContext = {};
-        this._indeterminate = false;
-        this._max = 100;
-        this._min = 0;
-        this._value = 0;
-        this.previousValue = 0;
-        this.internalValue = 0;
-        this.subscriptions = new Subscription();
-        validatePackage(packageMetadata);
-        this.subscriptions.add(this.localization.changes.subscribe(this.rtlChange.bind(this)));
-    }
+    renderer;
+    cdr;
+    localization;
+    element;
+    zone;
+    hostClasses = true;
     get ariaMinAttribute() {
         return String(this.min);
     }
@@ -76,6 +48,7 @@ export class CircularProgressBarComponent {
     get ariaValueAttribute() {
         return this.indeterminate ? undefined : String(this.value);
     }
+    roleAttribute = 'progressbar';
     /**
      * Sets the default value of the Circular Progressbar between `min` and `max`.
      *
@@ -122,6 +95,17 @@ export class CircularProgressBarComponent {
     get min() {
         return this._min;
     }
+    /**
+     * Indicates whether an animation will be played on value changes.
+     *
+     * @default false
+     */
+    animation = false;
+    /**
+     * The opacity of the value arc.
+     * @default 1
+     */
+    opacity = 1;
     /**
      * Puts the Circular ProgressBar in indeterminate state.
      * @default false
@@ -132,6 +116,37 @@ export class CircularProgressBarComponent {
     get indeterminate() {
         return this._indeterminate;
     }
+    /**
+     * Configures the pointer color. Could be set to a single color string or customized per progress stages.
+     */
+    progressColor;
+    /**
+     * Fires when the animation which indicates the latest value change is completed.
+     */
+    animationEnd = new EventEmitter();
+    progress;
+    scale;
+    labelElement;
+    surface;
+    centerTemplate;
+    centerTemplateContext = {};
+    _indeterminate = false;
+    _max = 100;
+    _min = 0;
+    _value = 0;
+    previousValue = 0;
+    internalValue = 0;
+    rtl;
+    subscriptions = new Subscription();
+    constructor(renderer, cdr, localization, element, zone) {
+        this.renderer = renderer;
+        this.cdr = cdr;
+        this.localization = localization;
+        this.element = element;
+        this.zone = zone;
+        validatePackage(packageMetadata);
+        this.subscriptions.add(this.localization.changes.subscribe(this.rtlChange.bind(this)));
+    }
     ngAfterViewInit() {
         if (!isDocumentAvailable()) {
             return;
@@ -376,15 +391,14 @@ export class CircularProgressBarComponent {
             this.setDirection();
         }
     }
-}
-CircularProgressBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CircularProgressBarComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-CircularProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CircularProgressBarComponent, isStandalone: true, selector: "kendo-circularprogressbar", inputs: { value: "value", max: "max", min: "min", animation: "animation", opacity: "opacity", indeterminate: "indeterminate", progressColor: "progressColor" }, outputs: { animationEnd: "animationEnd" }, host: { properties: { "class.k-circular-progressbar": "this.hostClasses", "attr.aria-valuemin": "this.ariaMinAttribute", "attr.aria-valuemax": "this.ariaMaxAttribute", "attr.aria-valuenow": "this.ariaValueAttribute", "attr.role": "this.roleAttribute" } }, providers: [
-        LocalizationService,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.circularprogressbar'
-        }
-    ], queries: [{ propertyName: "centerTemplate", first: true, predicate: CircularProgressbarCenterTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "progress", first: true, predicate: ["progress"], descendants: true }, { propertyName: "scale", first: true, predicate: ["scale"], descendants: true }, { propertyName: "labelElement", first: true, predicate: ["label"], descendants: true }, { propertyName: "surface", first: true, predicate: ["surface"], descendants: true }], exportAs: ["kendoCircularProgressBar"], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CircularProgressBarComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CircularProgressBarComponent, isStandalone: true, selector: "kendo-circularprogressbar", inputs: { value: "value", max: "max", min: "min", animation: "animation", opacity: "opacity", indeterminate: "indeterminate", progressColor: "progressColor" }, outputs: { animationEnd: "animationEnd" }, host: { properties: { "class.k-circular-progressbar": "this.hostClasses", "attr.aria-valuemin": "this.ariaMinAttribute", "attr.aria-valuemax": "this.ariaMaxAttribute", "attr.aria-valuenow": "this.ariaValueAttribute", "attr.role": "this.roleAttribute" } }, providers: [
+            LocalizationService,
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.circularprogressbar'
+            }
+        ], queries: [{ propertyName: "centerTemplate", first: true, predicate: CircularProgressbarCenterTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "progress", first: true, predicate: ["progress"], descendants: true }, { propertyName: "scale", first: true, predicate: ["scale"], descendants: true }, { propertyName: "labelElement", first: true, predicate: ["label"], descendants: true }, { propertyName: "surface", first: true, predicate: ["surface"], descendants: true }], exportAs: ["kendoCircularProgressBar"], usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoProgressBarLocalizedMessages
             i18n-progressBarLabel="kendo.circularprogressbar.progressBarLabel|The aria-label attribute for the Circular ProgressBar component."
             progressBarLabel="Circular progressbar"
@@ -405,7 +419,8 @@ CircularProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14
         </div>
         <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
     `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedProgressBarMessagesDirective, selector: "[kendoProgressBarLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CircularProgressBarComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CircularProgressBarComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoCircularProgressBar',

package/{esm2020 → esm2022}/common/localization/custom-messages.component.mjs

@@ -12,6 +12,7 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * ([see example]({% slug rtl_layout %})).
  */
 export class ProgressBarCustomMessagesComponent extends ProgressBarMessages {
+    service;
     constructor(service) {
         super();
         this.service = service;
@@ -19,15 +20,15 @@ export class ProgressBarCustomMessagesComponent extends ProgressBarMessages {
     get override() {
         return true;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProgressBarCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ProgressBarCustomMessagesComponent, isStandalone: true, selector: "kendo-progressbar-messages", providers: [
+            {
+                provide: ProgressBarMessages,
+                useExisting: forwardRef(() => ProgressBarCustomMessagesComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-ProgressBarCustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ProgressBarCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-ProgressBarCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ProgressBarCustomMessagesComponent, isStandalone: true, selector: "kendo-progressbar-messages", providers: [
-        {
-            provide: ProgressBarMessages,
-            useExisting: forwardRef(() => ProgressBarCustomMessagesComponent)
-        }
-    ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ProgressBarCustomMessagesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProgressBarCustomMessagesComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [

package/{esm2020 → esm2022}/common/localization/localized-messages.directive.mjs

@@ -11,19 +11,20 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class LocalizedProgressBarMessagesDirective extends ProgressBarMessages {
+    service;
     constructor(service) {
         super();
         this.service = service;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedProgressBarMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LocalizedProgressBarMessagesDirective, isStandalone: true, selector: "[kendoProgressBarLocalizedMessages]", providers: [
+            {
+                provide: ProgressBarMessages,
+                useExisting: forwardRef(() => LocalizedProgressBarMessagesDirective)
+            }
+        ], usesInheritance: true, ngImport: i0 });
 }
-LocalizedProgressBarMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedProgressBarMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-LocalizedProgressBarMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedProgressBarMessagesDirective, isStandalone: true, selector: "[kendoProgressBarLocalizedMessages]", providers: [
-        {
-            provide: ProgressBarMessages,
-            useExisting: forwardRef(() => LocalizedProgressBarMessagesDirective)
-        }
-    ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedProgressBarMessagesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedProgressBarMessagesDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [

package/{esm2020 → esm2022}/common/localization/messages.mjs

@@ -9,10 +9,14 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class ProgressBarMessages extends ComponentMessages {
+    /**
+     * The aria-label attribute for the ProgressBar component.
+     */
+    progressBarLabel;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProgressBarMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ProgressBarMessages, inputs: { progressBarLabel: "progressBarLabel" }, usesInheritance: true, ngImport: i0 });
 }
-ProgressBarMessages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ProgressBarMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-ProgressBarMessages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ProgressBarMessages, inputs: { progressBarLabel: "progressBarLabel" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ProgressBarMessages, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProgressBarMessages, decorators: [{
             type: Directive,
             args: [{}]
         }], propDecorators: { progressBarLabel: [{