@progress/kendo-angular-indicators 24.2.2 → 25.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.
@@ -43,8 +43,8 @@ class BadgeContainerComponent {
43
43
  this.dynamicRTLSubscription.unsubscribe();
44
44
  }
45
45
  }
46
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BadgeContainerComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
47
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: BadgeContainerComponent, isStandalone: true, selector: "kendo-badge-container", host: { properties: { "class.k-badge-container": "this.hostClass", "attr.dir": "this.direction" } }, providers: [
46
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BadgeContainerComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
47
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: BadgeContainerComponent, isStandalone: true, selector: "kendo-badge-container", host: { properties: { "class.k-badge-container": "this.hostClass", "attr.dir": "this.direction" } }, providers: [
48
48
  LocalizationService,
49
49
  {
50
50
  provide: L10N_PREFIX,
@@ -52,7 +52,7 @@ class BadgeContainerComponent {
52
52
  }
53
53
  ], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
54
54
  }
55
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BadgeContainerComponent, decorators: [{
55
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BadgeContainerComponent, decorators: [{
56
56
  type: Component,
57
57
  args: [{
58
58
  selector: 'kendo-badge-container',
@@ -82,8 +82,8 @@ const packageMetadata = {
82
82
  productName: 'Kendo UI for Angular',
83
83
  productCode: 'KENDOUIANGULAR',
84
84
  productCodes: ['KENDOUIANGULAR'],
85
- publishDate: 1783511368,
86
- version: '24.2.2',
85
+ publishDate: 1783679819,
86
+ version: '25.0.0-develop.1',
87
87
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
88
88
  };
89
89
 
@@ -227,8 +227,8 @@ class BadgeComponent {
227
227
  }
228
228
  });
229
229
  }
230
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BadgeComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
231
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: BadgeComponent, isStandalone: true, selector: "kendo-badge", inputs: { align: "align", size: "size", fill: "fill", themeColor: "themeColor", rounded: "rounded", position: "position", cutoutBorder: "cutoutBorder" }, host: { properties: { "class.k-badge": "this.hostClass", "class.k-badge-border-cutout": "this.cutoutBorderClass", "attr.dir": "this.direction" } }, providers: [
230
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BadgeComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
231
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: BadgeComponent, isStandalone: true, selector: "kendo-badge", inputs: { align: "align", size: "size", fill: "fill", themeColor: "themeColor", rounded: "rounded", position: "position", cutoutBorder: "cutoutBorder" }, host: { properties: { "class.k-badge": "this.hostClass", "class.k-badge-border-cutout": "this.cutoutBorderClass", "attr.dir": "this.direction" } }, providers: [
232
232
  LocalizationService,
233
233
  {
234
234
  provide: L10N_PREFIX,
@@ -236,7 +236,7 @@ class BadgeComponent {
236
236
  }
237
237
  ], usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
238
238
  }
239
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BadgeComponent, decorators: [{
239
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BadgeComponent, decorators: [{
240
240
  type: Component,
241
241
  args: [{
242
242
  selector: 'kendo-badge',
@@ -365,8 +365,8 @@ class LoaderComponent {
365
365
  this.themeColor && this.renderer.addClass(this.loader, `k-loader-${this.themeColor}`);
366
366
  this.size && this.renderer.addClass(this.loader, SIZE_CLASSES[this.size]);
367
367
  }
368
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LoaderComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
369
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: LoaderComponent, isStandalone: true, selector: "kendo-loader", inputs: { type: "type", themeColor: "themeColor", size: "size" }, host: { properties: { "class.k-loader": "this.hostClass", "attr.role": "this.role" } }, ngImport: i0, template: `
368
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LoaderComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
369
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: LoaderComponent, isStandalone: true, selector: "kendo-loader", inputs: { type: "type", themeColor: "themeColor", size: "size" }, host: { properties: { "class.k-loader": "this.hostClass", "attr.role": "this.role" } }, ngImport: i0, template: `
370
370
  <div class="k-loader-canvas">
371
371
  @for (segment of segmentCount; track $index) {
372
372
  <span class="k-loader-segment"></span>
@@ -374,7 +374,7 @@ class LoaderComponent {
374
374
  </div>
375
375
  `, isInline: true });
376
376
  }
377
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LoaderComponent, decorators: [{
377
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LoaderComponent, decorators: [{
378
378
  type: Component,
379
379
  args: [{
380
380
  selector: 'kendo-loader',
@@ -515,10 +515,10 @@ class SkeletonComponent {
515
515
  hostElement.classList.add(ANIMATION_CLASSES[this.animation]);
516
516
  }
517
517
  }
518
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: SkeletonComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
519
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: SkeletonComponent, isStandalone: true, selector: "kendo-skeleton", inputs: { animation: "animation", shape: "shape", width: "width", height: "height" }, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
518
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SkeletonComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
519
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: SkeletonComponent, isStandalone: true, selector: "kendo-skeleton", inputs: { animation: "animation", shape: "shape", width: "width", height: "height" }, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
520
520
  }
521
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: SkeletonComponent, decorators: [{
521
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SkeletonComponent, decorators: [{
522
522
  type: Component,
523
523
  args: [{
524
524
  selector: "kendo-skeleton",
@@ -576,11 +576,11 @@ const KENDO_INDICATORS = [
576
576
  * definition for the Badge and BadgeContainer components.
577
577
  */
578
578
  class BadgeModule {
579
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
580
- static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: BadgeModule, imports: [BadgeComponent, BadgeContainerComponent], exports: [BadgeComponent, BadgeContainerComponent] });
581
- static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BadgeModule });
579
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
580
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: BadgeModule, imports: [BadgeComponent, BadgeContainerComponent], exports: [BadgeComponent, BadgeContainerComponent] });
581
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BadgeModule });
582
582
  }
583
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BadgeModule, decorators: [{
583
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BadgeModule, decorators: [{
584
584
  type: NgModule,
585
585
  args: [{
586
586
  exports: [...KENDO_BADGECONTAINER],
@@ -594,11 +594,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
594
594
  * definition for the Loader component.
595
595
  */
596
596
  class LoaderModule {
597
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
598
- static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: LoaderModule, imports: [LoaderComponent], exports: [LoaderComponent] });
599
- static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LoaderModule });
597
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
598
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: LoaderModule, imports: [LoaderComponent], exports: [LoaderComponent] });
599
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LoaderModule });
600
600
  }
601
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LoaderModule, decorators: [{
601
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LoaderModule, decorators: [{
602
602
  type: NgModule,
603
603
  args: [{
604
604
  exports: [...KENDO_LOADER],
@@ -612,11 +612,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
612
612
  * definition for the Skeleton component.
613
613
  */
614
614
  class SkeletonModule {
615
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: SkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
616
- static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: SkeletonModule, imports: [SkeletonComponent], exports: [SkeletonComponent] });
617
- static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: SkeletonModule });
615
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
616
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: SkeletonModule, imports: [SkeletonComponent], exports: [SkeletonComponent] });
617
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SkeletonModule });
618
618
  }
619
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: SkeletonModule, decorators: [{
619
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SkeletonModule, decorators: [{
620
620
  type: NgModule,
621
621
  args: [{
622
622
  exports: [...KENDO_SKELETON],
@@ -648,11 +648,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
648
648
  * ```
649
649
  */
650
650
  class IndicatorsModule {
651
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IndicatorsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
652
- static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: IndicatorsModule, imports: [BadgeComponent, BadgeContainerComponent, LoaderComponent, SkeletonComponent], exports: [BadgeComponent, BadgeContainerComponent, LoaderComponent, SkeletonComponent] });
653
- static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IndicatorsModule });
651
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: IndicatorsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
652
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: IndicatorsModule, imports: [BadgeComponent, BadgeContainerComponent, LoaderComponent, SkeletonComponent], exports: [BadgeComponent, BadgeContainerComponent, LoaderComponent, SkeletonComponent] });
653
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: IndicatorsModule });
654
654
  }
655
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IndicatorsModule, decorators: [{
655
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: IndicatorsModule, decorators: [{
656
656
  type: NgModule,
657
657
  args: [{
658
658
  imports: [...KENDO_INDICATORS],
package/index.d.ts CHANGED
@@ -2,22 +2,421 @@
2
2
  * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
- export * from './directives';
6
- export { BadgeComponent } from './badge/badge.component';
7
- export { BadgeModule } from './badge.module';
8
- export { BadgeContainerComponent } from './badge/badge-container.component';
9
- export { BadgeAlign } from './badge/models/align';
10
- export { BadgeSize } from './badge/models/size';
11
- export { BadgeFill } from './badge/models/fill';
12
- export { BadgeThemeColor } from './badge/models/theme-color';
13
- export { BadgeRounded } from './badge/models/rounded';
14
- export { BadgePosition } from './badge/models/position';
15
- export { LoaderComponent } from './loader/loader.component';
16
- export { LoaderModule } from './loader.module';
17
- export { LoaderType } from './loader/models/type';
18
- export { LoaderThemeColor } from './loader/models/theme-color';
19
- export { LoaderSize } from './loader/models/size';
20
- export { SkeletonModule } from './skeleton.module';
21
- export { SkeletonComponent } from './skeleton/skeleton.component';
22
- export { SkeletonShape, SkeletonAnimation } from './skeleton/models';
23
- export { IndicatorsModule } from './indicators.module';
5
+ import * as i0 from '@angular/core';
6
+ import { OnDestroy, AfterViewInit, OnChanges, ElementRef, Renderer2 } from '@angular/core';
7
+ import { LocalizationService } from '@progress/kendo-angular-l10n';
8
+
9
+ declare class BadgeContainerComponent implements OnDestroy {
10
+ private localizationService;
11
+ hostClass: boolean;
12
+ /**
13
+ * @hidden
14
+ */
15
+ direction: string;
16
+ private dynamicRTLSubscription;
17
+ private rtl;
18
+ constructor(localizationService: LocalizationService);
19
+ ngOnDestroy(): void;
20
+ static ɵfac: i0.ɵɵFactoryDeclaration<BadgeContainerComponent, never>;
21
+ static ɵcmp: i0.ɵɵComponentDeclaration<BadgeContainerComponent, "kendo-badge-container", never, {}, {}, never, ["*"], true, never>;
22
+ }
23
+
24
+ /**
25
+ * Specifies the horizontal and vertical alignment options for the Badge component.
26
+ *
27
+ * For usage examples, see the [Badge Alignment documentation](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/align-and-position#alignment).
28
+ */
29
+ interface BadgeAlign {
30
+ /**
31
+ * Specifies the vertical alignment of the Badge.
32
+ *
33
+ * The available options are:
34
+ * - `top` (Default)
35
+ * - `bottom`
36
+ */
37
+ vertical?: 'top' | 'bottom';
38
+ /**
39
+ * Specifies the horizontal alignment of the Badge.
40
+ *
41
+ * The available options are:
42
+ * - `start`
43
+ * - `end` (Default)
44
+ */
45
+ horizontal?: 'start' | 'end';
46
+ }
47
+
48
+ /**
49
+ * Specifies the size options for the Badge component.
50
+ *
51
+ * The possible values are:
52
+ * * `small`
53
+ * * `medium` (Default)
54
+ * * `large`
55
+ *
56
+ * For more information, see the [Badge Appearance - Size](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#size) documentation.
57
+ */
58
+ type BadgeSize = 'small' | 'medium' | 'large';
59
+
60
+ /**
61
+ * Specifies the appearance fill style of the Badge component.
62
+ *
63
+ * The possible values are:
64
+ * * `solid` (Default)
65
+ * * `outline`
66
+ *
67
+ * For more information, see the [Badge Appearance - Fill](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#fill) documentation.
68
+ */
69
+ type BadgeFill = 'solid' | 'outline';
70
+
71
+ /**
72
+ * Specifies the theme color options for the Badge component.
73
+ * For more details, see the [Badge Appearance - Theme Color](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#theme-color) documentation.
74
+ *
75
+ * The possible values are:
76
+ * * `base`&mdash;Applies base coloring value.
77
+ * * `primary`&mdash;Applies primary coloring value.
78
+ * * `secondary`&mdash;Applies secondary coloring value.
79
+ * * `tertiary`&mdash;Applies tertiary coloring value.
80
+ * * `info`&mdash;Applies info coloring value.
81
+ * * `success`&mdash;Applies success coloring value.
82
+ * * `warning`&mdash;Applies warning coloring value.
83
+ * * `error`&mdash;Applies error coloring value.
84
+ */
85
+ type BadgeThemeColor = 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error';
86
+
87
+ /**
88
+ * Specifies the roundness of the Badge component.
89
+ *
90
+ * The possible values are:
91
+ * * `small`&mdash;Sets the `border radius` to `1px`.
92
+ * * `medium` (Default)&mdash;Sets the `border radius` to `2px`.
93
+ * * `large`&mdash;Sets the `border radius` to `4px`.
94
+ * * `full`&mdash;Sets the `border radius` to `9999px`.
95
+ * * `none`&mdash;The none option removes the built-in roundness allowing for custom `border radius`.
96
+ *
97
+ * For more information, see the [Badge Appearance - Rounded](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#rounded) documentation.
98
+ */
99
+ type BadgeRounded = 'small' | 'medium' | 'large' | 'full' | 'none';
100
+
101
+ /**
102
+ * Specifies the position of the Badge relative to the edge of the parent container element.
103
+ *
104
+ * The possible values are:
105
+ * * `edge` (Default)&mdash;The center of the Badge is positioned on the edge of the parent container element.
106
+ * * `inside`&mdash;The Badge is entirely positioned inside the edge of the parent container element.
107
+ * * `outside`&mdash;The Badge is entirely positioned outside the edge of the parent container element.
108
+ *
109
+ * For more information, see the [Badge Alignment and Position - Position](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/align-and-position#position) documentation.
110
+ */
111
+ type BadgePosition = 'edge' | 'outside' | 'inside';
112
+
113
+ /**
114
+ * Represents the [Kendo UI Badge component for Angular](https://www.telerik.com/kendo-angular-ui/components/indicators/badge).
115
+ * Displays additional information or status related to an element, such as notifications or counts.
116
+ *
117
+ * Provides configuration options for alignment, size, fill, theme color, roundness, position, and cutout border.
118
+ *
119
+ * @example
120
+ * ```html
121
+ * <kendo-badge size="large" themeColor="success">99+</kendo-badge>
122
+ * ```
123
+ */
124
+ declare class BadgeComponent implements AfterViewInit, OnChanges, OnDestroy {
125
+ private element;
126
+ private renderer;
127
+ private localizationService;
128
+ hostClass: boolean;
129
+ get cutoutBorderClass(): boolean;
130
+ /**
131
+ * @hidden
132
+ */
133
+ direction: string;
134
+ /**
135
+ * Specifies the alignment of the Badge ([see example](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/align-and-position#alignment)).
136
+ *
137
+ * @default "{ vertical: 'top', horizontal: 'end' }"
138
+ */
139
+ get align(): BadgeAlign;
140
+ set align(align: BadgeAlign);
141
+ /**
142
+ * Specifies the size of the Badge ([see example](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#size)). The default value is set by the Kendo theme.
143
+ */
144
+ size: BadgeSize;
145
+ /**
146
+ * Specifies the appearance fill style of the Badge ([see example](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#fill)). The default value is set by the Kendo theme.
147
+ */
148
+ fill: BadgeFill;
149
+ /**
150
+ * Specifies the theme color of the Badge.
151
+ * The theme color applies as background and border color, while also amending the text color accordingly
152
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#theme-color)). The default value is set by the Kendo theme.
153
+ */
154
+ themeColor: BadgeThemeColor;
155
+ /**
156
+ * Specifies the roundness of the Badge ([see example](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#rounded)). The default value is set by the Kendo theme.
157
+ */
158
+ rounded: BadgeRounded;
159
+ /**
160
+ * Specifies the position of the Badge relative to the edge of the parent container element ([see example](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/align-and-position#position)).
161
+ *
162
+ * @default edge
163
+ */
164
+ position: BadgePosition;
165
+ /**
166
+ * Specifies whether to render additional `cutout` border around the Badge ([see example](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#cutout-border)).
167
+ *
168
+ * @default false
169
+ */
170
+ cutoutBorder: boolean;
171
+ private badgeClasses;
172
+ private badgeAlign;
173
+ private dynamicRTLSubscription;
174
+ private rtl;
175
+ constructor(element: ElementRef, renderer: Renderer2, localizationService: LocalizationService);
176
+ ngAfterViewInit(): void;
177
+ ngOnChanges(): void;
178
+ ngOnDestroy(): void;
179
+ private alignClass;
180
+ private positionClass;
181
+ private sizeClass;
182
+ private roundedClass;
183
+ private themeColorClass;
184
+ private fillClass;
185
+ private setBadgeClasses;
186
+ static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
187
+ static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "kendo-badge", never, { "align": { "alias": "align"; "required": false; }; "size": { "alias": "size"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "position": { "alias": "position"; "required": false; }; "cutoutBorder": { "alias": "cutoutBorder"; "required": false; }; }, {}, never, ["*"], true, never>;
188
+ }
189
+
190
+ /**
191
+ * Specifies the animation type for the Loader component.
192
+ *
193
+ * The possible values are:
194
+ * - `pulsing` (default)
195
+ * - `infinite-spinner`
196
+ * - `converging-spinner`
197
+ *
198
+ */
199
+ type LoaderType = 'pulsing' | 'infinite-spinner' | 'converging-spinner';
200
+
201
+ /**
202
+ * Specifies the theme color options for the Loader component.
203
+ *
204
+ * The possible values are:
205
+ * * `base`&mdash;Applies base coloring value.
206
+ * * `primary`&mdash;Applies primary coloring value.
207
+ * * `secondary`&mdash;Applies secondary coloring value.
208
+ * * `tertiary`&mdash;Applies tertiary coloring value.
209
+ *
210
+ * For more information, see the [Loader Appearance - Theme Color](https://www.telerik.com/kendo-angular-ui/components/indicators/loader/appearance#theme-color) documentation.
211
+ */
212
+ type LoaderThemeColor = 'base' | 'primary' | 'secondary' | 'tertiary';
213
+
214
+ /**
215
+ * Specifies the size options for the Loader component.
216
+ *
217
+ * The possible values are:
218
+ * * `small`
219
+ * * `medium` (Default)
220
+ * * `large`
221
+ *
222
+ * For more information, see the [Loader Appearance - Size](https://www.telerik.com/kendo-angular-ui/components/indicators/loader/appearance#size) documentation.
223
+ */
224
+ type LoaderSize = 'small' | 'medium' | 'large';
225
+
226
+ /**
227
+ * Represents the [Kendo UI Loader component for Angular](https://www.telerik.com/kendo-angular-ui/components/indicators/loader).
228
+ * Displays a Loader that represents an indeterminate wait time.
229
+ *
230
+ * Provides configuration options for animation type, theme color, and size.
231
+ *
232
+ * @example
233
+ * ```html
234
+ * <kendo-loader type="infinite-spinner" themeColor="primary" size="large"></kendo-loader>
235
+ * ```
236
+ */
237
+ declare class LoaderComponent implements AfterViewInit {
238
+ private element;
239
+ private renderer;
240
+ hostClass: boolean;
241
+ role: string;
242
+ /**
243
+ * Specifies the Loader animation type.
244
+ *
245
+ * @default pulsing
246
+ */
247
+ set type(type: LoaderType);
248
+ get type(): LoaderType;
249
+ /**
250
+ * Specifies the theme color of the Loader. The default value is set by the Kendo theme.
251
+ */
252
+ set themeColor(themeColor: LoaderThemeColor);
253
+ get themeColor(): LoaderThemeColor;
254
+ /**
255
+ * Specifies the size of the Loader. The default value is set by the Kendo theme.
256
+ */
257
+ set size(size: LoaderSize);
258
+ get size(): LoaderSize;
259
+ private _type;
260
+ private _themeColor;
261
+ private _size;
262
+ private loader;
263
+ constructor(element: ElementRef, renderer: Renderer2);
264
+ ngAfterViewInit(): void;
265
+ /**
266
+ * @hidden
267
+ */
268
+ get segmentCount(): Array<any>;
269
+ private setLoaderClasses;
270
+ static ɵfac: i0.ɵɵFactoryDeclaration<LoaderComponent, never>;
271
+ static ɵcmp: i0.ɵɵComponentDeclaration<LoaderComponent, "kendo-loader", never, { "type": { "alias": "type"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
272
+ }
273
+
274
+ /**
275
+ * Specifies the animation settings for the Skeleton component.
276
+ *
277
+ * The possible values are:
278
+ * - `pulse`&mdash;(Default) Shows a pulse animation effect.
279
+ * - `wave`&mdash;Shows a wave animation effect.
280
+ * - `false`&mdash;Disables the animation. (Boolean, not a string)
281
+ */
282
+ type SkeletonAnimation = false | 'pulse' | 'wave';
283
+ /**
284
+ * Specifies the shape of the Skeleton component.
285
+ *
286
+ * The possible values are:
287
+ * - `text`&mdash;(Default) Renders a line Skeleton.
288
+ * - `circle`&mdash;Renders a circular Skeleton.
289
+ * - `rectangle`&mdash;Renders a rectangular Skeleton.
290
+ */
291
+ type SkeletonShape = 'circle' | 'rectangle' | 'text';
292
+
293
+ /**
294
+ * Represents the [Kendo UI Skeleton component for Angular](https://www.telerik.com/kendo-angular-ui/components/indicators/skeleton).
295
+ * Displays a Skeleton placeholder that represents loading content.
296
+ *
297
+ * Provides configuration options for animation, shape, width, and height.
298
+ *
299
+ * @example
300
+ * ```html
301
+ * <kendo-skeleton shape="circle" animation="wave" width="40px" height="40px"></kendo-skeleton>
302
+ * ```
303
+ */
304
+ declare class SkeletonComponent implements AfterViewInit {
305
+ private renderer;
306
+ private hostElement;
307
+ /**
308
+ * Specifies the animation settings of the Skeleton.
309
+ *
310
+ * @default pulse
311
+ */
312
+ set animation(animation: SkeletonAnimation);
313
+ get animation(): SkeletonAnimation;
314
+ /**
315
+ * Specifies the shape of the Skeleton.
316
+ *
317
+ * @default text
318
+ */
319
+ set shape(shape: SkeletonShape);
320
+ get shape(): SkeletonShape;
321
+ /**
322
+ * Specifies the width of the Skeleton component.
323
+ * Required for all Skeleton shapes.
324
+ * Accepts a string like `100px`, `3em`, or `50%`, or an integer number for pixels.
325
+ */
326
+ set width(width: string | number);
327
+ /**
328
+ * Specifies the height of the Skeleton component.
329
+ * Required for `circle` and `rectangle` shapes.
330
+ * Not required for `text`, as it derives from the current CSS font-size.
331
+ * Accepts a string like `100px`, `3em`, or `50%`, or an integer number for pixels.
332
+ */
333
+ set height(height: string | number);
334
+ private _animation;
335
+ private _shape;
336
+ constructor(renderer: Renderer2, hostElement: ElementRef);
337
+ ngAfterViewInit(): void;
338
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonComponent, never>;
339
+ static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonComponent, "kendo-skeleton", never, { "animation": { "alias": "animation"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; }, {}, never, never, true, never>;
340
+ }
341
+
342
+ /**
343
+ * Utility array that contains all `Badge` related components and directives.
344
+ */
345
+ declare const KENDO_BADGE: readonly [typeof BadgeComponent];
346
+ /**
347
+ * Utility array that contains all `BadgeContainer` related components and directives.
348
+ */
349
+ declare const KENDO_BADGECONTAINER: readonly [typeof BadgeComponent, typeof BadgeContainerComponent];
350
+ /**
351
+ * Utility array that contains all `Loader` related components and directives.
352
+ */
353
+ declare const KENDO_LOADER: readonly [typeof LoaderComponent];
354
+ /**
355
+ * Utility array that contains all `Skeleton` related components and directives.
356
+ */
357
+ declare const KENDO_SKELETON: readonly [typeof SkeletonComponent];
358
+ /**
359
+ * Utility array that contains all `@progress/kendo-angular-indicators` related components and directives.
360
+ */
361
+ declare const KENDO_INDICATORS: readonly [typeof BadgeComponent, typeof BadgeContainerComponent, typeof LoaderComponent, typeof SkeletonComponent];
362
+
363
+ /**
364
+ * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
365
+ * definition for the Badge and BadgeContainer components.
366
+ */
367
+ declare class BadgeModule {
368
+ static ɵfac: i0.ɵɵFactoryDeclaration<BadgeModule, never>;
369
+ static ɵmod: i0.ɵɵNgModuleDeclaration<BadgeModule, never, [typeof BadgeComponent, typeof BadgeContainerComponent], [typeof BadgeComponent, typeof BadgeContainerComponent]>;
370
+ static ɵinj: i0.ɵɵInjectorDeclaration<BadgeModule>;
371
+ }
372
+
373
+ /**
374
+ * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
375
+ * definition for the Loader component.
376
+ */
377
+ declare class LoaderModule {
378
+ static ɵfac: i0.ɵɵFactoryDeclaration<LoaderModule, never>;
379
+ static ɵmod: i0.ɵɵNgModuleDeclaration<LoaderModule, never, [typeof LoaderComponent], [typeof LoaderComponent]>;
380
+ static ɵinj: i0.ɵɵInjectorDeclaration<LoaderModule>;
381
+ }
382
+
383
+ /**
384
+ * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
385
+ * definition for the Skeleton component.
386
+ */
387
+ declare class SkeletonModule {
388
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonModule, never>;
389
+ static ɵmod: i0.ɵɵNgModuleDeclaration<SkeletonModule, never, [typeof SkeletonComponent], [typeof SkeletonComponent]>;
390
+ static ɵinj: i0.ɵɵInjectorDeclaration<SkeletonModule>;
391
+ }
392
+
393
+ /**
394
+ * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
395
+ * definition for the Indicators components.
396
+ *
397
+ * @example
398
+ *
399
+ * ```ts-no-run
400
+ * import { IndicatorsModule } from '@progress/kendo-angular-indicators';
401
+ * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
402
+ * import { NgModule } from '@angular/core';
403
+ * import { AppComponent } from './app.component';
404
+ *
405
+ * @NgModule({
406
+ * declarations: [AppComponent],
407
+ * imports: [BrowserModule, IndicatorsModule],
408
+ * bootstrap: [AppComponent]
409
+ * })
410
+ * export class AppModule {}
411
+ *
412
+ * platformBrowserDynamic().bootstrapModule(AppModule);
413
+ * ```
414
+ */
415
+ declare class IndicatorsModule {
416
+ static ɵfac: i0.ɵɵFactoryDeclaration<IndicatorsModule, never>;
417
+ static ɵmod: i0.ɵɵNgModuleDeclaration<IndicatorsModule, never, [typeof BadgeComponent, typeof BadgeContainerComponent, typeof LoaderComponent, typeof SkeletonComponent], [typeof BadgeComponent, typeof BadgeContainerComponent, typeof LoaderComponent, typeof SkeletonComponent]>;
418
+ static ɵinj: i0.ɵɵInjectorDeclaration<IndicatorsModule>;
419
+ }
420
+
421
+ export { BadgeComponent, BadgeContainerComponent, BadgeModule, IndicatorsModule, KENDO_BADGE, KENDO_BADGECONTAINER, KENDO_INDICATORS, KENDO_LOADER, KENDO_SKELETON, LoaderComponent, LoaderModule, SkeletonComponent, SkeletonModule };
422
+ export type { BadgeAlign, BadgeFill, BadgePosition, BadgeRounded, BadgeSize, BadgeThemeColor, LoaderSize, LoaderThemeColor, LoaderType, SkeletonAnimation, SkeletonShape };
@@ -7,7 +7,7 @@ export const packageMetadata = {
7
7
  "productCodes": [
8
8
  "KENDOUIANGULAR"
9
9
  ],
10
- "publishDate": 1783511368,
11
- "version": "24.2.2",
10
+ "publishDate": 1783679819,
11
+ "version": "25.0.0-develop.1",
12
12
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
13
13
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-indicators",
3
- "version": "24.2.2",
3
+ "version": "25.0.0-develop.1",
4
4
  "description": "Kendo UI Indicators for Angular",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -35,24 +35,24 @@
35
35
  "package": {
36
36
  "productName": "Kendo UI for Angular",
37
37
  "productCode": "KENDOUIANGULAR",
38
- "publishDate": 1783511368,
38
+ "publishDate": 1783679819,
39
39
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
40
40
  }
41
41
  },
42
42
  "peerDependencies": {
43
- "@angular/animations": "19 - 22",
44
- "@angular/common": "19 - 22",
45
- "@angular/core": "19 - 22",
46
- "@angular/platform-browser": "19 - 22",
43
+ "@angular/animations": "20 - 22",
44
+ "@angular/common": "20 - 22",
45
+ "@angular/core": "20 - 22",
46
+ "@angular/platform-browser": "20 - 22",
47
47
  "@progress/kendo-licensing": "^1.11.0",
48
- "@progress/kendo-angular-common": "24.2.2",
49
- "@progress/kendo-angular-intl": "24.2.2",
50
- "@progress/kendo-angular-l10n": "24.2.2",
48
+ "@progress/kendo-angular-common": "25.0.0-develop.1",
49
+ "@progress/kendo-angular-intl": "25.0.0-develop.1",
50
+ "@progress/kendo-angular-l10n": "25.0.0-develop.1",
51
51
  "rxjs": "^6.5.3 || ^7.0.0"
52
52
  },
53
53
  "dependencies": {
54
54
  "tslib": "^2.3.1",
55
- "@progress/kendo-angular-schematics": "24.2.2"
55
+ "@progress/kendo-angular-schematics": "25.0.0-develop.1"
56
56
  },
57
57
  "schematics": "./schematics/collection.json",
58
58
  "module": "fesm2022/progress-kendo-angular-indicators.mjs",
@@ -1,21 +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 { OnDestroy } from '@angular/core';
6
- import { LocalizationService } from '@progress/kendo-angular-l10n';
7
- import * as i0 from "@angular/core";
8
- export declare class BadgeContainerComponent implements OnDestroy {
9
- private localizationService;
10
- hostClass: boolean;
11
- /**
12
- * @hidden
13
- */
14
- direction: string;
15
- private dynamicRTLSubscription;
16
- private rtl;
17
- constructor(localizationService: LocalizationService);
18
- ngOnDestroy(): void;
19
- static ɵfac: i0.ɵɵFactoryDeclaration<BadgeContainerComponent, never>;
20
- static ɵcmp: i0.ɵɵComponentDeclaration<BadgeContainerComponent, "kendo-badge-container", never, {}, {}, never, ["*"], true, never>;
21
- }
@@ -1,89 +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 { AfterViewInit, ElementRef, OnChanges, Renderer2, OnDestroy } from '@angular/core';
6
- import { LocalizationService } from '@progress/kendo-angular-l10n';
7
- import { BadgeAlign } from './models/align';
8
- import { BadgeSize } from './models/size';
9
- import { BadgeFill } from './models/fill';
10
- import { BadgeThemeColor } from './models/theme-color';
11
- import { BadgeRounded } from './models/rounded';
12
- import { BadgePosition } from './models/position';
13
- import * as i0 from "@angular/core";
14
- /**
15
- * Represents the [Kendo UI Badge component for Angular](https://www.telerik.com/kendo-angular-ui/components/indicators/badge).
16
- * Displays additional information or status related to an element, such as notifications or counts.
17
- *
18
- * Provides configuration options for alignment, size, fill, theme color, roundness, position, and cutout border.
19
- *
20
- * @example
21
- * ```html
22
- * <kendo-badge size="large" themeColor="success">99+</kendo-badge>
23
- * ```
24
- */
25
- export declare class BadgeComponent implements AfterViewInit, OnChanges, OnDestroy {
26
- private element;
27
- private renderer;
28
- private localizationService;
29
- hostClass: boolean;
30
- get cutoutBorderClass(): boolean;
31
- /**
32
- * @hidden
33
- */
34
- direction: string;
35
- /**
36
- * Specifies the alignment of the Badge ([see example](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/align-and-position#alignment)).
37
- *
38
- * @default "{ vertical: 'top', horizontal: 'end' }"
39
- */
40
- get align(): BadgeAlign;
41
- set align(align: BadgeAlign);
42
- /**
43
- * Specifies the size of the Badge ([see example](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#size)). The default value is set by the Kendo theme.
44
- */
45
- size: BadgeSize;
46
- /**
47
- * Specifies the appearance fill style of the Badge ([see example](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#fill)). The default value is set by the Kendo theme.
48
- */
49
- fill: BadgeFill;
50
- /**
51
- * Specifies the theme color of the Badge.
52
- * The theme color applies as background and border color, while also amending the text color accordingly
53
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#theme-color)). The default value is set by the Kendo theme.
54
- */
55
- themeColor: BadgeThemeColor;
56
- /**
57
- * Specifies the roundness of the Badge ([see example](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#rounded)). The default value is set by the Kendo theme.
58
- */
59
- rounded: BadgeRounded;
60
- /**
61
- * Specifies the position of the Badge relative to the edge of the parent container element ([see example](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/align-and-position#position)).
62
- *
63
- * @default edge
64
- */
65
- position: BadgePosition;
66
- /**
67
- * Specifies whether to render additional `cutout` border around the Badge ([see example](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#cutout-border)).
68
- *
69
- * @default false
70
- */
71
- cutoutBorder: boolean;
72
- private badgeClasses;
73
- private badgeAlign;
74
- private dynamicRTLSubscription;
75
- private rtl;
76
- constructor(element: ElementRef, renderer: Renderer2, localizationService: LocalizationService);
77
- ngAfterViewInit(): void;
78
- ngOnChanges(): void;
79
- ngOnDestroy(): void;
80
- private alignClass;
81
- private positionClass;
82
- private sizeClass;
83
- private roundedClass;
84
- private themeColorClass;
85
- private fillClass;
86
- private setBadgeClasses;
87
- static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
88
- static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "kendo-badge", never, { "align": { "alias": "align"; "required": false; }; "size": { "alias": "size"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "position": { "alias": "position"; "required": false; }; "cutoutBorder": { "alias": "cutoutBorder"; "required": false; }; }, {}, never, ["*"], true, never>;
89
- }
@@ -1,27 +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
- * Specifies the horizontal and vertical alignment options for the Badge component.
7
- *
8
- * For usage examples, see the [Badge Alignment documentation](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/align-and-position#alignment).
9
- */
10
- export interface BadgeAlign {
11
- /**
12
- * Specifies the vertical alignment of the Badge.
13
- *
14
- * The available options are:
15
- * - `top` (Default)
16
- * - `bottom`
17
- */
18
- vertical?: 'top' | 'bottom';
19
- /**
20
- * Specifies the horizontal alignment of the Badge.
21
- *
22
- * The available options are:
23
- * - `start`
24
- * - `end` (Default)
25
- */
26
- horizontal?: 'start' | 'end';
27
- }
@@ -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
- * Specifies the appearance fill style of the Badge component.
7
- *
8
- * The possible values are:
9
- * * `solid` (Default)
10
- * * `outline`
11
- *
12
- * For more information, see the [Badge Appearance - Fill](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#fill) documentation.
13
- */
14
- export type BadgeFill = 'solid' | 'outline';
@@ -1,15 +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
- * Specifies the position of the Badge relative to the edge of the parent container element.
7
- *
8
- * The possible values are:
9
- * * `edge` (Default)&mdash;The center of the Badge is positioned on the edge of the parent container element.
10
- * * `inside`&mdash;The Badge is entirely positioned inside the edge of the parent container element.
11
- * * `outside`&mdash;The Badge is entirely positioned outside the edge of the parent container element.
12
- *
13
- * For more information, see the [Badge Alignment and Position - Position](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/align-and-position#position) documentation.
14
- */
15
- export type BadgePosition = 'edge' | 'outside' | 'inside';
@@ -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
- * Specifies the roundness of the Badge component.
7
- *
8
- * The possible values are:
9
- * * `small`&mdash;Sets the `border radius` to `1px`.
10
- * * `medium` (Default)&mdash;Sets the `border radius` to `2px`.
11
- * * `large`&mdash;Sets the `border radius` to `4px`.
12
- * * `full`&mdash;Sets the `border radius` to `9999px`.
13
- * * `none`&mdash;The none option removes the built-in roundness allowing for custom `border radius`.
14
- *
15
- * For more information, see the [Badge Appearance - Rounded](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#rounded) documentation.
16
- */
17
- export type BadgeRounded = 'small' | 'medium' | 'large' | 'full' | 'none';
@@ -1,15 +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
- * Specifies the size options for the Badge component.
7
- *
8
- * The possible values are:
9
- * * `small`
10
- * * `medium` (Default)
11
- * * `large`
12
- *
13
- * For more information, see the [Badge Appearance - Size](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#size) documentation.
14
- */
15
- export type BadgeSize = 'small' | 'medium' | 'large';
@@ -1,19 +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
- * Specifies the theme color options for the Badge component.
7
- * For more details, see the [Badge Appearance - Theme Color](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#theme-color) documentation.
8
- *
9
- * The possible values are:
10
- * * `base`&mdash;Applies base coloring value.
11
- * * `primary`&mdash;Applies primary coloring value.
12
- * * `secondary`&mdash;Applies secondary coloring value.
13
- * * `tertiary`&mdash;Applies tertiary coloring value.
14
- * * `info`&mdash;Applies info coloring value.
15
- * * `success`&mdash;Applies success coloring value.
16
- * * `warning`&mdash;Applies warning coloring value.
17
- * * `error`&mdash;Applies error coloring value.
18
- */
19
- export type BadgeThemeColor = 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error';
package/badge.module.d.ts DELETED
@@ -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
- import * as i0 from "@angular/core";
6
- import * as i1 from "./badge/badge.component";
7
- import * as i2 from "./badge/badge-container.component";
8
- /**
9
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
10
- * definition for the Badge and BadgeContainer components.
11
- */
12
- export declare class BadgeModule {
13
- static ɵfac: i0.ɵɵFactoryDeclaration<BadgeModule, never>;
14
- static ɵmod: i0.ɵɵNgModuleDeclaration<BadgeModule, never, [typeof i1.BadgeComponent, typeof i2.BadgeContainerComponent], [typeof i1.BadgeComponent, typeof i2.BadgeContainerComponent]>;
15
- static ɵinj: i0.ɵɵInjectorDeclaration<BadgeModule>;
16
- }
package/directives.d.ts DELETED
@@ -1,28 +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 { BadgeContainerComponent } from "./badge/badge-container.component";
6
- import { BadgeComponent } from "./badge/badge.component";
7
- import { LoaderComponent } from "./loader/loader.component";
8
- import { SkeletonComponent } from "./skeleton/skeleton.component";
9
- /**
10
- * Utility array that contains all `Badge` related components and directives.
11
- */
12
- export declare const KENDO_BADGE: readonly [typeof BadgeComponent];
13
- /**
14
- * Utility array that contains all `BadgeContainer` related components and directives.
15
- */
16
- export declare const KENDO_BADGECONTAINER: readonly [typeof BadgeComponent, typeof BadgeContainerComponent];
17
- /**
18
- * Utility array that contains all `Loader` related components and directives.
19
- */
20
- export declare const KENDO_LOADER: readonly [typeof LoaderComponent];
21
- /**
22
- * Utility array that contains all `Skeleton` related components and directives.
23
- */
24
- export declare const KENDO_SKELETON: readonly [typeof SkeletonComponent];
25
- /**
26
- * Utility array that contains all `@progress/kendo-angular-indicators` related components and directives.
27
- */
28
- export declare const KENDO_INDICATORS: readonly [typeof BadgeComponent, typeof BadgeContainerComponent, typeof LoaderComponent, typeof SkeletonComponent];
@@ -1,36 +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 "./badge/badge.component";
7
- import * as i2 from "./badge/badge-container.component";
8
- import * as i3 from "./loader/loader.component";
9
- import * as i4 from "./skeleton/skeleton.component";
10
- /**
11
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
12
- * definition for the Indicators components.
13
- *
14
- * @example
15
- *
16
- * ```ts-no-run
17
- * import { IndicatorsModule } from '@progress/kendo-angular-indicators';
18
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
19
- * import { NgModule } from '@angular/core';
20
- * import { AppComponent } from './app.component';
21
- *
22
- * @NgModule({
23
- * declarations: [AppComponent],
24
- * imports: [BrowserModule, IndicatorsModule],
25
- * bootstrap: [AppComponent]
26
- * })
27
- * export class AppModule {}
28
- *
29
- * platformBrowserDynamic().bootstrapModule(AppModule);
30
- * ```
31
- */
32
- export declare class IndicatorsModule {
33
- static ɵfac: i0.ɵɵFactoryDeclaration<IndicatorsModule, never>;
34
- static ɵmod: i0.ɵɵNgModuleDeclaration<IndicatorsModule, never, [typeof i1.BadgeComponent, typeof i2.BadgeContainerComponent, typeof i3.LoaderComponent, typeof i4.SkeletonComponent], [typeof i1.BadgeComponent, typeof i2.BadgeContainerComponent, typeof i3.LoaderComponent, typeof i4.SkeletonComponent]>;
35
- static ɵinj: i0.ɵɵInjectorDeclaration<IndicatorsModule>;
36
- }
@@ -1,56 +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 { ElementRef, Renderer2, AfterViewInit } from '@angular/core';
6
- import { LoaderType } from './models/type';
7
- import { LoaderThemeColor } from './models/theme-color';
8
- import { LoaderSize } from './models/size';
9
- import * as i0 from "@angular/core";
10
- /**
11
- * Represents the [Kendo UI Loader component for Angular](https://www.telerik.com/kendo-angular-ui/components/indicators/loader).
12
- * Displays a Loader that represents an indeterminate wait time.
13
- *
14
- * Provides configuration options for animation type, theme color, and size.
15
- *
16
- * @example
17
- * ```html
18
- * <kendo-loader type="infinite-spinner" themeColor="primary" size="large"></kendo-loader>
19
- * ```
20
- */
21
- export declare class LoaderComponent implements AfterViewInit {
22
- private element;
23
- private renderer;
24
- hostClass: boolean;
25
- role: string;
26
- /**
27
- * Specifies the Loader animation type.
28
- *
29
- * @default pulsing
30
- */
31
- set type(type: LoaderType);
32
- get type(): LoaderType;
33
- /**
34
- * Specifies the theme color of the Loader. The default value is set by the Kendo theme.
35
- */
36
- set themeColor(themeColor: LoaderThemeColor);
37
- get themeColor(): LoaderThemeColor;
38
- /**
39
- * Specifies the size of the Loader. The default value is set by the Kendo theme.
40
- */
41
- set size(size: LoaderSize);
42
- get size(): LoaderSize;
43
- private _type;
44
- private _themeColor;
45
- private _size;
46
- private loader;
47
- constructor(element: ElementRef, renderer: Renderer2);
48
- ngAfterViewInit(): void;
49
- /**
50
- * @hidden
51
- */
52
- get segmentCount(): Array<any>;
53
- private setLoaderClasses;
54
- static ɵfac: i0.ɵɵFactoryDeclaration<LoaderComponent, never>;
55
- static ɵcmp: i0.ɵɵComponentDeclaration<LoaderComponent, "kendo-loader", never, { "type": { "alias": "type"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
56
- }
@@ -1,15 +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
- * Specifies the size options for the Loader component.
7
- *
8
- * The possible values are:
9
- * * `small`
10
- * * `medium` (Default)
11
- * * `large`
12
- *
13
- * For more information, see the [Loader Appearance - Size](https://www.telerik.com/kendo-angular-ui/components/indicators/loader/appearance#size) documentation.
14
- */
15
- export type LoaderSize = 'small' | 'medium' | 'large';
@@ -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
- * Specifies the theme color options for the Loader component.
7
- *
8
- * The possible values are:
9
- * * `base`&mdash;Applies base coloring value.
10
- * * `primary`&mdash;Applies primary coloring value.
11
- * * `secondary`&mdash;Applies secondary coloring value.
12
- * * `tertiary`&mdash;Applies tertiary coloring value.
13
- *
14
- * For more information, see the [Loader Appearance - Theme Color](https://www.telerik.com/kendo-angular-ui/components/indicators/loader/appearance#theme-color) documentation.
15
- */
16
- export type LoaderThemeColor = 'base' | 'primary' | 'secondary' | 'tertiary';
@@ -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
- * Specifies the animation type for the Loader component.
7
- *
8
- * The possible values are:
9
- * - `pulsing` (default)
10
- * - `infinite-spinner`
11
- * - `converging-spinner`
12
- *
13
- */
14
- export type LoaderType = 'pulsing' | 'infinite-spinner' | 'converging-spinner';
@@ -1,15 +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 "./loader/loader.component";
7
- /**
8
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
9
- * definition for the Loader component.
10
- */
11
- export declare class LoaderModule {
12
- static ɵfac: i0.ɵɵFactoryDeclaration<LoaderModule, never>;
13
- static ɵmod: i0.ɵɵNgModuleDeclaration<LoaderModule, never, [typeof i1.LoaderComponent], [typeof i1.LoaderComponent]>;
14
- static ɵinj: i0.ɵɵInjectorDeclaration<LoaderModule>;
15
- }
@@ -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,27 +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 declare const ANIMATION_CLASSES: {
9
- pulse: string;
10
- wave: string;
11
- };
12
- /**
13
- * @hidden
14
- */
15
- export declare const SHAPE_CLASSES: {
16
- rectangle: string;
17
- circle: string;
18
- text: string;
19
- };
20
- /**
21
- * @hidden
22
- */
23
- export declare const skeletonShapeError: (input: any) => string;
24
- /**
25
- * @hidden
26
- */
27
- export declare const skeletonAnimationError: (input: any) => string;
@@ -1,30 +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
- * Specifies the animation settings for the Skeleton component.
7
- *
8
- * The possible values are:
9
- * - `pulse`&mdash;(Default) Shows a pulse animation effect.
10
- * - `wave`&mdash;Shows a wave animation effect.
11
- * - `false`&mdash;Disables the animation. (Boolean, not a string)
12
- */
13
- export type SkeletonAnimation = false | 'pulse' | 'wave';
14
- /**
15
- * @hidden
16
- */
17
- export declare const validAnimations: SkeletonAnimation[];
18
- /**
19
- * Specifies the shape of the Skeleton component.
20
- *
21
- * The possible values are:
22
- * - `text`&mdash;(Default) Renders a line Skeleton.
23
- * - `circle`&mdash;Renders a circular Skeleton.
24
- * - `rectangle`&mdash;Renders a rectangular Skeleton.
25
- */
26
- export type SkeletonShape = 'circle' | 'rectangle' | 'text';
27
- /**
28
- * @hidden
29
- */
30
- export declare const validShapes: SkeletonShape[];
@@ -1,55 +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 { Renderer2, ElementRef, AfterViewInit } from "@angular/core";
6
- import { SkeletonAnimation, SkeletonShape } from "./models";
7
- import * as i0 from "@angular/core";
8
- /**
9
- * Represents the [Kendo UI Skeleton component for Angular](https://www.telerik.com/kendo-angular-ui/components/indicators/skeleton).
10
- * Displays a Skeleton placeholder that represents loading content.
11
- *
12
- * Provides configuration options for animation, shape, width, and height.
13
- *
14
- * @example
15
- * ```html
16
- * <kendo-skeleton shape="circle" animation="wave" width="40px" height="40px"></kendo-skeleton>
17
- * ```
18
- */
19
- export declare class SkeletonComponent implements AfterViewInit {
20
- private renderer;
21
- private hostElement;
22
- /**
23
- * Specifies the animation settings of the Skeleton.
24
- *
25
- * @default pulse
26
- */
27
- set animation(animation: SkeletonAnimation);
28
- get animation(): SkeletonAnimation;
29
- /**
30
- * Specifies the shape of the Skeleton.
31
- *
32
- * @default text
33
- */
34
- set shape(shape: SkeletonShape);
35
- get shape(): SkeletonShape;
36
- /**
37
- * Specifies the width of the Skeleton component.
38
- * Required for all Skeleton shapes.
39
- * Accepts a string like `100px`, `3em`, or `50%`, or an integer number for pixels.
40
- */
41
- set width(width: string | number);
42
- /**
43
- * Specifies the height of the Skeleton component.
44
- * Required for `circle` and `rectangle` shapes.
45
- * Not required for `text`, as it derives from the current CSS font-size.
46
- * Accepts a string like `100px`, `3em`, or `50%`, or an integer number for pixels.
47
- */
48
- set height(height: string | number);
49
- private _animation;
50
- private _shape;
51
- constructor(renderer: Renderer2, hostElement: ElementRef);
52
- ngAfterViewInit(): void;
53
- static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonComponent, never>;
54
- static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonComponent, "kendo-skeleton", never, { "animation": { "alias": "animation"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; }, {}, never, never, true, never>;
55
- }
@@ -1,15 +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 "./skeleton/skeleton.component";
7
- /**
8
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
9
- * definition for the Skeleton component.
10
- */
11
- export declare class SkeletonModule {
12
- static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonModule, never>;
13
- static ɵmod: i0.ɵɵNgModuleDeclaration<SkeletonModule, never, [typeof i1.SkeletonComponent], [typeof i1.SkeletonComponent]>;
14
- static ɵinj: i0.ɵɵInjectorDeclaration<SkeletonModule>;
15
- }