@progress/kendo-angular-indicators 22.1.0-develop.9 → 23.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.
@@ -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,46 @@ 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)).
43
+ * Specifies the size of the Badge ([see example](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#size)).
44
44
  *
45
- * @default medium
45
+ * @default undefined
46
46
  */
47
47
  size: BadgeSize;
48
48
  /**
49
- * Specifies the appearance fill style of the Badge ([see example]({% slug appearance_badge %}#toc-fill)).
49
+ * Specifies the appearance fill style of the Badge ([see example](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#fill)).
50
50
  *
51
- * @default solid
51
+ * @default undefined
52
52
  */
53
53
  fill: BadgeFill;
54
54
  /**
55
55
  * Specifies the theme color of the Badge.
56
56
  * 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)).
57
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#theme-color)).
58
58
  *
59
- * @default primary
59
+ * @default undefined
60
60
  */
61
61
  themeColor: BadgeThemeColor;
62
62
  /**
63
- * Specifies the roundness of the Badge ([see example]({% slug appearance_badge %}#toc-rounded)).
63
+ * Specifies the roundness of the Badge ([see example]https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#rounded)).
64
64
  *
65
- * @default medium
65
+ * @default undefined
66
66
  */
67
67
  rounded: BadgeRounded;
68
68
  /**
69
- * Specifies the position of the Badge relative to the edge of the parent container element ([see example]({% slug alignandposition_badge %}#toc-position)).
69
+ * 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
70
  *
71
71
  * @default edge
72
72
  */
73
73
  position: BadgePosition;
74
74
  /**
75
- * Specifies whether to render additional `cutout` border around the Badge ([see example]({% slug appearance_badge %}#toc-cutout-border)).
75
+ * 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
76
  *
77
77
  * @default false
78
78
  */
@@ -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.1',
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,39 @@ 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
+ * Specifies the size of the Badge ([see example](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#size)).
137
138
  *
138
- * @default medium
139
+ * @default undefined
139
140
  */
140
- size = 'medium';
141
+ size;
141
142
  /**
142
- * Specifies the appearance fill style of the Badge ([see example]({% slug appearance_badge %}#toc-fill)).
143
+ * Specifies the appearance fill style of the Badge ([see example](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#fill)).
143
144
  *
144
- * @default solid
145
+ * @default undefined
145
146
  */
146
- fill = 'solid';
147
+ fill;
147
148
  /**
148
149
  * Specifies the theme color of the Badge.
149
150
  * 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
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#theme-color)).
151
152
  *
152
- * @default primary
153
+ * @default undefined
153
154
  */
154
- themeColor = 'primary';
155
+ themeColor;
155
156
  /**
156
- * Specifies the roundness of the Badge ([see example]({% slug appearance_badge %}#toc-rounded)).
157
+ * Specifies the roundness of the Badge ([see example]https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance#rounded)).
157
158
  *
158
- * @default medium
159
+ * @default undefined
159
160
  */
160
- rounded = 'medium';
161
+ rounded;
161
162
  /**
162
- * Specifies the position of the Badge relative to the edge of the parent container element ([see example]({% slug alignandposition_badge %}#toc-position)).
163
+ * 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
164
  *
164
165
  * @default edge
165
166
  */
166
167
  position = 'edge';
167
168
  /**
168
- * Specifies whether to render additional `cutout` border around the Badge ([see example]({% slug appearance_badge %}#toc-cutout-border)).
169
+ * 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
170
  *
170
171
  * @default false
171
172
  */
@@ -204,28 +205,16 @@ class BadgeComponent {
204
205
  return `k-badge-${this.position}`;
205
206
  }
206
207
  sizeClass() {
207
- if (this.size !== 'none') {
208
- return SIZE_CLASSES$1[this.size];
209
- }
210
- return '';
208
+ return SIZE_CLASSES$1[this.size];
211
209
  }
212
210
  roundedClass() {
213
- if (this.rounded !== 'none') {
214
- return ROUNDED_CLASSES[this.rounded];
215
- }
216
- return '';
211
+ return ROUNDED_CLASSES[this.rounded];
217
212
  }
218
213
  themeColorClass() {
219
- if (this.themeColor !== 'none' && this.fill !== 'none') {
220
- return `k-badge-${this.fill}-${this.themeColor}`;
221
- }
222
- return '';
214
+ return this.themeColor ? `k-badge-${this.themeColor}` : '';
223
215
  }
224
216
  fillClass() {
225
- if (this.fill !== 'none') {
226
- return `k-badge-${this.fill}`;
227
- }
228
- return '';
217
+ return this.fill ? `k-badge-${this.fill}` : '';
229
218
  }
230
219
  setBadgeClasses() {
231
220
  const element = this.element.nativeElement;
@@ -239,7 +228,7 @@ class BadgeComponent {
239
228
  this.roundedClass(),
240
229
  this.alignClass(),
241
230
  this.positionClass()
242
- ];
231
+ ].filter((className) => className);
243
232
  this.badgeClasses.forEach((className) => {
244
233
  if (className) {
245
234
  this.renderer.addClass(element, className);
@@ -310,7 +299,7 @@ const TYPE_CLASSES = {
310
299
  'converging-spinner': 'k-loader-spinner-4'
311
300
  };
312
301
  /**
313
- * Represents the [Kendo UI Loader component for Angular]({% slug overview_loader %}).
302
+ * Represents the [Kendo UI Loader component for Angular](https://www.telerik.com/kendo-angular-ui/components/indicators/loader).
314
303
  * Displays a Loader that represents an indeterminate wait time.
315
304
  *
316
305
  * Provides configuration options for animation type, theme color, and size.
@@ -340,7 +329,7 @@ class LoaderComponent {
340
329
  /**
341
330
  * Specifies the theme color of the Loader.
342
331
  *
343
- * @default primary
332
+ * @default undefined
344
333
  */
345
334
  set themeColor(themeColor) {
346
335
  this.renderer.removeClass(this.loader, `k-loader-${this.themeColor}`);
@@ -353,7 +342,7 @@ class LoaderComponent {
353
342
  /**
354
343
  * Specifies the size of the Loader.
355
344
  *
356
- * @default medium
345
+ * @default undefined
357
346
  */
358
347
  set size(size) {
359
348
  this.renderer.removeClass(this.loader, SIZE_CLASSES[this.size]);
@@ -364,8 +353,8 @@ class LoaderComponent {
364
353
  return this._size;
365
354
  }
366
355
  _type = 'pulsing';
367
- _themeColor = 'primary';
368
- _size = 'medium';
356
+ _themeColor;
357
+ _size;
369
358
  loader;
370
359
  constructor(element, renderer) {
371
360
  this.element = element;
@@ -384,8 +373,8 @@ class LoaderComponent {
384
373
  }
385
374
  setLoaderClasses() {
386
375
  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]);
376
+ this.themeColor && this.renderer.addClass(this.loader, `k-loader-${this.themeColor}`);
377
+ this.size && this.renderer.addClass(this.loader, SIZE_CLASSES[this.size]);
389
378
  }
390
379
  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
380
  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 +444,7 @@ const skeletonShapeError = (input) => `"${input}" is not a valid kendo-skeleton
455
444
  const skeletonAnimationError = (input) => `"${input}" is not a valid kendo-skeleton animation. Valid values are: 'pulse' | 'wave' | false.`;
456
445
 
457
446
  /**
458
- * Represents the [Kendo UI Skeleton component for Angular]({% slug overview_skeleton %}).
447
+ * Represents the [Kendo UI Skeleton component for Angular](https://www.telerik.com/kendo-angular-ui/components/indicators/skeleton).
459
448
  * Displays a Skeleton placeholder that represents loading content.
460
449
  *
461
450
  * 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.
@@ -32,14 +32,14 @@ export declare class LoaderComponent implements AfterViewInit {
32
32
  /**
33
33
  * Specifies the theme color of the Loader.
34
34
  *
35
- * @default primary
35
+ * @default undefined
36
36
  */
37
37
  set themeColor(themeColor: LoaderThemeColor);
38
38
  get themeColor(): LoaderThemeColor;
39
39
  /**
40
40
  * Specifies the size of the Loader.
41
41
  *
42
- * @default medium
42
+ * @default undefined
43
43
  */
44
44
  set size(size: LoaderSize);
45
45
  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';
@@ -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": 1770286875,
11
+ "version": "23.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": "22.1.0-develop.9",
3
+ "version": "23.0.0-develop.1",
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": 1770286875,
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.1",
31
+ "@progress/kendo-angular-intl": "23.0.0-develop.1",
32
+ "@progress/kendo-angular-l10n": "23.0.0-develop.1",
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.1"
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.