@progress/kendo-angular-progressbar 2.0.4 → 3.0.0-dev.202204131905

package/{dist/fesm2015/index.js → fesm2015/kendo-angular-progressbar.js}

@@ -2,11 +2,13 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { __decorate, __metadata } from 'tslib';
-import { isDevMode, HostBinding, Input, EventEmitter, Output, ViewChild, ElementRef, Component, NgZone, Renderer2, NgModule } from '@angular/core';
+import * as i0 from '@angular/core';
+import { isDevMode, Component, HostBinding, Input, EventEmitter, Output, ViewChild, NgModule } from '@angular/core';
 import { validatePackage } from '@progress/kendo-licensing';
+import * as i1 from '@progress/kendo-angular-l10n';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { hasObservers } from '@progress/kendo-angular-common';
+import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 
 /**
@@ -16,7 +18,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-progressbar',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1646219371,
+    publishDate: 1649876729,
     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'
 };
@@ -260,88 +262,64 @@ class ProgressBarBase {
         }
     }
 }
-__decorate([
-    HostBinding('class.k-widget'),
-    HostBinding('class.k-progressbar'),
-    __metadata("design:type", Boolean)
-], ProgressBarBase.prototype, "widgetClasses", void 0);
-__decorate([
-    HostBinding('class.k-progressbar-horizontal'),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], ProgressBarBase.prototype, "isHorizontal", null);
-__decorate([
-    HostBinding('class.k-progressbar-vertical'),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], ProgressBarBase.prototype, "isVertical", null);
-__decorate([
-    HostBinding('class.k-state-disabled'),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], ProgressBarBase.prototype, "disabledClass", null);
-__decorate([
-    HostBinding('class.k-progressbar-reverse'),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], ProgressBarBase.prototype, "reverseClass", null);
-__decorate([
-    HostBinding('class.k-progressbar-indeterminate'),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], ProgressBarBase.prototype, "indeterminateClass", null);
-__decorate([
-    HostBinding('attr.dir'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [])
-], ProgressBarBase.prototype, "dirAttribute", null);
-__decorate([
-    HostBinding('attr.role'),
-    __metadata("design:type", String)
-], ProgressBarBase.prototype, "roleAttribute", void 0);
-__decorate([
-    HostBinding('attr.aria-valuemin'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [])
-], ProgressBarBase.prototype, "ariaMinAttribute", null);
-__decorate([
-    HostBinding('attr.aria-valuemax'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [])
-], ProgressBarBase.prototype, "ariaMaxAttribute", null);
-__decorate([
-    HostBinding('attr.aria-valuenow'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [])
-], ProgressBarBase.prototype, "ariaValueAttribute", null);
-__decorate([
-    Input(),
-    __metadata("design:type", Number)
-], ProgressBarBase.prototype, "max", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Number)
-], ProgressBarBase.prototype, "min", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Number)
-], ProgressBarBase.prototype, "value", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], ProgressBarBase.prototype, "orientation", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], ProgressBarBase.prototype, "disabled", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], ProgressBarBase.prototype, "reverse", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], ProgressBarBase.prototype, "indeterminate", void 0);
+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-state-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']
+            }, {
+                type: HostBinding,
+                args: ['class.k-progressbar']
+            }], isHorizontal: [{
+                type: HostBinding,
+                args: ['class.k-progressbar-horizontal']
+            }], isVertical: [{
+                type: HostBinding,
+                args: ['class.k-progressbar-vertical']
+            }], disabledClass: [{
+                type: HostBinding,
+                args: ['class.k-state-disabled']
+            }], reverseClass: [{
+                type: HostBinding,
+                args: ['class.k-progressbar-reverse']
+            }], indeterminateClass: [{
+                type: HostBinding,
+                args: ['class.k-progressbar-indeterminate']
+            }], dirAttribute: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }], roleAttribute: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], ariaMinAttribute: [{
+                type: HostBinding,
+                args: ['attr.aria-valuemin']
+            }], ariaMaxAttribute: [{
+                type: HostBinding,
+                args: ['attr.aria-valuemax']
+            }], ariaValueAttribute: [{
+                type: HostBinding,
+                args: ['attr.aria-valuenow']
+            }], max: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], orientation: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], reverse: [{
+                type: Input
+            }], indeterminate: [{
+                type: Input
+            }] } });
 
 /**
  * Represents the [Kendo UI ProgressBar component for Angular]({% slug overview_progressbar %}).
@@ -360,7 +338,7 @@ __decorate([
  * }
  * ```
  */
