@progress/kendo-angular-progressbar 24.2.2-develop.9 → 25.0.0-develop.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/progress-kendo-angular-progressbar.mjs +30 -30
- package/index.d.ts +720 -16
- package/package-metadata.mjs +2 -2
- package/package.json +9 -9
- package/chunk/chunk-progressbar.component.d.ts +0 -94
- package/circularprogressbar/center-template.directive.d.ts +0 -25
- package/circularprogressbar/circular-progressbar.component.d.ts +0 -132
- package/circularprogressbar/models/center-template-context.interface.d.ts +0 -17
- package/circularprogressbar/models/circular-progressbar-progress-color-interface.d.ts +0 -21
- package/common/constants.d.ts +0 -16
- package/common/localization/custom-messages.component.d.ts +0 -42
- package/common/localization/localized-messages.directive.d.ts +0 -16
- package/common/localization/messages.d.ts +0 -17
- package/common/progressbar-base.d.ts +0 -107
- package/common/util.d.ts +0 -60
- package/directives.d.ts +0 -71
- package/package-metadata.d.ts +0 -9
- package/progressbar.component.d.ts +0 -139
- package/progressbar.module.d.ts +0 -33
- package/types/animation-end-event.d.ts +0 -17
- package/types/animation-options.interface.d.ts +0 -14
- package/types/label-fn-type.d.ts +0 -10
- package/types/label-position.d.ts +0 -8
- package/types/label-settings.interface.d.ts +0 -32
- package/types/label-type.d.ts +0 -12
- package/types/progressbar-animation.interface.d.ts +0 -16
- package/types/progressbar-orientation.d.ts +0 -8
package/package-metadata.mjs
CHANGED
|
@@ -7,7 +7,7 @@ export const packageMetadata = {
|
|
|
7
7
|
"productCodes": [
|
|
8
8
|
"KENDOUIANGULAR"
|
|
9
9
|
],
|
|
10
|
-
"publishDate":
|
|
11
|
-
"version": "
|
|
10
|
+
"publishDate": 1783679745,
|
|
11
|
+
"version": "25.0.0-develop.1",
|
|
12
12
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
13
13
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-progressbar",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "25.0.0-develop.1",
|
|
4
4
|
"description": "Kendo UI Angular component starter template",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -19,23 +19,23 @@
|
|
|
19
19
|
"package": {
|
|
20
20
|
"productName": "Kendo UI for Angular",
|
|
21
21
|
"productCode": "KENDOUIANGULAR",
|
|
22
|
-
"publishDate":
|
|
22
|
+
"publishDate": 1783679745,
|
|
23
23
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
24
24
|
}
|
|
25
25
|
},
|
|
26
26
|
"peerDependencies": {
|
|
27
|
-
"@angular/animations": "
|
|
28
|
-
"@angular/common": "
|
|
29
|
-
"@angular/core": "
|
|
30
|
-
"@angular/platform-browser": "
|
|
27
|
+
"@angular/animations": "20 - 22",
|
|
28
|
+
"@angular/common": "20 - 22",
|
|
29
|
+
"@angular/core": "20 - 22",
|
|
30
|
+
"@angular/platform-browser": "20 - 22",
|
|
31
31
|
"@progress/kendo-licensing": "^1.11.0",
|
|
32
|
-
"@progress/kendo-angular-common": "
|
|
33
|
-
"@progress/kendo-angular-l10n": "
|
|
32
|
+
"@progress/kendo-angular-common": "25.0.0-develop.1",
|
|
33
|
+
"@progress/kendo-angular-l10n": "25.0.0-develop.1",
|
|
34
34
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"tslib": "^2.3.1",
|
|
38
|
-
"@progress/kendo-angular-schematics": "
|
|
38
|
+
"@progress/kendo-angular-schematics": "25.0.0-develop.1"
|
|
39
39
|
},
|
|
40
40
|
"schematics": "./schematics/collection.json",
|
|
41
41
|
"module": "fesm2022/progress-kendo-angular-progressbar.mjs",
|
|
@@ -1,94 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { ProgressBarBase } from '../common/progressbar-base';
|
|
6
|
-
import { ElementRef, Renderer2 } from '@angular/core';
|
|
7
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
/**
|
|
10
|
-
* Represents the [Kendo UI ChunkProgressBar component for Angular](https://www.telerik.com/kendo-angular-ui/components/progressbars/chunkprogressbar).
|
|
11
|
-
*
|
|
12
|
-
* @example
|
|
13
|
-
* ```typescript
|
|
14
|
-
* import { Component } from '@angular/core';
|
|
15
|
-
*
|
|
16
|
-
* @Component({
|
|
17
|
-
* selector: 'my-app',
|
|
18
|
-
* template: `
|
|
19
|
-
* <kendo-chunkprogressbar
|
|
20
|
-
* [value]="progressValue"
|
|
21
|
-
* [chunkCount]="8">
|
|
22
|
-
* </kendo-chunkprogressbar>
|
|
23
|
-
* `
|
|
24
|
-
* })
|
|
25
|
-
* export class AppComponent {
|
|
26
|
-
* public progressValue: number = 40;
|
|
27
|
-
* }
|
|
28
|
-
* ```
|
|
29
|
-
*
|
|
30
|
-
* @remarks
|
|
31
|
-
* Supported children components are: {@link ProgressBarCustomMessagesComponent}
|
|
32
|
-
*/
|
|
33
|
-
export declare class ChunkProgressBarComponent extends ProgressBarBase {
|
|
34
|
-
localization: LocalizationService;
|
|
35
|
-
elem: ElementRef;
|
|
36
|
-
renderer: Renderer2;
|
|
37
|
-
chunkClass: boolean;
|
|
38
|
-
/**
|
|
39
|
-
* Sets the number of chunks into which the ChunkProgressBar will be split.
|
|
40
|
-
*
|
|
41
|
-
* @default 5
|
|
42
|
-
*/
|
|
43
|
-
chunkCount: number;
|
|
44
|
-
/**
|
|
45
|
-
* @hidden
|
|
46
|
-
*/
|
|
47
|
-
get chunks(): boolean[];
|
|
48
|
-
/**
|
|
49
|
-
* Sets the CSS styles that will be rendered on the full chunk elements ([see example](https://www.telerik.com/kendo-angular-ui/components/progressbars/circularprogressbar/appearance)).
|
|
50
|
-
* Supports the type of values that [`ngStyle`](link:site.data.urls.angular['ngstyleapi']) supports.
|
|
51
|
-
*/
|
|
52
|
-
progressCssStyle: {
|
|
53
|
-
[key: string]: any;
|
|
54
|
-
};
|
|
55
|
-
/**
|
|
56
|
-
* Sets the CSS classes that will be rendered on the full chunk elements ([see example](https://www.telerik.com/kendo-angular-ui/components/progressbars/circularprogressbar/appearance)).
|
|
57
|
-
* Supports the type of values that [`ngClass`](link:site.data.urls.angular['ngclassapi']) supports.
|
|
58
|
-
*/
|
|
59
|
-
progressCssClass: string | string[] | Set<string> | {
|
|
60
|
-
[key: string]: string;
|
|
61
|
-
};
|
|
62
|
-
/**
|
|
63
|
-
* Sets the CSS styles that will be rendered on the empty chunk elements ([see example](https://www.telerik.com/kendo-angular-ui/components/progressbars/circularprogressbar/appearance)).
|
|
64
|
-
* Supports the type of values that [`ngStyle`](link:site.data.urls.angular['ngstyleapi']) supports.
|
|
65
|
-
*/
|
|
66
|
-
emptyCssStyle: {
|
|
67
|
-
[key: string]: string;
|
|
68
|
-
};
|
|
69
|
-
/**
|
|
70
|
-
* Sets the CSS classes that will be rendered on the empty chunk elements ([see example](https://www.telerik.com/kendo-angular-ui/components/progressbars/circularprogressbar/appearance)).
|
|
71
|
-
* Supports the type of values that [`ngClass`](link:site.data.urls.angular['ngclassapi']) supports.
|
|
72
|
-
*/
|
|
73
|
-
emptyCssClass: string | string[] | Set<string> | {
|
|
74
|
-
[key: string]: any;
|
|
75
|
-
};
|
|
76
|
-
/**
|
|
77
|
-
* @hidden
|
|
78
|
-
*/
|
|
79
|
-
get chunkSizePercentage(): number;
|
|
80
|
-
/**
|
|
81
|
-
* @hidden
|
|
82
|
-
*/
|
|
83
|
-
get orientationStyles(): {
|
|
84
|
-
width: string;
|
|
85
|
-
height: string;
|
|
86
|
-
};
|
|
87
|
-
private _orientationStyles;
|
|
88
|
-
/**
|
|
89
|
-
* @hidden
|
|
90
|
-
*/
|
|
91
|
-
constructor(localization: LocalizationService, elem: ElementRef, renderer: Renderer2);
|
|
92
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ChunkProgressBarComponent, never>;
|
|
93
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ChunkProgressBarComponent, "kendo-chunkprogressbar", ["kendoChunkProgressBar"], { "chunkCount": { "alias": "chunkCount"; "required": false; }; "progressCssStyle": { "alias": "progressCssStyle"; "required": false; }; "progressCssClass": { "alias": "progressCssClass"; "required": false; }; "emptyCssStyle": { "alias": "emptyCssStyle"; "required": false; }; "emptyCssClass": { "alias": "emptyCssClass"; "required": false; }; }, {}, never, never, true, never>;
|
|
94
|
-
}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { TemplateRef } from '@angular/core';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
/**
|
|
8
|
-
* Represents a template that allows you to customize the content in the center of the `<kendo-circularprogessbar>` component. To define the template, nest an `<ng-template>` tag with the `kendoCircularProgressbarCenterTemplate` directive inside a `<kendo-circularprogessbar>` component.
|
|
9
|
-
* ([see example](https://www.telerik.com/kendo-angular-ui/components/gauges/circulargauge/center-template)).
|
|
10
|
-
*
|
|
11
|
-
* @example
|
|
12
|
-
* ```html
|
|
13
|
-
* <kendo-circularprogressbar [value]="75">
|
|
14
|
-
* <ng-template kendoCircularProgressbarCenterTemplate>
|
|
15
|
-
* <span class="custom-center-text">75%</span>
|
|
16
|
-
* </ng-template>
|
|
17
|
-
* </kendo-circularprogressbar>
|
|
18
|
-
* ```
|
|
19
|
-
*/
|
|
20
|
-
export declare class CircularProgressbarCenterTemplateDirective {
|
|
21
|
-
templateRef: TemplateRef<unknown>;
|
|
22
|
-
constructor(templateRef: TemplateRef<unknown>);
|
|
23
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CircularProgressbarCenterTemplateDirective, never>;
|
|
24
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<CircularProgressbarCenterTemplateDirective, "[kendoCircularProgressbarCenterTemplate]", never, {}, {}, never, never, true, never>;
|
|
25
|
-
}
|
|
@@ -1,132 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, Renderer2, SimpleChanges } from '@angular/core';
|
|
6
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
7
|
-
import { AnimationEndEvent } from '../types/animation-end-event';
|
|
8
|
-
import { CircularProgressbarCenterTemplateDirective } from './center-template.directive';
|
|
9
|
-
import { CenterTemplateContext } from './models/center-template-context.interface';
|
|
10
|
-
import { ProgressColor } from './models/circular-progressbar-progress-color-interface';
|
|
11
|
-
import * as i0 from "@angular/core";
|
|
12
|
-
/**
|
|
13
|
-
* Represents the [Kendo UI Circular ProgressBar component for Angular](https://www.telerik.com/kendo-angular-ui/components/progressbars/circularprogressbar).
|
|
14
|
-
*
|
|
15
|
-
* @example
|
|
16
|
-
* ```typescript
|
|
17
|
-
* import { Component } from '@angular/core';
|
|
18
|
-
*
|
|
19
|
-
* @Component({
|
|
20
|
-
* selector: 'my-app',
|
|
21
|
-
* template: `
|
|
22
|
-
* <kendo-circularprogressbar
|
|
23
|
-
* [value]="currentValue"
|
|
24
|
-
* [max]="100"
|
|
25
|
-
* [animation]="true">
|
|
26
|
-
* </kendo-circularprogressbar>
|
|
27
|
-
* `
|
|
28
|
-
* })
|
|
29
|
-
* export class AppComponent {
|
|
30
|
-
* public currentValue: number = 65;
|
|
31
|
-
* }
|
|
32
|
-
* ```
|
|
33
|
-
*
|
|
34
|
-
* @remarks
|
|
35
|
-
* Supported children components are: {@link ProgressBarCustomMessagesComponent}
|
|
36
|
-
*/
|
|
37
|
-
export declare class CircularProgressBarComponent implements AfterViewInit, OnChanges, OnDestroy {
|
|
38
|
-
private renderer;
|
|
39
|
-
private cdr;
|
|
40
|
-
private localization;
|
|
41
|
-
private element;
|
|
42
|
-
private zone;
|
|
43
|
-
hostClasses: boolean;
|
|
44
|
-
get ariaMinAttribute(): string;
|
|
45
|
-
get ariaMaxAttribute(): string;
|
|
46
|
-
get ariaValueAttribute(): string;
|
|
47
|
-
roleAttribute: string;
|
|
48
|
-
/**
|
|
49
|
-
* Sets the default value of the Circular ProgressBar between `min` and `max`.
|
|
50
|
-
*
|
|
51
|
-
* @default 0
|
|
52
|
-
*/
|
|
53
|
-
set value(value: number);
|
|
54
|
-
get value(): number;
|
|
55
|
-
/**
|
|
56
|
-
* Sets the maximum value which the Circular ProgressBar can accept.
|
|
57
|
-
*
|
|
58
|
-
* @default 100
|
|
59
|
-
*/
|
|
60
|
-
set max(max: number);
|
|
61
|
-
get max(): number;
|
|
62
|
-
/**
|
|
63
|
-
* Sets the minimum value which the Circular ProgressBar can accept.
|
|
64
|
-
*
|
|
65
|
-
* @default 0
|
|
66
|
-
*/
|
|
67
|
-
set min(min: number);
|
|
68
|
-
get min(): number;
|
|
69
|
-
/**
|
|
70
|
-
* Specifies whether to play an animation when the value changes.
|
|
71
|
-
*
|
|
72
|
-
* @default false
|
|
73
|
-
*/
|
|
74
|
-
animation: boolean;
|
|
75
|
-
/**
|
|
76
|
-
* Sets the opacity of the value arc.
|
|
77
|
-
*
|
|
78
|
-
* @default 1
|
|
79
|
-
*/
|
|
80
|
-
opacity: number;
|
|
81
|
-
/**
|
|
82
|
-
* Puts the Circular ProgressBar in indeterminate state.
|
|
83
|
-
*
|
|
84
|
-
* @default false
|
|
85
|
-
*/
|
|
86
|
-
set indeterminate(indeterminate: boolean);
|
|
87
|
-
get indeterminate(): boolean;
|
|
88
|
-
/**
|
|
89
|
-
* Configures the pointer color. You can set it to a single color string or customize it per progress stages.
|
|
90
|
-
*/
|
|
91
|
-
progressColor: string | ProgressColor[];
|
|
92
|
-
/**
|
|
93
|
-
* Fires when the animation that indicates the latest value change completes.
|
|
94
|
-
*/
|
|
95
|
-
animationEnd: EventEmitter<AnimationEndEvent>;
|
|
96
|
-
progress: ElementRef;
|
|
97
|
-
scale: ElementRef;
|
|
98
|
-
labelElement: ElementRef;
|
|
99
|
-
surface: ElementRef;
|
|
100
|
-
centerTemplate: CircularProgressbarCenterTemplateDirective;
|
|
101
|
-
centerTemplateContext: CenterTemplateContext;
|
|
102
|
-
private _indeterminate;
|
|
103
|
-
private _max;
|
|
104
|
-
private _min;
|
|
105
|
-
private _value;
|
|
106
|
-
private previousValue;
|
|
107
|
-
private internalValue;
|
|
108
|
-
private rtl;
|
|
109
|
-
private subscriptions;
|
|
110
|
-
constructor(renderer: Renderer2, cdr: ChangeDetectorRef, localization: LocalizationService, element: ElementRef, zone: NgZone);
|
|
111
|
-
ngAfterViewInit(): void;
|
|
112
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
113
|
-
ngOnDestroy(): void;
|
|
114
|
-
/**
|
|
115
|
-
* @hidden
|
|
116
|
-
*/
|
|
117
|
-
onResize(): void;
|
|
118
|
-
private initProgressArc;
|
|
119
|
-
private calculateProgress;
|
|
120
|
-
private progressbarAnimation;
|
|
121
|
-
private setStyles;
|
|
122
|
-
private indeterminateState;
|
|
123
|
-
private updateCenterTemplate;
|
|
124
|
-
private positionLabel;
|
|
125
|
-
private get currentColor();
|
|
126
|
-
private updateProgressColor;
|
|
127
|
-
private handleErrors;
|
|
128
|
-
private setDirection;
|
|
129
|
-
private rtlChange;
|
|
130
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CircularProgressBarComponent, never>;
|
|
131
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CircularProgressBarComponent, "kendo-circularprogressbar", ["kendoCircularProgressBar"], { "value": { "alias": "value"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "progressColor": { "alias": "progressColor"; "required": false; }; }, { "animationEnd": "animationEnd"; }, ["centerTemplate"], never, true, never>;
|
|
132
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
export interface CenterTemplateContext {
|
|
9
|
-
/**
|
|
10
|
-
* The current value of the Circular Progressbar.
|
|
11
|
-
*/
|
|
12
|
-
value?: number;
|
|
13
|
-
/**
|
|
14
|
-
* The current color of the progress arc.
|
|
15
|
-
*/
|
|
16
|
-
color?: string;
|
|
17
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* Defines the color range configuration of the pointer.
|
|
7
|
-
*/
|
|
8
|
-
export interface ProgressColor {
|
|
9
|
-
/**
|
|
10
|
-
* Sets the color of the range. Accepts valid CSS color strings, including hex and rgb.
|
|
11
|
-
*/
|
|
12
|
-
color?: string;
|
|
13
|
-
/**
|
|
14
|
-
* Sets the range start value.
|
|
15
|
-
*/
|
|
16
|
-
from?: number;
|
|
17
|
-
/**
|
|
18
|
-
* Sets the range end value.
|
|
19
|
-
*/
|
|
20
|
-
to?: number;
|
|
21
|
-
}
|
package/common/constants.d.ts
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
export declare const MIN_MAX_ERROR_MESSAGE = "The max value should be greater than the min.";
|
|
9
|
-
/**
|
|
10
|
-
* @hidden
|
|
11
|
-
*/
|
|
12
|
-
export declare const LABEL_DECIMALS = 3;
|
|
13
|
-
/**
|
|
14
|
-
* @hidden
|
|
15
|
-
*/
|
|
16
|
-
export declare const MIN_RATIO = 0.0001;
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
6
|
-
import { ProgressBarMessages } from './messages';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
/**
|
|
9
|
-
* Custom component messages override default component messages
|
|
10
|
-
* ([see example](https://www.telerik.com/kendo-angular-ui/components/layout/globalization)).
|
|
11
|
-
*
|
|
12
|
-
* @example
|
|
13
|
-
* ```html
|
|
14
|
-
* <!-- Custom messages for ProgressBar -->
|
|
15
|
-
* <kendo-progressbar [value]="value">
|
|
16
|
-
* <kendo-progressbar-messages
|
|
17
|
-
* progressBarLabel="Changed ProgressBar Label"
|
|
18
|
-
* ></kendo-progressbar-messages>
|
|
19
|
-
* </kendo-progressbar>
|
|
20
|
-
*
|
|
21
|
-
* <!-- Custom messages for ChunkProgressBar -->
|
|
22
|
-
* <kendo-chunkprogressbar [value]="value" [chunkCount]="chunks">
|
|
23
|
-
* <kendo-progressbar-messages
|
|
24
|
-
* progressBarLabel="Changed Chunk Label"
|
|
25
|
-
* ></kendo-progressbar-messages>
|
|
26
|
-
* </kendo-chunkprogressbar>
|
|
27
|
-
*
|
|
28
|
-
* <!-- Custom messages for CircularProgressBar -->
|
|
29
|
-
* <kendo-circularprogressbar [value]="value">
|
|
30
|
-
* <kendo-progressbar-messages
|
|
31
|
-
* progressBarLabel="Changed Circular Label"
|
|
32
|
-
* ></kendo-progressbar-messages>
|
|
33
|
-
* </kendo-circularprogressbar>
|
|
34
|
-
* ```
|
|
35
|
-
*/
|
|
36
|
-
export declare class ProgressBarCustomMessagesComponent extends ProgressBarMessages {
|
|
37
|
-
protected service: LocalizationService;
|
|
38
|
-
constructor(service: LocalizationService);
|
|
39
|
-
protected get override(): boolean;
|
|
40
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarCustomMessagesComponent, never>;
|
|
41
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarCustomMessagesComponent, "kendo-progressbar-messages", never, {}, {}, never, never, true, never>;
|
|
42
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
6
|
-
import { ProgressBarMessages } from './messages';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
/**
|
|
9
|
-
* @hidden
|
|
10
|
-
*/
|
|
11
|
-
export declare class LocalizedProgressBarMessagesDirective extends ProgressBarMessages {
|
|
12
|
-
protected service: LocalizationService;
|
|
13
|
-
constructor(service: LocalizationService);
|
|
14
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<LocalizedProgressBarMessagesDirective, never>;
|
|
15
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<LocalizedProgressBarMessagesDirective, "[kendoProgressBarLocalizedMessages]", never, {}, {}, never, never, true, never>;
|
|
16
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { ComponentMessages } from '@progress/kendo-angular-l10n';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
/**
|
|
8
|
-
* @hidden
|
|
9
|
-
*/
|
|
10
|
-
export declare class ProgressBarMessages extends ComponentMessages {
|
|
11
|
-
/**
|
|
12
|
-
* The aria-label attribute for the ProgressBar component.
|
|
13
|
-
*/
|
|
14
|
-
progressBarLabel: string;
|
|
15
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarMessages, never>;
|
|
16
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ProgressBarMessages, never, never, { "progressBarLabel": { "alias": "progressBarLabel"; "required": false; }; }, {}, never, never, true, never>;
|
|
17
|
-
}
|
|
@@ -1,107 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
6
|
-
import { OnChanges, SimpleChanges, ElementRef, Renderer2 } from '@angular/core';
|
|
7
|
-
import { Subscription } from 'rxjs';
|
|
8
|
-
import { ProgressBarOrientation } from '../types/progressbar-orientation';
|
|
9
|
-
import * as i0 from "@angular/core";
|
|
10
|
-
/**
|
|
11
|
-
* @hidden
|
|
12
|
-
*/
|
|
13
|
-
export declare abstract class ProgressBarBase implements OnChanges {
|
|
14
|
-
protected elem: ElementRef;
|
|
15
|
-
protected renderer: Renderer2;
|
|
16
|
-
protected localization: LocalizationService;
|
|
17
|
-
hostClasses: boolean;
|
|
18
|
-
get isHorizontal(): boolean;
|
|
19
|
-
get isVertical(): boolean;
|
|
20
|
-
get disabledClass(): boolean;
|
|
21
|
-
get reverseClass(): boolean;
|
|
22
|
-
get indeterminateClass(): boolean;
|
|
23
|
-
get dirAttribute(): string;
|
|
24
|
-
roleAttribute: string;
|
|
25
|
-
get ariaMinAttribute(): string;
|
|
26
|
-
get ariaMaxAttribute(): string;
|
|
27
|
-
get ariaValueAttribute(): string;
|
|
28
|
-
/**
|
|
29
|
-
* The maximum value of the ProgressBar.
|
|
30
|
-
* Defaults to `100`.
|
|
31
|
-
*/
|
|
32
|
-
max: number;
|
|
33
|
-
/**
|
|
34
|
-
* The minimum value of the ProgressBar.
|
|
35
|
-
* Defaults to `0`.
|
|
36
|
-
*/
|
|
37
|
-
min: number;
|
|
38
|
-
/**
|
|
39
|
-
* The value of the ProgressBar.
|
|
40
|
-
* Has to be between `min` and `max`.
|
|
41
|
-
* By default, the value is equal to the `min` value.
|
|
42
|
-
*/
|
|
43
|
-
/**
|
|
44
|
-
* The value of the ProgressBar.
|
|
45
|
-
* Has to be between `min` and `max`.
|
|
46
|
-
* Defaults to `0`.
|
|
47
|
-
*/
|
|
48
|
-
value: number;
|
|
49
|
-
/**
|
|
50
|
-
* @hidden
|
|
51
|
-
*/
|
|
52
|
-
get isCompleted(): boolean;
|
|
53
|
-
/**
|
|
54
|
-
* @hidden
|
|
55
|
-
*/
|
|
56
|
-
get statusWidth(): number;
|
|
57
|
-
/**
|
|
58
|
-
* @hidden
|
|
59
|
-
*/
|
|
60
|
-
get statusHeight(): number;
|
|
61
|
-
/**
|
|
62
|
-
* @hidden
|
|
63
|
-
*/
|
|
64
|
-
get statusWrapperWidth(): number;
|
|
65
|
-
/**
|
|
66
|
-
* @hidden
|
|
67
|
-
*/
|
|
68
|
-
get statusWrapperHeight(): number;
|
|
69
|
-
protected get _progressRatio(): number;
|
|
70
|
-
/**
|
|
71
|
-
* Defines the orientation of the ProgressBar
|
|
72
|
-
* ([see example](https://www.telerik.com/kendo-angular-ui/components/progressbars/progressbar/orientation)).
|
|
73
|
-
* Defaults to `horizontal`.
|
|
74
|
-
*/
|
|
75
|
-
orientation: ProgressBarOrientation;
|
|
76
|
-
/**
|
|
77
|
-
* If set to `true`, the ProgressBar will be disabled
|
|
78
|
-
* ([see example](https://www.telerik.com/kendo-angular-ui/components/progressbars/progressbar/disabled)).
|
|
79
|
-
* It will still allow you to change its value.
|
|
80
|
-
* Defaults to `false`.
|
|
81
|
-
*/
|
|
82
|
-
disabled: boolean;
|
|
83
|
-
/**
|
|
84
|
-
* If set to `true`, the ProgressBar will be reversed
|
|
85
|
-
* ([see example](https://www.telerik.com/kendo-angular-ui/components/progressbars/progressbar/direction)).
|
|
86
|
-
* Defaults to `false`.
|
|
87
|
-
*/
|
|
88
|
-
reverse: boolean;
|
|
89
|
-
/**
|
|
90
|
-
* Sets the `indeterminate` state of the ProgressBar.
|
|
91
|
-
* Defaults to `false`.
|
|
92
|
-
*/
|
|
93
|
-
indeterminate: boolean;
|
|
94
|
-
protected direction: string;
|
|
95
|
-
protected localizationChangeSubscription: Subscription;
|
|
96
|
-
protected displayValue: number;
|
|
97
|
-
protected previousValue: number;
|
|
98
|
-
/**
|
|
99
|
-
* @hidden
|
|
100
|
-
*/
|
|
101
|
-
constructor(elem: ElementRef, renderer: Renderer2, localization: LocalizationService);
|
|
102
|
-
ngAfterViewInit(): void;
|
|
103
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
104
|
-
ngOnDestroy(): void;
|
|
105
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarBase, never>;
|
|
106
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarBase, "ng-component", never, { "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "value": { "alias": "value"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "reverse": { "alias": "reverse"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; }, {}, never, never, true, never>;
|
|
107
|
-
}
|
package/common/util.d.ts
DELETED
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { LabelSettings } from '../types/label-settings.interface';
|
|
6
|
-
import { Renderer2, SimpleChanges } from '@angular/core';
|
|
7
|
-
import { ProgressBarAnimation } from '../types/progressbar-animation.interface';
|
|
8
|
-
/**
|
|
9
|
-
* @hidden
|
|
10
|
-
*/
|
|
11
|
-
export declare const formatValue: (value: number, min: number, max: number, label: boolean | LabelSettings) => string;
|
|
12
|
-
/**
|
|
13
|
-
* @hidden
|
|
14
|
-
*/
|
|
15
|
-
export declare const validateRange: (min: number, max: number) => void;
|
|
16
|
-
/**
|
|
17
|
-
* @hidden
|
|
18
|
-
*/
|
|
19
|
-
export declare const adjustValueToRange: (min: number, max: number, value: number) => number;
|
|
20
|
-
/**
|
|
21
|
-
* @hidden
|
|
22
|
-
*/
|
|
23
|
-
export declare const calculatePercentage: (value: number, min: number, max: number) => number;
|
|
24
|
-
/**
|
|
25
|
-
* @hidden
|
|
26
|
-
*/
|
|
27
|
-
export declare const calculateRatio: (min: number, max: number, value: number) => number;
|
|
28
|
-
/**
|
|
29
|
-
* @hidden
|
|
30
|
-
*/
|
|
31
|
-
export declare const extractValueFromChanges: (changes: SimpleChanges, type: string, value: number) => number;
|
|
32
|
-
/**
|
|
33
|
-
* @hidden
|
|
34
|
-
*/
|
|
35
|
-
export declare const runAnimation: (changes: SimpleChanges, animation: boolean | ProgressBarAnimation, previousValue: number, displayValue: number) => boolean;
|
|
36
|
-
/**
|
|
37
|
-
* @hidden
|
|
38
|
-
*/
|
|
39
|
-
export declare const stopCurrentAnimation: (changes: SimpleChanges) => boolean;
|
|
40
|
-
/**
|
|
41
|
-
* @hidden
|
|
42
|
-
*/
|
|
43
|
-
export declare const setProgressBarStyles: (props: {
|
|
44
|
-
method: "setStyle" | "setAttribute";
|
|
45
|
-
el: HTMLElement;
|
|
46
|
-
attr: string;
|
|
47
|
-
attrValue: string;
|
|
48
|
-
}[], renderer: Renderer2) => void;
|
|
49
|
-
/**
|
|
50
|
-
* @hidden
|
|
51
|
-
*/
|
|
52
|
-
export declare const removeProgressBarStyles: (props: {
|
|
53
|
-
method: "removeStyle" | "removeAttribute";
|
|
54
|
-
el: HTMLElement;
|
|
55
|
-
attr: string;
|
|
56
|
-
}[], renderer: Renderer2) => void;
|
|
57
|
-
/**
|
|
58
|
-
* @hidden
|
|
59
|
-
*/
|
|
60
|
-
export declare const hasElementSize: (element: HTMLElement) => boolean;
|