@progress/kendo-angular-indicators 22.1.0-develop.9 → 23.0.0-develop.10

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.
@@ -12,7 +12,7 @@ import { BadgeRounded } from './models/rounded';
12
12
  import { BadgePosition } from './models/position';
13
13
  import * as i0 from "@angular/core";
14
14
  /**
15
- * Represents the [Kendo UI Badge component for Angular]({% slug overview_badge %}).
15
+ * Represents the [Kendo UI Badge component for Angular](https://www.telerik.com/kendo-angular-ui/components/indicators/badge).
16
16
  * Displays additional information or status related to an element, such as notifications or counts.
17
17
  *
18
18
  * Provides configuration options for alignment, size, fill, theme color, roundness, position, and cutout border.
@@ -33,46 +33,38 @@ export declare class BadgeComponent implements AfterViewInit, OnChanges, OnDestr
33
33
  */
34
34
  direction: string;
35
35
  /**
36
- * Specifies the alignment of the Badge ([see example]({% slug alignandposition_badge %}#toc-alignment)).
36
+ * Specifies the alignment of the Badge ([see example](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/align-and-position#alignment)).
37
37
  *
38
38
  * @default "{ vertical: 'top', horizontal: 'end' }"
39
39
  */
40
40
  get align(): BadgeAlign;
41
41
  set align(align: BadgeAlign);
42
42
  /**
43
- * Specifies the size of the Badge ([see example]({% slug appearance_badge %}#toc-size)).
44
- *
45
- * @default medium
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.
46
44
  */
47
45
  size: BadgeSize;
48
46
  /**
49
- * Specifies the appearance fill style of the Badge ([see example]({% slug appearance_badge %}#toc-fill)).
50
- *
51
- * @default solid
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.
52
48
  */
53
49
  fill: BadgeFill;
54
50
  /**
55
51
  * Specifies the theme color of the Badge.
56
52
  * The theme color applies as background and border color, while also amending the text color accordingly
57
- * ([see example]({% slug appearance_badge %}#toc-theme-color)).
58
- *
59
- * @default primary
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.
60
54
  */
61
55
  themeColor: BadgeThemeColor;
62
56
  /**
63
- * Specifies the roundness of the Badge ([see example]({% slug appearance_badge %}#toc-rounded)).
64
- *
65
- * @default medium
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.
66
58
  */
67
59
  rounded: BadgeRounded;
68
60
  /**
69
- * Specifies the position of the Badge relative to the edge of the parent container element ([see example]({% slug alignandposition_badge %}#toc-position)).
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)).
70
62
  *
71
63
  * @default edge
72
64
  */
73
65
  position: BadgePosition;
74
66
  /**
75
- * Specifies whether to render additional `cutout` border around the Badge ([see example]({% slug appearance_badge %}#toc-cutout-border)).
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)).
76
68
  *
77
69
  * @default false
78
70
  */
@@ -5,7 +5,7 @@
5
5
  /**
6
6
  * Specifies the horizontal and vertical alignment options for the Badge component.
7
7
  *
8
- * For usage examples, see the [Badge Alignment documentation](slug:alignandposition_badge#toc-alignment).
8
+ * For usage examples, see the [Badge Alignment documentation](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/align-and-position#alignment).
9
9
  */
