@progress/kendo-angular-progressbar 17.0.0-develop.20 → 17.0.0-develop.22

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: [{

package/{esm2020 → esm2022}/common/progressbar-base.mjs

@@ -13,67 +13,10 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class ProgressBarBase {
-    /**
-     * @hidden
-     */
-    constructor(elem, renderer, localization) {
-        this.elem = elem;
-        this.renderer = renderer;
-        this.localization = localization;
-        this.hostClasses = true;
-        this.roleAttribute = 'progressbar';
-        /**
-         * The maximum value of the ProgressBar.
-         * Defaults to `100`.
-         */
-        this.max = 100;
-        /**
-         * The minimum value of the ProgressBar.
-         * Defaults to `0`.
-         */
-        this.min = 0;
-        /**
-         * The value of the ProgressBar.
-         * Has to be between `min` and `max`.
-         * By default, the value is equal to the `min` value.
-         */
-        /**
-         * The value of the ProgressBar.
-         * Has to be between `min` and `max`.
-         * Defaults to `0`.
-         */
-        this.value = 0;
-        /**
-         * Defines the orientation of the ProgressBar
-         * ([see example]({% slug progressbar_orientation %})).
-         * Defaults to `horizontal`.
-         */
-        this.orientation = 'horizontal';
-        /**
-         * If set to `true`, the ProgressBar will be disabled
-         * ([see example]({% slug progressbar_disabled %})).
-         * It will still allow you to change its value.
-         * Defaults to `false`.
-         */
-        this.disabled = false;
-        /**
-         * If set to `true`, the ProgressBar will be reversed
-         * ([see example]({% slug progressbar_direction %})).
-         * Defaults to `false`.
-         */
-        this.reverse = false;
-        /**
-         * Sets the `indeterminate` state of the ProgressBar.
-         * Defaults to `false`.
-         */
-        this.indeterminate = false;
-        this.displayValue = 0;
-        this.previousValue = 0;
-        validatePackage(packageMetadata);
-        this.localizationChangeSubscription = localization.changes.subscribe(({ rtl }) => {
-            this.direction = rtl ? 'rtl' : 'ltr';
-        });
-    }
+    elem;
+    renderer;
+    localization;
+    hostClasses = true;
     get isHorizontal() {
         return this.orientation === 'horizontal';
     }
@@ -92,6 +35,7 @@ export class ProgressBarBase {
     get dirAttribute() {
         return this.direction;
     }
+    roleAttribute = 'progressbar';
     get ariaMinAttribute() {
         return String(this.min);
     }
@@ -101,6 +45,27 @@ export class ProgressBarBase {
     get ariaValueAttribute() {
         return this.indeterminate ? undefined : String(this.displayValue);
     }
+    /**
+     * The maximum value of the ProgressBar.
+     * Defaults to `100`.
+     */
+    max = 100;
+    /**
+     * The minimum value of the ProgressBar.
+     * Defaults to `0`.
+     */
+    min = 0;
+    /**
+     * The value of the ProgressBar.
+     * Has to be between `min` and `max`.
+     * By default, the value is equal to the `min` value.
+     */
+    /**
+     * The value of the ProgressBar.
+     * Has to be between `min` and `max`.
+     * Defaults to `0`.
+     */
+    value = 0;
     /**
      * @hidden
      */
@@ -134,6 +99,46 @@ export class ProgressBarBase {
     get _progressRatio() {
         return calculateRatio(this.min, this.max, this.displayValue);
     }
+    /**
+     * Defines the orientation of the ProgressBar
+     * ([see example]({% slug progressbar_orientation %})).
+     * Defaults to `horizontal`.
+     */
+    orientation = 'horizontal';
+    /**
+     * If set to `true`, the ProgressBar will be disabled
+     * ([see example]({% slug progressbar_disabled %})).
+     * It will still allow you to change its value.
+     * Defaults to `false`.
+     */
+    disabled = false;
+    /**
+     * If set to `true`, the ProgressBar will be reversed
+     * ([see example]({% slug progressbar_direction %})).
+     * Defaults to `false`.
+     */
+    reverse = false;
+    /**
+     * Sets the `indeterminate` state of the ProgressBar.
+     * Defaults to `false`.
+     */
+    indeterminate = false;
+    direction;
+    localizationChangeSubscription;
+    displayValue = 0;
+    previousValue = 0;
+    /**
+     * @hidden
+     */
+    constructor(elem, renderer, localization) {
+        this.elem = elem;
+        this.renderer = renderer;
+        this.localization = localization;
+        validatePackage(packageMetadata);
+        this.localizationChangeSubscription = localization.changes.subscribe(({ rtl }) => {
+            this.direction = rtl ? 'rtl' : 'ltr';
+        });
+    }
     ngAfterViewInit() {
         const elem = this.elem.nativeElement;
         const label = this.localization.get('progressBarLabel');
@@ -165,10 +170,10 @@ export class ProgressBarBase {
             this.localizationChangeSubscription.unsubscribe();
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProgressBarBase, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ProgressBarBase, selector: "ng-component", inputs: { max: "max", min: "min", value: "value", orientation: "orientation", disabled: "disabled", reverse: "reverse", indeterminate: "indeterminate" }, host: { properties: { "class.k-progressbar": "this.hostClasses", "class.k-progressbar-horizontal": "this.isHorizontal", "class.k-progressbar-vertical": "this.isVertical", "class.k-disabled": "this.disabledClass", "class.k-progressbar-reverse": "this.reverseClass", "class.k-progressbar-indeterminate": "this.indeterminateClass", "attr.dir": "this.dirAttribute", "attr.role": "this.roleAttribute", "attr.aria-valuemin": "this.ariaMinAttribute", "attr.aria-valuemax": "this.ariaMaxAttribute", "attr.aria-valuenow": "this.ariaValueAttribute" } }, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
 }
-ProgressBarBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ProgressBarBase, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-ProgressBarBase.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ProgressBarBase, selector: "ng-component", inputs: { max: "max", min: "min", value: "value", orientation: "orientation", disabled: "disabled", reverse: "reverse", indeterminate: "indeterminate" }, host: { properties: { "class.k-progressbar": "this.hostClasses", "class.k-progressbar-horizontal": "this.isHorizontal", "class.k-progressbar-vertical": "this.isVertical", "class.k-disabled": "this.disabledClass", "class.k-progressbar-reverse": "this.reverseClass", "class.k-progressbar-indeterminate": "this.indeterminateClass", "attr.dir": "this.dirAttribute", "attr.role": "this.roleAttribute", "attr.aria-valuemin": "this.ariaMinAttribute", "attr.aria-valuemax": "this.ariaMaxAttribute", "attr.aria-valuenow": "this.ariaValueAttribute" } }, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ProgressBarBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProgressBarBase, decorators: [{
             type: Component,
             args: [{
                     template: ''

package/{esm2020 → esm2022}/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-progressbar',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1729854916,
-    version: '17.0.0-develop.20',
+    publishDate: 1730103467,
+    version: '17.0.0-develop.22',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };