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

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: 1729169961,
-    version: '17.0.0-develop.8',
+    publishDate: 1731413909,
+    version: '17.0.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

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

@@ -29,31 +29,51 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * ```
  */
 export 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
      */
@@ -106,6 +126,21 @@ export 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
      */
@@ -217,15 +252,14 @@ export 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"
@@ -261,7 +295,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',

package/{esm2020 → esm2022}/progressbar.module.mjs

@@ -11,10 +11,7 @@ import * as i2 from "./common/localization/custom-messages.component";
 import * as i3 from "./circularprogressbar/center-template.directive";
 import * as i4 from "./circularprogressbar/circular-progressbar.component";
 import * as i5 from "./progressbar.component";
-/**
- * @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.
@@ -47,11 +44,11 @@ import * as i5 from "./progressbar.component";
  * ```
  */
 export 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: [i1.ChunkProgressBarComponent, i2.ProgressBarCustomMessagesComponent, i3.CircularProgressbarCenterTemplateDirective, i4.CircularProgressBarComponent, i2.ProgressBarCustomMessagesComponent, i5.ProgressBarComponent, i2.ProgressBarCustomMessagesComponent], exports: [i1.ChunkProgressBarComponent, i2.ProgressBarCustomMessagesComponent, i3.CircularProgressbarCenterTemplateDirective, i4.CircularProgressBarComponent, i2.ProgressBarCustomMessagesComponent, i5.ProgressBarComponent, i2.ProgressBarCustomMessagesComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProgressBarModule, providers: [ResizeBatchService], imports: [i4.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: [i1.ChunkProgressBarComponent, i2.ProgressBarCustomMessagesComponent, i3.CircularProgressbarCenterTemplateDirective, i4.CircularProgressBarComponent, i2.ProgressBarCustomMessagesComponent, i5.ProgressBarComponent, i2.ProgressBarCustomMessagesComponent], exports: [i1.ChunkProgressBarComponent, i2.ProgressBarCustomMessagesComponent, i3.CircularProgressbarCenterTemplateDirective, i4.CircularProgressBarComponent, i2.ProgressBarCustomMessagesComponent, i5.ProgressBarComponent, i2.ProgressBarCustomMessagesComponent] });
-ProgressBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ProgressBarModule, providers: [ResizeBatchService], imports: [i1.ChunkProgressBarComponent, i2.ProgressBarCustomMessagesComponent, i4.CircularProgressBarComponent, i2.ProgressBarCustomMessagesComponent, i5.ProgressBarComponent, i2.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],