@progress/kendo-angular-indicators 1.1.3 → 2.0.0-next.202203230839
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/{dist/es2015/badge → badge}/badge-container.component.d.ts +3 -0
- package/{dist/es2015/badge → badge}/badge.component.d.ts +6 -2
- package/{dist/es2015/badge → badge}/models/align.d.ts +0 -0
- package/{dist/es2015/badge → badge}/models/fill.d.ts +0 -0
- package/{dist/es2015/badge → badge}/models/position.d.ts +0 -0
- package/{dist/es2015/badge → badge}/models/shape.d.ts +0 -0
- package/{dist/es2015/badge → badge}/models/size.d.ts +0 -0
- package/{dist/es2015/badge → badge}/models/theme-color.d.ts +0 -0
- package/badge.module.d.ts +17 -0
- package/bundles/kendo-angular-indicators.umd.js +5 -0
- package/esm2015/badge/badge-container.component.js +52 -0
- package/{dist/es2015 → esm2015}/badge/badge.component.js +50 -63
- package/{dist/es → esm2015}/badge/models/align.js +1 -0
- package/{dist/es2015 → esm2015}/badge/models/fill.js +1 -0
- package/{dist/es2015 → esm2015}/badge/models/position.js +1 -0
- package/{dist/es2015 → esm2015}/badge/models/shape.js +1 -0
- package/{dist/es → esm2015}/badge/models/size.js +1 -0
- package/{dist/es → esm2015}/badge/models/theme-color.js +1 -0
- package/esm2015/badge.module.js +35 -0
- package/{dist/es → esm2015}/indicators.module.js +20 -16
- package/{dist/es/index.js → esm2015/kendo-angular-indicators.js} +0 -1
- package/{dist/es2015 → esm2015}/loader/loader.component.js +27 -32
- package/{dist/es → esm2015}/loader/models/size.js +1 -0
- package/{dist/es → esm2015}/loader/models/theme-color.js +1 -0
- package/{dist/es → esm2015}/loader/models/type.js +1 -0
- package/esm2015/loader.module.js +31 -0
- package/{dist/es → esm2015}/main.js +1 -0
- package/{dist/es2015 → esm2015}/package-metadata.js +1 -1
- package/{dist/es2015 → esm2015}/skeleton/constants.js +0 -0
- package/{dist/es2015 → esm2015}/skeleton/models.js +0 -0
- package/{dist/es2015 → esm2015}/skeleton/skeleton.component.js +22 -33
- package/esm2015/skeleton.module.js +25 -0
- package/{dist/fesm2015/index.js → fesm2015/kendo-angular-indicators.js} +206 -203
- package/{dist/es2015/indicators.module.d.ts → indicators.module.d.ts} +7 -0
- package/{dist/es2015/index.d.ts → kendo-angular-indicators.d.ts} +1 -1
- package/{dist/es2015/loader → loader}/loader.component.d.ts +10 -4
- package/{dist/es2015/loader → loader}/models/size.d.ts +0 -0
- package/{dist/es2015/loader → loader}/models/theme-color.d.ts +0 -0
- package/{dist/es2015/loader → loader}/models/type.d.ts +0 -0
- package/{dist/es2015/loader.module.d.ts → loader.module.d.ts} +6 -0
- package/{dist/es2015/main.d.ts → main.d.ts} +1 -0
- package/{dist/es2015/package-metadata.d.ts → package-metadata.d.ts} +0 -0
- package/package.json +30 -98
- package/schematics/ngAdd/index.js +5 -2
- package/schematics/ngAdd/index.js.map +1 -1
- package/{dist/es2015/skeleton → skeleton}/constants.d.ts +0 -0
- package/{dist/es2015/skeleton → skeleton}/models.d.ts +0 -0
- package/{dist/es2015/skeleton → skeleton}/skeleton.component.d.ts +9 -4
- package/{dist/es2015/skeleton.module.d.ts → skeleton.module.d.ts} +6 -0
- package/dist/cdn/js/kendo-angular-indicators.js +0 -20
- package/dist/cdn/main.js +0 -5
- package/dist/es/badge/badge-container.component.js +0 -49
- package/dist/es/badge/badge.component.js +0 -241
- package/dist/es/badge/models/fill.js +0 -4
- package/dist/es/badge/models/position.js +0 -4
- package/dist/es/badge/models/shape.js +0 -4
- package/dist/es/badge.module.js +0 -31
- package/dist/es/loader/loader.component.js +0 -155
- package/dist/es/loader.module.js +0 -29
- package/dist/es/package-metadata.js +0 -15
- package/dist/es/skeleton/constants.js +0 -28
- package/dist/es/skeleton/models.js +0 -12
- package/dist/es/skeleton/skeleton.component.js +0 -134
- package/dist/es/skeleton.module.js +0 -25
- package/dist/es2015/badge/badge-container.component.js +0 -46
- package/dist/es2015/badge/models/align.js +0 -4
- package/dist/es2015/badge/models/size.js +0 -4
- package/dist/es2015/badge/models/theme-color.js +0 -4
- package/dist/es2015/badge.module.d.ts +0 -10
- package/dist/es2015/badge.module.js +0 -30
- package/dist/es2015/index.js +0 -9
- package/dist/es2015/index.metadata.json +0 -1
- package/dist/es2015/indicators.module.js +0 -52
- package/dist/es2015/loader/models/size.js +0 -4
- package/dist/es2015/loader/models/theme-color.js +0 -4
- package/dist/es2015/loader/models/type.js +0 -4
- package/dist/es2015/loader.module.js +0 -28
- package/dist/es2015/main.js +0 -11
- package/dist/es2015/skeleton.module.js +0 -22
- package/dist/fesm5/index.js +0 -713
- package/dist/npm/badge/badge-container.component.js +0 -51
- package/dist/npm/badge/badge.component.js +0 -243
- package/dist/npm/badge/models/align.js +0 -6
- package/dist/npm/badge/models/fill.js +0 -6
- package/dist/npm/badge/models/position.js +0 -6
- package/dist/npm/badge/models/shape.js +0 -6
- package/dist/npm/badge/models/size.js +0 -6
- package/dist/npm/badge/models/theme-color.js +0 -6
- package/dist/npm/badge.module.js +0 -33
- package/dist/npm/index.js +0 -13
- package/dist/npm/indicators.module.js +0 -57
- package/dist/npm/loader/loader.component.js +0 -157
- package/dist/npm/loader/models/size.js +0 -6
- package/dist/npm/loader/models/theme-color.js +0 -6
- package/dist/npm/loader/models/type.js +0 -6
- package/dist/npm/loader.module.js +0 -31
- package/dist/npm/main.js +0 -20
- package/dist/npm/package-metadata.js +0 -17
- package/dist/npm/skeleton/constants.js +0 -30
- package/dist/npm/skeleton/models.js +0 -14
- package/dist/npm/skeleton/skeleton.component.js +0 -136
- package/dist/npm/skeleton.module.js +0 -27
- package/dist/systemjs/kendo-angular-indicators.js +0 -5
|
@@ -2,15 +2,15 @@
|
|
|
2
2
|
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import
|
|
6
|
-
import { Component, ChangeDetectionStrategy, Input, Renderer2, ElementRef, isDevMode } from "@angular/core";
|
|
5
|
+
import { Component, ChangeDetectionStrategy, Input, isDevMode } from "@angular/core";
|
|
7
6
|
import { ANIMATION_CLASSES, SHAPE_CLASSES, skeletonAnimationError, skeletonShapeError } from "./constants";
|
|
8
7
|
import { validAnimations, validShapes } from "./models";
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
9
|
/**
|
|
10
10
|
* Represents the [Kendo UI Skeleton component for Angular]({% slug overview_skeleton %}).
|
|
11
11
|
* Displays a Skeleton that represents loading content.
|
|
12
12
|
*/
|
|
13
|
-
|
|
13
|
+
export class SkeletonComponent {
|
|
14
14
|
constructor(renderer, hostElement) {
|
|
15
15
|
this.renderer = renderer;
|
|
16
16
|
this.hostElement = hostElement;
|
|
@@ -85,33 +85,22 @@ let SkeletonComponent = class SkeletonComponent {
|
|
|
85
85
|
hostElement.classList.add(ANIMATION_CLASSES[this.animation]);
|
|
86
86
|
}
|
|
87
87
|
}
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
],
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
tslib_1.__metadata("design:paramtypes", [Object])
|
|
108
|
-
], SkeletonComponent.prototype, "height", null);
|
|
109
|
-
SkeletonComponent = tslib_1.__decorate([
|
|
110
|
-
Component({
|
|
111
|
-
selector: "kendo-skeleton",
|
|
112
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
113
|
-
template: ``
|
|
114
|
-
}),
|
|
115
|
-
tslib_1.__metadata("design:paramtypes", [Renderer2, ElementRef])
|
|
116
|
-
], SkeletonComponent);
|
|
117
|
-
export { SkeletonComponent };
|
|
88
|
+
}
|
|
89
|
+
SkeletonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkeletonComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
90
|
+
SkeletonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkeletonComponent, 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: "12.2.16", ngImport: i0, type: SkeletonComponent, decorators: [{
|
|
92
|
+
type: Component,
|
|
93
|
+
args: [{
|
|
94
|
+
selector: "kendo-skeleton",
|
|
95
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
96
|
+
template: ``
|
|
97
|
+
}]
|
|
98
|
+
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { animation: [{
|
|
99
|
+
type: Input
|
|
100
|
+
}], shape: [{
|
|
101
|
+
type: Input
|
|
102
|
+
}], width: [{
|
|
103
|
+
type: Input
|
|
104
|
+
}], height: [{
|
|
105
|
+
type: Input
|
|
106
|
+
}] } });
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { CommonModule } from '@angular/common';
|
|
6
|
+
import { NgModule } from '@angular/core';
|
|
7
|
+
import { SkeletonComponent } from './skeleton/skeleton.component';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
/**
|
|
10
|
+
* Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
|
|
11
|
+
* definition for the Skeleton component.
|
|
12
|
+
*/
|
|
13
|
+
export class SkeletonModule {
|
|
14
|
+
}
|
|
15
|
+
SkeletonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
16
|
+
SkeletonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkeletonModule, declarations: [SkeletonComponent], imports: [CommonModule], exports: [SkeletonComponent] });
|
|
17
|
+
SkeletonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkeletonModule, imports: [[CommonModule]] });
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkeletonModule, decorators: [{
|
|
19
|
+
type: NgModule,
|
|
20
|
+
args: [{
|
|
21
|
+
declarations: [SkeletonComponent],
|
|
22
|
+
exports: [SkeletonComponent],
|
|
23
|
+
imports: [CommonModule]
|
|
24
|
+
}]
|
|
25
|
+
}] });
|
|
@@ -2,10 +2,12 @@
|
|
|
2
2
|
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import
|
|
6
|
-
import {
|
|
5
|
+
import * as i0 from '@angular/core';
|
|
6
|
+
import { Component, HostBinding, Input, NgModule, isDevMode, ChangeDetectionStrategy } from '@angular/core';
|
|
7
|
+
import * as i1 from '@progress/kendo-angular-l10n';
|
|
7
8
|
import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
|
|
8
9
|
import { validatePackage } from '@progress/kendo-licensing';
|
|
10
|
+
import * as i1$1 from '@angular/common';
|
|
9
11
|
import { CommonModule } from '@angular/common';
|
|
10
12
|
|
|
11
13
|
/**
|
|
@@ -15,12 +17,12 @@ const packageMetadata = {
|
|
|
15
17
|
name: '@progress/kendo-angular-indicators',
|
|
16
18
|
productName: 'Kendo UI for Angular',
|
|
17
19
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
18
|
-
publishDate:
|
|
20
|
+
publishDate: 1648024725,
|
|
19
21
|
version: '',
|
|
20
22
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
|
|
21
23
|
};
|
|
22
24
|
|
|
23
|
-
const SIZE_CLASSES = {
|
|
25
|
+
const SIZE_CLASSES$1 = {
|
|
24
26
|
'small': 'k-badge-sm',
|
|
25
27
|
'medium': 'k-badge-md',
|
|
26
28
|
'large': 'k-badge-lg'
|
|
@@ -29,7 +31,7 @@ const SIZE_CLASSES = {
|
|
|
29
31
|
* Represents the [Kendo UI Badge component for Angular]({% slug overview_badge %}).
|
|
30
32
|
* Used to display additional information or status that is related to an element.
|
|
31
33
|
*/
|
|
32
|
-
|
|
34
|
+
class BadgeComponent {
|
|
33
35
|
constructor(element, renderer, localizationService) {
|
|
34
36
|
this.element = element;
|
|
35
37
|
this.renderer = renderer;
|
|
@@ -152,7 +154,7 @@ let BadgeComponent = class BadgeComponent {
|
|
|
152
154
|
return `k-badge-${this.position}`;
|
|
153
155
|
}
|
|
154
156
|
sizeClass() {
|
|
155
|
-
return SIZE_CLASSES[this.size];
|
|
157
|
+
return SIZE_CLASSES$1[this.size];
|
|
156
158
|
}
|
|
157
159
|
shapeClass() {
|
|
158
160
|
return `k-badge-${this.shape}`;
|
|
@@ -180,67 +182,54 @@ let BadgeComponent = class BadgeComponent {
|
|
|
180
182
|
this.renderer.addClass(element, className);
|
|
181
183
|
});
|
|
182
184
|
}
|
|
183
|
-
}
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
],
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
providers: [
|
|
230
|
-
LocalizationService,
|
|
231
|
-
{
|
|
232
|
-
provide: L10N_PREFIX,
|
|
233
|
-
useValue: 'kendo.badge.component'
|
|
234
|
-
}
|
|
235
|
-
],
|
|
236
|
-
template: `<ng-content></ng-content>`
|
|
237
|
-
}),
|
|
238
|
-
__metadata("design:paramtypes", [ElementRef,
|
|
239
|
-
Renderer2,
|
|
240
|
-
LocalizationService])
|
|
241
|
-
], BadgeComponent);
|
|
185
|
+
}
|
|
186
|
+
BadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BadgeComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
187
|
+
BadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: BadgeComponent, selector: "kendo-badge", inputs: { align: "align", size: "size", fill: "fill", themeColor: "themeColor", shape: "shape", position: "position", cutoutBorder: "cutoutBorder" }, host: { properties: { "class.k-badge": "this.hostClass", "class.k-badge-border-cutout": "this.cutoutBorderClass", "attr.dir": "this.direction" } }, providers: [
|
|
188
|
+
LocalizationService,
|
|
189
|
+
{
|
|
190
|
+
provide: L10N_PREFIX,
|
|
191
|
+
useValue: 'kendo.badge.component'
|
|
192
|
+
}
|
|
193
|
+
], usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
|
|
194
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BadgeComponent, decorators: [{
|
|
195
|
+
type: Component,
|
|
196
|
+
args: [{
|
|
197
|
+
selector: 'kendo-badge',
|
|
198
|
+
providers: [
|
|
199
|
+
LocalizationService,
|
|
200
|
+
{
|
|
201
|
+
provide: L10N_PREFIX,
|
|
202
|
+
useValue: 'kendo.badge.component'
|
|
203
|
+
}
|
|
204
|
+
],
|
|
205
|
+
template: `<ng-content></ng-content>`
|
|
206
|
+
}]
|
|
207
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.LocalizationService }]; }, propDecorators: { hostClass: [{
|
|
208
|
+
type: HostBinding,
|
|
209
|
+
args: ['class.k-badge']
|
|
210
|
+
}], cutoutBorderClass: [{
|
|
211
|
+
type: HostBinding,
|
|
212
|
+
args: ['class.k-badge-border-cutout']
|
|
213
|
+
}], direction: [{
|
|
214
|
+
type: HostBinding,
|
|
215
|
+
args: ['attr.dir']
|
|
216
|
+
}], align: [{
|
|
217
|
+
type: Input
|
|
218
|
+
}], size: [{
|
|
219
|
+
type: Input
|
|
220
|
+
}], fill: [{
|
|
221
|
+
type: Input
|
|
222
|
+
}], themeColor: [{
|
|
223
|
+
type: Input
|
|
224
|
+
}], shape: [{
|
|
225
|
+
type: Input
|
|
226
|
+
}], position: [{
|
|
227
|
+
type: Input
|
|
228
|
+
}], cutoutBorder: [{
|
|
229
|
+
type: Input
|
|
230
|
+
}] } });
|
|
242
231
|
|
|
243
|
-
|
|
232
|
+
class BadgeContainerComponent {
|
|
244
233
|
constructor(localizationService) {
|
|
245
234
|
this.localizationService = localizationService;
|
|
246
235
|
this.hostClass = true;
|
|
@@ -255,31 +244,64 @@ let BadgeContainerComponent = class BadgeContainerComponent {
|
|
|
255
244
|
this.dynamicRTLSubscription.unsubscribe();
|
|
256
245
|
}
|
|
257
246
|
}
|
|
258
|
-
}
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
],
|
|
267
|
-
BadgeContainerComponent
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
],
|
|
247
|
+
}
|
|
248
|
+
BadgeContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BadgeContainerComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
249
|
+
BadgeContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: BadgeContainerComponent, selector: "kendo-badge-container", host: { properties: { "class.k-badge-container": "this.hostClass", "attr.dir": "this.direction" } }, providers: [
|
|
250
|
+
LocalizationService,
|
|
251
|
+
{
|
|
252
|
+
provide: L10N_PREFIX,
|
|
253
|
+
useValue: 'kendo.badge.component'
|
|
254
|
+
}
|
|
255
|
+
], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
|
|
256
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BadgeContainerComponent, decorators: [{
|
|
257
|
+
type: Component,
|
|
258
|
+
args: [{
|
|
259
|
+
selector: 'kendo-badge-container',
|
|
260
|
+
providers: [
|
|
261
|
+
LocalizationService,
|
|
262
|
+
{
|
|
263
|
+
provide: L10N_PREFIX,
|
|
264
|
+
useValue: 'kendo.badge.component'
|
|
265
|
+
}
|
|
266
|
+
],
|
|
267
|
+
template: `<ng-content></ng-content>`
|
|
268
|
+
}]
|
|
269
|
+
}], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { hostClass: [{
|
|
270
|
+
type: HostBinding,
|
|
271
|
+
args: ['class.k-badge-container']
|
|
272
|
+
}], direction: [{
|
|
273
|
+
type: HostBinding,
|
|
274
|
+
args: ['attr.dir']
|
|
275
|
+
}] } });
|
|
281
276
|
|
|
282
|
-
const
|
|
277
|
+
const exportedModules$1 = [
|
|
278
|
+
BadgeComponent,
|
|
279
|
+
BadgeContainerComponent
|
|
280
|
+
];
|
|
281
|
+
const declarations$1 = [
|
|
282
|
+
...exportedModules$1
|
|
283
|
+
];
|
|
284
|
+
/**
|
|
285
|
+
* Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
|
|
286
|
+
* definition for the Badge component.
|
|
287
|
+
*/
|
|
288
|
+
class BadgeModule {
|
|
289
|
+
}
|
|
290
|
+
BadgeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
291
|
+
BadgeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BadgeModule, declarations: [BadgeComponent,
|
|
292
|
+
BadgeContainerComponent], imports: [CommonModule], exports: [BadgeComponent,
|
|
293
|
+
BadgeContainerComponent] });
|
|
294
|
+
BadgeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BadgeModule, imports: [[CommonModule]] });
|
|
295
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BadgeModule, decorators: [{
|
|
296
|
+
type: NgModule,
|
|
297
|
+
args: [{
|
|
298
|
+
declarations: [declarations$1],
|
|
299
|
+
exports: [exportedModules$1],
|
|
300
|
+
imports: [CommonModule]
|
|
301
|
+
}]
|
|
302
|
+
}] });
|
|
303
|
+
|
|
304
|
+
const SIZE_CLASSES = {
|
|
283
305
|
'small': 'k-loader-sm',
|
|
284
306
|
'medium': 'k-loader-md',
|
|
285
307
|
'large': 'k-loader-lg'
|
|
@@ -298,7 +320,7 @@ const TYPE_CLASSES = {
|
|
|
298
320
|
* Represents the [Kendo UI Loader component for Angular]({% slug overview_loader %}).
|
|
299
321
|
* Displays a Loader that represents an indeterminate wait time.
|
|
300
322
|
*/
|
|
301
|
-
|
|
323
|
+
class LoaderComponent {
|
|
302
324
|
constructor(element, renderer) {
|
|
303
325
|
this.element = element;
|
|
304
326
|
this.renderer = renderer;
|
|
@@ -359,8 +381,8 @@ let LoaderComponent = class LoaderComponent {
|
|
|
359
381
|
*
|
|
360
382
|
*/
|
|
361
383
|
set size(size) {
|
|
362
|
-
this.renderer.removeClass(this.loader, SIZE_CLASSES
|
|
363
|
-
this.renderer.addClass(this.loader, SIZE_CLASSES
|
|
384
|
+
this.renderer.removeClass(this.loader, SIZE_CLASSES[this.size]);
|
|
385
|
+
this.renderer.addClass(this.loader, SIZE_CLASSES[size]);
|
|
364
386
|
this._size = size;
|
|
365
387
|
}
|
|
366
388
|
get size() {
|
|
@@ -378,40 +400,35 @@ let LoaderComponent = class LoaderComponent {
|
|
|
378
400
|
setLoaderClasses() {
|
|
379
401
|
this.renderer.addClass(this.loader, TYPE_CLASSES[this.type]);
|
|
380
402
|
this.renderer.addClass(this.loader, `k-loader-${this.themeColor}`);
|
|
381
|
-
this.renderer.addClass(this.loader, SIZE_CLASSES
|
|
403
|
+
this.renderer.addClass(this.loader, SIZE_CLASSES[this.size]);
|
|
382
404
|
}
|
|
383
|
-
}
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
__metadata("design:type", String),
|
|
396
|
-
__metadata("design:paramtypes", [String])
|
|
397
|
-
], LoaderComponent.prototype, "themeColor", null);
|
|
398
|
-
__decorate([
|
|
399
|
-
Input(),
|
|
400
|
-
__metadata("design:type", String),
|
|
401
|
-
__metadata("design:paramtypes", [String])
|
|
402
|
-
], LoaderComponent.prototype, "size", null);
|
|
403
|
-
LoaderComponent = __decorate([
|
|
404
|
-
Component({
|
|
405
|
-
selector: 'kendo-loader',
|
|
406
|
-
template: `
|
|
405
|
+
}
|
|
406
|
+
LoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LoaderComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
407
|
+
LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: LoaderComponent, selector: "kendo-loader", inputs: { type: "type", themeColor: "themeColor", size: "size" }, host: { properties: { "class.k-loader": "this.hostClass" } }, ngImport: i0, template: `
|
|
408
|
+
<div class="k-loader-canvas">
|
|
409
|
+
<span *ngFor="let segment of segmentCount" class="k-loader-segment"></span>
|
|
410
|
+
</div>
|
|
411
|
+
`, isInline: true, directives: [{ type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
412
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LoaderComponent, decorators: [{
|
|
413
|
+
type: Component,
|
|
414
|
+
args: [{
|
|
415
|
+
selector: 'kendo-loader',
|
|
416
|
+
template: `
|
|
407
417
|
<div class="k-loader-canvas">
|
|
408
418
|
<span *ngFor="let segment of segmentCount" class="k-loader-segment"></span>
|
|
409
419
|
</div>
|
|
410
420
|
`
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
]
|
|
421
|
+
}]
|
|
422
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { hostClass: [{
|
|
423
|
+
type: HostBinding,
|
|
424
|
+
args: ['class.k-loader']
|
|
425
|
+
}], type: [{
|
|
426
|
+
type: Input
|
|
427
|
+
}], themeColor: [{
|
|
428
|
+
type: Input
|
|
429
|
+
}], size: [{
|
|
430
|
+
type: Input
|
|
431
|
+
}] } });
|
|
415
432
|
|
|
416
433
|
const exportedModules = [
|
|
417
434
|
LoaderComponent
|
|
@@ -423,15 +440,19 @@ const declarations = [
|
|
|
423
440
|
* Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
|
|
424
441
|
* definition for the Loader component.
|
|
425
442
|
*/
|
|
426
|
-
|
|
427
|
-
}
|
|
428
|
-
LoaderModule =
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
],
|
|
443
|
+
class LoaderModule {
|
|
444
|
+
}
|
|
445
|
+
LoaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
446
|
+
LoaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LoaderModule, declarations: [LoaderComponent], imports: [CommonModule], exports: [LoaderComponent] });
|
|
447
|
+
LoaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LoaderModule, imports: [[CommonModule]] });
|
|
448
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LoaderModule, decorators: [{
|
|
449
|
+
type: NgModule,
|
|
450
|
+
args: [{
|
|
451
|
+
declarations: [declarations],
|
|
452
|
+
exports: [exportedModules],
|
|
453
|
+
imports: [CommonModule]
|
|
454
|
+
}]
|
|
455
|
+
}] });
|
|
435
456
|
|
|
436
457
|
/**
|
|
437
458
|
* @hidden
|
|
@@ -470,7 +491,7 @@ const skeletonAnimationError = (input) => `"${input}" is not a valid kendo-skele
|
|
|
470
491
|
* Represents the [Kendo UI Skeleton component for Angular]({% slug overview_skeleton %}).
|
|
471
492
|
* Displays a Skeleton that represents loading content.
|
|
472
493
|
*/
|
|
473
|
-
|
|
494
|
+
class SkeletonComponent {
|
|
474
495
|
constructor(renderer, hostElement) {
|
|
475
496
|
this.renderer = renderer;
|
|
476
497
|
this.hostElement = hostElement;
|
|
@@ -545,70 +566,43 @@ let SkeletonComponent = class SkeletonComponent {
|
|
|
545
566
|
hostElement.classList.add(ANIMATION_CLASSES[this.animation]);
|
|
546
567
|
}
|
|
547
568
|
}
|
|
548
|
-
}
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
],
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
__metadata("design:paramtypes", [Object])
|
|
568
|
-
], SkeletonComponent.prototype, "height", null);
|
|
569
|
-
SkeletonComponent = __decorate([
|
|
570
|
-
Component({
|
|
571
|
-
selector: "kendo-skeleton",
|
|
572
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
573
|
-
template: ``
|
|
574
|
-
}),
|
|
575
|
-
__metadata("design:paramtypes", [Renderer2, ElementRef])
|
|
576
|
-
], SkeletonComponent);
|
|
569
|
+
}
|
|
570
|
+
SkeletonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkeletonComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
571
|
+
SkeletonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkeletonComponent, selector: "kendo-skeleton", inputs: { animation: "animation", shape: "shape", width: "width", height: "height" }, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
572
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkeletonComponent, decorators: [{
|
|
573
|
+
type: Component,
|
|
574
|
+
args: [{
|
|
575
|
+
selector: "kendo-skeleton",
|
|
576
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
577
|
+
template: ``
|
|
578
|
+
}]
|
|
579
|
+
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { animation: [{
|
|
580
|
+
type: Input
|
|
581
|
+
}], shape: [{
|
|
582
|
+
type: Input
|
|
583
|
+
}], width: [{
|
|
584
|
+
type: Input
|
|
585
|
+
}], height: [{
|
|
586
|
+
type: Input
|
|
587
|
+
}] } });
|
|
577
588
|
|
|
578
589
|
/**
|
|
579
590
|
* Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
|
|
580
591
|
* definition for the Skeleton component.
|
|
581
592
|
*/
|
|
582
|
-
|
|
583
|
-
}
|
|
584
|
-
SkeletonModule =
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
],
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
];
|
|
596
|
-
const declarations$1 = [
|
|
597
|
-
...exportedModules$1
|
|
598
|
-
];
|
|
599
|
-
/**
|
|
600
|
-
* Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
|
|
601
|
-
* definition for the Badge component.
|
|
602
|
-
*/
|
|
603
|
-
let BadgeModule = class BadgeModule {
|
|
604
|
-
};
|
|
605
|
-
BadgeModule = __decorate([
|
|
606
|
-
NgModule({
|
|
607
|
-
declarations: [declarations$1],
|
|
608
|
-
exports: [exportedModules$1],
|
|
609
|
-
imports: [CommonModule]
|
|
610
|
-
})
|
|
611
|
-
], BadgeModule);
|
|
593
|
+
class SkeletonModule {
|
|
594
|
+
}
|
|
595
|
+
SkeletonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
596
|
+
SkeletonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkeletonModule, declarations: [SkeletonComponent], imports: [CommonModule], exports: [SkeletonComponent] });
|
|
597
|
+
SkeletonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkeletonModule, imports: [[CommonModule]] });
|
|
598
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkeletonModule, decorators: [{
|
|
599
|
+
type: NgModule,
|
|
600
|
+
args: [{
|
|
601
|
+
declarations: [SkeletonComponent],
|
|
602
|
+
exports: [SkeletonComponent],
|
|
603
|
+
imports: [CommonModule]
|
|
604
|
+
}]
|
|
605
|
+
}] });
|
|
612
606
|
|
|
613
607
|
/**
|
|
614
608
|
* Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
|
|
@@ -641,20 +635,29 @@ BadgeModule = __decorate([
|
|
|
641
635
|
*
|
|
642
636
|
* ```
|
|
643
637
|
*/
|
|
644
|
-
|
|
645
|
-
}
|
|
646
|
-
IndicatorsModule =
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
]
|
|
653
|
-
|
|
654
|
-
|
|
638
|
+
class IndicatorsModule {
|
|
639
|
+
}
|
|
640
|
+
IndicatorsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IndicatorsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
641
|
+
IndicatorsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IndicatorsModule, exports: [BadgeModule,
|
|
642
|
+
LoaderModule,
|
|
643
|
+
SkeletonModule] });
|
|
644
|
+
IndicatorsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IndicatorsModule, imports: [BadgeModule,
|
|
645
|
+
LoaderModule,
|
|
646
|
+
SkeletonModule] });
|
|
647
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IndicatorsModule, decorators: [{
|
|
648
|
+
type: NgModule,
|
|
649
|
+
args: [{
|
|
650
|
+
exports: [
|
|
651
|
+
BadgeModule,
|
|
652
|
+
LoaderModule,
|
|
653
|
+
SkeletonModule
|
|
654
|
+
]
|
|
655
|
+
}]
|
|
656
|
+
}] });
|
|
655
657
|
|
|
656
658
|
/**
|
|
657
659
|
* Generated bundle index. Do not edit.
|
|
658
660
|
*/
|
|
659
661
|
|
|
660
|
-
export {
|
|
662
|
+
export { BadgeComponent, BadgeContainerComponent, BadgeModule, IndicatorsModule, LoaderComponent, LoaderModule, SkeletonComponent, SkeletonModule };
|
|
663
|
+
|
|
@@ -2,6 +2,10 @@
|
|
|
2
2
|
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "./badge.module";
|
|
7
|
+
import * as i2 from "./loader.module";
|
|
8
|
+
import * as i3 from "./skeleton.module";
|
|
5
9
|
/**
|
|
6
10
|
* Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
|
|
7
11
|
* definition for the Indicators components.
|
|
@@ -34,4 +38,7 @@
|
|
|
34
38
|
* ```
|
|
35
39
|
*/
|
|
36
40
|
export declare class IndicatorsModule {
|
|
41
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<IndicatorsModule, never>;
|
|
42
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<IndicatorsModule, never, never, [typeof i1.BadgeModule, typeof i2.LoaderModule, typeof i3.SkeletonModule]>;
|
|
43
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<IndicatorsModule>;
|
|
37
44
|
}
|