@progress/kendo-angular-progressbar 19.1.2-develop.4 → 19.1.2-develop.5
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/chunk/chunk-progressbar.component.d.ts +26 -18
- package/circularprogressbar/center-template.directive.d.ts +10 -1
- package/circularprogressbar/circular-progressbar.component.d.ts +26 -15
- package/circularprogressbar/models/circular-progressbar-progress-color-interface.d.ts +4 -4
- package/common/localization/custom-messages.component.d.ts +24 -0
- package/directives.d.ts +50 -4
- package/esm2022/chunk/chunk-progressbar.component.mjs +26 -18
- package/esm2022/circularprogressbar/center-template.directive.mjs +10 -1
- package/esm2022/circularprogressbar/circular-progressbar.component.mjs +26 -15
- package/esm2022/circularprogressbar/models/circular-progressbar-progress-color-interface.mjs +1 -1
- package/esm2022/common/localization/custom-messages.component.mjs +24 -0
- package/esm2022/directives.mjs +50 -4
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/progressbar.component.mjs +17 -15
- package/esm2022/progressbar.module.mjs +8 -21
- package/fesm2022/progress-kendo-angular-progressbar.mjs +163 -76
- package/package.json +5 -5
- package/progressbar.component.d.ts +17 -15
- package/progressbar.module.d.ts +8 -21
- package/types/animation-end-event.d.ts +1 -1
- package/types/label-fn-type.d.ts +3 -3
- package/types/label-position.d.ts +1 -1
- package/types/label-settings.interface.d.ts +8 -30
- package/types/label-type.d.ts +2 -3
- package/types/progressbar-animation.interface.d.ts +4 -19
- package/types/progressbar-orientation.d.ts +1 -1
package/progressbar.module.d.ts
CHANGED
|
@@ -13,30 +13,17 @@ import * as i5 from "./progressbar.component";
|
|
|
13
13
|
* definition for the ProgressBar components.
|
|
14
14
|
*
|
|
15
15
|
* @example
|
|
16
|
-
*
|
|
17
|
-
* ```ts-no-run
|
|
18
|
-
* // Import the ProgressBar module
|
|
19
|
-
* import { ProgressBarModule } from '@progress/kendo-angular-progressbar';
|
|
20
|
-
*
|
|
21
|
-
* // The browser platform with a compiler
|
|
22
|
-
* import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
|
|
23
|
-
*
|
|
16
|
+
* ```typescript
|
|
24
17
|
* import { NgModule } from '@angular/core';
|
|
18
|
+
* import { BrowserModule } from '@angular/platform-browser';
|
|
19
|
+
* import { ProgressBarModule } from '@progress/kendo-angular-progressbar';
|
|
25
20
|
*
|
|
26
|
-
*
|
|
27
|
-
*
|
|
28
|
-
*
|
|
29
|
-
*
|
|
30
|
-
* _@NgModule({
|
|
31
|
-
* declarations: [AppComponent], // declare app component
|
|
32
|
-
* imports: [BrowserModule, ProgressBarModule], // import ProgressBar module
|
|
33
|
-
* bootstrap: [AppComponent]
|
|
21
|
+
* @NgModule({
|
|
22
|
+
* imports: [BrowserModule, ProgressBarModule],
|
|
23
|
+
* declarations: [AppComponent],
|
|
24
|
+
* bootstrap: [AppComponent]
|
|
34
25
|
* })
|
|
35
|
-
* export class AppModule {}
|
|
36
|
-
*
|
|
37
|
-
* // Compile and launch the module
|
|
38
|
-
* platformBrowserDynamic().bootstrapModule(AppModule);
|
|
39
|
-
*
|
|
26
|
+
* export class AppModule { }
|
|
40
27
|
* ```
|
|
41
28
|
*/
|
|
42
29
|
export declare class ProgressBarModule {
|
package/types/label-fn-type.d.ts
CHANGED
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/**
|
|
6
|
-
* The callback that returns the string content of the status label.
|
|
7
|
-
* @param
|
|
8
|
-
* @returns
|
|
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
9
|
*/
|
|
10
10
|
export type LabelFn = (value: number) => string;
|
|
@@ -3,6 +3,6 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/**
|
|
6
|
-
* The position
|
|
6
|
+
* The position where the status label displays when visible.
|
|
7
7
|
*/
|
|
8
8
|
export type LabelPosition = 'start' | 'end' | 'center';
|
|
@@ -6,49 +6,27 @@ import { LabelType } from './label-type';
|
|
|
6
6
|
import { LabelFn } from './label-fn-type';
|
|
7
7
|
import { LabelPosition } from './label-position';
|
|
8
8
|
/**
|
|
9
|
-
* Represents the settings of the label
|
|
9
|
+
* Represents the settings of the label that shows the progress status of the ProgressBar.
|
|
10
10
|
*
|
|
11
|
-
* @example
|
|
12
|
-
* ```ts-preview
|
|
13
|
-
* _@Component({
|
|
14
|
-
* selector: 'my-app',
|
|
15
|
-
* template: `
|
|
16
|
-
* <kendo-progressbar
|
|
17
|
-
* [value]="value"
|
|
18
|
-
* [label]="label">
|
|
19
|
-
* </kendo-progressbar>
|
|
20
|
-
* `
|
|
21
|
-
* })
|
|
22
|
-
* class AppComponent {
|
|
23
|
-
* public value = 50;
|
|
24
|
-
* public label = {
|
|
25
|
-
* visible: true,
|
|
26
|
-
* position: 'start',
|
|
27
|
-
* format: 'percent'
|
|
28
|
-
* };
|
|
29
|
-
* }
|
|
30
|
-
* ```
|
|
31
11
|
*/
|
|
32
12
|
export interface LabelSettings {
|
|
33
13
|
/**
|
|
34
|
-
*
|
|
14
|
+
* Shows or hides the label for the progress status.
|
|
35
15
|
*/
|
|
36
16
|
visible?: boolean;
|
|
37
17
|
/**
|
|
38
18
|
* Sets the position of the progress status label.
|
|
39
|
-
*
|
|
40
|
-
* The accepted values are:
|
|
41
|
-
* * `start`
|
|
42
|
-
* * `center`
|
|
43
|
-
* * (Default) `end`
|
|
19
|
+
* @default 'end'
|
|
44
20
|
*/
|
|
45
21
|
position?: LabelPosition;
|
|
46
22
|
/**
|
|
47
|
-
* Sets the format
|
|
23
|
+
* Sets the format for rendering the value in the label.
|
|
48
24
|
* The supported preset types are `value` (default) and `percent`.
|
|
49
|
-
* You can also provide a callback that
|
|
50
|
-
*
|
|
25
|
+
* You can also provide a callback that exposes the current value and returns
|
|
26
|
+
* the formatted string to display in the label
|
|
51
27
|
* ([see example]({% slug progressbar_label %}#toc-using-a-formatting-function)).
|
|
28
|
+
*
|
|
29
|
+
* @default 'value'
|
|
52
30
|
*/
|
|
53
31
|
format?: LabelType | LabelFn;
|
|
54
32
|
}
|
package/types/label-type.d.ts
CHANGED
|
@@ -6,8 +6,7 @@
|
|
|
6
6
|
* The predefined label types.
|
|
7
7
|
*
|
|
8
8
|
* The supported values are:
|
|
9
|
-
* * `value`—
|
|
10
|
-
* * `
|
|
11
|
-
* and the range defined by the `min` and `max` options.
|
|
9
|
+
* * `value`—Shows the current display value trimmed to the third decimal.
|
|
10
|
+
* * `percent`—Shows the calculated percentage value based on the current display value and the range defined by the `min` and `max` options.
|
|
12
11
|
*/
|
|
13
12
|
export type LabelType = 'value' | 'percent';
|
|
@@ -3,29 +3,14 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/**
|
|
6
|
-
* Represents the settings of the animation
|
|
6
|
+
* Represents the settings of the animation that indicates the progress status of the ProgressBar.
|
|
7
7
|
*
|
|
8
|
-
* @example
|
|
9
|
-
* ```ts-preview
|
|
10
|
-
* _@Component({
|
|
11
|
-
* selector: 'my-app',
|
|
12
|
-
* template: `
|
|
13
|
-
* <kendo-progressbar
|
|
14
|
-
* [value]="value"
|
|
15
|
-
* [animation]="{duration: duration}">
|
|
16
|
-
* </kendo-progressbar>
|
|
17
|
-
* `
|
|
18
|
-
* })
|
|
19
|
-
* class AppComponent {
|
|
20
|
-
* public value = 50;
|
|
21
|
-
* public duration = 1000;
|
|
22
|
-
* }
|
|
23
|
-
* ```
|
|
24
8
|
*/
|
|
25
9
|
export interface ProgressBarAnimation {
|
|
26
10
|
/**
|
|
27
|
-
*
|
|
28
|
-
*
|
|
11
|
+
* Sets the duration of the animation in milliseconds.
|
|
12
|
+
*
|
|
13
|
+
* @default 400
|
|
29
14
|
*/
|
|
30
15
|
duration: number;
|
|
31
16
|
}
|
|
@@ -3,6 +3,6 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/**
|
|
6
|
-
*
|
|
6
|
+
* Represents the orientation options of the ProgressBar component.
|
|
7
7
|
*/
|
|
8
8
|
export type ProgressBarOrientation = 'horizontal' | 'vertical';
|