-let ProgressBarComponent = class ProgressBarComponent extends ProgressBarBase {
+class ProgressBarComponent extends ProgressBarBase {
     /**
      * @hidden
      */
@@ -548,48 +526,51 @@ let ProgressBarComponent = class ProgressBarComponent extends ProgressBarBase {
             this.isAnimationInProgress = false;
         });
     }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], ProgressBarComponent.prototype, "label", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], ProgressBarComponent.prototype, "progressCssStyle", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], ProgressBarComponent.prototype, "progressCssClass", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], ProgressBarComponent.prototype, "emptyCssStyle", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], ProgressBarComponent.prototype, "emptyCssClass", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], ProgressBarComponent.prototype, "animation", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], ProgressBarComponent.prototype, "animationEnd", void 0);
-__decorate([
-    ViewChild('progressStatus', { static: false }),
-    __metadata("design:type", ElementRef)
-], ProgressBarComponent.prototype, "progressStatusElement", void 0);
-__decorate([
-    ViewChild('progressStatusWrap', { static: false }),
-    __metadata("design:type", ElementRef)
-], ProgressBarComponent.prototype, "progressStatusWrapperElement", void 0);
-ProgressBarComponent = __decorate([
-    Component({
-        exportAs: 'kendoProgressBar',
-        selector: 'kendo-progressbar',
-        template: `
+}
+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.ɵ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,
+        {
+            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: `
+        <span class="k-progress-status-wrap"
+            [class.k-progress-start]="isPositionStart"
+            [class.k-progress-center]="isPositionCenter"
+            [class.k-progress-end]="isPositionEnd"
+            [ngStyle]="emptyCssStyle"
+            [ngClass]="emptyCssClass">
+            <span *ngIf="showLabel" class="k-progress-status">{{formattedLabelValue}}</span>
+        </span>
+        <div
+            #progressStatus
+            class="k-state-selected"
+            [class.k-complete]="isCompleted"
+            [ngStyle]="progressCssStyle"
+            [ngClass]="progressCssClass"
+            [style.width.%]="statusWidth"
+            [style.height.%]="statusHeight"
+            >
+            <span
+                #progressStatusWrap
+                class="k-progress-status-wrap"
+                [style.width.%]="statusWrapperWidth"
+                [style.height.%]="statusWrapperHeight"
+                [class.k-progress-start]="isPositionStart"
+                [class.k-progress-center]="isPositionCenter"
+                [class.k-progress-end]="isPositionEnd"
+                >
+                <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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ProgressBarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    exportAs: 'kendoProgressBar',
+                    selector: 'kendo-progressbar',
+                    template: `
         <span class="k-progress-status-wrap"
             [class.k-progress-start]="isPositionStart"
             [class.k-progress-center]="isPositionCenter"
@@ -620,18 +601,35 @@ ProgressBarComponent = __decorate([
             </span>
         </div>
        `,
-        providers: [
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.progressbar'
-            }
-        ]
-    }),
-    __metadata("design:paramtypes", [LocalizationService,
-        NgZone,
-        Renderer2])
-], ProgressBarComponent);
+                    providers: [
+                        LocalizationService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.progressbar'
+                        }
+                    ]
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.NgZone }, { type: i0.Renderer2 }]; }, propDecorators: { label: [{
+                type: Input
+            }], progressCssStyle: [{
+                type: Input
+            }], progressCssClass: [{
+                type: Input
+            }], emptyCssStyle: [{
+                type: Input
+            }], emptyCssClass: [{
+                type: Input
+            }], animation: [{
+                type: Input
+            }], animationEnd: [{
+                type: Output
+            }], progressStatusElement: [{
+                type: ViewChild,
+                args: ['progressStatus', { static: false }]
+            }], progressStatusWrapperElement: [{
+                type: ViewChild,
+                args: ['progressStatusWrap', { static: false }]
+            }] } });
 
 /**
  * Represents the [Kendo UI ChunkProgressBar component for Angular]({% slug overview_chunkprogressbar %}).
@@ -650,7 +648,7 @@ ProgressBarComponent = __decorate([
  * }
  * ```
  */
