@progress/kendo-angular-progressbar 24.2.2 → 25.0.0-develop.12

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/directives.d.ts DELETED
@@ -1,71 +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 { ChunkProgressBarComponent } from "./chunk/chunk-progressbar.component";
6
- import { CircularProgressbarCenterTemplateDirective } from "./circularprogressbar/center-template.directive";
7
- import { CircularProgressBarComponent } from "./circularprogressbar/circular-progressbar.component";
8
- import { ProgressBarCustomMessagesComponent } from "./common/localization/custom-messages.component";
9
- import { ProgressBarComponent } from "./progressbar.component";
10
- /**
11
- * Use this utility array to access all ChunkProgressBar-related components and directives in a standalone Angular component.
12
- *
13
- * @example
14
- * ```typescript
15
- * import { KENDO_CHUNKPROGRESSBAR } from '@progress/kendo-angular-progressbar';
16
- * @Component({
17
- * standalone: true,
18
- * imports: [KENDO_CHUNKPROGRESSBAR],
19
- * template: `<kendo-chunkprogressbar [value]="50"></kendo-chunkprogressbar>`,
20
- * })
21
- * export class MyComponent {}
22
- * ```
23
- */
24
- export declare const KENDO_CHUNKPROGRESSBAR: readonly [typeof ChunkProgressBarComponent, typeof ProgressBarCustomMessagesComponent];
25
- /**
26
- * Use this utility array to access all CircularProgressbar-related components and directives in a standalone Angular component.
27
- *
28
- * @example
29
- * ```typescript
30
- * import { KENDO_CIRCULARPROGRESSBAR } from '@progress/kendo-angular-progressbar';
31
- * @Component({
32
- * standalone: true,
33
- * imports: [KENDO_CIRCULARPROGRESSBAR],
34
- * template: `<kendo-circularprogressbar [value]="75"></kendo-circularprogressbar>`,
35
- * })
36
- * export class MyComponent {}
37
- * ```
38
- */
39
- export declare const KENDO_CIRCULARPROGRESSBAR: readonly [typeof CircularProgressbarCenterTemplateDirective, typeof CircularProgressBarComponent, typeof ProgressBarCustomMessagesComponent];
40
- /**
41
- * Use this utility array to access all ProgressBar-related components and directives in a standalone Angular component.
42
- *
43
- * @example
44
- * ```typescript
45
- * import { KENDO_PROGRESSBAR } from '@progress/kendo-angular-progressbar';
46
- * @Component({
47
- * standalone: true,
48
- * imports: [KENDO_PROGRESSBAR],
49
- * template: `<kendo-progressbar [value]="75"></kendo-progressbar>`,
50
- * })
51
- * export class MyComponent {}
52
- * ```
53
- */
54
- export declare const KENDO_PROGRESSBAR: readonly [typeof ProgressBarComponent, typeof ProgressBarCustomMessagesComponent];
55
- /**
56
- * Use this utility array all `@progress/kendo-angular-progressbar`-related components and directives.
57
- * @example
58
- * ```typescript
59
- * import { KENDO_PROGRESSBARS } from '@progress/kendo-angular-progressbar';
60
- * @Component({
61
- * standalone: true,
62
- * imports: [KENDO_PROGRESSBARS],
63
- * template: `
64
- * <kendo-progressbar [value]="75"></kendo-progressbar>
65
- * <kendo-circularprogressbar [value]="75"></kendo-circularprogressbar>
66
- * `,
67
- * })
68
- * export class MyComponent {}
69
- * ```
70
- */
71
- export declare const KENDO_PROGRESSBARS: readonly [typeof ChunkProgressBarComponent, typeof ProgressBarCustomMessagesComponent, typeof CircularProgressbarCenterTemplateDirective, typeof CircularProgressBarComponent, typeof ProgressBarCustomMessagesComponent, typeof ProgressBarComponent, typeof ProgressBarCustomMessagesComponent];
@@ -1,9 +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 { type PackageMetadata } from '@progress/kendo-licensing';
6
- /**
7
- * @hidden
8
- */
9
- export declare const packageMetadata: PackageMetadata;
@@ -1,139 +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 { AnimationEndEvent } from './types/animation-end-event';
6
- import { ProgressBarBase } from './common/progressbar-base';
7
- import { NgZone, Renderer2, ElementRef, EventEmitter, SimpleChanges } from '@angular/core';
8
- import { LabelSettings } from './types/label-settings.interface';
9
- import { LocalizationService } from '@progress/kendo-angular-l10n';
10
- import { ProgressBarAnimation } from './types/progressbar-animation.interface';
11
- import * as i0 from "@angular/core";
12
- /**
13
- * Represents the [Kendo UI ProgressBar component for Angular](https://www.telerik.com/kendo-angular-ui/components/progressbars/progressbar).
14
- *
15
- * @example
16
- * ```typescript
17
- * @Component({
18
- * selector: 'my-app',
19
- * template: `
20
- * <kendo-progressbar [value]="value">
21
- * </kendo-progressbar>
22
- * `
23
- * })
24
- * class AppComponent {
25
- * public value = 50;
26
- * }
27
- * ```
28
- *
29
- * @remarks
30
- * Supported children components are: {@link ProgressBarCustomMessagesComponent}
31
- */
32
- export declare class ProgressBarComponent extends ProgressBarBase {
33
- localization: LocalizationService;
34
- elem: ElementRef;
35
- renderer: Renderer2;
36
- private zone;
37
- /**
38
- * Determines whether the status label displays.
39
- * @default true
40
- */
41
- label: boolean | LabelSettings;
42
- /**
43
- * Sets the CSS styles that will be rendered on the inner element, which represents the full portion of the progress bar
44
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/progressbars/progressbar/appearance)).
45
- * Supports the type of values that [`ngStyle`](link:site.data.urls.angular['ngstyleapi']) supports.
46
- */
47
- progressCssStyle: {
48
- [key: string]: string;
49
- };
50
- /**
51
- * The CSS classes that render on the inner element which represents the full portion of the progress bar
52
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/progressbars/progressbar/appearance)).
53
- * Supports the type of values that [`ngClass`](link:site.data.urls.angular['ngclassapi']) supports.
54
- */
55
- progressCssClass: string | string[] | Set<string> | {
56
- [key: string]: any;
57
- };
58
- /**
59
- * The CSS styles that render on the inner element which represents the empty portion of the progress bar
60
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/progressbars/progressbar/appearance)).
61
- * Supports the type of values that [`ngStyle`](link:site.data.urls.angular['ngstyleapi']) supports.
62
- */
63
- emptyCssStyle: {
64
- [key: string]: string;
65
- };
66
- /**
67
- * The CSS classes that render on the inner element which represents the empty portion of the progress bar
68
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/progressbars/progressbar/appearance)).
69
- * Supports the type of values that [`ngClass`](link:site.data.urls.angular['ngclassapi']) supports.
70
- */
71
- emptyCssClass: string | string[] | Set<string> | {
72
- [key: string]: any;
73
- };
74
- /**
75
- * The animation configuration of the ProgressBar.
76
- * @default false
77
- */
78
- animation: boolean | ProgressBarAnimation;
79
- /**
80
- * Fires when the animation which indicates the latest value change completes.
81
- */
82
- animationEnd: EventEmitter<AnimationEndEvent>;
83
- /**
84
- * @hidden
85
- */
86
- get showLabel(): boolean;
87
- /**
88
- * @hidden
89
- */
90
- get labelPosition(): string;
91
- /**
92
- * @hidden
93
- */
94
- get isPositionStart(): boolean;
95
- /**
96
- * @hidden
97
- */
98
- get isPositionCenter(): boolean;
99
- /**
100
- * @hidden
101
- */
102
- get isPositionEnd(): boolean;
103
- /**
104
- * @hidden
105
- */
106
- get formattedLabelValue(): string;
107
- private progressStatusElement;
108
- private progressStatusWrapperElement;
109
- private animationFrame;
110
- private cancelCurrentAnimation;
111
- private isAnimationInProgress;
112
- private previousMax;
113
- /**
114
- * @hidden
115
- */
116
- constructor(localization: LocalizationService, elem: ElementRef, renderer: Renderer2, zone: NgZone);
117
- /**
118
- * @hidden
119
- */
120
- ngOnChanges(changes: SimpleChanges): void;
121
- /**
122
- * @hidden
123
- */
124
- ngOnDestroy(): void;
125
- /**
126
- * @hidden
127
- */
128
- protected startAnimation(previousValue: number): void;
129
- /**
130
- * @hidden
131
- */
132
- protected get animationDuration(): number;
133
- private stopAnimation;
134
- private getAnimationOptions;
135
- private renderValueChange;
136
- private resetProgress;
137
- static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarComponent, never>;
138
- static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarComponent, "kendo-progressbar", ["kendoProgressBar"], { "label": { "alias": "label"; "required": false; }; "progressCssStyle": { "alias": "progressCssStyle"; "required": false; }; "progressCssClass": { "alias": "progressCssClass"; "required": false; }; "emptyCssStyle": { "alias": "emptyCssStyle"; "required": false; }; "emptyCssClass": { "alias": "emptyCssClass"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; }, { "animationEnd": "animationEnd"; }, never, never, true, never>;
139
- }
@@ -1,33 +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 * as i0 from "@angular/core";
6
- import * as i1 from "./chunk/chunk-progressbar.component";
7
- import * as i2 from "./common/localization/custom-messages.component";
8
- import * as i3 from "./circularprogressbar/center-template.directive";
9
- import * as i4 from "./circularprogressbar/circular-progressbar.component";
10
- import * as i5 from "./progressbar.component";
11
- /**
12
- * Represents the [NgModule](link:site.data.urls.angular['ngmodules'])
13
- * definition for the ProgressBar components.
14
- *
15
- * @example
16
- * ```typescript
17
- * import { NgModule } from '@angular/core';
18
- * import { BrowserModule } from '@angular/platform-browser';
19
- * import { ProgressBarModule } from '@progress/kendo-angular-progressbar';
20
- *
21
- * @NgModule({
22
- * imports: [BrowserModule, ProgressBarModule],
23
- * declarations: [AppComponent],
24
- * bootstrap: [AppComponent]
25
- * })
26
- * export class AppModule { }
27
- * ```
28
- */
29
- export declare class ProgressBarModule {
30
- static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarModule, never>;
31
- static ɵmod: i0.ɵɵNgModuleDeclaration<ProgressBarModule, never, [typeof i1.ChunkProgressBarComponent, typeof i2.ProgressBarCustomMessagesComponent, typeof i3.CircularProgressbarCenterTemplateDirective, typeof i4.CircularProgressBarComponent, typeof i2.ProgressBarCustomMessagesComponent, typeof i5.ProgressBarComponent, typeof i2.ProgressBarCustomMessagesComponent], [typeof i1.ChunkProgressBarComponent, typeof i2.ProgressBarCustomMessagesComponent, typeof i3.CircularProgressbarCenterTemplateDirective, typeof i4.CircularProgressBarComponent, typeof i2.ProgressBarCustomMessagesComponent, typeof i5.ProgressBarComponent, typeof i2.ProgressBarCustomMessagesComponent]>;
32
- static ɵinj: i0.ɵɵInjectorDeclaration<ProgressBarModule>;
33
- }
@@ -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
- * The data for the `animationEnd` event.
7
- */
8
- export interface AnimationEndEvent {
9
- /**
10
- * The value from which the animation starts.
11
- */
12
- from: number;
13
- /**
14
- * The value to which the animation runs.
15
- */
16
- to: number;
17
- }
@@ -1,14 +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 AnimationOptions {
9
- property: string;
10
- startTime: number;
11
- startSize: number;
12
- deltaSize: number;
13
- duration: number;
14
- }
@@ -1,10 +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
- * The callback that returns the string content of the status label. You can access the current value as an argument.
7
- * @param value - The currently set value.
8
- * @returns The formatted string that displays within the label.
9
- */
10
- export type LabelFn = (value: number) => string;
@@ -1,8 +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
- * The position where the status label displays when visible.
7
- */
8
- export type LabelPosition = 'start' | 'end' | 'center';
@@ -1,32 +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 { LabelType } from './label-type';
6
- import { LabelFn } from './label-fn-type';
7
- import { LabelPosition } from './label-position';
8
- /**
9
- * Represents the settings of the label that shows the progress status of the ProgressBar.
10
- *
11
- */
12
- export interface LabelSettings {
13
- /**
14
- * Shows or hides the label for the progress status.
15
- */
16
- visible?: boolean;
17
- /**
18
- * Sets the position of the progress status label.
19
- * @default 'end'
20
- */
21
- position?: LabelPosition;
22
- /**
23
- * Sets the format for rendering the value in the label.
24
- * The supported preset types are `value` (default) and `percent`.
25
- * You can also provide a callback that exposes the current value and returns
26
- * the formatted string to display in the label
27
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/progressbars/progressbar/label#using-a-formatting-function)).
28
- *
29
- * @default 'value'
30
- */
31
- format?: LabelType | LabelFn;
32
- }
@@ -1,12 +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
- * The predefined label types.
7
- *
8
- * The supported values are:
9
- * * `value`&mdash;Shows the current display value trimmed to the third decimal.
10
- * * `percent`&mdash;Shows the calculated percentage value based on the current display value and the range defined by the `min` and `max` options.
11
- */
12
- export type LabelType = 'value' | 'percent';
@@ -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
- * Represents the settings of the animation that indicates the progress status of the ProgressBar.
7
- *
8
- */
9
- export interface ProgressBarAnimation {
10
- /**
11
- * Sets the duration of the animation in milliseconds.
12
- *
13
- * @default 400
14
- */
15
- duration: number;
16
- }
@@ -1,8 +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
- * Represents the orientation options of the ProgressBar component.
7
- */
8
- export type ProgressBarOrientation = 'horizontal' | 'vertical';