@progress/kendo-angular-progressbar 21.4.1-develop.1 → 22.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.
Files changed (29) hide show
  1. package/common/localization/messages.d.ts +1 -1
  2. package/common/progressbar-base.d.ts +1 -1
  3. package/fesm2022/progress-kendo-angular-progressbar.mjs +31 -31
  4. package/package.json +9 -17
  5. package/esm2022/chunk/chunk-progressbar.component.mjs +0 -192
  6. package/esm2022/circularprogressbar/center-template.directive.mjs +0 -34
  7. package/esm2022/circularprogressbar/circular-progressbar.component.mjs +0 -523
  8. package/esm2022/circularprogressbar/models/center-template-context.interface.mjs +0 -5
  9. package/esm2022/circularprogressbar/models/circular-progressbar-progress-color-interface.mjs +0 -8
  10. package/esm2022/common/constants.mjs +0 -16
  11. package/esm2022/common/localization/custom-messages.component.mjs +0 -68
  12. package/esm2022/common/localization/localized-messages.directive.mjs +0 -39
  13. package/esm2022/common/localization/messages.mjs +0 -24
  14. package/esm2022/common/progressbar-base.mjs +0 -228
  15. package/esm2022/common/util.mjs +0 -99
  16. package/esm2022/directives.mjs +0 -85
  17. package/esm2022/index.mjs +0 -12
  18. package/esm2022/package-metadata.mjs +0 -16
  19. package/esm2022/progress-kendo-angular-progressbar.mjs +0 -8
  20. package/esm2022/progressbar.component.mjs +0 -380
  21. package/esm2022/progressbar.module.mjs +0 -45
  22. package/esm2022/types/animation-end-event.mjs +0 -5
  23. package/esm2022/types/animation-options.interface.mjs +0 -5
  24. package/esm2022/types/label-fn-type.mjs +0 -5
  25. package/esm2022/types/label-position.mjs +0 -5
  26. package/esm2022/types/label-settings.interface.mjs +0 -5
  27. package/esm2022/types/label-type.mjs +0 -5
  28. package/esm2022/types/progressbar-animation.interface.mjs +0 -5
  29. package/esm2022/types/progressbar-orientation.mjs +0 -5
@@ -13,5 +13,5 @@ export declare class ProgressBarMessages extends ComponentMessages {
13
13
  */
14
14
  progressBarLabel: string;
15
15
  static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarMessages, never>;
16
- static ɵdir: i0.ɵɵDirectiveDeclaration<ProgressBarMessages, never, never, { "progressBarLabel": { "alias": "progressBarLabel"; "required": false; }; }, {}, never, never, false, never>;
16
+ static ɵdir: i0.ɵɵDirectiveDeclaration<ProgressBarMessages, never, never, { "progressBarLabel": { "alias": "progressBarLabel"; "required": false; }; }, {}, never, never, true, never>;
17
17
  }
@@ -103,5 +103,5 @@ export declare abstract class ProgressBarBase implements OnChanges {
103
103
  ngOnChanges(changes: SimpleChanges): void;
104
104
  ngOnDestroy(): void;
105
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, false, 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
107
  }
@@ -5,7 +5,7 @@
5
5
  import * as i1 from '@progress/kendo-angular-l10n';
6
6
  import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
7
7
  import * as i0 from '@angular/core';
8
- import { isDevMode, Component, HostBinding, Input, Directive, forwardRef, EventEmitter, Output, ViewChild, ContentChild, NgModule } from '@angular/core';
8
+ import { isDevMode, Input, HostBinding, Component, Directive, forwardRef, EventEmitter, ViewChild, Output, ContentChild, NgModule } from '@angular/core';
9
9
  import { validatePackage } from '@progress/kendo-licensing';
10
10
  import { hasObservers, isDocumentAvailable, isChanged, ResizeSensorComponent, ResizeBatchService } from '@progress/kendo-angular-common';
11
11
  import { NgStyle, NgClass, NgTemplateOutlet } from '@angular/common';
