@progress/kendo-angular-progressbar 2.0.3 → 3.0.0-next.202202141243

package/dist/npm/progressbar.component.js

@@ -1,306 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var progressbar_base_1 = require("./common/progressbar-base");
-var core_1 = require("@angular/core");
-var util_1 = require("./common/util");
-var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
-var kendo_angular_common_1 = require("@progress/kendo-angular-common");
-/**
- * Represents the [Kendo UI ProgressBar component for Angular]({% slug overview_progressbar %}).
- *
- * @example
- * ```ts-preview
- * _@Component({
- *    selector: 'my-app',
- *    template: `
- *        <kendo-progressbar [value]="value">
- *        </kendo-progressbar>
- *    `
- * })
- * class AppComponent {
- *     public value = 50;
- * }
- * ```
- */
-var ProgressBarComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(ProgressBarComponent, _super);
-    /**
-     * @hidden
-     */
-    function ProgressBarComponent(localization, zone, renderer) {
-        var _this = _super.call(this, localization) || this;
-        _this.localization = localization;
-        _this.zone = zone;
-        _this.renderer = renderer;
-        /**
-         * Determines whether the status label will be visible.
-         * Defaults to `true`&mdash;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 core_1.EventEmitter();
-        return _this;
-    }
-    Object.defineProperty(ProgressBarComponent.prototype, "showLabel", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            if (typeof this.label === 'boolean') {
-                return this.label;
-            }
-            else {
-                if (this.label && !this.label.hasOwnProperty('visible')) {
-                    this.label.visible = true;
-                }
-                return this.label.visible;
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ProgressBarComponent.prototype, "labelPosition", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            if (typeof this.label === 'boolean') {
-                return 'end';
-            }
-            else {
-                if (this.label && !this.label.hasOwnProperty('position')) {
-                    this.label.position = 'end';
-                }
-                return this.label.position;
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ProgressBarComponent.prototype, "isPositionStart", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return this.labelPosition === 'start';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ProgressBarComponent.prototype, "isPositionCenter", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return this.labelPosition === 'center';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ProgressBarComponent.prototype, "isPositionEnd", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return this.labelPosition === 'end';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ProgressBarComponent.prototype, "formattedLabelValue", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return util_1.formatValue(this.displayValue, this.min, this.max, this.label);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    ProgressBarComponent.prototype.ngOnChanges = function (changes) {
-        _super.prototype.ngOnChanges.call(this, changes);
-        if (this.isAnimationInProgress && util_1.stopCurrentAnimation(changes)) {
-            this.cancelCurrentAnimation = true;
-        }
-        if (util_1.runAnimation(changes, this.animation, this.previousValue, this.displayValue) && !changes.value.firstChange) {
-            this.startAnimation(this.previousValue);
-        }
-    };
-    /**
-     * @hidden
-     */
-    ProgressBarComponent.prototype.ngOnDestroy = function () {
-        if (this.animationFrame) {
-            cancelAnimationFrame(this.animationFrame);
-        }
-    };
-    /**
-     * @hidden
-     */
-    ProgressBarComponent.prototype.startAnimation = function (previousValue) {
-        var _this = this;
-        this.isAnimationInProgress = true;
-        var element = this.progressStatusElement.nativeElement;
-        var wrapperElement = this.progressStatusWrapperElement.nativeElement;
-        var animationOptions = this.getAnimationOptions(previousValue);
-        this.zone.runOutsideAngular(function () {
-            if (_this.animationFrame) {
-                cancelAnimationFrame(_this.animationFrame);
-            }
-            var animate = function () {
-                var elapsed = new Date().getTime() - animationOptions.startTime;
-                var position = Math.min(elapsed / animationOptions.duration, 1);
-                var size = animationOptions.startSize + animationOptions.deltaSize * position;
-                var wrapperSize = (100 / size) * 100;
-                _this.renderValueChange(element, wrapperElement, animationOptions.property, size, wrapperSize);
-                if (position < 1) {
-                    if (_this.cancelCurrentAnimation) {
-                        _this.resetProgress(element, wrapperElement, animationOptions.property);
-                        return;
-                    }
-                    _this.animationFrame = requestAnimationFrame(animate);
-                }
-                else {
-                    _this.stopAnimation(previousValue);
-                }
-            };
-            animate();
-        });
-    };
-    Object.defineProperty(ProgressBarComponent.prototype, "animationDuration", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            if (typeof this.animation === 'boolean') {
-                return 400;
-            }
-            else {
-                if (this.animation && !this.animation.hasOwnProperty('duration')) {
-                    this.animation.duration = 400;
-                }
-                return this.animation.duration;
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    ProgressBarComponent.prototype.stopAnimation = function (value) {
-        var _this = this;
-        if (kendo_angular_common_1.hasObservers(this.animationEnd)) {
-            this.zone.run(function () {
-                _this.animationEnd.emit({
-                    from: value,
-                    to: _this.displayValue
-                });
-            });
-        }
-        this.zone.run(function () {
-            _this.isAnimationInProgress = false;
-        });
-    };
-    ProgressBarComponent.prototype.getAnimationOptions = function (value) {
-        var isHorizontal = this.orientation === 'horizontal';
-        var previousRatio = util_1.calculateRatio(this.min, this.max, value);
-        var previousStatusWidth = isHorizontal ? previousRatio * 100 : 100;
-        var previousStatusHeight = !isHorizontal ? previousRatio * 100 : 100;
-        var property = isHorizontal ? 'width' : 'height';
-        var startTime = new Date().getTime();
-        var startSize = isHorizontal ? previousStatusWidth : previousStatusHeight;
-        var deltaSize = isHorizontal ? this.statusWidth - previousStatusWidth : this.statusHeight - previousStatusHeight;
-        var duration = this.animationDuration * Math.abs((deltaSize / 100));
-        return {
-            property: property,
-            startTime: startTime,
-            startSize: startSize,
-            deltaSize: deltaSize,
-            duration: duration
-        };
-    };
-    ProgressBarComponent.prototype.renderValueChange = function (element, wrapperElement, property, size, wrapperSize) {
-        this.renderer.setStyle(element, property, size + '%');
-        this.renderer.setStyle(wrapperElement, property, wrapperSize + '%');
-    };
-    ProgressBarComponent.prototype.resetProgress = function (element, wrapperElement, property) {
-        var _this = this;
-        var size = util_1.calculateRatio(this.min, this.max, this.value);
-        var newSize = size * 100;
-        var newWrapperSize = 100 / size;
-        this.renderValueChange(element, wrapperElement, property, newSize, newWrapperSize);
-        this.zone.run(function () {
-            _this.cancelCurrentAnimation = false;
-            _this.isAnimationInProgress = false;
-        });
-    };
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], ProgressBarComponent.prototype, "label", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], ProgressBarComponent.prototype, "progressCssStyle", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], ProgressBarComponent.prototype, "progressCssClass", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], ProgressBarComponent.prototype, "emptyCssStyle", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], ProgressBarComponent.prototype, "emptyCssClass", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], ProgressBarComponent.prototype, "animation", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], ProgressBarComponent.prototype, "animationEnd", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild('progressStatus', { static: false }),
-        tslib_1.__metadata("design:type", core_1.ElementRef)
-    ], ProgressBarComponent.prototype, "progressStatusElement", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild('progressStatusWrap', { static: false }),
-        tslib_1.__metadata("design:type", core_1.ElementRef)
-    ], ProgressBarComponent.prototype, "progressStatusWrapperElement", void 0);
-    ProgressBarComponent = tslib_1.__decorate([
-        core_1.Component({
-            exportAs: 'kendoProgressBar',
-            selector: 'kendo-progressbar',
-            template: "\n        <span class=\"k-progress-status-wrap\"\n            [class.k-progress-start]=\"isPositionStart\"\n            [class.k-progress-center]=\"isPositionCenter\"\n            [class.k-progress-end]=\"isPositionEnd\"\n            [ngStyle]=\"emptyCssStyle\"\n            [ngClass]=\"emptyCssClass\">\n            <span *ngIf=\"showLabel\" class=\"k-progress-status\">{{formattedLabelValue}}</span>\n        </span>\n        <div\n            #progressStatus\n            class=\"k-state-selected\"\n            [class.k-complete]=\"isCompleted\"\n            [ngStyle]=\"progressCssStyle\"\n            [ngClass]=\"progressCssClass\"\n            [style.width.%]=\"statusWidth\"\n            [style.height.%]=\"statusHeight\"\n            >\n            <span\n                #progressStatusWrap\n                class=\"k-progress-status-wrap\"\n                [style.width.%]=\"statusWrapperWidth\"\n                [style.height.%]=\"statusWrapperHeight\"\n                [class.k-progress-start]=\"isPositionStart\"\n                [class.k-progress-center]=\"isPositionCenter\"\n                [class.k-progress-end]=\"isPositionEnd\"\n                >\n                <span *ngIf=\"showLabel\" class=\"k-progress-status\">{{formattedLabelValue}}</span>\n            </span>\n        </div>\n       ",
-            providers: [
-                kendo_angular_l10n_1.LocalizationService,
-                {
-                    provide: kendo_angular_l10n_1.L10N_PREFIX,
-                    useValue: 'kendo.progressbar'
-                }
-            ]
-        }),
-        tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService,
-            core_1.NgZone,
-            core_1.Renderer2])
-    ], ProgressBarComponent);
-    return ProgressBarComponent;
-}(progressbar_base_1.ProgressBarBase));
-exports.ProgressBarComponent = ProgressBarComponent;

