@progress/kendo-angular-progressbar 3.1.2 → 11.0.0-develop.80

package/NOTICE.txt

@@ -37,7 +37,7 @@ DefinitelyTyped.org | @types/prosemirror-view | 1.11.4 - Open Source | MIT-style
 Isaac Z. Schlueter | glob | 7.1.3 - Open Source | ISC-style License
 Jorik Tangelder (Eight Media) | HammerJS | 2.0.8 - Open Source | MIT-style License
 Matt Mueller | cheerio | 0.22 - Open Source | MIT-style License
-Progress Software Corporation | Kendo UI Licensing CLI | 1.1 - Proprietary | 
+Progress Software Corporation | Kendo UI Licensing CLI | 1.1 - Proprietary |
 Progress Software Corporation | jszip-esm | 1.0.0 - Open Source | MIT-style License
 Progress Software Corporation | pako-esm | 1.0.0 - Open Source | MIT-style License
 ProseMirror | prosemiror-inputrules | 1.0.1 - Open Source | MIT-style License
@@ -433,7 +433,7 @@ subject to the following terms and conditions:
 @types/prosemirror-inputrules v1*, @types/prosemirror-keymap v1*, @types/prosemirror-model v1*,
 @types/prosemirror-schema-list v1*, @types/prosemirror-state v1*, @types/prosemirror-tables v0.9*,
 @types/prosemirror-transform v1*, and @types/prosemirror-view v1*.  Such technologies are
-subject to the following terms and conditions: 
+subject to the following terms and conditions:
 
     This project is licensed under the MIT license.
     Copyrights are respective of each contributor listed at the beginning of each
@@ -640,7 +640,7 @@ Such technology is subject to the following terms and conditions:
 2. Special Notices Regarding Commercially Licensed Third-Party Components
 incorporated into the Product:  NONE
 
-3. Special Notices Regarding Progress Products incorporated into the Product:  
+3. Special Notices Regarding Progress Products incorporated into the Product:
 
 (a) Progress Kendo UI for Angular 2022 incorporates Kendo UI Licensing CLI v1.1
 from Progress Software Corporation. See NOTICE.txt text file within product for

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

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { ProgressBarBase } from '../common/progressbar-base';
@@ -27,6 +27,7 @@ export declare class ChunkProgressBarComponent extends ProgressBarBase {
     localization: LocalizationService;
     elem: ElementRef;
     renderer: Renderer2;
+    chunkClass: boolean;
     /**
      * Sets the number of chunks into which the ChunkProgressBar will be split.
      * Defaults to `5`.
@@ -41,14 +42,14 @@ export declare class ChunkProgressBarComponent extends ProgressBarBase {
      * Supports the type of values that are supported by [`ngStyle`](link:site.data.urls.angular['ngstyleapi']).
      */
     progressCssStyle: {
-        [key: string]: string;
+        [key: string]: any;
     };
     /**
      * 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: string | string[] | Set<string> | {
-        [key: string]: any;
+        [key: string]: string;
     };
     /**
      * The CSS styles that will be rendered on the empty chunk elements ([see example]({% slug chunkprogressbar_appearance %})).
@@ -71,7 +72,10 @@ export declare class ChunkProgressBarComponent extends ProgressBarBase {
     /**
      * @hidden
      */
-    get orientationStyles(): any;
+    get orientationStyles(): {
+        width: string;
+        height: string;
+    };
     private _orientationStyles;
     /**
      * @hidden

package/circularprogressbar/center-template.directive.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { TemplateRef } from '@angular/core';
@@ -9,8 +9,8 @@ import * as i0 from "@angular/core";
  * ([see example]({% slug center_template_circularprogressbar %})).
  */
 export declare class CircularProgressbarCenterTemplateDirective {
-    templateRef: TemplateRef<any>;
-    constructor(templateRef: TemplateRef<any>);
+    templateRef: TemplateRef<unknown>;
+    constructor(templateRef: TemplateRef<unknown>);
     static ɵfac: i0.ɵɵFactoryDeclaration<CircularProgressbarCenterTemplateDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<CircularProgressbarCenterTemplateDirective, "[kendoCircularProgressbarCenterTemplate]", never, {}, {}, never>;
 }

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

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, Renderer2, SimpleChanges } from '@angular/core';
@@ -103,7 +103,7 @@ export declare class CircularProgressBarComponent implements AfterViewInit, OnCh
     /**
      * @hidden
      */