-let ChunkProgressBarComponent = class ChunkProgressBarComponent extends ProgressBarBase {
+class ChunkProgressBarComponent extends ProgressBarBase {
     /**
      * @hidden
      */
@@ -701,32 +699,34 @@ let ChunkProgressBarComponent = class ChunkProgressBarComponent extends Progress
         }
         return this._orientationStyles;
     }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", Number)
-], ChunkProgressBarComponent.prototype, "chunkCount", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], ChunkProgressBarComponent.prototype, "progressCssStyle", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], ChunkProgressBarComponent.prototype, "progressCssClass", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], ChunkProgressBarComponent.prototype, "emptyCssStyle", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], ChunkProgressBarComponent.prototype, "emptyCssClass", void 0);
-ChunkProgressBarComponent = __decorate([
-    Component({
-        exportAs: 'kendoChunkProgressBar',
-        selector: 'kendo-chunkprogressbar',
-        template: `
+}
+ChunkProgressBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ChunkProgressBarComponent, deps: [{ token: i1.LocalizationService }], 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: [
+        LocalizationService,
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.chunkprogressbar'
+        }
+    ], exportAs: ["kendoChunkProgressBar"], usesInheritance: true, ngImport: i0, template: `
+        <ul class="k-reset">
+            <li class="k-item" *ngFor="let chunk of chunks; let i = index;"
+                [class.k-first]="i === 0"
+                [class.k-last]="i === chunkCount - 1"
+                [class.k-state-selected]="chunk"
+                [ngClass]="chunk ? progressCssClass : emptyCssClass"
+                [ngStyle]="chunk ? progressCssStyle : emptyCssStyle"
+                [style.width]="orientationStyles.width"
+                [style.height]="orientationStyles.height"
+                >
+            </li>
+        </ul>
+    `, isInline: true, directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ChunkProgressBarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    exportAs: 'kendoChunkProgressBar',
+                    selector: 'kendo-chunkprogressbar',
+                    template: `
         <ul class="k-reset">
             <li class="k-item" *ngFor="let chunk of chunks; let i = index;"
                 [class.k-first]="i === 0"
@@ -740,16 +740,25 @@ ChunkProgressBarComponent = __decorate([
             </li>
         </ul>
     `,
-        providers: [
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.chunkprogressbar'
-            }
-        ]
-    }),
-    __metadata("design:paramtypes", [LocalizationService])
-], ChunkProgressBarComponent);
+                    providers: [
+                        LocalizationService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.chunkprogressbar'
+                        }
+                    ]
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { chunkCount: [{
+                type: Input
+            }], progressCssStyle: [{
+                type: Input
+            }], progressCssClass: [{
+                type: Input
+            }], emptyCssStyle: [{
+                type: Input
+            }], emptyCssClass: [{
+                type: Input
+            }] } });
 
 const COMPONENT_DIRECTIVES = [ProgressBarComponent, ChunkProgressBarComponent];
 const MODULES = [CommonModule];
@@ -784,18 +793,23 @@ const MODULES = [CommonModule];
  *
  * ```
  */
-let ProgressBarModule = class ProgressBarModule {
-};
-ProgressBarModule = __decorate([
-    NgModule({
-        declarations: COMPONENT_DIRECTIVES,
-        exports: COMPONENT_DIRECTIVES,
-        imports: MODULES
-    })
-], ProgressBarModule);
+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], imports: [CommonModule], exports: [ProgressBarComponent, ChunkProgressBarComponent] });
+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,
+            args: [{
+                    declarations: COMPONENT_DIRECTIVES,
+                    exports: COMPONENT_DIRECTIVES,
+                    imports: MODULES
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ProgressBarBase, ProgressBarComponent, ChunkProgressBarComponent, ProgressBarModule };
+export { ChunkProgressBarComponent, ProgressBarComponent, ProgressBarModule };
+

package/{dist/es/index.js → kendo-angular-progressbar.d.ts}

@@ -5,5 +5,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
+/// <amd-module name="@progress/kendo-angular-progressbar" />
 export * from './main';
-export { ProgressBarBase } from './common/progressbar-base';