package/dist/npm/progressbar.module.js

@@ -1,57 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var chunk_progressbar_component_1 = require("./chunk/chunk-progressbar.component");
-var core_1 = require("@angular/core");
-var common_1 = require("@angular/common");
-var progressbar_component_1 = require("./progressbar.component");
-var COMPONENT_DIRECTIVES = [progressbar_component_1.ProgressBarComponent, chunk_progressbar_component_1.ChunkProgressBarComponent];
-var MODULES = [common_1.CommonModule];
-/**
- * Represents the [NgModule]({{ site.data.urls.angular['ngmodules'] }})
- * definition for the ProgressBar components.
- *
- * @example
- *
- * ```ts-no-run
- * // Import the ProgressBar module
- * import { ProgressBarModule } from '@progress/kendo-angular-progressbar';
- *
- * // The browser platform with a compiler
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
- *
- * import { NgModule } from '@angular/core';
- *
- * // Import the app component
- * import { AppComponent } from './app.component';
- *
- * // Define the app module
- * _@NgModule({
- *     declarations: [AppComponent], // declare app component
- *     imports:      [BrowserModule, ProgressBarModule], // import ProgressBar module
- *     bootstrap:    [AppComponent]
- * })
- * export class AppModule {}
- *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
- *
- * ```
- */
-var ProgressBarModule = /** @class */ (function () {
-    function ProgressBarModule() {
-    }
-    ProgressBarModule = tslib_1.__decorate([
-        core_1.NgModule({
-            declarations: COMPONENT_DIRECTIVES,
-            exports: COMPONENT_DIRECTIVES,
-            imports: MODULES
-        })
-    ], ProgressBarModule);
-    return ProgressBarModule;
-}());
-exports.ProgressBarModule = ProgressBarModule;