-    onResize(_event?: any): void;
+    onResize(): void;
     private initProgressArc;
     private calculateProgress;
     private progressbarAnimation;

package/circularprogressbar/models/center-template-context.interface.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/circularprogressbar/models/circular-progressbar-progress-color-interface.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/common/constants.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/common/localization/custom-messages.component.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { LocalizationService } from '@progress/kendo-angular-l10n';

package/common/localization/localized-messages.directive.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { LocalizationService } from '@progress/kendo-angular-l10n';

package/common/localization/messages.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { ComponentMessages } from '@progress/kendo-angular-l10n';
@@ -13,5 +13,5 @@ export declare class ProgressBarMessages extends ComponentMessages {
      */
     progressBarLabel: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarMessages, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ProgressBarMessages, "kendo-progressbar-messages-base", never, { "progressBarLabel": "progressBarLabel"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ProgressBarMessages, never, never, { "progressBarLabel": "progressBarLabel"; }, {}, never>;
 }

package/common/progressbar-base.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { LocalizationService } from '@progress/kendo-angular-l10n';

package/common/util.d.ts

@@ -1,9 +1,10 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+import { LabelSettings } from '../types/label-settings.interface';
 import { Renderer2, SimpleChanges } from '@angular/core';
-import { ProgressBarAnimation } from '../main';
+import { ProgressBarAnimation } from '../types/progressbar-animation.interface';
 /**
  * @hidden
  */
@@ -11,7 +12,7 @@ export declare const reverseChunks: (orientation: string, reverse: boolean) => b
 /**
  * @hidden
  */
-export declare const formatValue: Function;
+export declare const formatValue: (value: number, min: number, max: number, label: boolean | LabelSettings) => string;
 /**
  * @hidden
  */
@@ -39,12 +40,21 @@ export declare const stopCurrentAnimation: (changes: SimpleChanges) => boolean;
 /**
  * @hidden
  */
-export declare const setProgressBarStyles: (props: any, renderer: Renderer2) => void;
+export declare const setProgressBarStyles: (props: {
+    method: 'setStyle' | 'setAttribute';
+    el: HTMLElement;
+    attr: string;
+    attrValue: string;
+}[], renderer: Renderer2) => void;
 /**
  * @hidden
  */
-export declare const removeProgressBarStyles: (props: any, renderer: Renderer2) => void;
+export declare const removeProgressBarStyles: (props: {
+    method: 'removeStyle' | 'removeAttribute';
+    el: HTMLElement;
+    attr: string;
+}[], renderer: Renderer2) => void;
 /**
  * @hidden
  */
-export declare const hasElementSize: (element: any) => boolean;
+export declare const hasElementSize: (element: HTMLElement) => boolean;

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

@@ -1,9 +1,9 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { ProgressBarBase } from '../common/progressbar-base';
-import { Component, Input } from '@angular/core';
+import { Component, ElementRef, HostBinding, Input, Renderer2 } from '@angular/core';
 import { reverseChunks } from '../common/util';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import * as i0 from "@angular/core";
@@ -36,13 +36,15 @@ export class ChunkProgressBarComponent extends ProgressBarBase {
         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}%`
+            width: `${this.chunkSizePercentage}%`,
+            height: null
         };
     }
     /**
@@ -72,17 +74,17 @@ export class ChunkProgressBarComponent extends ProgressBarBase {
     get orientationStyles() {
         if (this.orientation === 'horizontal') {
             this._orientationStyles.width = `${this.chunkSizePercentage}%`;
-            this._orientationStyles.height = undefined;
+            this._orientationStyles.height = null;
         }
         else {
             this._orientationStyles.height = `${this.chunkSizePercentage}%`;
-            this._orientationStyles.width = undefined;
+            this._orientationStyles.width = null;
         }
         return this._orientationStyles;
     }
 }
-ChunkProgressBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ChunkProgressBarComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-ChunkProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ChunkProgressBarComponent, selector: "kendo-chunkprogressbar", inputs: { chunkCount: "chunkCount", progressCssStyle: "progressCssStyle", progressCssClass: "progressCssClass", emptyCssStyle: "emptyCssStyle", emptyCssClass: "emptyCssClass" }, providers: [
+ChunkProgressBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ChunkProgressBarComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+ChunkProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ChunkProgressBarComponent, 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,
@@ -94,8 +96,8 @@ ChunkProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
             progressBarLabel="Chunk progressbar"
         >
         </ng-container>
-        <ul class="k-reset">
-            <li class="k-item" *ngFor="let chunk of chunks; let i = index;"
+        <ul class="k-reset k-progressbar-chunks">
+            <li class="k-progressbar-chunk" *ngFor="let chunk of chunks; let i = index;"
                 [class.k-first]="i === 0"
                 [class.k-last]="i === chunkCount - 1"
                 [class.k-selected]="chunk"
@@ -107,7 +109,7 @@ ChunkProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
             </li>
         </ul>
     `, isInline: true, directives: [{ type: i2.LocalizedProgressBarMessagesDirective, selector: "[kendoProgressBarLocalizedMessages]" }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ChunkProgressBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ChunkProgressBarComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoChunkProgressBar',
@@ -118,8 +120,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             progressBarLabel="Chunk progressbar"
         >
         </ng-container>
-        <ul class="k-reset">
-            <li class="k-item" *ngFor="let chunk of chunks; let i = index;"
+        <ul class="k-reset k-progressbar-chunks">
+            <li class="k-progressbar-chunk" *ngFor="let chunk of chunks; let i = index;"
                 [class.k-first]="i === 0"
                 [class.k-last]="i === chunkCount - 1"
                 [class.k-selected]="chunk"
@@ -139,7 +141,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                         }
                     ]
                 }]