@@ -20,8 +20,8 @@ const packageMetadata = {
20
20
  productName: 'Kendo UI for Angular',
21
21
  productCode: 'KENDOUIANGULAR',
22
22
  productCodes: ['KENDOUIANGULAR'],
23
- publishDate: 1768386374,
24
- version: '21.4.1-develop.1',
23
+ publishDate: 1768395813,
24
+ version: '22.0.0-develop.1',
25
25
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
26
26
  };
27
27
 
@@ -293,10 +293,10 @@ class ProgressBarBase {
293
293
  this.localizationChangeSubscription.unsubscribe();
294
294
  }
295
295
  }
296
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ProgressBarBase, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
297
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ProgressBarBase, selector: "ng-component", inputs: { max: "max", min: "min", value: "value", orientation: "orientation", disabled: "disabled", reverse: "reverse", indeterminate: "indeterminate" }, host: { properties: { "class.k-progressbar": "this.hostClasses", "class.k-progressbar-horizontal": "this.isHorizontal", "class.k-progressbar-vertical": "this.isVertical", "class.k-disabled": "this.disabledClass", "class.k-progressbar-reverse": "this.reverseClass", "class.k-progressbar-indeterminate": "this.indeterminateClass", "attr.dir": "this.dirAttribute", "attr.role": "this.roleAttribute", "attr.aria-valuemin": "this.ariaMinAttribute", "attr.aria-valuemax": "this.ariaMaxAttribute", "attr.aria-valuenow": "this.ariaValueAttribute" } }, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
296
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProgressBarBase, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
297
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: ProgressBarBase, isStandalone: true, selector: "ng-component", inputs: { max: "max", min: "min", value: "value", orientation: "orientation", disabled: "disabled", reverse: "reverse", indeterminate: "indeterminate" }, host: { properties: { "class.k-progressbar": "this.hostClasses", "class.k-progressbar-horizontal": "this.isHorizontal", "class.k-progressbar-vertical": "this.isVertical", "class.k-disabled": "this.disabledClass", "class.k-progressbar-reverse": "this.reverseClass", "class.k-progressbar-indeterminate": "this.indeterminateClass", "attr.dir": "this.dirAttribute", "attr.role": "this.roleAttribute", "attr.aria-valuemin": "this.ariaMinAttribute", "attr.aria-valuemax": "this.ariaMaxAttribute", "attr.aria-valuenow": "this.ariaValueAttribute" } }, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
298
298
  }
