@progress/kendo-angular-indicators 17.0.0-develop.21 → 17.0.0-develop.23

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.
Files changed (38) hide show
  1. package/badge/badge.component.d.ts +1 -1
  2. package/badge/models/fill.d.ts +1 -1
  3. package/badge/models/position.d.ts +1 -1
  4. package/badge/models/rounded.d.ts +1 -1
  5. package/badge/models/size.d.ts +1 -1
  6. package/badge/models/theme-color.d.ts +1 -1
  7. package/{esm2020 → esm2022}/badge/badge-container.component.mjs +17 -11
  8. package/{esm2020 → esm2022}/badge/badge.component.mjs +110 -102
  9. package/{esm2020 → esm2022}/badge.module.mjs +4 -4
  10. package/{esm2020 → esm2022}/indicators.module.mjs +4 -4
  11. package/{esm2020 → esm2022}/loader/loader.component.mjs +17 -14
  12. package/{esm2020 → esm2022}/loader.module.mjs +4 -4
  13. package/{esm2020 → esm2022}/package-metadata.mjs +2 -2
  14. package/{esm2020 → esm2022}/skeleton/skeleton.component.mjs +11 -9
  15. package/{esm2020 → esm2022}/skeleton.module.mjs +4 -4
  16. package/{fesm2015 → fesm2022}/progress-kendo-angular-indicators.mjs +173 -154
  17. package/loader/loader.component.d.ts +1 -1
  18. package/loader/models/size.d.ts +1 -1
  19. package/loader/models/theme-color.d.ts +1 -1
  20. package/loader/models/type.d.ts +1 -1
  21. package/package.json +13 -19
  22. package/skeleton/models.d.ts +2 -2
  23. package/skeleton/skeleton.component.d.ts +1 -1
  24. package/fesm2020/progress-kendo-angular-indicators.mjs +0 -711
  25. /package/{esm2020 → esm2022}/badge/models/align.mjs +0 -0
  26. /package/{esm2020 → esm2022}/badge/models/fill.mjs +0 -0
  27. /package/{esm2020 → esm2022}/badge/models/position.mjs +0 -0
  28. /package/{esm2020 → esm2022}/badge/models/rounded.mjs +0 -0
  29. /package/{esm2020 → esm2022}/badge/models/size.mjs +0 -0
  30. /package/{esm2020 → esm2022}/badge/models/theme-color.mjs +0 -0
  31. /package/{esm2020 → esm2022}/directives.mjs +0 -0
  32. /package/{esm2020 → esm2022}/index.mjs +0 -0
  33. /package/{esm2020 → esm2022}/loader/models/size.mjs +0 -0
  34. /package/{esm2020 → esm2022}/loader/models/theme-color.mjs +0 -0
  35. /package/{esm2020 → esm2022}/loader/models/type.mjs +0 -0
  36. /package/{esm2020 → esm2022}/progress-kendo-angular-indicators.mjs +0 -0
  37. /package/{esm2020 → esm2022}/skeleton/constants.mjs +0 -0
  38. /package/{esm2020 → esm2022}/skeleton/models.mjs +0 -0
@@ -133,5 +133,5 @@ export declare class BadgeComponent implements AfterViewInit, OnChanges, OnDestr
133
133
  private fillClass;
134
134
  private setBadgeClasses;
135
135
  static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
136
- static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "kendo-badge", never, { "align": "align"; "size": "size"; "fill": "fill"; "themeColor": "themeColor"; "rounded": "rounded"; "position": "position"; "cutoutBorder": "cutoutBorder"; }, {}, never, ["*"], true, never>;
136
+ 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>;
137
137
  }
@@ -11,4 +11,4 @@
11
11
  * * `outline`
12
12
  *
13
13
  */
14
- export declare type BadgeFill = 'solid' | 'outline' | 'none';
14
+ export type BadgeFill = 'solid' | 'outline' | 'none';
@@ -12,4 +12,4 @@
12
12
  * * `outside`&mdash;The Badge is entirely positioned outside the edge of the parent container element.
