@progress/kendo-angular-indicators 24.2.2 → 25.0.0-develop.2
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 +147 -96
- package/index.d.ts +429 -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
package/index.d.ts
CHANGED
|
@@ -2,22 +2,432 @@
|
|
|
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, 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, 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
|
+
set align(align: BadgeAlign);
|
|
140
|
+
get 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
|
+
set size(value: BadgeSize);
|
|
145
|
+
get size(): BadgeSize;
|
|
146
|
+
/**
|
|
147
|
+
* 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.
|
|
148
|
+
*/
|
|
149
|
+
set fill(value: BadgeFill);
|
|
150
|
+
get fill(): BadgeFill;
|
|
151
|
+
/**
|
|
152
|
+
* Specifies the theme color of the Badge.
|
|
153
|
+
* The theme color applies as background and border color, while also amending the text color accordingly
|
|
154
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#theme-color)). The default value is set by the Kendo theme.
|
|
155
|
+
*/
|
|
156
|
+
set themeColor(value: BadgeThemeColor);
|
|
157
|
+
get themeColor(): BadgeThemeColor;
|
|
158
|
+
/**
|
|
159
|
+
* 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.
|
|
160
|
+
*/
|
|
161
|
+
set rounded(value: BadgeRounded);
|
|
162
|
+
get rounded(): BadgeRounded;
|
|
163
|
+
/**
|
|
164
|
+
* 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)).
|
|
165
|
+
*
|
|
166
|
+
* @default edge
|
|
167
|
+
*/
|
|
168
|
+
set position(value: BadgePosition);
|
|
169
|
+
get position(): BadgePosition;
|
|
170
|
+
/**
|
|
171
|
+
* 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)).
|
|
172
|
+
*
|
|
173
|
+
* @default false
|
|
174
|
+
*/
|
|
175
|
+
set cutoutBorder(value: boolean);
|
|
176
|
+
get cutoutBorder(): boolean;
|
|
177
|
+
private _align;
|
|
178
|
+
private _size;
|
|
179
|
+
private _fill;
|
|
180
|
+
private _themeColor;
|
|
181
|
+
private _rounded;
|
|
182
|
+
private _position;
|
|
183
|
+
private _cutoutBorder;
|
|
184
|
+
private badgeClasses;
|
|
185
|
+
private computedBadgeClasses;
|
|
186
|
+
private badgeClassEffect;
|
|
187
|
+
private dynamicRTLSubscription;
|
|
188
|
+
private rtl;
|
|
189
|
+
constructor(element: ElementRef, renderer: Renderer2, localizationService: LocalizationService);
|
|
190
|
+
ngAfterViewInit(): void;
|
|
191
|
+
ngOnDestroy(): void;
|
|
192
|
+
private setBadgeClasses;
|
|
193
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
|
|
194
|
+
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>;
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
/**
|
|
198
|
+
* Specifies the animation type for the Loader component.
|
|
199
|
+
*
|
|
200
|
+
* The possible values are:
|
|
201
|
+
* - `pulsing` (default)
|
|
202
|
+
* - `infinite-spinner`
|
|
203
|
+
* - `converging-spinner`
|
|
204
|
+
*
|
|
205
|
+
*/
|
|
206
|
+
type LoaderType = 'pulsing' | 'infinite-spinner' | 'converging-spinner';
|
|
207
|
+
|
|
208
|
+
/**
|
|
209
|
+
* Specifies the theme color options for the Loader component.
|
|
210
|
+
*
|
|
211
|
+
* The possible values are:
|
|
212
|
+
* * `base`—Applies base coloring value.
|
|
213
|
+
* * `primary`—Applies primary coloring value.
|
|
214
|
+
* * `secondary`—Applies secondary coloring value.
|
|
215
|
+
* * `tertiary`—Applies tertiary coloring value.
|
|
216
|
+
*
|
|
217
|
+
* For more information, see the [Loader Appearance - Theme Color](https://www.telerik.com/kendo-angular-ui/components/indicators/loader/appearance#theme-color) documentation.
|
|
218
|
+
*/
|
|
219
|
+
type LoaderThemeColor = 'base' | 'primary' | 'secondary' | 'tertiary';
|
|
220
|
+
|
|
221
|
+
/**
|
|
222
|
+
* Specifies the size options for the Loader component.
|
|
223
|
+
*
|
|
224
|
+
* The possible values are:
|
|
225
|
+
* * `small`
|
|
226
|
+
* * `medium` (Default)
|
|
227
|
+
* * `large`
|
|
228
|
+
*
|
|
229
|
+
* For more information, see the [Loader Appearance - Size](https://www.telerik.com/kendo-angular-ui/components/indicators/loader/appearance#size) documentation.
|
|
230
|
+
*/
|
|
231
|
+
type LoaderSize = 'small' | 'medium' | 'large';
|
|
232
|
+
|
|
233
|
+
/**
|
|
234
|
+
* Represents the [Kendo UI Loader component for Angular](https://www.telerik.com/kendo-angular-ui/components/indicators/loader).
|
|
235
|
+
* Displays a Loader that represents an indeterminate wait time.
|
|
236
|
+
*
|
|
237
|
+
* Provides configuration options for animation type, theme color, and size.
|
|
238
|
+
*
|
|
239
|
+
* @example
|
|
240
|
+
* ```html
|
|
241
|
+
* <kendo-loader type="infinite-spinner" themeColor="primary" size="large"></kendo-loader>
|
|
242
|
+
* ```
|
|
243
|
+
*/
|
|
244
|
+
declare class LoaderComponent implements AfterViewInit {
|
|
245
|
+
private element;
|
|
246
|
+
private renderer;
|
|
247
|
+
hostClass: boolean;
|
|
248
|
+
role: string;
|
|
249
|
+
/**
|
|
250
|
+
* Specifies the Loader animation type.
|
|
251
|
+
*
|
|
252
|
+
* @default pulsing
|
|
253
|
+
*/
|
|
254
|
+
set type(type: LoaderType);
|
|
255
|
+
get type(): LoaderType;
|
|
256
|
+
/**
|
|
257
|
+
* Specifies the theme color of the Loader. The default value is set by the Kendo theme.
|
|
258
|
+
*/
|
|
259
|
+
set themeColor(themeColor: LoaderThemeColor);
|
|
260
|
+
get themeColor(): LoaderThemeColor;
|
|
261
|
+
/**
|
|
262
|
+
* Specifies the size of the Loader. The default value is set by the Kendo theme.
|
|
263
|
+
*/
|
|
264
|
+
set size(size: LoaderSize);
|
|
265
|
+
get size(): LoaderSize;
|
|
266
|
+
private _type;
|
|
267
|
+
private _themeColor;
|
|
268
|
+
private _size;
|
|
269
|
+
private loader;
|
|
270
|
+
constructor(element: ElementRef, renderer: Renderer2);
|
|
271
|
+
ngAfterViewInit(): void;
|
|
272
|
+
/**
|
|
273
|
+
* @hidden
|
|
274
|
+
*/
|
|
275
|
+
get segmentCount(): Array<any>;
|
|
276
|
+
private setLoaderClasses;
|
|
277
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LoaderComponent, never>;
|
|
278
|
+
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>;
|
|
279
|
+
}
|
|
280
|
+
|
|
281
|
+
/**
|
|
282
|
+
* Specifies the animation settings for the Skeleton component.
|
|
283
|
+
*
|
|
284
|
+
* The possible values are:
|
|
285
|
+
* - `pulse`—(Default) Shows a pulse animation effect.
|
|
286
|
+
* - `wave`—Shows a wave animation effect.
|
|
287
|
+
* - `false`—Disables the animation. (Boolean, not a string)
|
|
288
|
+
*/
|
|
289
|
+
type SkeletonAnimation = false | 'pulse' | 'wave';
|
|
290
|
+
/**
|
|
291
|
+
* Specifies the shape of the Skeleton component.
|
|
292
|
+
*
|
|
293
|
+
* The possible values are:
|
|
294
|
+
* - `text`—(Default) Renders a line Skeleton.
|
|
295
|
+
* - `circle`—Renders a circular Skeleton.
|
|
296
|
+
* - `rectangle`—Renders a rectangular Skeleton.
|
|
297
|
+
*/
|
|
298
|
+
type SkeletonShape = 'circle' | 'rectangle' | 'text';
|
|
299
|
+
|
|
300
|
+
/**
|
|
301
|
+
* Represents the [Kendo UI Skeleton component for Angular](https://www.telerik.com/kendo-angular-ui/components/indicators/skeleton).
|
|
302
|
+
* Displays a Skeleton placeholder that represents loading content.
|
|
303
|
+
*
|
|
304
|
+
* Provides configuration options for animation, shape, width, and height.
|
|
305
|
+
*
|
|
306
|
+
* @example
|
|
307
|
+
* ```html
|
|
308
|
+
* <kendo-skeleton shape="circle" animation="wave" width="40px" height="40px"></kendo-skeleton>
|
|
309
|
+
* ```
|
|
310
|
+
*/
|
|
311
|
+
declare class SkeletonComponent implements AfterViewInit {
|
|
312
|
+
private renderer;
|
|
313
|
+
private hostElement;
|
|
314
|
+
/**
|
|
315
|
+
* Specifies the animation settings of the Skeleton.
|
|
316
|
+
*
|
|
317
|
+
* @default pulse
|
|
318
|
+
*/
|
|
319
|
+
set animation(animation: SkeletonAnimation);
|
|
320
|
+
get animation(): SkeletonAnimation;
|
|
321
|
+
/**
|
|
322
|
+
* Specifies the shape of the Skeleton.
|
|
323
|
+
*
|
|
324
|
+
* @default text
|
|
325
|
+
*/
|
|
326
|
+
set shape(shape: SkeletonShape);
|
|
327
|
+
get shape(): SkeletonShape;
|
|
328
|
+
/**
|
|
329
|
+
* Specifies the width of the Skeleton component.
|
|
330
|
+
* Required for all Skeleton shapes.
|
|
331
|
+
* Accepts a string like `100px`, `3em`, or `50%`, or an integer number for pixels.
|
|
332
|
+
*/
|
|
333
|
+
set width(width: string | number);
|
|
334
|
+
get width(): string | number;
|
|
335
|
+
/**
|
|
336
|
+
* Specifies the height of the Skeleton component.
|
|
337
|
+
* Required for `circle` and `rectangle` shapes.
|
|
338
|
+
* Not required for `text`, as it derives from the current CSS font-size.
|
|
339
|
+
* Accepts a string like `100px`, `3em`, or `50%`, or an integer number for pixels.
|
|
340
|
+
*/
|
|
341
|
+
set height(height: string | number);
|
|
342
|
+
get height(): string | number;
|
|
343
|
+
private _animation;
|
|
344
|
+
private _shape;
|
|
345
|
+
private _width;
|
|
346
|
+
private _height;
|
|
347
|
+
constructor(renderer: Renderer2, hostElement: ElementRef);
|
|
348
|
+
ngAfterViewInit(): void;
|
|
349
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonComponent, never>;
|
|
350
|
+
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>;
|
|
351
|
+
}
|
|
352
|
+
|
|
353
|
+
/**
|
|
354
|
+
* Utility array that contains all `Badge` related components and directives.
|
|
355
|
+
*/
|
|
356
|
+
declare const KENDO_BADGE: readonly [typeof BadgeComponent];
|
|
357
|
+
/**
|
|
358
|
+
* Utility array that contains all `BadgeContainer` related components and directives.
|
|
359
|
+
*/
|
|
360
|
+
declare const KENDO_BADGECONTAINER: readonly [typeof BadgeComponent, typeof BadgeContainerComponent];
|
|
361
|
+
/**
|
|
362
|
+
* Utility array that contains all `Loader` related components and directives.
|
|
363
|
+
*/
|
|
364
|
+
declare const KENDO_LOADER: readonly [typeof LoaderComponent];
|
|
365
|
+
/**
|
|
366
|
+
* Utility array that contains all `Skeleton` related components and directives.
|
|
367
|
+
*/
|
|
368
|
+
declare const KENDO_SKELETON: readonly [typeof SkeletonComponent];
|
|
369
|
+
/**
|
|
370
|
+
* Utility array that contains all `@progress/kendo-angular-indicators` related components and directives.
|
|
371
|
+
*/
|
|
372
|
+
declare const KENDO_INDICATORS: readonly [typeof BadgeComponent, typeof BadgeContainerComponent, typeof LoaderComponent, typeof SkeletonComponent];
|
|
373
|
+
|
|
374
|
+
/**
|
|
375
|
+
* Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
|
|
376
|
+
* definition for the Badge and BadgeContainer components.
|
|
377
|
+
*/
|
|
378
|
+
declare class BadgeModule {
|
|
379
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BadgeModule, never>;
|
|
380
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<BadgeModule, never, [typeof BadgeComponent, typeof BadgeContainerComponent], [typeof BadgeComponent, typeof BadgeContainerComponent]>;
|
|
381
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<BadgeModule>;
|
|
382
|
+
}
|
|
383
|
+
|
|
384
|
+
/**
|
|
385
|
+
* Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
|
|
386
|
+
* definition for the Loader component.
|
|
387
|
+
*/
|
|
388
|
+
declare class LoaderModule {
|
|
389
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LoaderModule, never>;
|
|
390
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<LoaderModule, never, [typeof LoaderComponent], [typeof LoaderComponent]>;
|
|
391
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<LoaderModule>;
|
|
392
|
+
}
|
|
393
|
+
|
|
394
|
+
/**
|
|
395
|
+
* Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
|
|
396
|
+
* definition for the Skeleton component.
|
|
397
|
+
*/
|
|
398
|
+
declare class SkeletonModule {
|
|
399
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonModule, never>;
|
|
400
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SkeletonModule, never, [typeof SkeletonComponent], [typeof SkeletonComponent]>;
|
|
401
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<SkeletonModule>;
|
|
402
|
+
}
|
|
403
|
+
|
|
404
|
+
/**
|
|
405
|
+
* Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
|
|
406
|
+
* definition for the Indicators components.
|
|
407
|
+
*
|
|
408
|
+
* @example
|
|
409
|
+
*
|
|
410
|
+
* ```ts-no-run
|
|
411
|
+
* import { IndicatorsModule } from '@progress/kendo-angular-indicators';
|
|
412
|
+
* import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
|
|
413
|
+
* import { NgModule } from '@angular/core';
|
|
414
|
+
* import { AppComponent } from './app.component';
|
|
415
|
+
*
|
|
416
|
+
* @NgModule({
|
|
417
|
+
* declarations: [AppComponent],
|
|
418
|
+
* imports: [BrowserModule, IndicatorsModule],
|
|
419
|
+
* bootstrap: [AppComponent]
|
|
420
|
+
* })
|
|
421
|
+
* export class AppModule {}
|
|
422
|
+
*
|
|
423
|
+
* platformBrowserDynamic().bootstrapModule(AppModule);
|
|
424
|
+
* ```
|
|
425
|
+
*/
|
|
426
|
+
declare class IndicatorsModule {
|
|
427
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<IndicatorsModule, never>;
|
|
428
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<IndicatorsModule, never, [typeof BadgeComponent, typeof BadgeContainerComponent, typeof LoaderComponent, typeof SkeletonComponent], [typeof BadgeComponent, typeof BadgeContainerComponent, typeof LoaderComponent, typeof SkeletonComponent]>;
|
|
429
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<IndicatorsModule>;
|
|
430
|
+
}
|
|
431
|
+
|
|
432
|
+
export { BadgeComponent, BadgeContainerComponent, BadgeModule, IndicatorsModule, KENDO_BADGE, KENDO_BADGECONTAINER, KENDO_INDICATORS, KENDO_LOADER, KENDO_SKELETON, LoaderComponent, LoaderModule, SkeletonComponent, SkeletonModule };
|
|
433
|
+
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": 1783688539,
|
|
11
|
+
"version": "25.0.0-develop.2",
|
|
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.2",
|
|
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": 1783688539,
|
|
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.2",
|
|
49
|
+
"@progress/kendo-angular-intl": "25.0.0-develop.2",
|
|
50
|
+
"@progress/kendo-angular-l10n": "25.0.0-develop.2",
|
|
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.2"
|
|
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';
|