@progress/kendo-angular-progressbar 21.4.1 → 22.0.0

package/esm2022/common/localization/messages.mjs

@@ -1,24 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 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 {
-    /**
-     * The aria-label attribute for the ProgressBar component.
-     */
-    progressBarLabel;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ProgressBarMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ProgressBarMessages, inputs: { progressBarLabel: "progressBarLabel" }, usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ProgressBarMessages, decorators: [{
-            type: Directive,
-            args: [{}]
-        }], propDecorators: { progressBarLabel: [{
-                type: Input
-            }] } });

package/esm2022/common/progressbar-base.mjs

@@ -1,228 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 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';
-import { HostBinding, Input, Component, ElementRef, Renderer2 } from '@angular/core';
-import { validatePackage } from '@progress/kendo-licensing';
-import { packageMetadata } from '../package-metadata';
-import { validateRange, adjustValueToRange, calculateRatio, extractValueFromChanges } from './util';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-/**
- * @hidden
- */
-export class ProgressBarBase {
-    elem;
-    renderer;
-    localization;
-    hostClasses = true;
-    get isHorizontal() {
-        return this.orientation === 'horizontal';
-    }
-    get isVertical() {
-        return this.orientation === 'vertical';
-    }
-    get disabledClass() {
-        return this.disabled;
-    }
-    get reverseClass() {
-        return this.reverse;
-    }
-    get indeterminateClass() {
-        return this.indeterminate;
-    }
-    get dirAttribute() {
-        return this.direction;
-    }
-    roleAttribute = 'progressbar';
-    get ariaMinAttribute() {
-        return String(this.min);
-    }
-    get ariaMaxAttribute() {
-        return String(this.max);
-    }
-    get ariaValueAttribute() {
-        return this.indeterminate ? undefined : String(this.displayValue);
-    }
-    /**
-     * The maximum value of the ProgressBar.
-     * Defaults to `100`.
-     */
-    max = 100;
-    /**
-     * The minimum value of the ProgressBar.
-     * Defaults to `0`.
-     */
-    min = 0;
-    /**
-     * The value of the ProgressBar.
-     * Has to be between `min` and `max`.
-     * By default, the value is equal to the `min` value.
-     */
-    /**
-     * The value of the ProgressBar.
-     * Has to be between `min` and `max`.
-     * Defaults to `0`.
-     */
-    value = 0;
-    /**
-     * @hidden
-     */
-    get isCompleted() {
-        return this.value === this.max;
-    }
-    /**
-     * @hidden
-     */
-    get statusWidth() {
-        return this.orientation === 'horizontal' ? this._progressRatio * 100 : 100;
-    }
-    /**
-     * @hidden
-     */
-    get statusHeight() {
-        return this.orientation === 'vertical' ? this._progressRatio * 100 : 100;
-    }
-    /**
-     * @hidden
-     */
-    get statusWrapperWidth() {
-        return this.orientation === 'horizontal' ? 100 / this._progressRatio : 100;
-    }
-    /**
-     * @hidden
-     */
-    get statusWrapperHeight() {
-        return this.orientation === 'vertical' ? 100 / this._progressRatio : 100;
-    }
-    get _progressRatio() {
-        return calculateRatio(this.min, this.max, this.displayValue);
-    }
-    /**
-     * Defines the orientation of the ProgressBar
-     * ([see example]({% slug progressbar_orientation %})).
-     * Defaults to `horizontal`.
-     */
-    orientation = 'horizontal';
-    /**
-     * If set to `true`, the ProgressBar will be disabled
-     * ([see example]({% slug progressbar_disabled %})).
-     * It will still allow you to change its value.
-     * Defaults to `false`.
-     */
-    disabled = false;
-    /**
-     * If set to `true`, the ProgressBar will be reversed
-     * ([see example]({% slug progressbar_direction %})).
-     * Defaults to `false`.
-     */
-    reverse = false;
-    /**
-     * Sets the `indeterminate` state of the ProgressBar.
-     * Defaults to `false`.
-     */
-    indeterminate = false;
-    direction;
-    localizationChangeSubscription;
-    displayValue = 0;
-    previousValue = 0;
-    /**
-     * @hidden
-     */
-    constructor(elem, renderer, localization) {
-        this.elem = elem;
-        this.renderer = renderer;
-        this.localization = localization;
-        validatePackage(packageMetadata);
-        this.localizationChangeSubscription = localization.changes.subscribe(({ rtl }) => {
-            this.direction = rtl ? 'rtl' : 'ltr';
-        });
-    }
-    ngAfterViewInit() {
-        const elem = this.elem.nativeElement;
-        const label = this.localization.get('progressBarLabel');
-        this.renderer.setAttribute(elem, 'aria-label', label);
-    }
-    ngOnChanges(changes) {
-        const min = extractValueFromChanges(changes, 'min', this.min);
-        const max = extractValueFromChanges(changes, 'max', this.max);
-        const value = extractValueFromChanges(changes, 'value', this.value);
-        if (changes['min'] || changes['max'] || changes['value']) {
-            if (changes['min'] || changes['max']) {
-                validateRange(min, max);
-            }
-            if (changes['value']) {
-                if (value == null || Number.isNaN(value)) {
-                    this.value = min;
-                }
-                const previousValue = this.displayValue;
-                this.displayValue = adjustValueToRange(this.min, this.max, value);
-                this.previousValue = previousValue;
-            }
-            this.min = min;
-            this.max = max;
-            this.displayValue = adjustValueToRange(this.min, this.max, value);
-        }
-    }
-    ngOnDestroy() {
-        if (this.localizationChangeSubscription) {
-            this.localizationChangeSubscription.unsubscribe();
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ProgressBarBase, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", 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: "18.2.14", ngImport: i0, type: ProgressBarBase, decorators: [{
-            type: Component,
-            args: [{
-                    template: ''
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.LocalizationService }], propDecorators: { hostClasses: [{
-                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-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
-            }] } });

package/esm2022/common/util.mjs

@@ -1,99 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { LABEL_DECIMALS, MIN_MAX_ERROR_MESSAGE, MIN_RATIO } from './constants';
-import { isDevMode } from '@angular/core';
-/**
- * @hidden
- */
-export const formatValue = (value, min, max, label) => {
-    const defaultFormattedValue = truncateNumber(value);
-    if (typeof label !== 'boolean') {
-        if (typeof label.format === 'string') {
-            switch (label.format) {
-                case 'value':
-                    return defaultFormattedValue;
-                case 'percent':
-                    return `${Math.floor(calculatePercentage(value, min, max))}%`;
-                default:
-                    return defaultFormattedValue;
-            }
-        }
-        else if (typeof label.format === 'function') {
-            return label.format(value);
-        }
-        else {
-            return defaultFormattedValue;
-        }
-    }
-    return defaultFormattedValue;
-};
-/**
- * @hidden
- */
-export const validateRange = (min, max) => {
-    if (isDevMode && min > max) {
-        throw new Error(MIN_MAX_ERROR_MESSAGE);
-    }
-};
-/**
- * @hidden
- */
-export const adjustValueToRange = (min, max, value) => Math.max(Math.min(value, max), min);
-/**
- * @hidden
- */
-export const calculatePercentage = (value, min, max) => {
-    const decimalValue = Math.abs((value - min) / (max - min));
-    return decimalValue * 100;
-};
-/**
- * @hidden
- */
-const truncateNumber = (value) => {
-    const numberParts = value.toString().split('.');
-    return numberParts.length === 1 ? `${numberParts[0]}` : `${numberParts[0]}.${numberParts[1].substr(0, LABEL_DECIMALS)}`;
-};
-/**
- * @hidden
- */
-export const calculateRatio = (min, max, value) => Math.max((value - min) / (max - min), MIN_RATIO);
-/**
- * @hidden
- */
-export const extractValueFromChanges = (changes, type, value) => changes[type] && changes[type].currentValue !== undefined ? changes[type].currentValue : value;
-/**
- * @hidden
- */
-export const runAnimation = (changes, animation, previousValue, displayValue) => animation && typeof requestAnimationFrame !== 'undefined' && changes['value'] && previousValue !== displayValue;
-/**
- * @hidden
- */
-export const stopCurrentAnimation = (changes) => {
-    const isAnimationChanged = Boolean(changes['animation']);
-    const hasAnimation = isAnimationChanged && changes['animation'].currentValue;
-    return isAnimationChanged && !hasAnimation;
-};
-/**
- * @hidden
- */
-export const setProgressBarStyles = (props, renderer) => {
-    props.forEach(prop => {
-        renderer[prop.method](prop.el, prop.attr, `${prop.attrValue}`);
-    });
-};
-/**
- * @hidden
- */
-export const removeProgressBarStyles = (props, renderer) => {
-    props.forEach(prop => {
-        renderer[prop.method](prop.el, prop.attr);
-    });
-};
-/**
- * @hidden
- */
-export const hasElementSize = (element) => {
-    return !!(element.style.width && element.style.height);
-};

package/esm2022/directives.mjs

@@ -1,85 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { ChunkProgressBarComponent } from "./chunk/chunk-progressbar.component";
-import { CircularProgressbarCenterTemplateDirective } from "./circularprogressbar/center-template.directive";
-import { CircularProgressBarComponent } from "./circularprogressbar/circular-progressbar.component";
-import { ProgressBarCustomMessagesComponent } from "./common/localization/custom-messages.component";
-import { ProgressBarComponent } from "./progressbar.component";
-/**
- * Use this utility array to access all ChunkProgressBar-related components and directives in a standalone Angular component.
- *
- * @example
- * ```typescript
- * import { KENDO_CHUNKPROGRESSBAR } from '@progress/kendo-angular-progressbar';
- * @Component({
- *   standalone: true,
- *   imports: [KENDO_CHUNKPROGRESSBAR],
- *   template: `<kendo-chunkprogressbar [value]="50"></kendo-chunkprogressbar>`,
- * })
- * export class MyComponent {}
- * ```
- */
-export const KENDO_CHUNKPROGRESSBAR = [
-    ChunkProgressBarComponent,
-    ProgressBarCustomMessagesComponent
-];
-/**
- * Use this utility array to access all CircularProgressbar-related components and directives in a standalone Angular component.
- *
- * @example
- * ```typescript
- * import { KENDO_CIRCULARPROGRESSBAR } from '@progress/kendo-angular-progressbar';
- * @Component({
- *   standalone: true,
- *   imports: [KENDO_CIRCULARPROGRESSBAR],
- *   template: `<kendo-circularprogressbar [value]="75"></kendo-circularprogressbar>`,
- * })
- * export class MyComponent {}
- * ```
- */
-export const KENDO_CIRCULARPROGRESSBAR = [
-    CircularProgressbarCenterTemplateDirective,
-    CircularProgressBarComponent,
-    ProgressBarCustomMessagesComponent
-];
-/**
- * Use this utility array to access all ProgressBar-related components and directives in a standalone Angular component.
- *
-  * @example
- * ```typescript
- * import { KENDO_PROGRESSBAR } from '@progress/kendo-angular-progressbar';
- * @Component({
- *   standalone: true,
- *   imports: [KENDO_PROGRESSBAR],
- *   template: `<kendo-progressbar [value]="75"></kendo-progressbar>`,
- * })
- * export class MyComponent {}
- * ```
- */
-export const KENDO_PROGRESSBAR = [
-    ProgressBarComponent,
-    ProgressBarCustomMessagesComponent
-];
-/**
- * Use this utility array all `@progress/kendo-angular-progressbar`-related components and directives.
- * @example
- * ```typescript
- * import { KENDO_PROGRESSBARS } from '@progress/kendo-angular-progressbar';
- * @Component({
- *   standalone: true,
- *   imports: [KENDO_PROGRESSBARS],
- *   template: `
- *     <kendo-progressbar [value]="75"></kendo-progressbar>
- *     <kendo-circularprogressbar [value]="75"></kendo-circularprogressbar>
- *   `,
- * })
- * export class MyComponent {}
- * ```
- */
-export const KENDO_PROGRESSBARS = [
-    ...KENDO_CHUNKPROGRESSBAR,
-    ...KENDO_CIRCULARPROGRESSBAR,
-    ...KENDO_PROGRESSBAR
-];

package/esm2022/index.mjs

@@ -1,12 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export { ProgressBarComponent } from './progressbar.component';
-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';
-export * from './directives';

package/esm2022/package-metadata.mjs

@@ -1,16 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export const packageMetadata = {
-    name: '@progress/kendo-angular-progressbar',
-    productName: 'Kendo UI for Angular',
-    productCode: 'KENDOUIANGULAR',
-    productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1768393047,
-    version: '21.4.1',
-    licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
-};

package/esm2022/progress-kendo-angular-progressbar.mjs

@@ -1,8 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './index';