13
13
  *
14
14
  */
15
- export declare type BadgePosition = 'edge' | 'outside' | 'inside';
15
+ export type BadgePosition = 'edge' | 'outside' | 'inside';
@@ -14,4 +14,4 @@
14
14
  * * `none`&mdash;The none option removes the built-in roundness. Allows for custom `border radius`.
15
15
  *
16
16
  */
17
- export declare type BadgeRounded = 'small' | 'medium' | 'large' | 'full' | 'none';
17
+ export type BadgeRounded = 'small' | 'medium' | 'large' | 'full' | 'none';
@@ -12,4 +12,4 @@
12
12
  * * `large`
13
13
  *
14
14
  */
15
- export declare type BadgeSize = 'small' | 'medium' | 'large' | 'none';
15
+ export type BadgeSize = 'small' | 'medium' | 'large' | 'none';
@@ -20,4 +20,4 @@
20
20
  * * `inverse`&mdash; Applies coloring based on inverted theme color.
21
21
  *
22
22
  */
23
- export declare type BadgeThemeColor = 'primary' | 'secondary' | 'tertiary' | 'inherit' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse' | 'none';
23
+ export type BadgeThemeColor = 'primary' | 'secondary' | 'tertiary' | 'inherit' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse' | 'none';
@@ -7,10 +7,16 @@ import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
7
7
  import * as i0 from "@angular/core";
8
8
  import * as i1 from "@progress/kendo-angular-l10n";
