@progress/kendo-angular-progressbar 3.1.2-dev.202210121050 → 3.1.2-dev.202211071017

package/esm2015/common/localization/localized-messages.directive.js

@@ -0,0 +1,36 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 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 { ProgressBarMessages } from './messages';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+/**
+ * @hidden
+ */
+export class LocalizedProgressBarMessagesDirective extends ProgressBarMessages {
+    constructor(service) {
+        super();
+        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: [
+        {
+            provide: ProgressBarMessages,
+            useExisting: forwardRef(() => LocalizedProgressBarMessagesDirective)
+        }
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalizedProgressBarMessagesDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [
+                        {
+                            provide: ProgressBarMessages,
+                            useExisting: forwardRef(() => LocalizedProgressBarMessagesDirective)
+                        }
+                    ],
+                    selector: `[kendoProgressBarLocalizedMessages]`
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });

package/esm2015/common/localization/messages.js

@@ -0,0 +1,23 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 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';
+import { ComponentMessages } from '@progress/kendo-angular-l10n';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+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: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: 'kendo-progressbar-messages-base'
+                }]
+        }], propDecorators: { progressBarLabel: [{
+                type: Input
+            }] } });

package/esm2015/common/progressbar-base.js

@@ -15,9 +15,11 @@ export class ProgressBarBase {
     /**
      * @hidden
      */
-    constructor(localization) {
+    constructor(elem, renderer, localization) {
+        this.elem = elem;
+        this.renderer = renderer;
         this.localization = localization;
-        this.widgetClasses = true;
+        this.hostClasses = true;
         this.roleAttribute = 'progressbar';
         /**
          * The maximum value of the ProgressBar.
@@ -131,6 +133,12 @@ export class ProgressBarBase {
     get _progressRatio() {
         return calculateRatio(this.min, this.max, this.displayValue);
     }
+    ngAfterViewInit() {
+        const elem = this.elem.nativeElement;
+        const label = this.localization.get('progressBarLabel');
+        this.renderer.setAttribute(elem, 'title', label);
+        this.renderer.setAttribute(elem, 'aria-label', label);
+    }
     ngOnChanges(changes) {
         const min = extractValueFromChanges(changes, 'min', this.min);
         const max = extractValueFromChanges(changes, 'max', this.max);
@@ -158,17 +166,14 @@ export class ProgressBarBase {
         }
     }
 }
-ProgressBarBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ProgressBarBase, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-ProgressBarBase.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ProgressBarBase, selector: "ng-component", inputs: { max: "max", min: "min", value: "value", orientation: "orientation", disabled: "disabled", reverse: "reverse", indeterminate: "indeterminate" }, host: { properties: { "class.k-widget": "this.widgetClasses", "class.k-progressbar": "this.widgetClasses", "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: "12.2.16", ngImport: i0, type: ProgressBarBase, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+ProgressBarBase.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", 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: "12.2.16", ngImport: i0, type: ProgressBarBase, decorators: [{
             type: Component,
             args: [{
                     template: ''
                 }]
-        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { widgetClasses: [{
-                type: HostBinding,
-                args: ['class.k-widget']
-            }, {
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.LocalizationService }]; }, propDecorators: { hostClasses: [{
                 type: HostBinding,
                 args: ['class.k-progressbar']
             }], isHorizontal: [{

package/esm2015/main.js

@@ -7,3 +7,5 @@ export { ChunkProgressBarComponent } from './chunk/chunk-progressbar.component';
 export { CircularProgressBarComponent } from './circularprogressbar/circular-progressbar.component';
 export { ProgressBarModule } from './progressbar.module';
 export { CircularProgressbarCenterTemplateDirective } from './circularprogressbar/center-template.directive';
+export { LocalizedProgressBarMessagesDirective } from './common/localization/localized-messages.directive';
+export { ProgressBarCustomMessagesComponent } from './common/localization/custom-messages.component';

package/esm2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-progressbar',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1665571783,
+    publishDate: 1667816241,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/esm2015/progressbar.component.js

@@ -9,7 +9,8 @@ import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { hasObservers } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
-import * as i2 from "@angular/common";
+import * as i2 from "./common/localization/localized-messages.directive";
+import * as i3 from "@angular/common";
 /**
  * Represents the [Kendo UI ProgressBar component for Angular]({% slug overview_progressbar %}).
  *
@@ -31,11 +32,12 @@ export class ProgressBarComponent extends ProgressBarBase {
     /**
      * @hidden
      */
-    constructor(localization, zone, renderer) {
-        super(localization);
+    constructor(localization, elem, renderer, zone) {
+        super(elem, renderer, localization);
         this.localization = localization;
-        this.zone = zone;
+        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
@@ -216,7 +218,7 @@ export class ProgressBarComponent extends ProgressBarBase {
         });
     }
 }
-ProgressBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ProgressBarComponent, deps: [{ token: i1.LocalizationService }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+ProgressBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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: "12.0.0", version: "12.2.16", type: ProgressBarComponent, selector: "kendo-progressbar", inputs: { label: "label", progressCssStyle: "progressCssStyle", progressCssClass: "progressCssClass", emptyCssStyle: "emptyCssStyle", emptyCssClass: "emptyCssClass", animation: "animation" }, outputs: { animationEnd: "animationEnd" }, providers: [
         LocalizationService,
         {
@@ -224,6 +226,11 @@ ProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
             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 title for the ProgressBar component."
+            progressBarLabel="Progressbar"
+        >
+        </ng-container>
         <span class="k-progress-status-wrap"
             [class.k-progress-start]="isPositionStart"
             [class.k-progress-center]="isPositionCenter"
@@ -253,13 +260,18 @@ ProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
                 <span *ngIf="showLabel" class="k-progress-status">{{formattedLabelValue}}</span>
             </span>
         </div>
-       `, isInline: true, directives: [{ type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+       `, isInline: true, directives: [{ type: i2.LocalizedProgressBarMessagesDirective, selector: "[kendoProgressBarLocalizedMessages]" }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ProgressBarComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoProgressBar',
                     selector: 'kendo-progressbar',
                     template: `
+        <ng-container kendoProgressBarLocalizedMessages
+            i18n-progressBarLabel="kendo.progressbar.progressBarLabel|The title for the ProgressBar component."
+            progressBarLabel="Progressbar"
+        >
+        </ng-container>
         <span class="k-progress-status-wrap"
             [class.k-progress-start]="isPositionStart"
             [class.k-progress-center]="isPositionCenter"
@@ -298,7 +310,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                         }
                     ]
                 }]
-        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.NgZone }, { type: i0.Renderer2 }]; }, propDecorators: { label: [{
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { label: [{
                 type: Input
             }], progressCssStyle: [{
                 type: Input

package/esm2015/progressbar.module.js

@@ -9,11 +9,20 @@ import { ProgressBarComponent } from './progressbar.component';
 import { ResizeSensorModule } from '@progress/kendo-angular-common';
 import { CircularProgressBarComponent } from './circularprogressbar/circular-progressbar.component';
 import { CircularProgressbarCenterTemplateDirective } from './circularprogressbar/center-template.directive';
+import { LocalizedProgressBarMessagesDirective } from './common/localization/localized-messages.directive';
+import { ProgressBarCustomMessagesComponent } from './common/localization/custom-messages.component';
 import * as i0 from "@angular/core";
-const COMPONENT_DIRECTIVES = [ProgressBarComponent, ChunkProgressBarComponent, CircularProgressBarComponent, CircularProgressbarCenterTemplateDirective];
+const COMPONENT_DIRECTIVES = [
+    ProgressBarComponent,
+    ChunkProgressBarComponent,
+    CircularProgressBarComponent,
+    CircularProgressbarCenterTemplateDirective,
+    LocalizedProgressBarMessagesDirective,
+    ProgressBarCustomMessagesComponent
+];
 const MODULES = [CommonModule, ResizeSensorModule];
 /**
- * Represents the [NgModule]({{ site.data.urls.angular['ngmodules'] }})
+ * Represents the [NgModule](link:site.data.urls.angular['ngmodules'])
  * definition for the ProgressBar components.
  *
  * @example
@@ -46,7 +55,17 @@ const MODULES = [CommonModule, ResizeSensorModule];
 export class ProgressBarModule {
 }
 ProgressBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ProgressBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ProgressBarModule, declarations: [ProgressBarComponent, ChunkProgressBarComponent, CircularProgressBarComponent, CircularProgressbarCenterTemplateDirective], imports: [CommonModule, ResizeSensorModule], exports: [ProgressBarComponent, ChunkProgressBarComponent, CircularProgressBarComponent, CircularProgressbarCenterTemplateDirective] });
+ProgressBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ProgressBarModule, declarations: [ProgressBarComponent,
+        ChunkProgressBarComponent,
+        CircularProgressBarComponent,
+        CircularProgressbarCenterTemplateDirective,
+        LocalizedProgressBarMessagesDirective,
+        ProgressBarCustomMessagesComponent], imports: [CommonModule, ResizeSensorModule], exports: [ProgressBarComponent,
+        ChunkProgressBarComponent,
+        CircularProgressBarComponent,
+        CircularProgressbarCenterTemplateDirective,
+        LocalizedProgressBarMessagesDirective,
+        ProgressBarCustomMessagesComponent] });
 ProgressBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ProgressBarModule, imports: [MODULES] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ProgressBarModule, decorators: [{
             type: NgModule,