-        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { chunkCount: [{
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { chunkClass: [{
+                type: HostBinding,
+                args: ['class.k-chunk-progressbar']
+            }], chunkCount: [{
                 type: Input
             }], progressCssStyle: [{
                 type: Input

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

@@ -1,8 +1,8 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Directive } from '@angular/core';
+import { Directive, TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * A directive that selects a template within the <kendo-circularprogessbar> component which will be used for the center template.
@@ -13,9 +13,9 @@ export class CircularProgressbarCenterTemplateDirective {
         this.templateRef = templateRef;
     }
 }
-CircularProgressbarCenterTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CircularProgressbarCenterTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-CircularProgressbarCenterTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: CircularProgressbarCenterTemplateDirective, selector: "[kendoCircularProgressbarCenterTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CircularProgressbarCenterTemplateDirective, decorators: [{
+CircularProgressbarCenterTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CircularProgressbarCenterTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+CircularProgressbarCenterTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: CircularProgressbarCenterTemplateDirective, selector: "[kendoCircularProgressbarCenterTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CircularProgressbarCenterTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoCircularProgressbarCenterTemplate]'

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

@@ -1,9 +1,9 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Component, ContentChild, EventEmitter, HostBinding, Input, isDevMode, Output, ViewChild } from '@angular/core';
-import { hasObservers, isChanged } from '@progress/kendo-angular-common';
+import { ChangeDetectorRef, Component, ContentChild, ElementRef, EventEmitter, HostBinding, Input, isDevMode, NgZone, Output, Renderer2, ViewChild } from '@angular/core';
+import { hasObservers, isChanged, isDocumentAvailable } from '@progress/kendo-angular-common';
 import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
 import { Subscription } from 'rxjs';
@@ -134,6 +134,9 @@ export class CircularProgressBarComponent {
         return this._indeterminate;
     }
     ngAfterViewInit() {
+        if (!isDocumentAvailable()) {
+            return;
+        }
         const elem = this.element.nativeElement;
         const ariaLabel = this.localization.get('progressBarLabel');
         this.renderer.setAttribute(elem, 'aria-label', ariaLabel);
@@ -147,14 +150,14 @@ export class CircularProgressBarComponent {
             }
             else {
                 const value = this.value - this.min;
-                this.internalValue = changes.value.currentValue;
+                this.internalValue = changes['value'].currentValue;
                 this.calculateProgress(value);
             }
         }
-        if (changes.opacity && this.progress) {
-            setProgressBarStyles([{ method: 'setAttribute', el: this.progress.nativeElement, attr: 'opacity', attrValue: this.opacity }], this.renderer);
+        if (changes['opacity'] && this.progress) {
+            setProgressBarStyles([{ method: 'setAttribute', el: this.progress.nativeElement, attr: 'opacity', attrValue: this.opacity.toString() }], this.renderer);
         }
-        if (changes.indeterminate && !changes.indeterminate.firstChange) {
+        if (changes['indeterminate'] && !changes['indeterminate'].firstChange) {
             this.indeterminateState();
         }
     }
@@ -164,7 +167,7 @@ export class CircularProgressBarComponent {
     /**
      * @hidden
      */
-    onResize(_event) {
+    onResize() {
         this.setStyles();
         const value = this.animation ? this.internalValue : this.value;
         this.calculateProgress(value);
@@ -199,8 +202,8 @@ export class CircularProgressBarComponent {
         const dir = this.rtl ? circumference * -1 : circumference;
         const strokeDashOffest = circumference - dir * (value / (this.max - this.min));
         const progressCalculations = [
-            { method: 'setStyle', el: progressArc, attr: 'strokeDasharray', attrValue: circumference },
-            { method: 'setStyle', el: progressArc, attr: 'strokeDashoffset', attrValue: strokeDashOffest }
+            { method: 'setStyle', el: progressArc, attr: 'strokeDasharray', attrValue: circumference.toString() },
+            { method: 'setStyle', el: progressArc, attr: 'strokeDashoffset', attrValue: strokeDashOffest.toString() }
         ];
         setProgressBarStyles(progressCalculations, this.renderer);
     }
@@ -245,23 +248,23 @@ export class CircularProgressBarComponent {
             setProgressBarStyles(surfaceSize, this.renderer);
         }
         const attributesArray = [
-            { method: 'setAttribute', el: progressArc, attr: 'r', attrValue: (elWidth / 2) - 10 },
-            { method: 'setAttribute', el: progressArc, attr: 'cx', attrValue: (elWidth / 2) },
-            { method: 'setAttribute', el: progressArc, attr: 'cy', attrValue: (elWidth / 2) },
-            { method: 'setAttribute', el: progressArc, attr: 'opacity', attrValue: this.opacity },
-            { method: 'setAttribute', el: scale, attr: 'r', attrValue: (elWidth / 2) - 10 },
-            { method: 'setAttribute', el: scale, attr: 'cx', attrValue: (elWidth / 2) },
-            { method: 'setAttribute', el: scale, attr: 'cy', attrValue: (elWidth / 2) }
+            { method: 'setAttribute', el: progressArc, attr: 'r', attrValue: String((elWidth / 2) - 10) },
+            { method: 'setAttribute', el: progressArc, attr: 'cx', attrValue: String((elWidth / 2)) },
+            { method: 'setAttribute', el: progressArc, attr: 'cy', attrValue: String((elWidth / 2)) },
+            { method: 'setAttribute', el: progressArc, attr: 'opacity', attrValue: String(this.opacity) },
+            { method: 'setAttribute', el: scale, attr: 'r', attrValue: String((elWidth / 2) - 10) },
+            { method: 'setAttribute', el: scale, attr: 'cx', attrValue: String(elWidth / 2) },
+            { method: 'setAttribute', el: scale, attr: 'cy', attrValue: String(elWidth / 2) }
         ];
         setProgressBarStyles(attributesArray, this.renderer);
     }
     indeterminateState() {
         const progressArc = this.progress.nativeElement;
         if (this.indeterminate) {
-            // the indeterminate state wont work as the `k-circular-progressbar-arc` has a transform: rotate(-90deg) which is 
+            // the indeterminate state wont work as the `k-circular-progressbar-arc` has a transform: rotate(-90deg) which is
             // interfering with the svg animation as the animateTransform brings its own transform: rotate()
             // This will be like this until the themes release a new version, bringing a new class `k-circular-progressbar-indeterminate-arc`
-            // containing only the necassery CSS styles and we will switch between them when the state of the progressbar is switched. 
+            // containing only the necassery CSS styles and we will switch between them when the state of the progressbar is switched.
             this.calculateProgress(this.value - this.min);
             const rotate = this.rtl ? { from: 360, to: 0 } : { from: 0, to: 360 };
             let color;
@@ -336,8 +339,8 @@ export class CircularProgressBarComponent {
         }
         else {
             for (let i = 0; i < this.progressColor.length; i++) {
-                let from = this.progressColor[i].from;
-                let to = this.progressColor[i].to;
+                const from = this.progressColor[i].from;
+                const to = this.progressColor[i].to;
                 if (value >= from && value <= to || (!from && value <= to)) {
                     this.renderer.setStyle(progressArc, 'stroke', this.progressColor[i].color);
                     break;
@@ -376,8 +379,8 @@ export class CircularProgressBarComponent {
         }
     }
 }
-CircularProgressBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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: "12.0.0", version: "12.2.16", type: CircularProgressBarComponent, 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: [
+CircularProgressBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", 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: "12.0.0", version: "13.3.11", type: CircularProgressBarComponent, 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,
@@ -402,9 +405,9 @@ CircularProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12
                 </div>
             </div>
         </div>
-        <kendo-resize-sensor (resize)="onResize($event)"></kendo-resize-sensor>
+        <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
     `, isInline: true, components: [{ type: i2.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], directives: [{ type: i3.LocalizedProgressBarMessagesDirective, selector: "[kendoProgressBarLocalizedMessages]" }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CircularProgressBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CircularProgressBarComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoCircularProgressBar',
@@ -428,7 +431,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 </div>
             </div>
         </div>
-        <kendo-resize-sensor (resize)="onResize($event)"></kendo-resize-sensor>
+        <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
     `, providers: [
                         LocalizationService,
                         {

package/{esm2015/circularprogressbar/models/center-template-context.interface.js → esm2020/circularprogressbar/models/center-template-context.interface.mjs}

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 export {};

package/{esm2015/circularprogressbar/models/circular-progressbar-progress-color-interface.js → esm2020/circularprogressbar/models/circular-progressbar-progress-color-interface.mjs}

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/{esm2015/common/constants.js → esm2020/common/constants.mjs}

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

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

@@ -1,8 +1,9 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Component, forwardRef } from '@angular/core';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { ProgressBarMessages } from './messages';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
@@ -19,14 +20,14 @@ export class ProgressBarCustomMessagesComponent extends ProgressBarMessages {
         return true;
     }
 }
-ProgressBarCustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ProgressBarCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-ProgressBarCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ProgressBarCustomMessagesComponent, selector: "kendo-progressbar-messages", providers: [
+ProgressBarCustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProgressBarCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+ProgressBarCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ProgressBarCustomMessagesComponent, selector: "kendo-progressbar-messages", providers: [
         {
             provide: ProgressBarMessages,
             useExisting: forwardRef(() => ProgressBarCustomMessagesComponent)
         }
     ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ProgressBarCustomMessagesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProgressBarCustomMessagesComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [

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

@@ -1,8 +1,9 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Directive, forwardRef } from '@angular/core';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { ProgressBarMessages } from './messages';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
@@ -15,14 +16,14 @@ export class LocalizedProgressBarMessagesDirective extends ProgressBarMessages {
         this.service = service;
     }
 }
-LocalizedProgressBarMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalizedProgressBarMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-LocalizedProgressBarMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: LocalizedProgressBarMessagesDirective, selector: "[kendoProgressBarLocalizedMessages]", providers: [
+LocalizedProgressBarMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LocalizedProgressBarMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+LocalizedProgressBarMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: LocalizedProgressBarMessagesDirective, selector: "[kendoProgressBarLocalizedMessages]", providers: [
         {
             provide: ProgressBarMessages,
             useExisting: forwardRef(() => LocalizedProgressBarMessagesDirective)
         }
     ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalizedProgressBarMessagesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LocalizedProgressBarMessagesDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [

package/{esm2015/common/localization/messages.js → esm2020/common/localization/messages.mjs}

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2022 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Directive, Input } from '@angular/core';
@@ -10,14 +10,11 @@ import * as i0 from "@angular/core";
  */
 export class ProgressBarMessages extends ComponentMessages {
 }
-ProgressBarMessages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ProgressBarMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-ProgressBarMessages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: ProgressBarMessages, selector: "kendo-progressbar-messages-base", inputs: { progressBarLabel: "progressBarLabel" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ProgressBarMessages, decorators: [{
+ProgressBarMessages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProgressBarMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+ProgressBarMessages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: ProgressBarMessages, inputs: { progressBarLabel: "progressBarLabel" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ProgressBarMessages, decorators: [{
             type: Directive,
-            args: [{
-                    // eslint-disable-next-line @angular-eslint/directive-selector
-                    selector: 'kendo-progressbar-messages-base'
-                }]
+            args: [{}]
         }], propDecorators: { progressBarLabel: [{
                 type: Input
             }] } });