299
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ProgressBarBase, decorators: [{
299
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProgressBarBase, decorators: [{
300
300
  type: Component,
301
301
  args: [{
302
302
  template: ''
@@ -358,10 +358,10 @@ class ProgressBarMessages extends ComponentMessages {
358
358
  * The aria-label attribute for the ProgressBar component.
359
359
  */
360
360
  progressBarLabel;
361
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ProgressBarMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
362
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ProgressBarMessages, inputs: { progressBarLabel: "progressBarLabel" }, usesInheritance: true, ngImport: i0 });
361
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProgressBarMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
362
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: ProgressBarMessages, isStandalone: true, inputs: { progressBarLabel: "progressBarLabel" }, usesInheritance: true, ngImport: i0 });
363
363
  }
364
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ProgressBarMessages, decorators: [{
364
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProgressBarMessages, decorators: [{
365
365
  type: Directive,
366
366
  args: [{}]
367
367
  }], propDecorators: { progressBarLabel: [{
@@ -377,15 +377,15 @@ class LocalizedProgressBarMessagesDirective extends ProgressBarMessages {
377
377
  super();
378
378
  this.service = service;
379
379
  }
380
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LocalizedProgressBarMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
381
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: LocalizedProgressBarMessagesDirective, isStandalone: true, selector: "[kendoProgressBarLocalizedMessages]", providers: [
380
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: LocalizedProgressBarMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
381
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: LocalizedProgressBarMessagesDirective, isStandalone: true, selector: "[kendoProgressBarLocalizedMessages]", providers: [
382
382
  {
383
383
  provide: ProgressBarMessages,
384
384
  useExisting: forwardRef(() => LocalizedProgressBarMessagesDirective)
385
385
  }
386
386
  ], usesInheritance: true, ngImport: i0 });
387
387
  }
388
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LocalizedProgressBarMessagesDirective, decorators: [{
388
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: LocalizedProgressBarMessagesDirective, decorators: [{
389
389
  type: Directive,
390
390
  args: [{
391
391
  providers: [
@@ -642,8 +642,8 @@ class ProgressBarComponent extends ProgressBarBase {
642
642
  this.isAnimationInProgress = false;
643
643
  });
644
644
  }
645
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ProgressBarComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
646
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ProgressBarComponent, isStandalone: true, selector: "kendo-progressbar", inputs: { label: "label", progressCssStyle: "progressCssStyle", progressCssClass: "progressCssClass", emptyCssStyle: "emptyCssStyle", emptyCssClass: "emptyCssClass", animation: "animation" }, outputs: { animationEnd: "animationEnd" }, providers: [
645
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProgressBarComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
646
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: ProgressBarComponent, isStandalone: true, selector: "kendo-progressbar", inputs: { label: "label", progressCssStyle: "progressCssStyle", progressCssClass: "progressCssClass", emptyCssStyle: "emptyCssStyle", emptyCssClass: "emptyCssClass", animation: "animation" }, outputs: { animationEnd: "animationEnd" }, providers: [
647
647
  LocalizationService,
648
648
  {
649
649
  provide: L10N_PREFIX,
@@ -690,7 +690,7 @@ class ProgressBarComponent extends ProgressBarBase {
690
690
  </div>
691
691
  `, 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"] }] });
692
692
  }
693
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ProgressBarComponent, decorators: [{
693
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProgressBarComponent, decorators: [{
694
694
  type: Component,
695
695
  args: [{
696
696
  exportAs: 'kendoProgressBar',
@@ -869,8 +869,8 @@ class ChunkProgressBarComponent extends ProgressBarBase {
869
869
  this.elem = elem;
870
870
  this.renderer = renderer;
871
871
  }
872
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChunkProgressBarComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
873
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ChunkProgressBarComponent, isStandalone: true, selector: "kendo-chunkprogressbar", inputs: { chunkCount: "chunkCount", progressCssStyle: "progressCssStyle", progressCssClass: "progressCssClass", emptyCssStyle: "emptyCssStyle", emptyCssClass: "emptyCssClass" }, host: { properties: { "class.k-chunk-progressbar": "this.chunkClass" } }, providers: [
872
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ChunkProgressBarComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
873
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: ChunkProgressBarComponent, isStandalone: true, selector: "kendo-chunkprogressbar", inputs: { chunkCount: "chunkCount", progressCssStyle: "progressCssStyle", progressCssClass: "progressCssClass", emptyCssStyle: "emptyCssStyle", emptyCssClass: "emptyCssClass" }, host: { properties: { "class.k-chunk-progressbar": "this.chunkClass" } }, providers: [
874
874
  LocalizationService,
875
875
  {
876
876
  provide: L10N_PREFIX,
@@ -898,7 +898,7 @@ class ChunkProgressBarComponent extends ProgressBarBase {
898
898
  </ul>
899
899
  `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedProgressBarMessagesDirective, selector: "[kendoProgressBarLocalizedMessages]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
900
900
  }
901
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChunkProgressBarComponent, decorators: [{
901
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ChunkProgressBarComponent, decorators: [{
902
902
  type: Component,
903
903
  args: [{
904
904
  exportAs: 'kendoChunkProgressBar',
@@ -967,10 +967,10 @@ class CircularProgressbarCenterTemplateDirective {
967
967
  constructor(templateRef) {
968
968
  this.templateRef = templateRef;
969
969
  }
970
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CircularProgressbarCenterTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
971
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: CircularProgressbarCenterTemplateDirective, isStandalone: true, selector: "[kendoCircularProgressbarCenterTemplate]", ngImport: i0 });
970
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CircularProgressbarCenterTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
971
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: CircularProgressbarCenterTemplateDirective, isStandalone: true, selector: "[kendoCircularProgressbarCenterTemplate]", ngImport: i0 });
972
972
  }
973
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CircularProgressbarCenterTemplateDirective, decorators: [{
973
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CircularProgressbarCenterTemplateDirective, decorators: [{
974
974
  type: Directive,
975
975
  args: [{
976
976
  selector: '[kendoCircularProgressbarCenterTemplate]',
@@ -1369,8 +1369,8 @@ class CircularProgressBarComponent {
1369
1369
  this.setDirection();
1370
1370
  }
1371
1371
  }
1372
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CircularProgressBarComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
1373
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: CircularProgressBarComponent, isStandalone: true, selector: "kendo-circularprogressbar", inputs: { value: "value", max: "max", min: "min", animation: "animation", opacity: "opacity", indeterminate: "indeterminate", progressColor: "progressColor" }, outputs: { animationEnd: "animationEnd" }, host: { properties: { "class.k-circular-progressbar": "this.hostClasses", "attr.aria-valuemin": "this.ariaMinAttribute", "attr.aria-valuemax": "this.ariaMaxAttribute", "attr.aria-valuenow": "this.ariaValueAttribute", "attr.role": "this.roleAttribute" } }, providers: [
1372
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CircularProgressBarComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
1373
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: CircularProgressBarComponent, isStandalone: true, selector: "kendo-circularprogressbar", inputs: { value: "value", max: "max", min: "min", animation: "animation", opacity: "opacity", indeterminate: "indeterminate", progressColor: "progressColor" }, outputs: { animationEnd: "animationEnd" }, host: { properties: { "class.k-circular-progressbar": "this.hostClasses", "attr.aria-valuemin": "this.ariaMinAttribute", "attr.aria-valuemax": "this.ariaMaxAttribute", "attr.aria-valuenow": "this.ariaValueAttribute", "attr.role": "this.roleAttribute" } }, providers: [
1374
1374
  LocalizationService,
1375
1375
  {
1376
1376
  provide: L10N_PREFIX,
@@ -1400,7 +1400,7 @@ class CircularProgressBarComponent {
1400
1400
  <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
1401
1401
  `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedProgressBarMessagesDirective, selector: "[kendoProgressBarLocalizedMessages]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }] });
1402
1402
  }
1403
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CircularProgressBarComponent, decorators: [{
1403
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CircularProgressBarComponent, decorators: [{
1404
1404
  type: Component,
1405
1405
  args: [{
1406
1406
  exportAs: 'kendoCircularProgressBar',
@@ -1522,15 +1522,15 @@ class ProgressBarCustomMessagesComponent extends ProgressBarMessages {
1522
1522
  get override() {
1523
1523
  return true;
1524
1524
  }
1525
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ProgressBarCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
1526
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ProgressBarCustomMessagesComponent, isStandalone: true, selector: "kendo-progressbar-messages", providers: [
1525
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProgressBarCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
1526
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: ProgressBarCustomMessagesComponent, isStandalone: true, selector: "kendo-progressbar-messages", providers: [
1527
1527
  {
1528
1528
  provide: ProgressBarMessages,
1529
1529
  useExisting: forwardRef(() => ProgressBarCustomMessagesComponent)
1530
1530
  }
1531
1531
  ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
1532
1532
  }
1533
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ProgressBarCustomMessagesComponent, decorators: [{
1533
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProgressBarCustomMessagesComponent, decorators: [{
1534
1534
  type: Component,
1535
1535
  args: [{
1536
1536
  providers: [
@@ -1642,11 +1642,11 @@ const KENDO_PROGRESSBARS = [
1642
1642
  * ```
1643
1643
  */
1644
1644
  class ProgressBarModule {
1645
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1646
- static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: ProgressBarModule, imports: [ChunkProgressBarComponent, ProgressBarCustomMessagesComponent, CircularProgressbarCenterTemplateDirective, CircularProgressBarComponent, ProgressBarCustomMessagesComponent, ProgressBarComponent, ProgressBarCustomMessagesComponent], exports: [ChunkProgressBarComponent, ProgressBarCustomMessagesComponent, CircularProgressbarCenterTemplateDirective, CircularProgressBarComponent, ProgressBarCustomMessagesComponent, ProgressBarComponent, ProgressBarCustomMessagesComponent] });
1647
- static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ProgressBarModule, providers: [ResizeBatchService], imports: [CircularProgressBarComponent] });
1645
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1646
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: ProgressBarModule, imports: [ChunkProgressBarComponent, ProgressBarCustomMessagesComponent, CircularProgressbarCenterTemplateDirective, CircularProgressBarComponent, ProgressBarCustomMessagesComponent, ProgressBarComponent, ProgressBarCustomMessagesComponent], exports: [ChunkProgressBarComponent, ProgressBarCustomMessagesComponent, CircularProgressbarCenterTemplateDirective, CircularProgressBarComponent, ProgressBarCustomMessagesComponent, ProgressBarComponent, ProgressBarCustomMessagesComponent] });
1647
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProgressBarModule, providers: [ResizeBatchService], imports: [CircularProgressBarComponent] });
1648
1648
  }
1649
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ProgressBarModule, decorators: [{
1649
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProgressBarModule, decorators: [{
1650
1650
  type: NgModule,
1651
1651
  args: [{
1652
1652
  exports: [...KENDO_PROGRESSBARS],
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-progressbar",
3
- "version": "21.4.1-develop.1",
3
+ "version": "22.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",
@@ -15,27 +15,21 @@
15
15
  "Progress"
16
16
  ],
17
17
  "@progress": {
18
- "friendlyName": "ProgressBars",
19
- "package": {
20
- "productName": "Kendo UI for Angular",
21
- "productCode": "KENDOUIANGULAR",
22
- "publishDate": 1768386374,
23
- "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
24
- }
18
+ "friendlyName": "ProgressBars"
25
19
  },
26
20
  "peerDependencies": {
27
- "@angular/animations": "18 - 21",
28
- "@angular/common": "18 - 21",
29
- "@angular/core": "18 - 21",
30
- "@angular/platform-browser": "18 - 21",
21
+ "@angular/animations": "19 - 21",
22
+ "@angular/common": "19 - 21",
23
+ "@angular/core": "19 - 21",
24
+ "@angular/platform-browser": "19 - 21",
31
25
  "@progress/kendo-licensing": "^1.7.0",
32
- "@progress/kendo-angular-common": "21.4.1-develop.1",
33
- "@progress/kendo-angular-l10n": "21.4.1-develop.1",
26
+ "@progress/kendo-angular-common": "22.0.0-develop.1",
27
+ "@progress/kendo-angular-l10n": "22.0.0-develop.1",
34
28
  "rxjs": "^6.5.3 || ^7.0.0"
35
29
  },
36
30
  "dependencies": {
37
31
  "tslib": "^2.3.1",
38
- "@progress/kendo-angular-schematics": "21.4.1-develop.1"
32
+ "@progress/kendo-angular-schematics": "22.0.0-develop.1"
39
33
  },
40
34
  "schematics": "./schematics/collection.json",
41
35
  "module": "fesm2022/progress-kendo-angular-progressbar.mjs",
@@ -46,8 +40,6 @@
46
40
  },
47
41
  ".": {
48
42
  "types": "./index.d.ts",
49
- "esm2022": "./esm2022/progress-kendo-angular-progressbar.mjs",
50
- "esm": "./esm2022/progress-kendo-angular-progressbar.mjs",
51
43
  "default": "./fesm2022/progress-kendo-angular-progressbar.mjs"
52
44
  }
53
45
  },
@@ -1,192 +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 { Component, ElementRef, HostBinding, Input, Renderer2 } from '@angular/core';
7
- import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
8
- import { NgClass, NgStyle } from '@angular/common';
9
- import { LocalizedProgressBarMessagesDirective } from '../common/localization/localized-messages.directive';
10
- import * as i0 from "@angular/core";
11
- import * as i1 from "@progress/kendo-angular-l10n";
12
- /**
13
- * Represents the [Kendo UI ChunkProgressBar component for Angular]({% slug overview_chunkprogressbar %}).
14
- *
15
- * @example
16
- * ```typescript
17
- * import { Component } from '@angular/core';
18
- *
19
- * @Component({
20
- * selector: 'my-app',
21
- * template: `
22
- * <kendo-chunkprogressbar
23
- * [value]="progressValue"
24
- * [chunkCount]="8">
25
- * </kendo-chunkprogressbar>
26
- * `
27
- * })
28
- * export class AppComponent {
29
- * public progressValue: number = 40;
30
- * }
31
- * ```
32
- *
33
- * @remarks
34
- * Supported children components are: {@link ProgressBarCustomMessagesComponent}
35
- */
36
- export class ChunkProgressBarComponent extends ProgressBarBase {
37
- localization;
38
- elem;
39
- renderer;
40
- chunkClass = true;
41
- /**
42
- * Sets the number of chunks into which the ChunkProgressBar will be split.
43
- *
44
- * @default 5
45
- */
46
- chunkCount = 5;
47
- /**
48
- * @hidden
49
- */
50
- get chunks() {
51
- const count = this.chunkCount;
52
- const chunks = Array(count).fill(false);
53
- const completedChunks = Math.floor(this._progressRatio * count);
54
- for (let i = 0; i < completedChunks; i++) {
55
- chunks[i] = true;
56
- }
57
- return chunks;
58
- }
59
- /**
60
- * Sets the CSS styles that will be rendered on the full chunk elements ([see example]({% slug chunkprogressbar_appearance %})).
61
- * Supports the type of values that [`ngStyle`](link:site.data.urls.angular['ngstyleapi']) supports.
62
- */
63
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
64
- progressCssStyle;
65
- /**
66
- * Sets the CSS classes that will be rendered on the full chunk elements ([see example]({% slug chunkprogressbar_appearance %})).
67
- * Supports the type of values that [`ngClass`](link:site.data.urls.angular['ngclassapi']) supports.
68
- */
69
- progressCssClass;
70
- /**
71
- * Sets the CSS styles that will be rendered on the empty chunk elements ([see example]({% slug chunkprogressbar_appearance %})).
72
- * Supports the type of values that [`ngStyle`](link:site.data.urls.angular['ngstyleapi']) supports.
73
- */
74
- emptyCssStyle;
75
- /**
76
- * Sets the CSS classes that will be rendered on the empty chunk elements ([see example]({% slug chunkprogressbar_appearance %})).
77
- * Supports the type of values that [`ngClass`](link:site.data.urls.angular['ngclassapi']) supports.
78
- */
79
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
80
- emptyCssClass;
81
- /**
82
- * @hidden
83
- */
84
- get chunkSizePercentage() {
85
- return 100 / this.chunkCount;
86
- }
87
- /**
88
- * @hidden
89
- */
90
- get orientationStyles() {
91
- if (this.orientation === 'horizontal') {
92
- this._orientationStyles.width = `${this.chunkSizePercentage}%`;
93
- this._orientationStyles.height = null;
94
- }
95
- else {
96
- this._orientationStyles.height = `${this.chunkSizePercentage}%`;
97
- this._orientationStyles.width = null;
98
- }
99
- return this._orientationStyles;
100
- }
101
- _orientationStyles = {
102
- width: `${this.chunkSizePercentage}%`,
103
- height: null
104
- };
105
- /**
106
- * @hidden
107
- */
108
- constructor(localization, elem, renderer) {
109
- super(elem, renderer, localization);
110
- this.localization = localization;
111
- this.elem = elem;
112
- this.renderer = renderer;
113
- }
114
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChunkProgressBarComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
115
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ChunkProgressBarComponent, isStandalone: true, selector: "kendo-chunkprogressbar", inputs: { chunkCount: "chunkCount", progressCssStyle: "progressCssStyle", progressCssClass: "progressCssClass", emptyCssStyle: "emptyCssStyle", emptyCssClass: "emptyCssClass" }, host: { properties: { "class.k-chunk-progressbar": "this.chunkClass" } }, providers: [
116
- LocalizationService,
117
- {
118
- provide: L10N_PREFIX,
119
- useValue: 'kendo.chunkprogressbar'
120
- }
121
- ], exportAs: ["kendoChunkProgressBar"], usesInheritance: true, ngImport: i0, template: `
122
- <ng-container kendoProgressBarLocalizedMessages
123
- i18n-progressBarLabel="kendo.chunkprogressbar.progressBarLabel|The aria-label attribute for the ChunkProgressBar component."
124
- progressBarLabel="Chunk progressbar"
125
- >
126
- </ng-container>
127
- <ul class="k-reset k-progressbar-chunks">
128
- @for (chunk of chunks; track $index; let i = $index) {
129
- <li class="k-progressbar-chunk"
130
- [class.k-first]="i === 0"
131
- [class.k-last]="i === chunkCount - 1"
132
- [class.k-selected]="chunk"
133
- [ngClass]="chunk ? progressCssClass : emptyCssClass"
134
- [ngStyle]="chunk ? progressCssStyle : emptyCssStyle"
135
- [style.width]="orientationStyles.width"
136
- [style.height]="orientationStyles.height"
137
- >
138
- </li>
139
- }
140
- </ul>
141
- `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedProgressBarMessagesDirective, selector: "[kendoProgressBarLocalizedMessages]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
142
- }
143
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChunkProgressBarComponent, decorators: [{
144
- type: Component,
145
- args: [{
146
- exportAs: 'kendoChunkProgressBar',
147
- selector: 'kendo-chunkprogressbar',
148
- template: `
149
- <ng-container kendoProgressBarLocalizedMessages
150
- i18n-progressBarLabel="kendo.chunkprogressbar.progressBarLabel|The aria-label attribute for the ChunkProgressBar component."
151
- progressBarLabel="Chunk progressbar"
152
- >
153
- </ng-container>
154
- <ul class="k-reset k-progressbar-chunks">
155
- @for (chunk of chunks; track $index; let i = $index) {
156
- <li class="k-progressbar-chunk"
157
- [class.k-first]="i === 0"
158
- [class.k-last]="i === chunkCount - 1"
159
- [class.k-selected]="chunk"
160
- [ngClass]="chunk ? progressCssClass : emptyCssClass"
161
- [ngStyle]="chunk ? progressCssStyle : emptyCssStyle"
162
- [style.width]="orientationStyles.width"
163
- [style.height]="orientationStyles.height"
164
- >
165
- </li>
166
- }
167
- </ul>
168
- `,
169
- providers: [
170
- LocalizationService,
171
- {
172
- provide: L10N_PREFIX,
173
- useValue: 'kendo.chunkprogressbar'
174
- }
175
- ],
176
- standalone: true,
177
- imports: [LocalizedProgressBarMessagesDirective, NgClass, NgStyle]
178
- }]
179
- }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { chunkClass: [{
180
- type: HostBinding,
181
- args: ['class.k-chunk-progressbar']
182
- }], chunkCount: [{
183
- type: Input
184
- }], progressCssStyle: [{
185
- type: Input
186
- }], progressCssClass: [{
187
- type: Input
188
- }], emptyCssStyle: [{
189
- type: Input
190
- }], emptyCssClass: [{
191
- type: Input
192
- }] } });
@@ -1,34 +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 { Directive, 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]({% slug center_template_circularprogressbar %})).
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 class CircularProgressbarCenterTemplateDirective {
21
- templateRef;
22
- constructor(templateRef) {
23
- this.templateRef = templateRef;
24
- }
25
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CircularProgressbarCenterTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
26
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: CircularProgressbarCenterTemplateDirective, isStandalone: true, selector: "[kendoCircularProgressbarCenterTemplate]", ngImport: i0 });
27
- }
28
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CircularProgressbarCenterTemplateDirective, decorators: [{
29
- type: Directive,
30
- args: [{
31
- selector: '[kendoCircularProgressbarCenterTemplate]',
32
- standalone: true
33
- }]
34
- }], ctorParameters: () => [{ type: i0.TemplateRef }] });