@progress/kendo-angular-indicators 17.0.0-develop.8 → 17.0.0
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/README.md +31 -18
- package/badge/badge.component.d.ts +1 -1
- package/badge/models/fill.d.ts +1 -1
- package/badge/models/position.d.ts +1 -1
- package/badge/models/rounded.d.ts +1 -1
- package/badge/models/size.d.ts +1 -1
- package/badge/models/theme-color.d.ts +1 -1
- package/{esm2020 → esm2022}/badge/badge-container.component.mjs +17 -11
- package/{esm2020 → esm2022}/badge/badge.component.mjs +110 -102
- package/{esm2020 → esm2022}/badge.module.mjs +4 -4
- package/{esm2020 → esm2022}/indicators.module.mjs +4 -4
- package/{esm2020 → esm2022}/loader/loader.component.mjs +17 -14
- package/{esm2020 → esm2022}/loader.module.mjs +4 -4
- package/{esm2020 → esm2022}/package-metadata.mjs +2 -2
- package/{esm2020 → esm2022}/skeleton/skeleton.component.mjs +11 -9
- package/{esm2020 → esm2022}/skeleton.module.mjs +4 -4
- package/{fesm2015 → fesm2022}/progress-kendo-angular-indicators.mjs +173 -154
- package/loader/loader.component.d.ts +1 -1
- package/loader/models/size.d.ts +1 -1
- package/loader/models/theme-color.d.ts +1 -1
- package/loader/models/type.d.ts +1 -1
- package/package.json +13 -19
- package/skeleton/models.d.ts +2 -2
- package/skeleton/skeleton.component.d.ts +1 -1
- package/fesm2020/progress-kendo-angular-indicators.mjs +0 -711
- /package/{esm2020 → esm2022}/badge/models/align.mjs +0 -0
- /package/{esm2020 → esm2022}/badge/models/fill.mjs +0 -0
- /package/{esm2020 → esm2022}/badge/models/position.mjs +0 -0
- /package/{esm2020 → esm2022}/badge/models/rounded.mjs +0 -0
- /package/{esm2020 → esm2022}/badge/models/size.mjs +0 -0
- /package/{esm2020 → esm2022}/badge/models/theme-color.mjs +0 -0
- /package/{esm2020 → esm2022}/directives.mjs +0 -0
- /package/{esm2020 → esm2022}/index.mjs +0 -0
- /package/{esm2020 → esm2022}/loader/models/size.mjs +0 -0
- /package/{esm2020 → esm2022}/loader/models/theme-color.mjs +0 -0
- /package/{esm2020 → esm2022}/loader/models/type.mjs +0 -0
- /package/{esm2020 → esm2022}/progress-kendo-angular-indicators.mjs +0 -0
- /package/{esm2020 → esm2022}/skeleton/constants.mjs +0 -0
- /package/{esm2020 → esm2022}/skeleton/models.mjs +0 -0
|
@@ -10,10 +10,16 @@ import { validatePackage } from '@progress/kendo-licensing';
|
|
|
10
10
|
import { NgFor } from '@angular/common';
|
|
11
11
|
|
|
12
12
|
class BadgeContainerComponent {
|
|
13
|
+
localizationService;
|
|
14
|
+
hostClass = true;
|
|
15
|
+
/**
|
|
16
|
+
* @hidden
|
|
17
|
+
*/
|
|
18
|
+
direction;
|
|
19
|
+
dynamicRTLSubscription;
|
|
20
|
+
rtl = false;
|
|
13
21
|
constructor(localizationService) {
|
|
14
22
|
this.localizationService = localizationService;
|
|
15
|
-
this.hostClass = true;
|
|
16
|
-
this.rtl = false;
|
|
17
23
|
this.dynamicRTLSubscription = this.localizationService.changes.subscribe(({ rtl }) => {
|
|
18
24
|
this.rtl = rtl;
|
|
19
25
|
this.direction = this.rtl ? 'rtl' : 'ltr';
|
|
@@ -24,16 +30,16 @@ class BadgeContainerComponent {
|
|
|
24
30
|
this.dynamicRTLSubscription.unsubscribe();
|
|
25
31
|
}
|
|
26
32
|
}
|
|
33
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BadgeContainerComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
34
|
+
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: [
|
|
35
|
+
LocalizationService,
|
|
36
|
+
{
|
|
37
|
+
provide: L10N_PREFIX,
|
|
38
|
+
useValue: 'kendo.badge.component'
|
|
39
|
+
}
|
|
40
|
+
], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
|
|
27
41
|
}
|
|
28
|
-
|
|
29
|
-
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: [
|
|
30
|
-
LocalizationService,
|
|
31
|
-
{
|
|
32
|
-
provide: L10N_PREFIX,
|
|
33
|
-
useValue: 'kendo.badge.component'
|
|
34
|
-
}
|
|
35
|
-
], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
|
|
36
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BadgeContainerComponent, decorators: [{
|
|
42
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BadgeContainerComponent, decorators: [{
|
|
37
43
|
type: Component,
|
|
38
44
|
args: [{
|
|
39
45
|
selector: 'kendo-badge-container',
|
|
@@ -62,8 +68,8 @@ const packageMetadata = {
|
|
|
62
68
|
name: '@progress/kendo-angular-indicators',
|
|
63
69
|
productName: 'Kendo UI for Angular',
|
|
64
70
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
65
|
-
publishDate:
|
|
66
|
-
version: '17.0.0
|
|
71
|
+
publishDate: 1731414029,
|
|
72
|
+
version: '17.0.0',
|
|
67
73
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
68
74
|
};
|
|
69
75
|
|
|
@@ -83,102 +89,17 @@ const ROUNDED_CLASSES = {
|
|
|
83
89
|
* Used to display additional information or status that is related to an element.
|
|
84
90
|
*/
|
|
85
91
|
class BadgeComponent {
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
this.hostClass = true;
|
|
91
|
-
/**
|
|
92
|
-
* Specifies the size of the Badge ([see example]({% slug appearance_badge %}#toc-size)).
|
|
93
|
-
*
|
|
94
|
-
* The possible values are:
|
|
95
|
-
* * `small`
|
|
96
|
-
* * `medium`
|
|
97
|
-
* * `large`
|
|
98
|
-
* * `none`
|
|
99
|
-
*
|
|
100
|
-
* @default medium
|
|
101
|
-
*/
|
|
102
|
-
this.size = 'medium';
|
|
103
|
-
/**
|
|
104
|
-
* Specifies the appearance fill style of the Badge ([see example]({% slug appearance_badge %}#toc-fill)).
|
|
105
|
-
*
|
|
106
|
-
* The possible values are:
|
|
107
|
-
* * `solid`
|
|
108
|
-
* * `outline`
|
|
109
|
-
* * `none`
|
|
110
|
-
*
|
|
111
|
-
* @default solid
|
|
112
|
-
*/
|
|
113
|
-
this.fill = 'solid';
|
|
114
|
-
/**
|
|
115
|
-
* Specifies the theme color of the Badge.
|
|
116
|
-
* The theme color will be applied as background and border color, while also amending the text color accordingly
|
|
117
|
-
* ([see example]({% slug appearance_badge %}#toc-theme-color)).
|
|
118
|
-
*
|
|
119
|
-
* The possible values are:
|
|
120
|
-
* * `primary`
|
|
121
|
-
* * `secondary`
|
|
122
|
-
* * `tertiary`
|
|
123
|
-
* * `inherit`
|
|
124
|
-
* * `info`
|
|
125
|
-
* * `success`
|
|
126
|
-
* * `warning`
|
|
127
|
-
* * `error`
|
|
128
|
-
* * `dark`
|
|
129
|
-
* * `light`
|
|
130
|
-
* * `inverse`
|
|
131
|
-
* * `none`
|
|
132
|
-
*
|
|
133
|
-
* @default primary
|
|
134
|
-
*/
|
|
135
|
-
this.themeColor = 'primary';
|
|
136
|
-
/**
|
|
137
|
-
* Specifies the roundness of the Badge ([see example]({% slug appearance_badge %}#toc-rounded)).
|
|
138
|
-
*
|
|
139
|
-
* The possible values are:
|
|
140
|
-
* * `small`
|
|
141
|
-
* * `medium`
|
|
142
|
-
* * `large`
|
|
143
|
-
* * `full`
|
|
144
|
-
* * `none`
|
|
145
|
-
*
|
|
146
|
-
* @default medium
|
|
147
|
-
*/
|
|
148
|
-
this.rounded = 'medium';
|
|
149
|
-
/**
|
|
150
|
-
* Specifies the position of the Badge relative to the edge of the parent container element ([see example]({% slug alignandposition_badge %}#toc-position)).
|
|
151
|
-
*
|
|
152
|
-
* The possible values are:
|
|
153
|
-
* * `edge`
|
|
154
|
-
* * `inside`
|
|
155
|
-
* * `outside`
|
|
156
|
-
*
|
|
157
|
-
* @default edge
|
|
158
|
-
*/
|
|
159
|
-
this.position = 'edge';
|
|
160
|
-
/**
|
|
161
|
-
* Specifies whether or not to render additional `cutout` border around the Badge ([see example]({% slug appearance_badge %}#toc-cutout-border)).
|
|
162
|
-
*
|
|
163
|
-
* The possible values are:
|
|
164
|
-
* * `true`
|
|
165
|
-
* * `false`
|
|
166
|
-
*
|
|
167
|
-
* @default false
|
|
168
|
-
*/
|
|
169
|
-
this.cutoutBorder = false;
|
|
170
|
-
this.badgeClasses = [];
|
|
171
|
-
this.badgeAlign = { vertical: 'top', horizontal: 'end' };
|
|
172
|
-
this.rtl = false;
|
|
173
|
-
validatePackage(packageMetadata);
|
|
174
|
-
this.dynamicRTLSubscription = this.localizationService.changes.subscribe(({ rtl }) => {
|
|
175
|
-
this.rtl = rtl;
|
|
176
|
-
this.direction = this.rtl ? 'rtl' : 'ltr';
|
|
177
|
-
});
|
|
178
|
-
}
|
|
92
|
+
element;
|
|
93
|
+
renderer;
|
|
94
|
+
localizationService;
|
|
95
|
+
hostClass = true;
|
|
179
96
|
get cutoutBorderClass() {
|
|
180
97
|
return this.cutoutBorder;
|
|
181
98
|
}
|
|
99
|
+
/**
|
|
100
|
+
* @hidden
|
|
101
|
+
*/
|
|
102
|
+
direction;
|
|
182
103
|
/**
|
|
183
104
|
* Specifies the alignment of the Badge ([see example]({% slug alignandposition_badge %}#toc-alignment)).
|
|
184
105
|
*
|
|
@@ -196,6 +117,99 @@ class BadgeComponent {
|
|
|
196
117
|
set align(align) {
|
|
197
118
|
this.badgeAlign = Object.assign(this.badgeAlign, align);
|
|
198
119
|
}
|
|
120
|
+
/**
|
|
121
|
+
* Specifies the size of the Badge ([see example]({% slug appearance_badge %}#toc-size)).
|
|
122
|
+
*
|
|
123
|
+
* The possible values are:
|
|
124
|
+
* * `small`
|
|
125
|
+
* * `medium`
|
|
126
|
+
* * `large`
|
|
127
|
+
* * `none`
|
|
128
|
+
*
|
|
129
|
+
* @default medium
|
|
130
|
+
*/
|
|
131
|
+
size = 'medium';
|
|
132
|
+
/**
|
|
133
|
+
* Specifies the appearance fill style of the Badge ([see example]({% slug appearance_badge %}#toc-fill)).
|
|
134
|
+
*
|
|
135
|
+
* The possible values are:
|
|
136
|
+
* * `solid`
|
|
137
|
+
* * `outline`
|
|
138
|
+
* * `none`
|
|
139
|
+
*
|
|
140
|
+
* @default solid
|
|
141
|
+
*/
|
|
142
|
+
fill = 'solid';
|
|
143
|
+
/**
|
|
144
|
+
* Specifies the theme color of the Badge.
|
|
145
|
+
* The theme color will be applied as background and border color, while also amending the text color accordingly
|
|
146
|
+
* ([see example]({% slug appearance_badge %}#toc-theme-color)).
|
|
147
|
+
*
|
|
148
|
+
* The possible values are:
|
|
149
|
+
* * `primary`
|
|
150
|
+
* * `secondary`
|
|
151
|
+
* * `tertiary`
|
|
152
|
+
* * `inherit`
|
|
153
|
+
* * `info`
|
|
154
|
+
* * `success`
|
|
155
|
+
* * `warning`
|
|
156
|
+
* * `error`
|
|
157
|
+
* * `dark`
|
|
158
|
+
* * `light`
|
|
159
|
+
* * `inverse`
|
|
160
|
+
* * `none`
|
|
161
|
+
*
|
|
162
|
+
* @default primary
|
|
163
|
+
*/
|
|
164
|
+
themeColor = 'primary';
|
|
165
|
+
/**
|
|
166
|
+
* Specifies the roundness of the Badge ([see example]({% slug appearance_badge %}#toc-rounded)).
|
|
167
|
+
*
|
|
168
|
+
* The possible values are:
|
|
169
|
+
* * `small`
|
|
170
|
+
* * `medium`
|
|
171
|
+
* * `large`
|
|
172
|
+
* * `full`
|
|
173
|
+
* * `none`
|
|
174
|
+
*
|
|
175
|
+
* @default medium
|
|
176
|
+
*/
|
|
177
|
+
rounded = 'medium';
|
|
178
|
+
/**
|
|
179
|
+
* Specifies the position of the Badge relative to the edge of the parent container element ([see example]({% slug alignandposition_badge %}#toc-position)).
|
|
180
|
+
*
|
|
181
|
+
* The possible values are:
|
|
182
|
+
* * `edge`
|
|
183
|
+
* * `inside`
|
|
184
|
+
* * `outside`
|
|
185
|
+
*
|
|
186
|
+
* @default edge
|
|
187
|
+
*/
|
|
188
|
+
position = 'edge';
|
|
189
|
+
/**
|
|
190
|
+
* Specifies whether or not to render additional `cutout` border around the Badge ([see example]({% slug appearance_badge %}#toc-cutout-border)).
|
|
191
|
+
*
|
|
192
|
+
* The possible values are:
|
|
193
|
+
* * `true`
|
|
194
|
+
* * `false`
|
|
195
|
+
*
|
|
196
|
+
* @default false
|
|
197
|
+
*/
|
|
198
|
+
cutoutBorder = false;
|
|
199
|
+
badgeClasses = [];
|
|
200
|
+
badgeAlign = { vertical: 'top', horizontal: 'end' };
|
|
201
|
+
dynamicRTLSubscription;
|
|
202
|
+
rtl = false;
|
|
203
|
+
constructor(element, renderer, localizationService) {
|
|
204
|
+
this.element = element;
|
|
205
|
+
this.renderer = renderer;
|
|
206
|
+
this.localizationService = localizationService;
|
|
207
|
+
validatePackage(packageMetadata);
|
|
208
|
+
this.dynamicRTLSubscription = this.localizationService.changes.subscribe(({ rtl }) => {
|
|
209
|
+
this.rtl = rtl;
|
|
210
|
+
this.direction = this.rtl ? 'rtl' : 'ltr';
|
|
211
|
+
});
|
|
212
|
+
}
|
|
199
213
|
ngAfterViewInit() {
|
|
200
214
|
if (!this.badgeClasses.length) {
|
|
201
215
|
this.setBadgeClasses();
|
|
@@ -258,16 +272,16 @@ class BadgeComponent {
|
|
|
258
272
|
}
|
|
259
273
|
});
|
|
260
274
|
}
|
|
275
|
+
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 });
|
|
276
|
+
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: [
|
|
277
|
+
LocalizationService,
|
|
278
|
+
{
|
|
279
|
+
provide: L10N_PREFIX,
|
|
280
|
+
useValue: 'kendo.badge.component'
|
|
281
|
+
}
|
|
282
|
+
], usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
|
|
261
283
|
}
|
|
262
|
-
|
|
263
|
-
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: [
|
|
264
|
-
LocalizationService,
|
|
265
|
-
{
|
|
266
|
-
provide: L10N_PREFIX,
|
|
267
|
-
useValue: 'kendo.badge.component'
|
|
268
|
-
}
|
|
269
|
-
], usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
|
|
270
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BadgeComponent, decorators: [{
|
|
284
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BadgeComponent, decorators: [{
|
|
271
285
|
type: Component,
|
|
272
286
|
args: [{
|
|
273
287
|
selector: 'kendo-badge',
|
|
@@ -326,16 +340,9 @@ const TYPE_CLASSES = {
|
|
|
326
340
|
* Displays a Loader that represents an indeterminate wait time.
|
|
327
341
|
*/
|
|
328
342
|
class LoaderComponent {
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
this.hostClass = true;
|
|
333
|
-
this._type = 'pulsing';
|
|
334
|
-
this._themeColor = 'primary';
|
|
335
|
-
this._size = 'medium';
|
|
336
|
-
this.loader = this.element.nativeElement;
|
|
337
|
-
validatePackage(packageMetadata);
|
|
338
|
-
}
|
|
343
|
+
element;
|
|
344
|
+
renderer;
|
|
345
|
+
hostClass = true;
|
|
339
346
|
/**
|
|
340
347
|
* Specifies the Loader animation type.
|
|
341
348
|
*
|
|
@@ -393,6 +400,16 @@ class LoaderComponent {
|
|
|
393
400
|
get size() {
|
|
394
401
|
return this._size;
|
|
395
402
|
}
|
|
403
|
+
_type = 'pulsing';
|
|
404
|
+
_themeColor = 'primary';
|
|
405
|
+
_size = 'medium';
|
|
406
|
+
loader;
|
|
407
|
+
constructor(element, renderer) {
|
|
408
|
+
this.element = element;
|
|
409
|
+
this.renderer = renderer;
|
|
410
|
+
validatePackage(packageMetadata);
|
|
411
|
+
this.loader = this.element.nativeElement;
|
|
412
|
+
}
|
|
396
413
|
ngAfterViewInit() {
|
|
397
414
|
this.setLoaderClasses();
|
|
398
415
|
}
|
|
@@ -407,14 +424,14 @@ class LoaderComponent {
|
|
|
407
424
|
this.renderer.addClass(this.loader, `k-loader-${this.themeColor}`);
|
|
408
425
|
this.renderer.addClass(this.loader, SIZE_CLASSES[this.size]);
|
|
409
426
|
}
|
|
410
|
-
}
|
|
411
|
-
|
|
412
|
-
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: `
|
|
427
|
+
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 });
|
|
428
|
+
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: `
|
|
413
429
|
<div class="k-loader-canvas">
|
|
414
430
|
<span *ngFor="let segment of segmentCount" class="k-loader-segment"></span>
|
|
415
431
|
</div>
|
|
416
432
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
417
|
-
|
|
433
|
+
}
|
|
434
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderComponent, decorators: [{
|
|
418
435
|
type: Component,
|
|
419
436
|
args: [{
|
|
420
437
|
selector: 'kendo-loader',
|
|
@@ -475,12 +492,8 @@ const skeletonAnimationError = (input) => `"${input}" is not a valid kendo-skele
|
|
|
475
492
|
* Displays a Skeleton that represents loading content.
|
|
476
493
|
*/
|
|
477
494
|
class SkeletonComponent {
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
this.hostElement = hostElement;
|
|
481
|
-
this._animation = "pulse";
|
|
482
|
-
this._shape = 'text';
|
|
483
|
-
}
|
|
495
|
+
renderer;
|
|
496
|
+
hostElement;
|
|
484
497
|
/**
|
|
485
498
|
* Specifies the animation settings of the Skeleton.
|
|
486
499
|
*
|
|
@@ -542,6 +555,12 @@ class SkeletonComponent {
|
|
|
542
555
|
set height(height) {
|
|
543
556
|
this.renderer.setStyle(this.hostElement.nativeElement, "height", typeof height === "string" ? height : height + "px");
|
|
544
557
|
}
|
|
558
|
+
_animation = "pulse";
|
|
559
|
+
_shape = 'text';
|
|
560
|
+
constructor(renderer, hostElement) {
|
|
561
|
+
this.renderer = renderer;
|
|
562
|
+
this.hostElement = hostElement;
|
|
563
|
+
}
|
|
545
564
|
ngAfterViewInit() {
|
|
546
565
|
const hostElement = this.hostElement.nativeElement;
|
|
547
566
|
hostElement.classList.add("k-skeleton", SHAPE_CLASSES[this.shape]);
|
|
@@ -549,10 +568,10 @@ class SkeletonComponent {
|
|
|
549
568
|
hostElement.classList.add(ANIMATION_CLASSES[this.animation]);
|
|
550
569
|
}
|
|
551
570
|
}
|
|
571
|
+
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 });
|
|
572
|
+
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 });
|
|
552
573
|
}
|
|
553
|
-
|
|
554
|
-
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 });
|
|
555
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SkeletonComponent, decorators: [{
|
|
574
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SkeletonComponent, decorators: [{
|
|
556
575
|
type: Component,
|
|
557
576
|
args: [{
|
|
558
577
|
selector: "kendo-skeleton",
|
|
@@ -610,11 +629,11 @@ const KENDO_INDICATORS = [
|
|
|
610
629
|
* definition for the Badge and BadgeContainer components.
|
|
611
630
|
*/
|
|
612
631
|
class BadgeModule {
|
|
632
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
633
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: BadgeModule, imports: [BadgeComponent, BadgeContainerComponent], exports: [BadgeComponent, BadgeContainerComponent] });
|
|
634
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BadgeModule });
|
|
613
635
|
}
|
|
614
|
-
|
|
615
|
-
BadgeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: BadgeModule, imports: [BadgeComponent, BadgeContainerComponent], exports: [BadgeComponent, BadgeContainerComponent] });
|
|
616
|
-
BadgeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BadgeModule, imports: [KENDO_BADGECONTAINER] });
|
|
617
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BadgeModule, decorators: [{
|
|
636
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BadgeModule, decorators: [{
|
|
618
637
|
type: NgModule,
|
|
619
638
|
args: [{
|
|
620
639
|
exports: [...KENDO_BADGECONTAINER],
|
|
@@ -628,11 +647,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
628
647
|
* definition for the Loader component.
|
|
629
648
|
*/
|
|
630
649
|
class LoaderModule {
|
|
650
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
651
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: LoaderModule, imports: [LoaderComponent], exports: [LoaderComponent] });
|
|
652
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderModule });
|
|
631
653
|
}
|
|
632
|
-
|
|
633
|
-
LoaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: LoaderModule, imports: [LoaderComponent], exports: [LoaderComponent] });
|
|
634
|
-
LoaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoaderModule, imports: [KENDO_LOADER] });
|
|
635
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoaderModule, decorators: [{
|
|
654
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderModule, decorators: [{
|
|
636
655
|
type: NgModule,
|
|
637
656
|
args: [{
|
|
638
657
|
exports: [...KENDO_LOADER],
|
|
@@ -646,11 +665,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
646
665
|
* definition for the Skeleton component.
|
|
647
666
|
*/
|
|
648
667
|
class SkeletonModule {
|
|
668
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
669
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SkeletonModule, imports: [SkeletonComponent], exports: [SkeletonComponent] });
|
|
670
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SkeletonModule });
|
|
649
671
|
}
|
|
650
|
-
|
|
651
|
-
SkeletonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SkeletonModule, imports: [SkeletonComponent], exports: [SkeletonComponent] });
|
|
652
|
-
SkeletonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SkeletonModule, imports: [KENDO_SKELETON] });
|
|
653
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SkeletonModule, decorators: [{
|
|
672
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SkeletonModule, decorators: [{
|
|
654
673
|
type: NgModule,
|
|
655
674
|
args: [{
|
|
656
675
|
exports: [...KENDO_SKELETON],
|
|
@@ -691,11 +710,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
691
710
|
* ```
|
|
692
711
|
*/
|
|
693
712
|
class IndicatorsModule {
|
|
713
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IndicatorsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
714
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IndicatorsModule, imports: [BadgeComponent, BadgeContainerComponent, LoaderComponent, SkeletonComponent], exports: [BadgeComponent, BadgeContainerComponent, LoaderComponent, SkeletonComponent] });
|
|
715
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IndicatorsModule });
|
|
694
716
|
}
|
|
695
|
-
|
|
696
|
-
IndicatorsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: IndicatorsModule, imports: [BadgeComponent, BadgeContainerComponent, LoaderComponent, SkeletonComponent], exports: [BadgeComponent, BadgeContainerComponent, LoaderComponent, SkeletonComponent] });
|
|
697
|
-
IndicatorsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IndicatorsModule, imports: [KENDO_INDICATORS] });
|
|
698
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IndicatorsModule, decorators: [{
|
|
717
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IndicatorsModule, decorators: [{
|
|
699
718
|
type: NgModule,
|
|
700
719
|
args: [{
|
|
701
720
|
imports: [...KENDO_INDICATORS],
|
|
@@ -66,5 +66,5 @@ export declare class LoaderComponent implements AfterViewInit {
|
|
|
66
66
|
get segmentCount(): Array<any>;
|
|
67
67
|
private setLoaderClasses;
|
|
68
68
|
static ɵfac: i0.ɵɵFactoryDeclaration<LoaderComponent, never>;
|
|
69
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<LoaderComponent, "kendo-loader", never, { "type": "type"; "themeColor": "themeColor"; "size": "size"; }, {}, never, never, true, never>;
|
|
69
|
+
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>;
|
|
70
70
|
}
|
package/loader/models/size.d.ts
CHANGED
|
@@ -19,4 +19,4 @@
|
|
|
19
19
|
* * `inverse`— Applies coloring based on inverted theme color.
|
|
20
20
|
*
|
|
21
21
|
*/
|
|
22
|
-
export
|
|
22
|
+
export type LoaderThemeColor = 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';
|
package/loader/models/type.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-indicators",
|
|
3
|
-
"version": "17.0.0
|
|
3
|
+
"version": "17.0.0",
|
|
4
4
|
"description": "Kendo UI Indicators for Angular",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -16,26 +16,22 @@
|
|
|
16
16
|
"friendlyName": "Indicators"
|
|
17
17
|
},
|
|
18
18
|
"peerDependencies": {
|
|
19
|
-
"@angular/animations": "
|
|
20
|
-
"@angular/common": "
|
|
21
|
-
"@angular/core": "
|
|
22
|
-
"@angular/platform-browser": "
|
|
19
|
+
"@angular/animations": "16 - 18",
|
|
20
|
+
"@angular/common": "16 - 18",
|
|
21
|
+
"@angular/core": "16 - 18",
|
|
22
|
+
"@angular/platform-browser": "16 - 18",
|
|
23
23
|
"@progress/kendo-licensing": "^1.0.2",
|
|
24
|
-
"@progress/kendo-angular-common": "17.0.0
|
|
25
|
-
"@progress/kendo-angular-intl": "17.0.0
|
|
26
|
-
"@progress/kendo-angular-l10n": "17.0.0
|
|
24
|
+
"@progress/kendo-angular-common": "17.0.0",
|
|
25
|
+
"@progress/kendo-angular-intl": "17.0.0",
|
|
26
|
+
"@progress/kendo-angular-l10n": "17.0.0",
|
|
27
27
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"tslib": "^2.3.1",
|
|
31
|
-
"@progress/kendo-angular-schematics": "17.0.0
|
|
31
|
+
"@progress/kendo-angular-schematics": "17.0.0"
|
|
32
32
|
},
|
|
33
33
|
"schematics": "./schematics/collection.json",
|
|
34
|
-
"module": "
|
|
35
|
-
"es2020": "fesm2020/progress-kendo-angular-indicators.mjs",
|
|
36
|
-
"esm2020": "esm2020/progress-kendo-angular-indicators.mjs",
|
|
37
|
-
"fesm2020": "fesm2020/progress-kendo-angular-indicators.mjs",
|
|
38
|
-
"fesm2015": "fesm2015/progress-kendo-angular-indicators.mjs",
|
|
34
|
+
"module": "fesm2022/progress-kendo-angular-indicators.mjs",
|
|
39
35
|
"typings": "index.d.ts",
|
|
40
36
|
"exports": {
|
|
41
37
|
"./package.json": {
|
|
@@ -43,11 +39,9 @@
|
|
|
43
39
|
},
|
|
44
40
|
".": {
|
|
45
41
|
"types": "./index.d.ts",
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"
|
|
49
|
-
"node": "./fesm2015/progress-kendo-angular-indicators.mjs",
|
|
50
|
-
"default": "./fesm2020/progress-kendo-angular-indicators.mjs"
|
|
42
|
+
"esm2022": "./esm2022/progress-kendo-angular-indicators.mjs",
|
|
43
|
+
"esm": "./esm2022/progress-kendo-angular-indicators.mjs",
|
|
44
|
+
"default": "./fesm2022/progress-kendo-angular-indicators.mjs"
|
|
51
45
|
}
|
|
52
46
|
},
|
|
53
47
|
"sideEffects": false
|
package/skeleton/models.d.ts
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
* * `wave` — Shows a wave animation effect.
|
|
11
11
|
* * `false` — Disables the animation. Note that it's a boolean, not a string.
|
|
12
12
|
*/
|
|
13
|
-
export
|
|
13
|
+
export type SkeletonAnimation = false | 'pulse' | 'wave';
|
|
14
14
|
/**
|
|
15
15
|
* @hidden
|
|
16
16
|
*/
|
|
@@ -23,7 +23,7 @@ export declare const validAnimations: SkeletonAnimation[];
|
|
|
23
23
|
* * `circle` — Renders a circular Skeleton.
|
|
24
24
|
* * `rectangle` — Renders a rectangular Skeleton.
|
|
25
25
|
*/
|
|
26
|
-
export
|
|
26
|
+
export type SkeletonShape = 'circle' | 'rectangle' | 'text';
|
|
27
27
|
/**
|
|
28
28
|
* @hidden
|
|
29
29
|
*/
|
|
@@ -52,5 +52,5 @@ export declare class SkeletonComponent implements AfterViewInit {
|
|
|
52
52
|
constructor(renderer: Renderer2, hostElement: ElementRef);
|
|
53
53
|
ngAfterViewInit(): void;
|
|
54
54
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonComponent, never>;
|
|
55
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonComponent, "kendo-skeleton", never, { "animation": "animation"; "shape": "shape"; "width": "width"; "height": "height"; }, {}, never, never, true, never>;
|
|
55
|
+
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>;
|
|
56
56
|
}
|