9
9
  export class BadgeContainerComponent {
10
+ localizationService;
11
+ hostClass = true;
12
+ /**
13
+ * @hidden
14
+ */
15
+ direction;
16
+ dynamicRTLSubscription;
17
+ rtl = false;
10
18
  constructor(localizationService) {
11
19
  this.localizationService = localizationService;
12
- this.hostClass = true;
13
- this.rtl = false;
14
20
  this.dynamicRTLSubscription = this.localizationService.changes.subscribe(({ rtl }) => {
15
21
  this.rtl = rtl;
16
22
  this.direction = this.rtl ? 'rtl' : 'ltr';
@@ -21,16 +27,16 @@ export class BadgeContainerComponent {
21
27
  this.dynamicRTLSubscription.unsubscribe();
22
28
  }
23
29
  }
30
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BadgeContainerComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
31
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BadgeContainerComponent, isStandalone: true, selector: "kendo-badge-container", host: { properties: { "class.k-badge-container": "this.hostClass", "attr.dir": "this.direction" } }, providers: [
32
+ LocalizationService,
33
+ {
34
+ provide: L10N_PREFIX,
35
+ useValue: 'kendo.badge.component'
36
+ }
37
+ ], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
24
38
  }
25
- BadgeContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BadgeContainerComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
26
- BadgeContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BadgeContainerComponent, isStandalone: true, selector: "kendo-badge-container", host: { properties: { "class.k-badge-container": "this.hostClass", "attr.dir": "this.direction" } }, providers: [
27
- LocalizationService,
28
- {
29
- provide: L10N_PREFIX,
30
- useValue: 'kendo.badge.component'
31
- }
32
- ], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
33
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BadgeContainerComponent, decorators: [{
39
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BadgeContainerComponent, decorators: [{
34
40
  type: Component,
35
41
  args: [{
36
42
  selector: 'kendo-badge-container',
@@ -24,102 +24,17 @@ const ROUNDED_CLASSES = {
24
24
  * Used to display additional information or status that is related to an element.
25
25
  */
26
26
  export class BadgeComponent {
27
- constructor(element, renderer, localizationService) {
28
- this.element = element;
29
- this.renderer = renderer;
30
- this.localizationService = localizationService;
31
- this.hostClass = true;
32
- /**
33
- * Specifies the size of the Badge ([see example]({% slug appearance_badge %}#toc-size)).
34
- *
35
- * The possible values are:
36
- * * `small`
37
- * * `medium`
38
- * * `large`
39
- * * `none`
40
- *
41
- * @default medium
42
- */
43
- this.size = 'medium';
44
- /**
45
- * Specifies the appearance fill style of the Badge ([see example]({% slug appearance_badge %}#toc-fill)).
46
- *
47
- * The possible values are:
48
- * * `solid`
49
- * * `outline`
50
- * * `none`
51
- *
52
- * @default solid
53
- */
54
- this.fill = 'solid';
55
- /**
56
- * Specifies the theme color of the Badge.
57
- * The theme color will be applied as background and border color, while also amending the text color accordingly
58
- * ([see example]({% slug appearance_badge %}#toc-theme-color)).
59
- *
60
- * The possible values are:
61
- * * `primary`
62
- * * `secondary`
63
- * * `tertiary`
64
- * * `inherit`
65
- * * `info`
66
- * * `success`
67
- * * `warning`
68
- * * `error`
69
- * * `dark`
70
- * * `light`
71
- * * `inverse`
72
- * * `none`
73
- *
74
- * @default primary
75
- */
76
- this.themeColor = 'primary';
77
- /**
78
- * Specifies the roundness of the Badge ([see example]({% slug appearance_badge %}#toc-rounded)).
79
- *
80
- * The possible values are:
81
- * * `small`
82
- * * `medium`
83
- * * `large`
84
- * * `full`
85
- * * `none`
86
- *
87
- * @default medium
88
- */
89
- this.rounded = 'medium';
90
- /**
91
- * Specifies the position of the Badge relative to the edge of the parent container element ([see example]({% slug alignandposition_badge %}#toc-position)).
92
- *
93
- * The possible values are:
94
- * * `edge`
95
- * * `inside`
96
- * * `outside`
97
- *
98
- * @default edge
99
- */
100
- this.position = 'edge';
101
- /**
102
- * Specifies whether or not to render additional `cutout` border around the Badge ([see example]({% slug appearance_badge %}#toc-cutout-border)).
103
- *
104
- * The possible values are:
105
- * * `true`
106
- * * `false`
107
- *
108
- * @default false
109
- */
110
- this.cutoutBorder = false;
111
- this.badgeClasses = [];
112
- this.badgeAlign = { vertical: 'top', horizontal: 'end' };
113
- this.rtl = false;
114
- validatePackage(packageMetadata);
115
- this.dynamicRTLSubscription = this.localizationService.changes.subscribe(({ rtl }) => {
116
- this.rtl = rtl;
117
- this.direction = this.rtl ? 'rtl' : 'ltr';
118
- });
119
- }
27
+ element;
28
+ renderer;
29
+ localizationService;
30
+ hostClass = true;
120
31
  get cutoutBorderClass() {
121
32
  return this.cutoutBorder;
122
33
  }
34
+ /**
35
+ * @hidden
36
+ */
37
+ direction;
123
38
  /**
124
39
  * Specifies the alignment of the Badge ([see example]({% slug alignandposition_badge %}#toc-alignment)).
125
40
  *
@@ -137,6 +52,99 @@ export class BadgeComponent {
137
52
  set align(align) {
138
53
  this.badgeAlign = Object.assign(this.badgeAlign, align);
139
54
  }
55
+ /**
56
+ * Specifies the size of the Badge ([see example]({% slug appearance_badge %}#toc-size)).
57
+ *
58
+ * The possible values are:
59
+ * * `small`
60
+ * * `medium`
61
+ * * `large`
62
+ * * `none`
63
+ *
64
+ * @default medium
65
+ */
66
+ size = 'medium';
67
+ /**
68
+ * Specifies the appearance fill style of the Badge ([see example]({% slug appearance_badge %}#toc-fill)).
69
+ *
70
+ * The possible values are:
71
+ * * `solid`
72
+ * * `outline`
73
+ * * `none`
74
+ *
75
+ * @default solid
76
+ */
77
+ fill = 'solid';
78
+ /**
79
+ * Specifies the theme color of the Badge.
80
+ * The theme color will be applied as background and border color, while also amending the text color accordingly
81
+ * ([see example]({% slug appearance_badge %}#toc-theme-color)).
82
+ *
83
+ * The possible values are:
84
+ * * `primary`
85
+ * * `secondary`
86
+ * * `tertiary`
87
+ * * `inherit`
88
+ * * `info`
89
+ * * `success`
90
+ * * `warning`
91
+ * * `error`
92
+ * * `dark`
93
+ * * `light`
94
+ * * `inverse`
95
+ * * `none`
96
+ *
97
+ * @default primary
98
+ */
99
+ themeColor = 'primary';
100
+ /**
101
+ * Specifies the roundness of the Badge ([see example]({% slug appearance_badge %}#toc-rounded)).
102
+ *
103
+ * The possible values are:
104
+ * * `small`
105
+ * * `medium`
106
+ * * `large`
107
+ * * `full`
108
+ * * `none`
109
+ *
110
+ * @default medium
111
+ */
112
+ rounded = 'medium';
113
+ /**
114
+ * Specifies the position of the Badge relative to the edge of the parent container element ([see example]({% slug alignandposition_badge %}#toc-position)).
115
+ *
116
+ * The possible values are:
117
+ * * `edge`
118
+ * * `inside`
119
+ * * `outside`
120
+ *
121
+ * @default edge
122
+ */
123
+ position = 'edge';
124
+ /**
125
+ * Specifies whether or not to render additional `cutout` border around the Badge ([see example]({% slug appearance_badge %}#toc-cutout-border)).
126
+ *
127
+ * The possible values are:
128
+ * * `true`
129
+ * * `false`
130
+ *
131
+ * @default false
132
+ */
133
+ cutoutBorder = false;
134
+ badgeClasses = [];
135
+ badgeAlign = { vertical: 'top', horizontal: 'end' };
136
+ dynamicRTLSubscription;
137
+ rtl = false;
138
+ constructor(element, renderer, localizationService) {
139
+ this.element = element;
140
+ this.renderer = renderer;
141
+ this.localizationService = localizationService;
142
+ validatePackage(packageMetadata);
143
+ this.dynamicRTLSubscription = this.localizationService.changes.subscribe(({ rtl }) => {
144
+ this.rtl = rtl;
145
+ this.direction = this.rtl ? 'rtl' : 'ltr';
146
+ });
147
+ }
140
148
  ngAfterViewInit() {
141
149
  if (!this.badgeClasses.length) {
142
150
  this.setBadgeClasses();
@@ -199,16 +207,16 @@ export class BadgeComponent {
199
207
  }
200
208
  });
201
209
  }
210
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BadgeComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
211
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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: [
212
+ LocalizationService,
213
+ {
214
+ provide: L10N_PREFIX,
215
+ useValue: 'kendo.badge.component'
216
+ }
217
+ ], usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
202
218
  }
203
- BadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BadgeComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
204
- BadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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: [
205
- LocalizationService,
206
- {
207
- provide: L10N_PREFIX,
208
- useValue: 'kendo.badge.component'
209
- }
210
- ], usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
211
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BadgeComponent, decorators: [{
219
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BadgeComponent, decorators: [{
212
220
  type: Component,
213
221
  args: [{
214
222
  selector: 'kendo-badge',
@@ -13,11 +13,11 @@ import * as i2 from "./badge/badge-container.component";
13
13
  * definition for the Badge and BadgeContainer components.
14
14
  */
15
15
  export class BadgeModule {
16
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
17
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: BadgeModule, imports: [i1.BadgeComponent, i2.BadgeContainerComponent], exports: [i1.BadgeComponent, i2.BadgeContainerComponent] });
18
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BadgeModule });
16
19
  }
17
- BadgeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
18
- BadgeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: BadgeModule, imports: [i1.BadgeComponent, i2.BadgeContainerComponent], exports: [i1.BadgeComponent, i2.BadgeContainerComponent] });
19
- BadgeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BadgeModule, imports: [KENDO_BADGECONTAINER] });
20
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BadgeModule, decorators: [{
20
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BadgeModule, decorators: [{
21
21
  type: NgModule,
22
22
  args: [{
23
23
  exports: [...KENDO_BADGECONTAINER],
@@ -42,11 +42,11 @@ import * as i4 from "./skeleton/skeleton.component";
42
42
  * ```
43
43
  */
44
44
  export class IndicatorsModule {
45
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IndicatorsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
46
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IndicatorsModule, imports: [i1.BadgeComponent, i2.BadgeContainerComponent, i3.LoaderComponent, i4.SkeletonComponent], exports: [i1.BadgeComponent, i2.BadgeContainerComponent, i3.LoaderComponent, i4.SkeletonComponent] });
47
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IndicatorsModule });
45
48
  }
46
- IndicatorsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IndicatorsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
47
- IndicatorsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: IndicatorsModule, imports: [i1.BadgeComponent, i2.BadgeContainerComponent, i3.LoaderComponent, i4.SkeletonComponent], exports: [i1.BadgeComponent, i2.BadgeContainerComponent, i3.LoaderComponent, i4.SkeletonComponent] });
48
- IndicatorsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IndicatorsModule, imports: [KENDO_INDICATORS] });
49
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IndicatorsModule, decorators: [{
49
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IndicatorsModule, decorators: [{
50
50
  type: NgModule,
51
51
  args: [{
52
52
  imports: [...KENDO_INDICATORS],
@@ -27,16 +27,9 @@ const TYPE_CLASSES = {
27
27
  * Displays a Loader that represents an indeterminate wait time.
28
28
  */
29
29
  export class LoaderComponent {
30
- constructor(element, renderer) {
31
- this.element = element;
32
- this.renderer = renderer;
33
- this.hostClass = true;
34
- this._type = 'pulsing';
35
- this._themeColor = 'primary';
36
- this._size = 'medium';
37
- this.loader = this.element.nativeElement;
38
- validatePackage(packageMetadata);
39
- }
30
+ element;
31
+ renderer;
32
+ hostClass = true;
40
33
  /**
41
34
  * Specifies the Loader animation type.
42
35
  *
@@ -94,6 +87,16 @@ export class LoaderComponent {
94
87
  get size() {
95
88
  return this._size;
96
89
  }
90
+ _type = 'pulsing';
91
+ _themeColor = 'primary';
92
+ _size = 'medium';
93
+ loader;
94
+ constructor(element, renderer) {
95
+ this.element = element;
96
+ this.renderer = renderer;
97
+ validatePackage(packageMetadata);
98
+ this.loader = this.element.nativeElement;
99
+ }
97
100
  ngAfterViewInit() {
98
101
  this.setLoaderClasses();
99
102
  }
@@ -108,14 +111,14 @@ export class LoaderComponent {
108
111
  this.renderer.addClass(this.loader, `k-loader-${this.themeColor}`);
109
112
  this.renderer.addClass(this.loader, SIZE_CLASSES[this.size]);
110
113
  }
111
- }
112
- LoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoaderComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
113
- LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LoaderComponent, isStandalone: true, selector: "kendo-loader", inputs: { type: "type", themeColor: "themeColor", size: "size" }, host: { properties: { "class.k-loader": "this.hostClass" } }, ngImport: i0, template: `
114
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
115
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LoaderComponent, isStandalone: true, selector: "kendo-loader", inputs: { type: "type", themeColor: "themeColor", size: "size" }, host: { properties: { "class.k-loader": "this.hostClass" } }, ngImport: i0, template: `
114
116
  <div class="k-loader-canvas">
115
117
  <span *ngFor="let segment of segmentCount" class="k-loader-segment"></span>
116
118
  </div>
117
119
  `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
118
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoaderComponent, decorators: [{
120
+ }
121
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderComponent, decorators: [{
119
122
  type: Component,
120
123
  args: [{
121
124
  selector: 'kendo-loader',
@@ -12,11 +12,11 @@ import * as i1 from "./loader/loader.component";
12
12
  * definition for the Loader component.
13
13
  */
14
14
  export class LoaderModule {
15
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
16
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: LoaderModule, imports: [i1.LoaderComponent], exports: [i1.LoaderComponent] });
17
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderModule });
15
18
  }
16
- LoaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
17
- LoaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: LoaderModule, imports: [i1.LoaderComponent], exports: [i1.LoaderComponent] });
18
- LoaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoaderModule, imports: [KENDO_LOADER] });
19
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoaderModule, decorators: [{
19
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderModule, decorators: [{
20
20
  type: NgModule,
21
21
  args: [{
22
22
  exports: [...KENDO_LOADER],
@@ -9,7 +9,7 @@ export const packageMetadata = {
9
9
  name: '@progress/kendo-angular-indicators',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1729874167,
13
- version: '17.0.0-develop.21',
12
+ publishDate: 1730104888,
13
+ version: '17.0.0-develop.23',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
@@ -11,12 +11,8 @@ import * as i0 from "@angular/core";
11
11
  * Displays a Skeleton that represents loading content.
12
12
  */
13
13
  export class SkeletonComponent {
14
- constructor(renderer, hostElement) {
15
- this.renderer = renderer;
16
- this.hostElement = hostElement;
17
- this._animation = "pulse";
18
- this._shape = 'text';
19
- }
14
+ renderer;
15
+ hostElement;
20
16
  /**
21
17
  * Specifies the animation settings of the Skeleton.
22
18
  *
@@ -78,6 +74,12 @@ export class SkeletonComponent {
78
74
  set height(height) {
79
75
  this.renderer.setStyle(this.hostElement.nativeElement, "height", typeof height === "string" ? height : height + "px");
80
76
  }
77
+ _animation = "pulse";
78
+ _shape = 'text';
79
+ constructor(renderer, hostElement) {
80
+ this.renderer = renderer;
81
+ this.hostElement = hostElement;
82
+ }
81
83
  ngAfterViewInit() {
82
84
  const hostElement = this.hostElement.nativeElement;
83
85
  hostElement.classList.add("k-skeleton", SHAPE_CLASSES[this.shape]);
@@ -85,10 +87,10 @@ export class SkeletonComponent {
85
87
  hostElement.classList.add(ANIMATION_CLASSES[this.animation]);
86
88
  }
87
89
  }
90
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SkeletonComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
91
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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 });
88
92
  }
89
- SkeletonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SkeletonComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
90
- SkeletonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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 });
91
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SkeletonComponent, decorators: [{
93
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SkeletonComponent, decorators: [{
92
94
  type: Component,
93
95
  args: [{
94
96
  selector: "kendo-skeleton",
@@ -12,11 +12,11 @@ import * as i1 from "./skeleton/skeleton.component";
12
12
  * definition for the Skeleton component.
13
13
  */
14
14
  export class SkeletonModule {
15
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
16
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SkeletonModule, imports: [i1.SkeletonComponent], exports: [i1.SkeletonComponent] });
17
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SkeletonModule });
15
18
  }
16
- SkeletonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
17
- SkeletonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SkeletonModule, imports: [i1.SkeletonComponent], exports: [i1.SkeletonComponent] });
18
- SkeletonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SkeletonModule, imports: [KENDO_SKELETON] });
19
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SkeletonModule, decorators: [{
19
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SkeletonModule, decorators: [{
20
20
  type: NgModule,
21
21
  args: [{
22
22
  exports: [...KENDO_SKELETON],