@progress/kendo-angular-indicators 17.0.0-develop.21 → 17.0.0-develop.22
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/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
|
@@ -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
|
}
|
package/badge/models/fill.d.ts
CHANGED
|
@@ -14,4 +14,4 @@
|
|
|
14
14
|
* * `none`—The none option removes the built-in roundness. Allows for custom `border radius`.
|
|
15
15
|
*
|
|
16
16
|
*/
|
|
17
|
-
export
|
|
17
|
+
export type BadgeRounded = 'small' | 'medium' | 'large' | 'full' | 'none';
|
package/badge/models/size.d.ts
CHANGED
|
@@ -20,4 +20,4 @@
|
|
|
20
20
|
* * `inverse`— Applies coloring based on inverted theme color.
|
|
21
21
|
*
|
|
22
22
|
*/
|
|
23
|
-
export
|
|
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
|
-
|
|
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
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
31
|
-
|
|
32
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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:
|
|
13
|
-
version: '17.0.0-develop.
|
|
12
|
+
publishDate: 1730103589,
|
|
13
|
+
version: '17.0.0-develop.22',
|
|
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
|
-
|
|
15
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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],
|