@progress/kendo-angular-progressbar 17.0.0-develop.8 → 17.0.0

package/{fesm2015 → fesm2022}/progress-kendo-angular-progressbar.mjs

@@ -2,11 +2,11 @@
 * Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+import * as i1 from '@progress/kendo-angular-l10n';
+import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import * as i0 from '@angular/core';
 import { isDevMode, Component, HostBinding, Input, Directive, forwardRef, EventEmitter, Output, ViewChild, ContentChild, NgModule } from '@angular/core';
 import { validatePackage } from '@progress/kendo-licensing';
-import * as i1 from '@progress/kendo-angular-l10n';
-import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { hasObservers, isDocumentAvailable, isChanged, ResizeSensorComponent, ResizeBatchService } from '@progress/kendo-angular-common';
 import { NgStyle, NgClass, NgIf, NgFor, NgTemplateOutlet } from '@angular/common';
 import { Subscription } from 'rxjs';
@@ -19,8 +19,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-progressbar',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1729169961,
-    version: '17.0.0-develop.8',
+    publishDate: 1731413909,
+    version: '17.0.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -135,67 +135,10 @@ const hasElementSize = (element) => {
  * @hidden
  */
 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';
     }
@@ -214,6 +157,7 @@ class ProgressBarBase {
     get dirAttribute() {
         return this.direction;
     }
+    roleAttribute = 'progressbar';
     get ariaMinAttribute() {
         return String(this.min);
     }
@@ -223,6 +167,27 @@ 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
      */
@@ -256,6 +221,46 @@ 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');
@@ -287,10 +292,10 @@ 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: ''
@@ -348,10 +353,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 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: [{
@@ -362,19 +371,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * @hidden
  */
 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: [
@@ -406,31 +416,51 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * ```
  */
 class ProgressBarComponent extends ProgressBarBase {
+    localization;
+    elem;
+    renderer;
+    zone;
     /**
-     * @hidden
+     * Determines whether the status label will be visible.
+     * Defaults to `true`—the label will be visible and displayed with the default
+     * `LabelSettings` having its position set to `end` and its format set to `value`.
      */
-    constructor(localization, elem, renderer, zone) {
-        super(elem, renderer, localization);
-        this.localization = localization;
-        this.elem = elem;
-        this.renderer = renderer;
-        this.zone = zone;
-        /**
-         * Determines whether the status label will be visible.
-         * Defaults to `true`—the label will be visible and displayed with the default
-         * `LabelSettings` having its position set to `end` and its format set to `value`.
-         */
-        this.label = true;
-        /**
-         * The animation configuration of the ProgressBar.
-         * Defaults to `false`.
-         */
-        this.animation = false;
-        /**
-         * Fires when the animation which indicates the latest value change is completed.
-         */
-        this.animationEnd = new EventEmitter();
-    }
+    label = true;
+    /**
+     * The CSS styles that will be rendered on the inner element which represents the full portion of the progress bar
+     * ([see example]({% slug progressbar_appearance %})).
+     * Supports the type of values that are supported by [`ngStyle`](link:site.data.urls.angular['ngstyleapi']).
+     */
+    progressCssStyle;
+    /**
+     * The CSS classes that will be rendered on the inner element which represents the full portion of the progress bar
+     * ([see example]({% slug progressbar_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
+    progressCssClass;
+    /**
+     * The CSS styles that will be rendered on the inner element which represents the empty portion of the progress bar
+     * ([see example]({% slug progressbar_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 inner element which represents the empty portion of the progress bar
+     * ([see example]({% slug progressbar_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;
+    /**
+     * The animation configuration of the ProgressBar.
+     * Defaults to `false`.
+     */
+    animation = false;
+    /**
+     * Fires when the animation which indicates the latest value change is completed.
+     */
+    animationEnd = new EventEmitter();
     /**
      * @hidden
      */
@@ -483,6 +513,21 @@ class ProgressBarComponent extends ProgressBarBase {
     get formattedLabelValue() {
         return formatValue(this.displayValue, this.min, this.max, this.label);
     }
+    progressStatusElement;
+    progressStatusWrapperElement;
+    animationFrame;
+    cancelCurrentAnimation;
+    isAnimationInProgress;
+    /**
+     * @hidden
+     */
+    constructor(localization, elem, renderer, zone) {
+        super(elem, renderer, localization);
+        this.localization = localization;
+        this.elem = elem;
+        this.renderer = renderer;
+        this.zone = zone;
+    }
     /**
      * @hidden
      */
@@ -594,15 +639,14 @@ class ProgressBarComponent extends ProgressBarBase {
             this.isAnimationInProgress = false;
         });
     }
-}
-ProgressBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ProgressBarComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-ProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ProgressBarComponent, isStandalone: true, selector: "kendo-progressbar", inputs: { label: "label", progressCssStyle: "progressCssStyle", progressCssClass: "progressCssClass", emptyCssStyle: "emptyCssStyle", emptyCssClass: "emptyCssClass", animation: "animation" }, outputs: { animationEnd: "animationEnd" }, providers: [
-        LocalizationService,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.progressbar'
-        }
-    ], viewQueries: [{ propertyName: "progressStatusElement", first: true, predicate: ["progressStatus"], descendants: true }, { propertyName: "progressStatusWrapperElement", first: true, predicate: ["progressStatusWrap"], descendants: true }], exportAs: ["kendoProgressBar"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProgressBarComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ProgressBarComponent, isStandalone: true, selector: "kendo-progressbar", inputs: { label: "label", progressCssStyle: "progressCssStyle", progressCssClass: "progressCssClass", emptyCssStyle: "emptyCssStyle", emptyCssClass: "emptyCssClass", animation: "animation" }, outputs: { animationEnd: "animationEnd" }, providers: [
+            LocalizationService,
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.progressbar'
+            }
+        ], viewQueries: [{ propertyName: "progressStatusElement", first: true, predicate: ["progressStatus"], descendants: true }, { propertyName: "progressStatusWrapperElement", first: true, predicate: ["progressStatusWrap"], descendants: true }], exportAs: ["kendoProgressBar"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoProgressBarLocalizedMessages
             i18n-progressBarLabel="kendo.progressbar.progressBarLabel|The aria-label attribute for the ProgressBar component."
             progressBarLabel="Progressbar"
@@ -638,7 +682,8 @@ ProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
             </span>
         </div>
        `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedProgressBarMessagesDirective, selector: "[kendoProgressBarLocalizedMessages]" }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ProgressBarComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProgressBarComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoProgressBar',
@@ -729,25 +774,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * ```
  */
 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
      */
@@ -760,6 +795,28 @@ 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
      */
@@ -780,15 +837,27 @@ 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"
@@ -807,7 +876,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',
@@ -861,13 +931,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * ([see example]({% slug center_template_circularprogressbar %})).
  */
 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]',
@@ -893,40 +964,12 @@ const DEFAULT_SURFACE_SIZE = 200;
  * ```
  */
 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);
     }
@@ -936,6 +979,7 @@ 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`.
      *
@@ -982,6 +1026,17 @@ 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
@@ -992,6 +1047,37 @@ 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;
@@ -1236,15 +1322,14 @@ 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"
@@ -1265,7 +1350,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',
@@ -1353,6 +1439,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * ([see example]({% slug rtl_layout %})).
  */
 class ProgressBarCustomMessagesComponent extends ProgressBarMessages {
+    service;
     constructor(service) {
         super();
         this.service = service;
@@ -1360,15 +1447,15 @@ 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: [
@@ -1414,10 +1501,7 @@ const KENDO_PROGRESSBARS = [
     ...KENDO_PROGRESSBAR
 ];
 
-/**
- * @hidden
- * IMPORTANT: NgModule export kept for backwards compatibility
-*/
+// IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmodules'])
  * definition for the ProgressBar components.
@@ -1450,11 +1534,11 @@ const KENDO_PROGRESSBARS = [
  * ```
  */
 class ProgressBarModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ProgressBarModule, imports: [ChunkProgressBarComponent, ProgressBarCustomMessagesComponent, CircularProgressbarCenterTemplateDirective, CircularProgressBarComponent, ProgressBarCustomMessagesComponent, ProgressBarComponent, ProgressBarCustomMessagesComponent], exports: [ChunkProgressBarComponent, ProgressBarCustomMessagesComponent, CircularProgressbarCenterTemplateDirective, CircularProgressBarComponent, ProgressBarCustomMessagesComponent, ProgressBarComponent, ProgressBarCustomMessagesComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProgressBarModule, providers: [ResizeBatchService], imports: [CircularProgressBarComponent] });
 }
-ProgressBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ProgressBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ProgressBarModule, imports: [ChunkProgressBarComponent, ProgressBarCustomMessagesComponent, CircularProgressbarCenterTemplateDirective, CircularProgressBarComponent, ProgressBarCustomMessagesComponent, ProgressBarComponent, ProgressBarCustomMessagesComponent], exports: [ChunkProgressBarComponent, ProgressBarCustomMessagesComponent, CircularProgressbarCenterTemplateDirective, CircularProgressBarComponent, ProgressBarCustomMessagesComponent, ProgressBarComponent, ProgressBarCustomMessagesComponent] });
-ProgressBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ProgressBarModule, providers: [ResizeBatchService], imports: [ChunkProgressBarComponent, ProgressBarCustomMessagesComponent, CircularProgressBarComponent, ProgressBarCustomMessagesComponent, ProgressBarComponent, ProgressBarCustomMessagesComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ProgressBarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProgressBarModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_PROGRESSBARS],