@progress/kendo-angular-progressbar 17.0.0-develop.21 → 17.0.0-develop.22

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.
Files changed (37) hide show
  1. package/chunk/chunk-progressbar.component.d.ts +1 -1
  2. package/circularprogressbar/circular-progressbar.component.d.ts +1 -1
  3. package/common/localization/messages.d.ts +1 -1
  4. package/common/progressbar-base.d.ts +1 -1
  5. package/{esm2020 → esm2022}/chunk/chunk-progressbar.component.mjs +52 -27
  6. package/{esm2020 → esm2022}/circularprogressbar/center-template.directive.mjs +4 -3
  7. package/{esm2020 → esm2022}/circularprogressbar/circular-progressbar.component.mjs +59 -44
  8. package/{esm2020 → esm2022}/common/localization/custom-messages.component.mjs +9 -8
  9. package/{esm2020 → esm2022}/common/localization/localized-messages.directive.mjs +9 -8
  10. package/{esm2020 → esm2022}/common/localization/messages.mjs +7 -3
  11. package/{esm2020 → esm2022}/common/progressbar-base.mjs +69 -64
  12. package/{esm2020 → esm2022}/package-metadata.mjs +2 -2
  13. package/{esm2020 → esm2022}/progressbar.component.mjs +68 -33
  14. package/{esm2020 → esm2022}/progressbar.module.mjs +4 -4
  15. package/{fesm2015 → fesm2022}/progress-kendo-angular-progressbar.mjs +285 -198
  16. package/package.json +12 -18
  17. package/progressbar.component.d.ts +1 -1
  18. package/types/label-fn-type.d.ts +1 -1
  19. package/types/label-position.d.ts +1 -1
  20. package/types/label-type.d.ts +1 -1
  21. package/types/progressbar-orientation.d.ts +1 -1
  22. package/fesm2020/progress-kendo-angular-progressbar.mjs +0 -1471
  23. /package/{esm2020 → esm2022}/circularprogressbar/models/center-template-context.interface.mjs +0 -0
  24. /package/{esm2020 → esm2022}/circularprogressbar/models/circular-progressbar-progress-color-interface.mjs +0 -0
  25. /package/{esm2020 → esm2022}/common/constants.mjs +0 -0
  26. /package/{esm2020 → esm2022}/common/util.mjs +0 -0
  27. /package/{esm2020 → esm2022}/directives.mjs +0 -0
  28. /package/{esm2020 → esm2022}/index.mjs +0 -0
  29. /package/{esm2020 → esm2022}/progress-kendo-angular-progressbar.mjs +0 -0
  30. /package/{esm2020 → esm2022}/types/animation-end-event.mjs +0 -0
  31. /package/{esm2020 → esm2022}/types/animation-options.interface.mjs +0 -0
  32. /package/{esm2020 → esm2022}/types/label-fn-type.mjs +0 -0
  33. /package/{esm2020 → esm2022}/types/label-position.mjs +0 -0
  34. /package/{esm2020 → esm2022}/types/label-settings.interface.mjs +0 -0
  35. /package/{esm2020 → esm2022}/types/label-type.mjs +0 -0
  36. /package/{esm2020 → esm2022}/types/progressbar-animation.interface.mjs +0 -0
  37. /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
- * @hidden
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
- constructor(localization, elem, renderer, zone) {
36
- super(elem, renderer, localization);
37
- this.localization = localization;
38
- this.elem = elem;
39
- this.renderer = renderer;
40
- this.zone = zone;
41
- /**
42
- * Determines whether the status label will be visible.
43
- * Defaults to `true`—the label will be visible and displayed with the default
44
- * `LabelSettings` having its position set to `end` and its format set to `value`.
45
- */
46
- this.label = true;
47
- /**
48
- * The animation configuration of the ProgressBar.
49
- * Defaults to `false`.
50
- */
51
- this.animation = false;
52
- /**
53
- * Fires when the animation which indicates the latest value change is completed.
54
- */
55
- this.animationEnd = new EventEmitter();
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
- ProgressBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ProgressBarComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
222
- ProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ProgressBarComponent, isStandalone: true, selector: "kendo-progressbar", inputs: { label: "label", progressCssStyle: "progressCssStyle", progressCssClass: "progressCssClass", emptyCssStyle: "emptyCssStyle", emptyCssClass: "emptyCssClass", animation: "animation" }, outputs: { animationEnd: "animationEnd" }, providers: [
223
- LocalizationService,
224
- {
225
- provide: L10N_PREFIX,
226
- useValue: 'kendo.progressbar'
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
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ProgressBarComponent, decorators: [{
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
- ProgressBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
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],