10
10
  export interface BadgeAlign {
11
11
  /**
@@ -9,6 +9,6 @@
9
9
  * * `solid` (Default)
10
10
  * * `outline`
11
11
  *
12
- * For more information, see the [Badge Appearance - Fill]({% slug appearance_badge %}#toc-fill) documentation.
12
+ * For more information, see the [Badge Appearance - Fill]https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#fill) documentation.
13
13
  */
14
- export type BadgeFill = 'solid' | 'outline' | 'none';
14
+ export type BadgeFill = 'solid' | 'outline';
@@ -10,6 +10,6 @@
10
10
  * * `inside`—The Badge is entirely positioned inside the edge of the parent container element.
11
11
  * * `outside`—The Badge is entirely positioned outside the edge of the parent container element.
12
12
  *
13
- * For more information, see the [Badge Alignment and Position - Position]({% slug alignandposition_badge %}#toc-position) documentation.
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
14
  */
15
15
  export type BadgePosition = 'edge' | 'outside' | 'inside';
@@ -12,6 +12,6 @@
12
12
  * * `full`—Sets the `border radius` to `9999px`.
13
13
  * * `none`—The none option removes the built-in roundness allowing for custom `border radius`.
14
14
  *
15
- * For more information, see the [Badge Appearance - Rounded]({% slug appearance_badge %}#toc-rounded) documentation.
15
+ * For more information, see the [Badge Appearance - Rounded]https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#rounded) documentation.
16
16
  */
17
17
  export type BadgeRounded = 'small' | 'medium' | 'large' | 'full' | 'none';
@@ -9,8 +9,7 @@
9
9
  * * `small`
10
10
  * * `medium` (Default)
11
11
  * * `large`
12
- * * `none`
13
12
  *
14
- * For more information, see the [Badge Appearance - Size]({% slug appearance_badge %}#toc-size) documentation.
13
+ * For more information, see the [Badge Appearance - Size]https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#size) documentation.
15
14
  */
16
- export type BadgeSize = 'small' | 'medium' | 'large' | 'none';
15
+ export type BadgeSize = 'small' | 'medium' | 'large';
@@ -4,7 +4,7 @@
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  /**
6
6
  * Specifies the theme color options for the Badge component.
7
- * For more details, see the [Badge Appearance - Theme Color]({% slug appearance_badge %}#toc-theme-color) documentation.
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
8
  *
9
9
  * The possible values are:
10
10
  * * `primary` (Default)—Applies coloring based on primary theme color.
@@ -18,6 +18,5 @@
18
18
  * * `dark`— Applies coloring based on dark theme color.
19
19
  * * `light`— Applies coloring based on light theme color.
20
20
  * * `inverse`— Applies coloring based on inverted theme color.
21
- *
22
21
  */
23
- export type BadgeThemeColor = 'primary' | 'secondary' | 'tertiary' | 'inherit' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse' | 'none';
22
+ export type BadgeThemeColor = 'primary' | 'secondary' | 'tertiary' | 'inherit' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';
@@ -83,7 +83,7 @@ const packageMetadata = {
83
83
  productCode: 'KENDOUIANGULAR',
84
84
  productCodes: ['KENDOUIANGULAR'],
85
85
  publishDate: 0,
86
- version: '22.1.0-develop.9',
86
+ version: '23.0.0-develop.10',
87
87
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
88
88
  };
89
89
 
@@ -96,10 +96,11 @@ const ROUNDED_CLASSES = {
96
96
  'small': 'k-rounded-sm',
97
97
  'medium': 'k-rounded-md',
98
98
  'large': 'k-rounded-lg',
99
- 'full': 'k-rounded-full'
99
+ 'full': 'k-rounded-full',
100
+ 'none': 'k-rounded-none'
100
101
  };
101
102
  /**
102
- * Represents the [Kendo UI Badge component for Angular]({% slug overview_badge %}).
103
+ * Represents the [Kendo UI Badge component for Angular](https://www.telerik.com/kendo-angular-ui/components/indicators/badge).
103
104
  * Displays additional information or status related to an element, such as notifications or counts.
104
105
  *
105
106
  * Provides configuration options for alignment, size, fill, theme color, roundness, position, and cutout border.
@@ -122,7 +123,7 @@ class BadgeComponent {
122
123
  */
123
124
  direction;
124
125
  /**
125
- * Specifies the alignment of the Badge ([see example]({% slug alignandposition_badge %}#toc-alignment)).
126
+ * Specifies the alignment of the Badge ([see example](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/align-and-position#alignment)).
126
127
  *
127
128
  * @default "{ vertical: 'top', horizontal: 'end' }"
128
129
  */
@@ -133,39 +134,31 @@ class BadgeComponent {
133
134
  this.badgeAlign = Object.assign(this.badgeAlign, align);
134
135
  }
135
136
  /**
136
- * Specifies the size of the Badge ([see example]({% slug appearance_badge %}#toc-size)).
137
- *
138
- * @default medium
137
+ * 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.
139
138
  */
140
- size = 'medium';
139
+ size;
141
140
  /**
142
- * Specifies the appearance fill style of the Badge ([see example]({% slug appearance_badge %}#toc-fill)).
143
- *
144
- * @default solid
141
+ * 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.
145
142
  */
146
- fill = 'solid';
143
+ fill;
147
144
  /**
148
145
  * Specifies the theme color of the Badge.
149
146
  * The theme color applies as background and border color, while also amending the text color accordingly
150
- * ([see example]({% slug appearance_badge %}#toc-theme-color)).
151
- *
152
- * @default primary
147
+ * ([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
148
  */
154
- themeColor = 'primary';
149
+ themeColor;
155
150
  /**
156
- * Specifies the roundness of the Badge ([see example]({% slug appearance_badge %}#toc-rounded)).
157
- *
158
- * @default medium
151
+ * 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.
159
152
  */
160
- rounded = 'medium';
153
+ rounded;
161
154
  /**
162
- * Specifies the position of the Badge relative to the edge of the parent container element ([see example]({% slug alignandposition_badge %}#toc-position)).
155
+ * 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)).
163
156
  *
164
157
  * @default edge
165
158
  */
166
159
  position = 'edge';
167
160
  /**
168
- * Specifies whether to render additional `cutout` border around the Badge ([see example]({% slug appearance_badge %}#toc-cutout-border)).
161
+ * 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)).
169
162
  *
170
163
  * @default false
171
164
  */
@@ -204,28 +197,16 @@ class BadgeComponent {
204
197
  return `k-badge-${this.position}`;
205
198
  }
206
199
  sizeClass() {
207
- if (this.size !== 'none') {
208
- return SIZE_CLASSES$1[this.size];
209
- }
210
- return '';
200
+ return SIZE_CLASSES$1[this.size];
211
201
  }
212
202
  roundedClass() {
213
- if (this.rounded !== 'none') {
214
- return ROUNDED_CLASSES[this.rounded];
215
- }
216
- return '';
203
+ return ROUNDED_CLASSES[this.rounded];
217
204
  }
218
205
  themeColorClass() {
219
- if (this.themeColor !== 'none' && this.fill !== 'none') {
220
- return `k-badge-${this.fill}-${this.themeColor}`;
221
- }
222
- return '';
206
+ return this.themeColor ? `k-badge-${this.themeColor}` : '';
223
207
  }
224
208
  fillClass() {
225
- if (this.fill !== 'none') {
226
- return `k-badge-${this.fill}`;
227
- }
228
- return '';
209
+ return this.fill ? `k-badge-${this.fill}` : '';
229
210
  }
230
211
  setBadgeClasses() {
231
212
  const element = this.element.nativeElement;
@@ -239,7 +220,7 @@ class BadgeComponent {
239
220
  this.roundedClass(),
240
221
  this.alignClass(),
241
222
  this.positionClass()
242
- ];
223
+ ].filter((className) => className);
243
224
  this.badgeClasses.forEach((className) => {
244
225
  if (className) {
245
226
  this.renderer.addClass(element, className);
@@ -310,7 +291,7 @@ const TYPE_CLASSES = {
310
291
  'converging-spinner': 'k-loader-spinner-4'
311
292
  };
312
293
  /**
313
- * Represents the [Kendo UI Loader component for Angular]({% slug overview_loader %}).
294
+ * Represents the [Kendo UI Loader component for Angular](https://www.telerik.com/kendo-angular-ui/components/indicators/loader).
314
295
  * Displays a Loader that represents an indeterminate wait time.
315
296
  *
316
297
  * Provides configuration options for animation type, theme color, and size.
@@ -338,9 +319,7 @@ class LoaderComponent {
338
319
  return this._type;
339
320
  }
340
321
  /**
341
- * Specifies the theme color of the Loader.
342
- *
343
- * @default primary
322
+ * Specifies the theme color of the Loader. The default value is set by the Kendo theme.
344
323
  */
345
324
  set themeColor(themeColor) {
346
325
  this.renderer.removeClass(this.loader, `k-loader-${this.themeColor}`);
@@ -351,9 +330,7 @@ class LoaderComponent {
351
330
  return this._themeColor;
352
331
  }
353
332
  /**
354
- * Specifies the size of the Loader.
355
- *
356
- * @default medium
333
+ * Specifies the size of the Loader. The default value is set by the Kendo theme.
357
334
  */
358
335
  set size(size) {
359
336
  this.renderer.removeClass(this.loader, SIZE_CLASSES[this.size]);
@@ -364,8 +341,8 @@ class LoaderComponent {
364
341
  return this._size;
365
342
  }
366
343
  _type = 'pulsing';
367
- _themeColor = 'primary';
368
- _size = 'medium';
344
+ _themeColor;
345
+ _size;
369
346
  loader;
370
347
  constructor(element, renderer) {
371
348
  this.element = element;
@@ -384,8 +361,8 @@ class LoaderComponent {
384
361
  }
385
362
  setLoaderClasses() {
386
363
  this.renderer.addClass(this.loader, TYPE_CLASSES[this.type]);
387
- this.renderer.addClass(this.loader, `k-loader-${this.themeColor}`);
388
- this.renderer.addClass(this.loader, SIZE_CLASSES[this.size]);
364
+ this.themeColor && this.renderer.addClass(this.loader, `k-loader-${this.themeColor}`);
365
+ this.size && this.renderer.addClass(this.loader, SIZE_CLASSES[this.size]);
389
366
  }
390
367
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: LoaderComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
391
368
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: LoaderComponent, isStandalone: true, selector: "kendo-loader", inputs: { type: "type", themeColor: "themeColor", size: "size" }, host: { properties: { "class.k-loader": "this.hostClass" } }, ngImport: i0, template: `
@@ -455,7 +432,7 @@ const skeletonShapeError = (input) => `"${input}" is not a valid kendo-skeleton
455
432
  const skeletonAnimationError = (input) => `"${input}" is not a valid kendo-skeleton animation. Valid values are: 'pulse' | 'wave' | false.`;
456
433
 
457
434
  /**
458
- * Represents the [Kendo UI Skeleton component for Angular]({% slug overview_skeleton %}).
435
+ * Represents the [Kendo UI Skeleton component for Angular](https://www.telerik.com/kendo-angular-ui/components/indicators/skeleton).
459
436
  * Displays a Skeleton placeholder that represents loading content.
460
437
  *
461
438
  * Provides configuration options for animation, shape, width, and height.
@@ -8,7 +8,7 @@ import { LoaderThemeColor } from './models/theme-color';
8
8
  import { LoaderSize } from './models/size';
9
9
  import * as i0 from "@angular/core";
10
10
  /**
11
- * Represents the [Kendo UI Loader component for Angular]({% slug overview_loader %}).
11
+ * Represents the [Kendo UI Loader component for Angular](https://www.telerik.com/kendo-angular-ui/components/indicators/loader).
12
12
  * Displays a Loader that represents an indeterminate wait time.
13
13
  *
14
14
  * Provides configuration options for animation type, theme color, and size.
@@ -30,16 +30,12 @@ export declare class LoaderComponent implements AfterViewInit {
30
30
  set type(type: LoaderType);
31
31
  get type(): LoaderType;
32
32
  /**
33
- * Specifies the theme color of the Loader.
34
- *
35
- * @default primary
33
+ * Specifies the theme color of the Loader. The default value is set by the Kendo theme.
36
34
  */
37
35
  set themeColor(themeColor: LoaderThemeColor);
38
36
  get themeColor(): LoaderThemeColor;
39
37
  /**
40
- * Specifies the size of the Loader.
41
- *
42
- * @default medium
38
+ * Specifies the size of the Loader. The default value is set by the Kendo theme.
43
39
  */
44
40
  set size(size: LoaderSize);
45
41
  get size(): LoaderSize;
@@ -10,6 +10,6 @@
10
10
  * * `medium` (Default)
11
11
  * * `large`
12
12
  *
13
- * For more information, see the [Loader Appearance - Size]({% slug appearance_loader %}#toc-size) documentation.
13
+ * For more information, see the [Loader Appearance - Size]https://www.telerik.com/kendo-angular-ui/components/indicators/loader/appearance#size) documentation.
14
14
  */
15
15
  export type LoaderSize = 'small' | 'medium' | 'large';
@@ -6,7 +6,7 @@
6
6
  * Specifies the theme color options for the Loader component.
7
7
  *
8
8
  * The possible values are:
9
- * * `primary` (Default)—Applies coloring based on the primary theme color.
9
+ * * `primary`—Applies coloring based on the primary theme color.
10
10
  * * `secondary`—Applies coloring based on the secondary theme color.
11
11
  * * `tertiary`— Applies coloring based on the tertiary theme color.
12
12
  * * `info`—Applies coloring based on the info theme color.
@@ -17,6 +17,6 @@
17
17
  * * `light`— Applies coloring based on the light theme color.
18
18
  * * `inverse`— Applies coloring based on the inverted theme color.
19
19
  *
20
- * For more information, see the [Loader Appearance - Theme Color]({% slug appearance_loader %}#toc-theme-color) documentation.
20
+ * For more information, see the [Loader Appearance - Theme Color]https://www.telerik.com/kendo-angular-ui/components/indicators/loader/appearance#theme-color) documentation.
21
21
  */
22
22
  export type LoaderThemeColor = 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';
@@ -7,7 +7,7 @@ export const packageMetadata = {
7
7
  "productCodes": [
8
8
  "KENDOUIANGULAR"
9
9
  ],
10
- "publishDate": 1769599962,
11
- "version": "22.1.0-develop.9",
10
+ "publishDate": 1770666631,
11
+ "version": "23.0.0-develop.10",
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": "22.1.0-develop.9",
3
+ "version": "23.0.0-develop.10",
4
4
  "description": "Kendo UI Indicators for Angular",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -17,7 +17,7 @@
17
17
  "package": {
18
18
  "productName": "Kendo UI for Angular",
19
19
  "productCode": "KENDOUIANGULAR",
20
- "publishDate": 1769599962,
20
+ "publishDate": 1770666631,
21
21
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
22
22
  }
23
23
  },
@@ -27,14 +27,14 @@
27
27
  "@angular/core": "19 - 21",
28
28
  "@angular/platform-browser": "19 - 21",
29
29
  "@progress/kendo-licensing": "^1.10.0",
30
- "@progress/kendo-angular-common": "22.1.0-develop.9",
31
- "@progress/kendo-angular-intl": "22.1.0-develop.9",
32
- "@progress/kendo-angular-l10n": "22.1.0-develop.9",
30
+ "@progress/kendo-angular-common": "23.0.0-develop.10",
31
+ "@progress/kendo-angular-intl": "23.0.0-develop.10",
32
+ "@progress/kendo-angular-l10n": "23.0.0-develop.10",
33
33
  "rxjs": "^6.5.3 || ^7.0.0"
34
34
  },
35
35
  "dependencies": {
36
36
  "tslib": "^2.3.1",
37
- "@progress/kendo-angular-schematics": "22.1.0-develop.9"
37
+ "@progress/kendo-angular-schematics": "23.0.0-develop.10"
38
38
  },
39
39
  "schematics": "./schematics/collection.json",
40
40
  "module": "fesm2022/progress-kendo-angular-indicators.mjs",
@@ -6,7 +6,7 @@ import { Renderer2, ElementRef, AfterViewInit } from "@angular/core";
6
6
  import { SkeletonAnimation, SkeletonShape } from "./models";
7
7
  import * as i0 from "@angular/core";
8
8
  /**
9
- * Represents the [Kendo UI Skeleton component for Angular]({% slug overview_skeleton %}).
9
+ * Represents the [Kendo UI Skeleton component for Angular](https://www.telerik.com/kendo-angular-ui/components/indicators/skeleton).
10
10
  * Displays a Skeleton placeholder that represents loading content.
11
11
  *
12
12
  * Provides configuration options for animation, shape, width, and height.