package/dist/npm/types/animation-end-event.js

@@ -1,6 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/types/animation-options.interface.js

@@ -1,6 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/types/label-fn-type.js

@@ -1,6 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/types/label-position.js

@@ -1,6 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/types/label-settings.interface.js

@@ -1,6 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/types/label-type.js

@@ -1,6 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/types/progressbar-animation.interface.js

@@ -1,6 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/types/progressbar-orientation.js

@@ -1,6 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/systemjs/kendo-angular-progressbar.js

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-System.register("@progress/kendo-angular-progressbar",["tslib","@angular/core","@angular/common","@progress/kendo-angular-l10n","@progress/kendo-angular-common","@progress/kendo-licensing"],function(i){var o,s,u,l,p,d;function t(e){return e.__useDefault?e.default:e}return{setters:[function(e){o=t(e)},function(e){s=t(e)},function(e){u=t(e)},function(e){l=t(e)},function(e){p=t(e)},function(e){d=t(e)}],execute:function(){function r(e){if(a[e])return a[e].exports;var t=a[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,r),t.l=!0,t.exports}var n,a;a={},r.m=n=[function(e,t){e.exports=s},function(e,t){e.exports=o},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(10),a=n(0);t.reverseChunks=function(e,t){return"vertical"===e&&!t||"horizontal"===e&&t},t.formatValue=function(e,t,n,r){var a=o(e);if("boolean"!=typeof r){if("string"!=typeof r.format)return"function"==typeof r.format?r.format(e):a;switch(r.format){case"value":return a;case"percent":return Math.floor(i(e,t,n))+"%";default:return a}}return a},t.validateRange=function(e,t){if(a.isDevMode&&t<e)throw new Error(r.MIN_MAX_ERROR_MESSAGE)},t.adjustValueToRange=function(e,t,n){return Math.max(Math.min(n,t),e)};var i=function(e,t,n){n=Math.abs((n-t)/100);return Math.abs((e-t)/n)},o=function(e){e=e.toString().split(".");return 1===e.length?""+e[0]:e[0]+"."+e[1].substr(0,r.LABEL_DECIMALS)};t.calculateRatio=function(e,t,n){return Math.max((n-e)/(t-e),r.MIN_RATIO)},t.extractValueFromChanges=function(e,t,n){return e[t]&&void 0!==e[t].currentValue?e[t].currentValue:n},t.runAnimation=function(e,t,n,r){return t&&"undefined"!=typeof requestAnimationFrame&&e.value&&n!==r},t.stopCurrentAnimation=function(e){var t=Boolean(e.animation),e=t&&e.animation.currentValue;return t&&!e}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r,a=n(1),i=n(5),o=n(0),s=n(2),n=n(4),n=(r=i.ProgressBarBase,a.__extends(u,r),Object.defineProperty(u.prototype,"chunks",{get:function(){for(var e=this.chunkCount,t=Array(e).fill(!1),n=Math.floor(this._progressRatio*e),r=0;r<n;r++)t[r]=!0;return s.reverseChunks(this.orientation,this.reverse)&&t.reverse(),t},enumerable:!0,configurable:!0}),Object.defineProperty(u.prototype,"chunkSizePercentage",{get:function(){return 100/this.chunkCount},enumerable:!0,configurable:!0}),Object.defineProperty(u.prototype,"orientationStyles",{get:function(){return"horizontal"===this.orientation?(this._orientationStyles.width=this.chunkSizePercentage+"%",this._orientationStyles.height=void 0):(this._orientationStyles.height=this.chunkSizePercentage+"%",this._orientationStyles.width=void 0),this._orientationStyles},enumerable:!0,configurable:!0}),a.__decorate([o.Input(),a.__metadata("design:type",Number)],u.prototype,"chunkCount",void 0),a.__decorate([o.Input(),a.__metadata("design:type",Object)],u.prototype,"progressCssStyle",void 0),a.__decorate([o.Input(),a.__metadata("design:type",Object)],u.prototype,"progressCssClass",void 0),a.__decorate([o.Input(),a.__metadata("design:type",Object)],u.prototype,"emptyCssStyle",void 0),a.__decorate([o.Input(),a.__metadata("design:type",Object)],u.prototype,"emptyCssClass",void 0),a.__decorate([o.Component({exportAs:"kendoChunkProgressBar",selector:"kendo-chunkprogressbar",template:'\n        <ul class="k-reset">\n            <li class="k-item" *ngFor="let chunk of chunks; let i = index;"\n                [class.k-first]="i === 0"\n                [class.k-last]="i === chunkCount - 1"\n                [class.k-state-selected]="chunk"\n                [ngClass]="chunk ? progressCssClass : emptyCssClass"\n                [ngStyle]="chunk ? progressCssStyle : emptyCssStyle"\n                [style.width]="orientationStyles.width"\n                [style.height]="orientationStyles.height"\n                >\n            </li>\n        </ul>\n    ',providers:[n.LocalizationService,{provide:n.L10N_PREFIX,useValue:"kendo.chunkprogressbar"}]}),a.__metadata("design:paramtypes",[n.LocalizationService])],u));function u(e){var t=r.call(this,e)||this;return t.localization=e,t.chunkCount=5,t._orientationStyles={width:t.chunkSizePercentage+"%"},t}t.ChunkProgressBarComponent=n},function(e,t){e.exports=l},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(1),a=n(0),i=n(12),o=n(11),s=n(2),r=(Object.defineProperty(u.prototype,"isHorizontal",{get:function(){return"horizontal"===this.orientation},enumerable:!0,configurable:!0}),Object.defineProperty(u.prototype,"isVertical",{get:function(){return"vertical"===this.orientation},enumerable:!0,configurable:!0}),Object.defineProperty(u.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!0,configurable:!0}),Object.defineProperty(u.prototype,"reverseClass",{get:function(){return this.reverse},enumerable:!0,configurable:!0}),Object.defineProperty(u.prototype,"indeterminateClass",{get:function(){return this.indeterminate},enumerable:!0,configurable:!0}),Object.defineProperty(u.prototype,"dirAttribute",{get:function(){return this.direction},enumerable:!0,configurable:!0}),Object.defineProperty(u.prototype,"ariaMinAttribute",{get:function(){return String(this.min)},enumerable:!0,configurable:!0}),Object.defineProperty(u.prototype,"ariaMaxAttribute",{get:function(){return String(this.max)},enumerable:!0,configurable:!0}),Object.defineProperty(u.prototype,"ariaValueAttribute",{get:function(){return this.indeterminate?void 0:String(this.displayValue)},enumerable:!0,configurable:!0}),Object.defineProperty(u.prototype,"isCompleted",{get:function(){return this.value===this.max},enumerable:!0,configurable:!0}),Object.defineProperty(u.prototype,"statusWidth",{get:function(){return"horizontal"===this.orientation?100*this._progressRatio:100},enumerable:!0,configurable:!0}),Object.defineProperty(u.prototype,"statusHeight",{get:function(){return"vertical"===this.orientation?100*this._progressRatio:100},enumerable:!0,configurable:!0}),Object.defineProperty(u.prototype,"statusWrapperWidth",{get:function(){return"horizontal"===this.orientation?100/this._progressRatio:100},enumerable:!0,configurable:!0}),Object.defineProperty(u.prototype,"statusWrapperHeight",{get:function(){return"vertical"===this.orientation?100/this._progressRatio:100},enumerable:!0,configurable:!0}),Object.defineProperty(u.prototype,"_progressRatio",{get:function(){return s.calculateRatio(this.min,this.max,this.displayValue)},enumerable:!0,configurable:!0}),u.prototype.ngOnChanges=function(e){var t=s.extractValueFromChanges(e,"min",this.min),n=s.extractValueFromChanges(e,"max",this.max),r=s.extractValueFromChanges(e,"value",this.value);(e.min||e.max||e.value)&&((e.min||e.max)&&s.validateRange(t,n),e.value&&(null!=r&&!Number.isNaN(r)||(this.value=t),e=this.displayValue,this.displayValue=s.adjustValueToRange(this.min,this.max,r),this.previousValue=e),this.min=t,this.max=n,this.displayValue=s.adjustValueToRange(this.min,this.max,r))},u.prototype.ngOnDestroy=function(){this.localizationChangeSubscription&&this.localizationChangeSubscription.unsubscribe()},r.__decorate([a.HostBinding("class.k-widget"),a.HostBinding("class.k-progressbar"),r.__metadata("design:type",Boolean)],u.prototype,"widgetClasses",void 0),r.__decorate([a.HostBinding("class.k-progressbar-horizontal"),r.__metadata("design:type",Boolean),r.__metadata("design:paramtypes",[])],u.prototype,"isHorizontal",null),r.__decorate([a.HostBinding("class.k-progressbar-vertical"),r.__metadata("design:type",Boolean),r.__metadata("design:paramtypes",[])],u.prototype,"isVertical",null),r.__decorate([a.HostBinding("class.k-state-disabled"),r.__metadata("design:type",Boolean),r.__metadata("design:paramtypes",[])],u.prototype,"disabledClass",null),r.__decorate([a.HostBinding("class.k-progressbar-reverse"),r.__metadata("design:type",Boolean),r.__metadata("design:paramtypes",[])],u.prototype,"reverseClass",null),r.__decorate([a.HostBinding("class.k-progressbar-indeterminate"),r.__metadata("design:type",Boolean),r.__metadata("design:paramtypes",[])],u.prototype,"indeterminateClass",null),r.__decorate([a.HostBinding("attr.dir"),r.__metadata("design:type",String),r.__metadata("design:paramtypes",[])],u.prototype,"dirAttribute",null),r.__decorate([a.HostBinding("attr.role"),r.__metadata("design:type",String)],u.prototype,"roleAttribute",void 0),r.__decorate([a.HostBinding("attr.aria-valuemin"),r.__metadata("design:type",String),r.__metadata("design:paramtypes",[])],u.prototype,"ariaMinAttribute",null),r.__decorate([a.HostBinding("attr.aria-valuemax"),r.__metadata("design:type",String),r.__metadata("design:paramtypes",[])],u.prototype,"ariaMaxAttribute",null),r.__decorate([a.HostBinding("attr.aria-valuenow"),r.__metadata("design:type",String),r.__metadata("design:paramtypes",[])],u.prototype,"ariaValueAttribute",null),r.__decorate([a.Input(),r.__metadata("design:type",Number)],u.prototype,"max",void 0),r.__decorate([a.Input(),r.__metadata("design:type",Number)],u.prototype,"min",void 0),r.__decorate([a.Input(),r.__metadata("design:type",Number)],u.prototype,"value",void 0),r.__decorate([a.Input(),r.__metadata("design:type",String)],u.prototype,"orientation",void 0),r.__decorate([a.Input(),r.__metadata("design:type",Boolean)],u.prototype,"disabled",void 0),r.__decorate([a.Input(),r.__metadata("design:type",Boolean)],u.prototype,"reverse",void 0),r.__decorate([a.Input(),r.__metadata("design:type",Boolean)],u.prototype,"indeterminate",void 0),u);function u(e){var t=this;this.localization=e,this.widgetClasses=!0,this.roleAttribute="progressbar",this.max=100,this.min=0,this.value=0,this.orientation="horizontal",this.disabled=!1,this.reverse=!1,this.indeterminate=!1,this.displayValue=0,this.previousValue=0,i.validatePackage(o.packageMetadata),this.localizationChangeSubscription=e.changes.subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr"})}t.ProgressBarBase=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a,r=n(1),i=n(5),o=n(0),s=n(2),u=n(4),l=n(9),u=(a=i.ProgressBarBase,r.__extends(p,a),Object.defineProperty(p.prototype,"showLabel",{get:function(){return"boolean"==typeof this.label?this.label:(this.label&&!this.label.hasOwnProperty("visible")&&(this.label.visible=!0),this.label.visible)},enumerable:!0,configurable:!0}),Object.defineProperty(p.prototype,"labelPosition",{get:function(){return"boolean"==typeof this.label?"end":(this.label&&!this.label.hasOwnProperty("position")&&(this.label.position="end"),this.label.position)},enumerable:!0,configurable:!0}),Object.defineProperty(p.prototype,"isPositionStart",{get:function(){return"start"===this.labelPosition},enumerable:!0,configurable:!0}),Object.defineProperty(p.prototype,"isPositionCenter",{get:function(){return"center"===this.labelPosition},enumerable:!0,configurable:!0}),Object.defineProperty(p.prototype,"isPositionEnd",{get:function(){return"end"===this.labelPosition},enumerable:!0,configurable:!0}),Object.defineProperty(p.prototype,"formattedLabelValue",{get:function(){return s.formatValue(this.displayValue,this.min,this.max,this.label)},enumerable:!0,configurable:!0}),p.prototype.ngOnChanges=function(e){a.prototype.ngOnChanges.call(this,e),this.isAnimationInProgress&&s.stopCurrentAnimation(e)&&(this.cancelCurrentAnimation=!0),s.runAnimation(e,this.animation,this.previousValue,this.displayValue)&&!e.value.firstChange&&this.startAnimation(this.previousValue)},p.prototype.ngOnDestroy=function(){this.animationFrame&&cancelAnimationFrame(this.animationFrame)},p.prototype.startAnimation=function(r){var a=this;this.isAnimationInProgress=!0;var i=this.progressStatusElement.nativeElement,o=this.progressStatusWrapperElement.nativeElement,s=this.getAnimationOptions(r);this.zone.runOutsideAngular(function(){a.animationFrame&&cancelAnimationFrame(a.animationFrame);function n(){var e=(new Date).getTime()-s.startTime,t=Math.min(e/s.duration,1),e=s.startSize+s.deltaSize*t;a.renderValueChange(i,o,s.property,e,100/e*100),t<1?a.cancelCurrentAnimation?a.resetProgress(i,o,s.property):a.animationFrame=requestAnimationFrame(n):a.stopAnimation(r)}n()})},Object.defineProperty(p.prototype,"animationDuration",{get:function(){return"boolean"==typeof this.animation?400:(this.animation&&!this.animation.hasOwnProperty("duration")&&(this.animation.duration=400),this.animation.duration)},enumerable:!0,configurable:!0}),p.prototype.stopAnimation=function(e){var t=this;l.hasObservers(this.animationEnd)&&this.zone.run(function(){t.animationEnd.emit({from:e,to:t.displayValue})}),this.zone.run(function(){t.isAnimationInProgress=!1})},p.prototype.getAnimationOptions=function(e){var t="horizontal"===this.orientation,n=s.calculateRatio(this.min,this.max,e),r=t?100*n:100,a=t?100:100*n,i=t?"width":"height",e=(new Date).getTime(),n=t?this.statusWidth-r:this.statusHeight-a;return{property:i,startTime:e,startSize:t?r:a,deltaSize:n,duration:this.animationDuration*Math.abs(n/100)}},p.prototype.renderValueChange=function(e,t,n,r,a){this.renderer.setStyle(e,n,r+"%"),this.renderer.setStyle(t,n,a+"%")},p.prototype.resetProgress=function(e,t,n){var r=this,a=s.calculateRatio(this.min,this.max,this.value);this.renderValueChange(e,t,n,100*a,100/a),this.zone.run(function(){r.cancelCurrentAnimation=!1,r.isAnimationInProgress=!1})},r.__decorate([o.Input(),r.__metadata("design:type",Object)],p.prototype,"label",void 0),r.__decorate([o.Input(),r.__metadata("design:type",Object)],p.prototype,"progressCssStyle",void 0),r.__decorate([o.Input(),r.__metadata("design:type",Object)],p.prototype,"progressCssClass",void 0),r.__decorate([o.Input(),r.__metadata("design:type",Object)],p.prototype,"emptyCssStyle",void 0),r.__decorate([o.Input(),r.__metadata("design:type",Object)],p.prototype,"emptyCssClass",void 0),r.__decorate([o.Input(),r.__metadata("design:type",Object)],p.prototype,"animation",void 0),r.__decorate([o.Output(),r.__metadata("design:type",o.EventEmitter)],p.prototype,"animationEnd",void 0),r.__decorate([o.ViewChild("progressStatus",{static:!1}),r.__metadata("design:type",o.ElementRef)],p.prototype,"progressStatusElement",void 0),r.__decorate([o.ViewChild("progressStatusWrap",{static:!1}),r.__metadata("design:type",o.ElementRef)],p.prototype,"progressStatusWrapperElement",void 0),r.__decorate([o.Component({exportAs:"kendoProgressBar",selector:"kendo-progressbar",template:'\n        <span class="k-progress-status-wrap"\n            [class.k-progress-start]="isPositionStart"\n            [class.k-progress-center]="isPositionCenter"\n            [class.k-progress-end]="isPositionEnd"\n            [ngStyle]="emptyCssStyle"\n            [ngClass]="emptyCssClass">\n            <span *ngIf="showLabel" class="k-progress-status">{{formattedLabelValue}}</span>\n        </span>\n        <div\n            #progressStatus\n            class="k-state-selected"\n            [class.k-complete]="isCompleted"\n            [ngStyle]="progressCssStyle"\n            [ngClass]="progressCssClass"\n            [style.width.%]="statusWidth"\n            [style.height.%]="statusHeight"\n            >\n            <span\n                #progressStatusWrap\n                class="k-progress-status-wrap"\n                [style.width.%]="statusWrapperWidth"\n                [style.height.%]="statusWrapperHeight"\n                [class.k-progress-start]="isPositionStart"\n                [class.k-progress-center]="isPositionCenter"\n                [class.k-progress-end]="isPositionEnd"\n                >\n                <span *ngIf="showLabel" class="k-progress-status">{{formattedLabelValue}}</span>\n            </span>\n        </div>\n       ',providers:[u.LocalizationService,{provide:u.L10N_PREFIX,useValue:"kendo.progressbar"}]}),r.__metadata("design:paramtypes",[u.LocalizationService,o.NgZone,o.Renderer2])],p));function p(e,t,n){var r=a.call(this,e)||this;return r.localization=e,r.zone=t,r.renderer=n,r.label=!0,r.animation=!1,r.animationEnd=new o.EventEmitter,r}t.ProgressBarComponent=u},function(e,t){e.exports=u},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(1),a=n(3),i=n(0),o=n(7),a=[n(6).ProgressBarComponent,a.ChunkProgressBarComponent],o=[o.CommonModule],o=r.__decorate([i.NgModule({declarations:a,exports:a,imports:o})],s);function s(){}t.ProgressBarModule=o},function(e,t){e.exports=p},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.MIN_MAX_ERROR_MESSAGE="The max value should be greater than the min.",t.LABEL_DECIMALS=3,t.MIN_RATIO=1e-4},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata={name:"@progress/kendo-angular-progressbar",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1642588075,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"}},function(e,t){e.exports=d},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(6);t.ProgressBarComponent=r.ProgressBarComponent;r=n(3);t.ChunkProgressBarComponent=r.ChunkProgressBarComponent;n=n(8);t.ProgressBarModule=n.ProgressBarModule,function(e){for(var t in e)i(t,e[t])}(t)}],r.c=a,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},r.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=13)}}});