@progress/kendo-angular-progressbar 17.0.0-develop.21 → 17.0.0-develop.23
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 +1 -1
- package/circularprogressbar/circular-progressbar.component.d.ts +1 -1
- package/common/localization/messages.d.ts +1 -1
- package/common/progressbar-base.d.ts +1 -1
- package/{esm2020 → esm2022}/chunk/chunk-progressbar.component.mjs +52 -27
- package/{esm2020 → esm2022}/circularprogressbar/center-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/circularprogressbar/circular-progressbar.component.mjs +59 -44
- package/{esm2020 → esm2022}/common/localization/custom-messages.component.mjs +9 -8
- package/{esm2020 → esm2022}/common/localization/localized-messages.directive.mjs +9 -8
- package/{esm2020 → esm2022}/common/localization/messages.mjs +7 -3
- package/{esm2020 → esm2022}/common/progressbar-base.mjs +69 -64
- package/{esm2020 → esm2022}/package-metadata.mjs +2 -2
- package/{esm2020 → esm2022}/progressbar.component.mjs +68 -33
- package/{esm2020 → esm2022}/progressbar.module.mjs +4 -4
- package/{fesm2015 → fesm2022}/progress-kendo-angular-progressbar.mjs +285 -198
- package/package.json +12 -18
- package/progressbar.component.d.ts +1 -1
- package/types/label-fn-type.d.ts +1 -1
- package/types/label-position.d.ts +1 -1
- package/types/label-type.d.ts +1 -1
- package/types/progressbar-orientation.d.ts +1 -1
- package/fesm2020/progress-kendo-angular-progressbar.mjs +0 -1471
- /package/{esm2020 → esm2022}/circularprogressbar/models/center-template-context.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/circularprogressbar/models/circular-progressbar-progress-color-interface.mjs +0 -0
- /package/{esm2020 → esm2022}/common/constants.mjs +0 -0
- /package/{esm2020 → esm2022}/common/util.mjs +0 -0
- /package/{esm2020 → esm2022}/directives.mjs +0 -0
- /package/{esm2020 → esm2022}/index.mjs +0 -0
- /package/{esm2020 → esm2022}/progress-kendo-angular-progressbar.mjs +0 -0
- /package/{esm2020 → esm2022}/types/animation-end-event.mjs +0 -0
- /package/{esm2020 → esm2022}/types/animation-options.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/types/label-fn-type.mjs +0 -0
- /package/{esm2020 → esm2022}/types/label-position.mjs +0 -0
- /package/{esm2020 → esm2022}/types/label-settings.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/types/label-type.mjs +0 -0
- /package/{esm2020 → esm2022}/types/progressbar-animation.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/types/progressbar-orientation.mjs +0 -0
|
@@ -29,31 +29,51 @@ import * as i1 from "@progress/kendo-angular-l10n";
|
|
|
29
29
|
* ```
|
|
30
30
|
*/
|
|
31
31
|
export class ProgressBarComponent extends ProgressBarBase {
|
|
32
|
+
localization;
|
|
33
|
+
elem;
|
|
34
|
+
renderer;
|
|
35
|
+
zone;
|
|
32
36
|
/**
|
|
33
|
-
*
|
|
37
|
+
* Determines whether the status label will be visible.
|
|
38
|
+
* Defaults to `true`—the label will be visible and displayed with the default
|
|
39
|
+
* `LabelSettings` having its position set to `end` and its format set to `value`.
|
|
34
40
|
*/
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
41
|
+
label = true;
|
|
42
|
+
/**
|
|
43
|
+
* The CSS styles that will be rendered on the inner element which represents the full portion of the progress bar
|
|
44
|
+
* ([see example]({% slug progressbar_appearance %})).
|
|
45
|
+
* Supports the type of values that are supported by [`ngStyle`](link:site.data.urls.angular['ngstyleapi']).
|
|
46
|
+
*/
|
|
47
|
+
progressCssStyle;
|
|
48
|
+
/**
|
|
49
|
+
* The CSS classes that will be rendered on the inner element which represents the full portion of the progress bar
|
|
50
|
+
* ([see example]({% slug progressbar_appearance %})).
|
|
51
|
+
* Supports the type of values that are supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
|
|
52
|
+
*/
|
|
53
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
54
|
+
progressCssClass;
|
|
55
|
+
/**
|
|
56
|
+
* The CSS styles that will be rendered on the inner element which represents the empty portion of the progress bar
|
|
57
|
+
* ([see example]({% slug progressbar_appearance %})).
|
|
58
|
+
* Supports the type of values that are supported by [`ngStyle`](link:site.data.urls.angular['ngstyleapi']).
|
|
59
|
+
*/
|
|
60
|
+
emptyCssStyle;
|
|
61
|
+
/**
|
|
62
|
+
* The CSS classes that will be rendered on the inner element which represents the empty portion of the progress bar
|
|
63
|
+
* ([see example]({% slug progressbar_appearance %})).
|
|
64
|
+
* Supports the type of values that are supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
|
|
65
|
+
*/
|
|
66
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
67
|
+
emptyCssClass;
|
|
68
|
+
/**
|
|
69
|
+
* The animation configuration of the ProgressBar.
|
|
70
|
+
* Defaults to `false`.
|
|
71
|
+
*/
|
|
72
|
+
animation = false;
|
|
73
|
+
/**
|
|
74
|
+
* Fires when the animation which indicates the latest value change is completed.
|
|
75
|
+
*/
|
|
76
|
+
animationEnd = new EventEmitter();
|
|
57
77
|
/**
|
|
58
78
|
* @hidden
|
|
59
79
|
*/
|
|
@@ -106,6 +126,21 @@ export class ProgressBarComponent extends ProgressBarBase {
|
|
|
106
126
|
get formattedLabelValue() {
|
|
107
127
|
return formatValue(this.displayValue, this.min, this.max, this.label);
|
|
108
128
|
}
|
|
129
|
+
progressStatusElement;
|
|
130
|
+
progressStatusWrapperElement;
|
|
131
|
+
animationFrame;
|
|
132
|
+
cancelCurrentAnimation;
|
|
133
|
+
isAnimationInProgress;
|
|
134
|
+
/**
|
|
135
|
+
* @hidden
|
|
136
|
+
*/
|
|
137
|
+
constructor(localization, elem, renderer, zone) {
|
|
138
|
+
super(elem, renderer, localization);
|
|
139
|
+
this.localization = localization;
|
|
140
|
+
this.elem = elem;
|
|
141
|
+
this.renderer = renderer;
|
|
142
|
+
this.zone = zone;
|
|
143
|
+
}
|
|
109
144
|
/**
|
|
110
145
|
* @hidden
|
|
111
146
|
*/
|
|
@@ -217,15 +252,14 @@ export class ProgressBarComponent extends ProgressBarBase {
|
|
|
217
252
|
this.isAnimationInProgress = false;
|
|
218
253
|
});
|
|
219
254
|
}
|
|
220
|
-
}
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
}
|
|
228
|
-
], viewQueries: [{ propertyName: "progressStatusElement", first: true, predicate: ["progressStatus"], descendants: true }, { propertyName: "progressStatusWrapperElement", first: true, predicate: ["progressStatusWrap"], descendants: true }], exportAs: ["kendoProgressBar"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
|
|
255
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProgressBarComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
256
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ProgressBarComponent, isStandalone: true, selector: "kendo-progressbar", inputs: { label: "label", progressCssStyle: "progressCssStyle", progressCssClass: "progressCssClass", emptyCssStyle: "emptyCssStyle", emptyCssClass: "emptyCssClass", animation: "animation" }, outputs: { animationEnd: "animationEnd" }, providers: [
|
|
257
|
+
LocalizationService,
|
|
258
|
+
{
|
|
259
|
+
provide: L10N_PREFIX,
|
|
260
|
+
useValue: 'kendo.progressbar'
|
|
261
|
+
}
|
|
262
|
+
], viewQueries: [{ propertyName: "progressStatusElement", first: true, predicate: ["progressStatus"], descendants: true }, { propertyName: "progressStatusWrapperElement", first: true, predicate: ["progressStatusWrap"], descendants: true }], exportAs: ["kendoProgressBar"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
|
|
229
263
|
<ng-container kendoProgressBarLocalizedMessages
|
|
230
264
|
i18n-progressBarLabel="kendo.progressbar.progressBarLabel|The aria-label attribute for the ProgressBar component."
|
|
231
265
|
progressBarLabel="Progressbar"
|
|
@@ -261,7 +295,8 @@ ProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
|
|
|
261
295
|
</span>
|
|
262
296
|
</div>
|
|
263
297
|
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedProgressBarMessagesDirective, selector: "[kendoProgressBarLocalizedMessages]" }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
264
|
-
|
|
298
|
+
}
|
|
299
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProgressBarComponent, decorators: [{
|
|
265
300
|
type: Component,
|
|
266
301
|
args: [{
|
|
267
302
|
exportAs: 'kendoProgressBar',
|
|
@@ -47,11 +47,11 @@ import * as i5 from "./progressbar.component";
|
|
|
47
47
|
* ```
|
|
48
48
|
*/
|
|
49
49
|
export class ProgressBarModule {
|
|
50
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
51
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ProgressBarModule, imports: [i1.ChunkProgressBarComponent, i2.ProgressBarCustomMessagesComponent, i3.CircularProgressbarCenterTemplateDirective, i4.CircularProgressBarComponent, i2.ProgressBarCustomMessagesComponent, i5.ProgressBarComponent, i2.ProgressBarCustomMessagesComponent], exports: [i1.ChunkProgressBarComponent, i2.ProgressBarCustomMessagesComponent, i3.CircularProgressbarCenterTemplateDirective, i4.CircularProgressBarComponent, i2.ProgressBarCustomMessagesComponent, i5.ProgressBarComponent, i2.ProgressBarCustomMessagesComponent] });
|
|
52
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProgressBarModule, providers: [ResizeBatchService], imports: [i4.CircularProgressBarComponent] });
|
|
50
53
|
}
|
|
51
|
-
|
|
52
|
-
ProgressBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ProgressBarModule, imports: [i1.ChunkProgressBarComponent, i2.ProgressBarCustomMessagesComponent, i3.CircularProgressbarCenterTemplateDirective, i4.CircularProgressBarComponent, i2.ProgressBarCustomMessagesComponent, i5.ProgressBarComponent, i2.ProgressBarCustomMessagesComponent], exports: [i1.ChunkProgressBarComponent, i2.ProgressBarCustomMessagesComponent, i3.CircularProgressbarCenterTemplateDirective, i4.CircularProgressBarComponent, i2.ProgressBarCustomMessagesComponent, i5.ProgressBarComponent, i2.ProgressBarCustomMessagesComponent] });
|
|
53
|
-
ProgressBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ProgressBarModule, providers: [ResizeBatchService], imports: [i1.ChunkProgressBarComponent, i2.ProgressBarCustomMessagesComponent, i4.CircularProgressBarComponent, i2.ProgressBarCustomMessagesComponent, i5.ProgressBarComponent, i2.ProgressBarCustomMessagesComponent] });
|
|
54
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ProgressBarModule, decorators: [{
|
|
54
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProgressBarModule, decorators: [{
|
|
55
55
|
type: NgModule,
|
|
56
56
|
args: [{
|
|
57
57
|
exports: [...KENDO_PROGRESSBARS],
|