@progress/kendo-angular-indicators 24.2.2-develop.9 → 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.
- package/fesm2022/progress-kendo-angular-indicators.mjs +30 -30
- package/index.d.ts +418 -19
- package/package-metadata.mjs +2 -2
- package/package.json +10 -10
- package/badge/badge-container.component.d.ts +0 -21
- package/badge/badge.component.d.ts +0 -89
- package/badge/models/align.d.ts +0 -27
- package/badge/models/fill.d.ts +0 -14
- package/badge/models/position.d.ts +0 -15
- package/badge/models/rounded.d.ts +0 -17
- package/badge/models/size.d.ts +0 -15
- package/badge/models/theme-color.d.ts +0 -19
- package/badge.module.d.ts +0 -16
- package/directives.d.ts +0 -28
- package/indicators.module.d.ts +0 -36
- package/loader/loader.component.d.ts +0 -56
- package/loader/models/size.d.ts +0 -15
- package/loader/models/theme-color.d.ts +0 -16
- package/loader/models/type.d.ts +0 -14
- package/loader.module.d.ts +0 -15
- package/package-metadata.d.ts +0 -9
- package/skeleton/constants.d.ts +0 -27
- package/skeleton/models.d.ts +0 -30
- package/skeleton/skeleton.component.d.ts +0 -55
- package/skeleton.module.d.ts +0 -15
|
@@ -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: "
|
|
47
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
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: "
|
|
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:
|
|
86
|
-
version: '
|
|
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: "
|
|
231
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
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: "
|
|
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: "
|
|
369
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
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: "
|
|
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: "
|
|
519
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
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: "
|
|
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: "
|
|
580
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
581
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
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: "
|
|
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: "
|
|
598
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
599
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
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: "
|
|
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: "
|
|
616
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
617
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
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: "
|
|
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: "
|
|
652
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
653
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
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: "
|
|
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
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
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`—Applies base coloring value.
|
|
77
|
+
* * `primary`—Applies primary coloring value.
|
|
78
|
+
* * `secondary`—Applies secondary coloring value.
|
|
79
|
+
* * `tertiary`—Applies tertiary coloring value.
|
|
80
|
+
* * `info`—Applies info coloring value.
|
|
81
|
+
* * `success`—Applies success coloring value.
|
|
82
|
+
* * `warning`—Applies warning coloring value.
|
|
83
|
+
* * `error`—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`—Sets the `border radius` to `1px`.
|
|
92
|
+
* * `medium` (Default)—Sets the `border radius` to `2px`.
|
|
93
|
+
* * `large`—Sets the `border radius` to `4px`.
|
|
94
|
+
* * `full`—Sets the `border radius` to `9999px`.
|
|
95
|
+
* * `none`—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)—The center of the Badge is positioned on the edge of the parent container element.
|
|
106
|
+
* * `inside`—The Badge is entirely positioned inside the edge of the parent container element.
|
|
107
|
+
* * `outside`—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`—Applies base coloring value.
|
|
206
|
+
* * `primary`—Applies primary coloring value.
|
|
207
|
+
* * `secondary`—Applies secondary coloring value.
|
|
208
|
+
* * `tertiary`—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`—(Default) Shows a pulse animation effect.
|
|
279
|
+
* - `wave`—Shows a wave animation effect.
|
|
280
|
+
* - `false`—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`—(Default) Renders a line Skeleton.
|
|
288
|
+
* - `circle`—Renders a circular Skeleton.
|
|
289
|
+
* - `rectangle`—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 };
|
package/package-metadata.mjs
CHANGED
|
@@ -7,7 +7,7 @@ export const packageMetadata = {
|
|
|
7
7
|
"productCodes": [
|
|
8
8
|
"KENDOUIANGULAR"
|
|
9
9
|
],
|
|
10
|
-
"publishDate":
|
|
11
|
-
"version": "
|
|
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": "
|
|
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":
|
|
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": "
|
|
44
|
-
"@angular/common": "
|
|
45
|
-
"@angular/core": "
|
|
46
|
-
"@angular/platform-browser": "
|
|
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": "
|
|
49
|
-
"@progress/kendo-angular-intl": "
|
|
50
|
-
"@progress/kendo-angular-l10n": "
|
|
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": "
|
|
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
|
-
}
|
package/badge/models/align.d.ts
DELETED
|
@@ -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
|
-
}
|
package/badge/models/fill.d.ts
DELETED
|
@@ -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)—The center of the Badge is positioned on the edge of the parent container element.
|
|
10
|
-
* * `inside`—The Badge is entirely positioned inside the edge of the parent container element.
|
|
11
|
-
* * `outside`—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`—Sets the `border radius` to `1px`.
|
|
10
|
-
* * `medium` (Default)—Sets the `border radius` to `2px`.
|
|
11
|
-
* * `large`—Sets the `border radius` to `4px`.
|
|
12
|
-
* * `full`—Sets the `border radius` to `9999px`.
|
|
13
|
-
* * `none`—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';
|
package/badge/models/size.d.ts
DELETED
|
@@ -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`—Applies base coloring value.
|
|
11
|
-
* * `primary`—Applies primary coloring value.
|
|
12
|
-
* * `secondary`—Applies secondary coloring value.
|
|
13
|
-
* * `tertiary`—Applies tertiary coloring value.
|
|
14
|
-
* * `info`—Applies info coloring value.
|
|
15
|
-
* * `success`—Applies success coloring value.
|
|
16
|
-
* * `warning`—Applies warning coloring value.
|
|
17
|
-
* * `error`—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];
|
package/indicators.module.d.ts
DELETED
|
@@ -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
|
-
}
|
package/loader/models/size.d.ts
DELETED
|
@@ -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`—Applies base coloring value.
|
|
10
|
-
* * `primary`—Applies primary coloring value.
|
|
11
|
-
* * `secondary`—Applies secondary coloring value.
|
|
12
|
-
* * `tertiary`—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';
|
package/loader/models/type.d.ts
DELETED
|
@@ -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';
|
package/loader.module.d.ts
DELETED
|
@@ -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
|
-
}
|
package/package-metadata.d.ts
DELETED
|
@@ -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;
|
package/skeleton/constants.d.ts
DELETED
|
@@ -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;
|
package/skeleton/models.d.ts
DELETED
|
@@ -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`—(Default) Shows a pulse animation effect.
|
|
10
|
-
* - `wave`—Shows a wave animation effect.
|
|
11
|
-
* - `false`—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`—(Default) Renders a line Skeleton.
|
|
23
|
-
* - `circle`—Renders a circular Skeleton.
|
|
24
|
-
* - `rectangle`—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
|
-
}
|
package/skeleton.module.d.ts
DELETED
|
@@ -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
|
-
}
|