@progress/kendo-angular-indicators 21.4.1-develop.1 → 22.0.0-develop.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/progress-kendo-angular-indicators.mjs +31 -31
- package/package.json +10 -18
- package/esm2022/badge/badge-container.component.mjs +0 -73
- package/esm2022/badge/badge.component.mjs +0 -216
- package/esm2022/badge/models/align.mjs +0 -5
- package/esm2022/badge/models/fill.mjs +0 -5
- package/esm2022/badge/models/position.mjs +0 -5
- package/esm2022/badge/models/rounded.mjs +0 -5
- package/esm2022/badge/models/size.mjs +0 -5
- package/esm2022/badge/models/theme-color.mjs +0 -5
- package/esm2022/badge.module.mjs +0 -26
- package/esm2022/directives.mjs +0 -41
- package/esm2022/index.mjs +0 -13
- package/esm2022/indicators.module.mjs +0 -46
- package/esm2022/loader/loader.component.mjs +0 -134
- package/esm2022/loader/models/size.mjs +0 -5
- package/esm2022/loader/models/theme-color.mjs +0 -5
- package/esm2022/loader/models/type.mjs +0 -5
- package/esm2022/loader.module.mjs +0 -25
- package/esm2022/package-metadata.mjs +0 -16
- package/esm2022/progress-kendo-angular-indicators.mjs +0 -8
- package/esm2022/skeleton/constants.mjs +0 -28
- package/esm2022/skeleton/models.mjs +0 -12
- package/esm2022/skeleton/skeleton.component.mjs +0 -108
- package/esm2022/skeleton.module.mjs +0 -25
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import * as i0 from '@angular/core';
|
|
6
|
-
import {
|
|
6
|
+
import { HostBinding, Component, Input, isDevMode, ChangeDetectionStrategy, NgModule } from '@angular/core';
|
|
7
7
|
import * as i1 from '@progress/kendo-angular-l10n';
|
|
8
8
|
import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
|
|
9
9
|
import { validatePackage } from '@progress/kendo-licensing';
|
|
@@ -43,8 +43,8 @@ class BadgeContainerComponent {
|
|
|
43
43
|
this.dynamicRTLSubscription.unsubscribe();
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
47
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
46
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BadgeContainerComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
47
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: BadgeContainerComponent, isStandalone: true, selector: "kendo-badge-container", host: { properties: { "class.k-badge-container": "this.hostClass", "attr.dir": "this.direction" } }, providers: [
|
|
48
48
|
LocalizationService,
|
|
49
49
|
{
|
|
50
50
|
provide: L10N_PREFIX,
|
|
@@ -52,7 +52,7 @@ class BadgeContainerComponent {
|
|
|
52
52
|
}
|
|
53
53
|
], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
|
|
54
54
|
}
|
|
55
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
55
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BadgeContainerComponent, decorators: [{
|
|
56
56
|
type: Component,
|
|
57
57
|
args: [{
|
|
58
58
|
selector: 'kendo-badge-container',
|
|
@@ -82,8 +82,8 @@ const packageMetadata = {
|
|
|
82
82
|
productName: 'Kendo UI for Angular',
|
|
83
83
|
productCode: 'KENDOUIANGULAR',
|
|
84
84
|
productCodes: ['KENDOUIANGULAR'],
|
|
85
|
-
publishDate:
|
|
86
|
-
version: '
|
|
85
|
+
publishDate: 1768395846,
|
|
86
|
+
version: '22.0.0-develop.1',
|
|
87
87
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
88
88
|
};
|
|
89
89
|
|
|
@@ -246,8 +246,8 @@ class BadgeComponent {
|
|
|
246
246
|
}
|
|
247
247
|
});
|
|
248
248
|
}
|
|
249
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
250
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
249
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BadgeComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
250
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", 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: [
|
|
251
251
|
LocalizationService,
|
|
252
252
|
{
|
|
253
253
|
provide: L10N_PREFIX,
|
|
@@ -255,7 +255,7 @@ class BadgeComponent {
|
|
|
255
255
|
}
|
|
256
256
|
], usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
|
|
257
257
|
}
|
|
258
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
258
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BadgeComponent, decorators: [{
|
|
259
259
|
type: Component,
|
|
260
260
|
args: [{
|
|
261
261
|
selector: 'kendo-badge',
|
|
@@ -387,8 +387,8 @@ class LoaderComponent {
|
|
|
387
387
|
this.renderer.addClass(this.loader, `k-loader-${this.themeColor}`);
|
|
388
388
|
this.renderer.addClass(this.loader, SIZE_CLASSES[this.size]);
|
|
389
389
|
}
|
|
390
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
391
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
390
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: LoaderComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
391
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: LoaderComponent, isStandalone: true, selector: "kendo-loader", inputs: { type: "type", themeColor: "themeColor", size: "size" }, host: { properties: { "class.k-loader": "this.hostClass" } }, ngImport: i0, template: `
|
|
392
392
|
<div class="k-loader-canvas">
|
|
393
393
|
@for (segment of segmentCount; track $index) {
|
|
394
394
|
<span class="k-loader-segment"></span>
|
|
@@ -396,7 +396,7 @@ class LoaderComponent {
|
|
|
396
396
|
</div>
|
|
397
397
|
`, isInline: true });
|
|
398
398
|
}
|
|
399
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
399
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: LoaderComponent, decorators: [{
|
|
400
400
|
type: Component,
|
|
401
401
|
args: [{
|
|
402
402
|
selector: 'kendo-loader',
|
|
@@ -534,10 +534,10 @@ class SkeletonComponent {
|
|
|
534
534
|
hostElement.classList.add(ANIMATION_CLASSES[this.animation]);
|
|
535
535
|
}
|
|
536
536
|
}
|
|
537
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
538
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
537
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SkeletonComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
538
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", 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 });
|
|
539
539
|
}
|
|
540
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
540
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SkeletonComponent, decorators: [{
|
|
541
541
|
type: Component,
|
|
542
542
|
args: [{
|
|
543
543
|
selector: "kendo-skeleton",
|
|
@@ -595,11 +595,11 @@ const KENDO_INDICATORS = [
|
|
|
595
595
|
* definition for the Badge and BadgeContainer components.
|
|
596
596
|
*/
|
|
597
597
|
class BadgeModule {
|
|
598
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
599
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
600
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
598
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
599
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: BadgeModule, imports: [BadgeComponent, BadgeContainerComponent], exports: [BadgeComponent, BadgeContainerComponent] });
|
|
600
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BadgeModule });
|
|
601
601
|
}
|
|
602
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
602
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BadgeModule, decorators: [{
|
|
603
603
|
type: NgModule,
|
|
604
604
|
args: [{
|
|
605
605
|
exports: [...KENDO_BADGECONTAINER],
|
|
@@ -613,11 +613,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
613
613
|
* definition for the Loader component.
|
|
614
614
|
*/
|
|
615
615
|
class LoaderModule {
|
|
616
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
617
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
618
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
616
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: LoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
617
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: LoaderModule, imports: [LoaderComponent], exports: [LoaderComponent] });
|
|
618
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: LoaderModule });
|
|
619
619
|
}
|
|
620
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
620
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: LoaderModule, decorators: [{
|
|
621
621
|
type: NgModule,
|
|
622
622
|
args: [{
|
|
623
623
|
exports: [...KENDO_LOADER],
|
|
@@ -631,11 +631,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
631
631
|
* definition for the Skeleton component.
|
|
632
632
|
*/
|
|
633
633
|
class SkeletonModule {
|
|
634
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
635
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
636
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
634
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
635
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: SkeletonModule, imports: [SkeletonComponent], exports: [SkeletonComponent] });
|
|
636
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SkeletonModule });
|
|
637
637
|
}
|
|
638
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
638
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SkeletonModule, decorators: [{
|
|
639
639
|
type: NgModule,
|
|
640
640
|
args: [{
|
|
641
641
|
exports: [...KENDO_SKELETON],
|
|
@@ -667,11 +667,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
667
667
|
* ```
|
|
668
668
|
*/
|
|
669
669
|
class IndicatorsModule {
|
|
670
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
671
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
672
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
670
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: IndicatorsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
671
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: IndicatorsModule, imports: [BadgeComponent, BadgeContainerComponent, LoaderComponent, SkeletonComponent], exports: [BadgeComponent, BadgeContainerComponent, LoaderComponent, SkeletonComponent] });
|
|
672
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: IndicatorsModule });
|
|
673
673
|
}
|
|
674
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
674
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: IndicatorsModule, decorators: [{
|
|
675
675
|
type: NgModule,
|
|
676
676
|
args: [{
|
|
677
677
|
imports: [...KENDO_INDICATORS],
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-indicators",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "22.0.0-develop.1",
|
|
4
4
|
"description": "Kendo UI Indicators for Angular",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -13,28 +13,22 @@
|
|
|
13
13
|
"Kendo UI"
|
|
14
14
|
],
|
|
15
15
|
"@progress": {
|
|
16
|
-
"friendlyName": "Indicators"
|
|
17
|
-
"package": {
|
|
18
|
-
"productName": "Kendo UI for Angular",
|
|
19
|
-
"productCode": "KENDOUIANGULAR",
|
|
20
|
-
"publishDate": 1768386411,
|
|
21
|
-
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
22
|
-
}
|
|
16
|
+
"friendlyName": "Indicators"
|
|
23
17
|
},
|
|
24
18
|
"peerDependencies": {
|
|
25
|
-
"@angular/animations": "
|
|
26
|
-
"@angular/common": "
|
|
27
|
-
"@angular/core": "
|
|
28
|
-
"@angular/platform-browser": "
|
|
19
|
+
"@angular/animations": "19 - 21",
|
|
20
|
+
"@angular/common": "19 - 21",
|
|
21
|
+
"@angular/core": "19 - 21",
|
|
22
|
+
"@angular/platform-browser": "19 - 21",
|
|
29
23
|
"@progress/kendo-licensing": "^1.7.0",
|
|
30
|
-
"@progress/kendo-angular-common": "
|
|
31
|
-
"@progress/kendo-angular-intl": "
|
|
32
|
-
"@progress/kendo-angular-l10n": "
|
|
24
|
+
"@progress/kendo-angular-common": "22.0.0-develop.1",
|
|
25
|
+
"@progress/kendo-angular-intl": "22.0.0-develop.1",
|
|
26
|
+
"@progress/kendo-angular-l10n": "22.0.0-develop.1",
|
|
33
27
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
34
28
|
},
|
|
35
29
|
"dependencies": {
|
|
36
30
|
"tslib": "^2.3.1",
|
|
37
|
-
"@progress/kendo-angular-schematics": "
|
|
31
|
+
"@progress/kendo-angular-schematics": "22.0.0-develop.1"
|
|
38
32
|
},
|
|
39
33
|
"schematics": "./schematics/collection.json",
|
|
40
34
|
"module": "fesm2022/progress-kendo-angular-indicators.mjs",
|
|
@@ -45,8 +39,6 @@
|
|
|
45
39
|
},
|
|
46
40
|
".": {
|
|
47
41
|
"types": "./index.d.ts",
|
|
48
|
-
"esm2022": "./esm2022/progress-kendo-angular-indicators.mjs",
|
|
49
|
-
"esm": "./esm2022/progress-kendo-angular-indicators.mjs",
|
|
50
42
|
"default": "./fesm2022/progress-kendo-angular-indicators.mjs"
|
|
51
43
|
}
|
|
52
44
|
},
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Component, HostBinding } from '@angular/core';
|
|
6
|
-
import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
import * as i1 from "@progress/kendo-angular-l10n";
|
|
9
|
-
/**
|
|
10
|
-
* Represents the Kendo UI BadgeContainer component for Angular.
|
|
11
|
-
* Groups and aligns one or more Badge components within a parent element.
|
|
12
|
-
*
|
|
13
|
-
* @example
|
|
14
|
-
* ```html
|
|
15
|
-
* <kendo-badge-container>
|
|
16
|
-
* <kendo-badge>new</kendo-badge>
|
|
17
|
-
* </kendo-badge-container>
|
|
18
|
-
* ```
|
|
19
|
-
*
|
|
20
|
-
* @remarks
|
|
21
|
-
* Supported children components are: {@link BadgeComponent}.
|
|
22
|
-
*/
|
|
23
|
-
export class BadgeContainerComponent {
|
|
24
|
-
localizationService;
|
|
25
|
-
hostClass = true;
|
|
26
|
-
/**
|
|
27
|
-
* @hidden
|
|
28
|
-
*/
|
|
29
|
-
direction;
|
|
30
|
-
dynamicRTLSubscription;
|
|
31
|
-
rtl = false;
|
|
32
|
-
constructor(localizationService) {
|
|
33
|
-
this.localizationService = localizationService;
|
|
34
|
-
this.dynamicRTLSubscription = this.localizationService.changes.subscribe(({ rtl }) => {
|
|
35
|
-
this.rtl = rtl;
|
|
36
|
-
this.direction = this.rtl ? 'rtl' : 'ltr';
|
|
37
|
-
});
|
|
38
|
-
}
|
|
39
|
-
ngOnDestroy() {
|
|
40
|
-
if (this.dynamicRTLSubscription) {
|
|
41
|
-
this.dynamicRTLSubscription.unsubscribe();
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BadgeContainerComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
45
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: BadgeContainerComponent, isStandalone: true, selector: "kendo-badge-container", host: { properties: { "class.k-badge-container": "this.hostClass", "attr.dir": "this.direction" } }, providers: [
|
|
46
|
-
LocalizationService,
|
|
47
|
-
{
|
|
48
|
-
provide: L10N_PREFIX,
|
|
49
|
-
useValue: 'kendo.badge.component'
|
|
50
|
-
}
|
|
51
|
-
], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
|
|
52
|
-
}
|
|
53
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BadgeContainerComponent, decorators: [{
|
|
54
|
-
type: Component,
|
|
55
|
-
args: [{
|
|
56
|
-
selector: 'kendo-badge-container',
|
|
57
|
-
providers: [
|
|
58
|
-
LocalizationService,
|
|
59
|
-
{
|
|
60
|
-
provide: L10N_PREFIX,
|
|
61
|
-
useValue: 'kendo.badge.component'
|
|
62
|
-
}
|
|
63
|
-
],
|
|
64
|
-
template: `<ng-content></ng-content>`,
|
|
65
|
-
standalone: true
|
|
66
|
-
}]
|
|
67
|
-
}], ctorParameters: () => [{ type: i1.LocalizationService }], propDecorators: { hostClass: [{
|
|
68
|
-
type: HostBinding,
|
|
69
|
-
args: ['class.k-badge-container']
|
|
70
|
-
}], direction: [{
|
|
71
|
-
type: HostBinding,
|
|
72
|
-
args: ['attr.dir']
|
|
73
|
-
}] } });
|
|
@@ -1,216 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Component, ElementRef, Input, Renderer2, HostBinding } from '@angular/core';
|
|
6
|
-
import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
|
|
7
|
-
import { validatePackage } from '@progress/kendo-licensing';
|
|
8
|
-
import { packageMetadata } from '../package-metadata';
|
|
9
|
-
import * as i0 from "@angular/core";
|
|
10
|
-
import * as i1 from "@progress/kendo-angular-l10n";
|
|
11
|
-
const SIZE_CLASSES = {
|
|
12
|
-
'small': 'k-badge-sm',
|
|
13
|
-
'medium': 'k-badge-md',
|
|
14
|
-
'large': 'k-badge-lg'
|
|
15
|
-
};
|
|
16
|
-
const ROUNDED_CLASSES = {
|
|
17
|
-
'small': 'k-rounded-sm',
|
|
18
|
-
'medium': 'k-rounded-md',
|
|
19
|
-
'large': 'k-rounded-lg',
|
|
20
|
-
'full': 'k-rounded-full'
|
|
21
|
-
};
|
|
22
|
-
/**
|
|
23
|
-
* Represents the [Kendo UI Badge component for Angular]({% slug overview_badge %}).
|
|
24
|
-
* Displays additional information or status related to an element, such as notifications or counts.
|
|
25
|
-
*
|
|
26
|
-
* Provides configuration options for alignment, size, fill, theme color, roundness, position, and cutout border.
|
|
27
|
-
*
|
|
28
|
-
* @example
|
|
29
|
-
* ```html
|
|
30
|
-
* <kendo-badge size="large" themeColor="success">99+</kendo-badge>
|
|
31
|
-
* ```
|
|
32
|
-
*/
|
|
33
|
-
export class BadgeComponent {
|
|
34
|
-
element;
|
|
35
|
-
renderer;
|
|
36
|
-
localizationService;
|
|
37
|
-
hostClass = true;
|
|
38
|
-
get cutoutBorderClass() {
|
|
39
|
-
return this.cutoutBorder;
|
|
40
|
-
}
|
|
41
|
-
/**
|
|
42
|
-
* @hidden
|
|
43
|
-
*/
|
|
44
|
-
direction;
|
|
45
|
-
/**
|
|
46
|
-
* Specifies the alignment of the Badge ([see example]({% slug alignandposition_badge %}#toc-alignment)).
|
|
47
|
-
*
|
|
48
|
-
* @default "{ vertical: 'top', horizontal: 'end' }"
|
|
49
|
-
*/
|
|
50
|
-
get align() {
|
|
51
|
-
return this.badgeAlign;
|
|
52
|
-
}
|
|
53
|
-
set align(align) {
|
|
54
|
-
this.badgeAlign = Object.assign(this.badgeAlign, align);
|
|
55
|
-
}
|
|
56
|
-
/**
|
|
57
|
-
* Specifies the size of the Badge ([see example]({% slug appearance_badge %}#toc-size)).
|
|
58
|
-
*
|
|
59
|
-
* @default medium
|
|
60
|
-
*/
|
|
61
|
-
size = 'medium';
|
|
62
|
-
/**
|
|
63
|
-
* Specifies the appearance fill style of the Badge ([see example]({% slug appearance_badge %}#toc-fill)).
|
|
64
|
-
*
|
|
65
|
-
* @default solid
|
|
66
|
-
*/
|
|
67
|
-
fill = 'solid';
|
|
68
|
-
/**
|
|
69
|
-
* Specifies the theme color of the Badge.
|
|
70
|
-
* The theme color applies as background and border color, while also amending the text color accordingly
|
|
71
|
-
* ([see example]({% slug appearance_badge %}#toc-theme-color)).
|
|
72
|
-
*
|
|
73
|
-
* @default primary
|
|
74
|
-
*/
|
|
75
|
-
themeColor = 'primary';
|
|
76
|
-
/**
|
|
77
|
-
* Specifies the roundness of the Badge ([see example]({% slug appearance_badge %}#toc-rounded)).
|
|
78
|
-
*
|
|
79
|
-
* @default medium
|
|
80
|
-
*/
|
|
81
|
-
rounded = 'medium';
|
|
82
|
-
/**
|
|
83
|
-
* Specifies the position of the Badge relative to the edge of the parent container element ([see example]({% slug alignandposition_badge %}#toc-position)).
|
|
84
|
-
*
|
|
85
|
-
* @default edge
|
|
86
|
-
*/
|
|
87
|
-
position = 'edge';
|
|
88
|
-
/**
|
|
89
|
-
* Specifies whether to render additional `cutout` border around the Badge ([see example]({% slug appearance_badge %}#toc-cutout-border)).
|
|
90
|
-
*
|
|
91
|
-
* @default false
|
|
92
|
-
*/
|
|
93
|
-
cutoutBorder = false;
|
|
94
|
-
badgeClasses = [];
|
|
95
|
-
badgeAlign = { vertical: 'top', horizontal: 'end' };
|
|
96
|
-
dynamicRTLSubscription;
|
|
97
|
-
rtl = false;
|
|
98
|
-
constructor(element, renderer, localizationService) {
|
|
99
|
-
this.element = element;
|
|
100
|
-
this.renderer = renderer;
|
|
101
|
-
this.localizationService = localizationService;
|
|
102
|
-
validatePackage(packageMetadata);
|
|
103
|
-
this.dynamicRTLSubscription = this.localizationService.changes.subscribe(({ rtl }) => {
|
|
104
|
-
this.rtl = rtl;
|
|
105
|
-
this.direction = this.rtl ? 'rtl' : 'ltr';
|
|
106
|
-
});
|
|
107
|
-
}
|
|
108
|
-
ngAfterViewInit() {
|
|
109
|
-
if (!this.badgeClasses.length) {
|
|
110
|
-
this.setBadgeClasses();
|
|
111
|
-
}
|
|
112
|
-
}
|
|
113
|
-
ngOnChanges() {
|
|
114
|
-
this.setBadgeClasses();
|
|
115
|
-
}
|
|
116
|
-
ngOnDestroy() {
|
|
117
|
-
if (this.dynamicRTLSubscription) {
|
|
118
|
-
this.dynamicRTLSubscription.unsubscribe();
|
|
119
|
-
}
|
|
120
|
-
}
|
|
121
|
-
alignClass() {
|
|
122
|
-
return `k-${this.badgeAlign.vertical}-${this.badgeAlign.horizontal}`;
|
|
123
|
-
}
|
|
124
|
-
positionClass() {
|
|
125
|
-
return `k-badge-${this.position}`;
|
|
126
|
-
}
|
|
127
|
-
sizeClass() {
|
|
128
|
-
if (this.size !== 'none') {
|
|
129
|
-
return SIZE_CLASSES[this.size];
|
|
130
|
-
}
|
|
131
|
-
return '';
|
|
132
|
-
}
|
|
133
|
-
roundedClass() {
|
|
134
|
-
if (this.rounded !== 'none') {
|
|
135
|
-
return ROUNDED_CLASSES[this.rounded];
|
|
136
|
-
}
|
|
137
|
-
return '';
|
|
138
|
-
}
|
|
139
|
-
themeColorClass() {
|
|
140
|
-
if (this.themeColor !== 'none' && this.fill !== 'none') {
|
|
141
|
-
return `k-badge-${this.fill}-${this.themeColor}`;
|
|
142
|
-
}
|
|
143
|
-
return '';
|
|
144
|
-
}
|
|
145
|
-
fillClass() {
|
|
146
|
-
if (this.fill !== 'none') {
|
|
147
|
-
return `k-badge-${this.fill}`;
|
|
148
|
-
}
|
|
149
|
-
return '';
|
|
150
|
-
}
|
|
151
|
-
setBadgeClasses() {
|
|
152
|
-
const element = this.element.nativeElement;
|
|
153
|
-
this.badgeClasses.forEach((className) => {
|
|
154
|
-
this.renderer.removeClass(element, className);
|
|
155
|
-
});
|
|
156
|
-
this.badgeClasses = [
|
|
157
|
-
this.themeColorClass(),
|
|
158
|
-
this.fillClass(),
|
|
159
|
-
this.sizeClass(),
|
|
160
|
-
this.roundedClass(),
|
|
161
|
-
this.alignClass(),
|
|
162
|
-
this.positionClass()
|
|
163
|
-
];
|
|
164
|
-
this.badgeClasses.forEach((className) => {
|
|
165
|
-
if (className) {
|
|
166
|
-
this.renderer.addClass(element, className);
|
|
167
|
-
}
|
|
168
|
-
});
|
|
169
|
-
}
|
|
170
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BadgeComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
171
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", 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: [
|
|
172
|
-
LocalizationService,
|
|
173
|
-
{
|
|
174
|
-
provide: L10N_PREFIX,
|
|
175
|
-
useValue: 'kendo.badge.component'
|
|
176
|
-
}
|
|
177
|
-
], usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
|
|
178
|
-
}
|
|
179
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BadgeComponent, decorators: [{
|
|
180
|
-
type: Component,
|
|
181
|
-
args: [{
|
|
182
|
-
selector: 'kendo-badge',
|
|
183
|
-
providers: [
|
|
184
|
-
LocalizationService,
|
|
185
|
-
{
|
|
186
|
-
provide: L10N_PREFIX,
|
|
187
|
-
useValue: 'kendo.badge.component'
|
|
188
|
-
}
|
|
189
|
-
],
|
|
190
|
-
template: `<ng-content></ng-content>`,
|
|
191
|
-
standalone: true
|
|
192
|
-
}]
|
|
193
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.LocalizationService }], propDecorators: { hostClass: [{
|
|
194
|
-
type: HostBinding,
|
|
195
|
-
args: ['class.k-badge']
|
|
196
|
-
}], cutoutBorderClass: [{
|
|
197
|
-
type: HostBinding,
|
|
198
|
-
args: ['class.k-badge-border-cutout']
|
|
199
|
-
}], direction: [{
|
|
200
|
-
type: HostBinding,
|
|
201
|
-
args: ['attr.dir']
|
|
202
|
-
}], align: [{
|
|
203
|
-
type: Input
|
|
204
|
-
}], size: [{
|
|
205
|
-
type: Input
|
|
206
|
-
}], fill: [{
|
|
207
|
-
type: Input
|
|
208
|
-
}], themeColor: [{
|
|
209
|
-
type: Input
|
|
210
|
-
}], rounded: [{
|
|
211
|
-
type: Input
|
|
212
|
-
}], position: [{
|
|
213
|
-
type: Input
|
|
214
|
-
}], cutoutBorder: [{
|
|
215
|
-
type: Input
|
|
216
|
-
}] } });
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
package/esm2022/badge.module.mjs
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { NgModule } from '@angular/core';
|
|
6
|
-
import { KENDO_BADGECONTAINER } from './directives';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
import * as i1 from "./badge/badge.component";
|
|
9
|
-
import * as i2 from "./badge/badge-container.component";
|
|
10
|
-
// IMPORTANT: NgModule export kept for backwards compatibility
|
|
11
|
-
/**
|
|
12
|
-
* Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
|
|
13
|
-
* definition for the Badge and BadgeContainer components.
|
|
14
|
-
*/
|
|
15
|
-
export class BadgeModule {
|
|
16
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
17
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: BadgeModule, imports: [i1.BadgeComponent, i2.BadgeContainerComponent], exports: [i1.BadgeComponent, i2.BadgeContainerComponent] });
|
|
18
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BadgeModule });
|
|
19
|
-
}
|
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BadgeModule, decorators: [{
|
|
21
|
-
type: NgModule,
|
|
22
|
-
args: [{
|
|
23
|
-
exports: [...KENDO_BADGECONTAINER],
|
|
24
|
-
imports: [...KENDO_BADGECONTAINER]
|
|
25
|
-
}]
|
|
26
|
-
}] });
|
package/esm2022/directives.mjs
DELETED
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { BadgeContainerComponent } from "./badge/badge-container.component";
|
|
6
|
-
import { BadgeComponent } from "./badge/badge.component";
|
|
7
|
-
import { LoaderComponent } from "./loader/loader.component";
|
|
8
|
-
import { SkeletonComponent } from "./skeleton/skeleton.component";
|
|
9
|
-
/**
|
|
10
|
-
* Utility array that contains all `Badge` related components and directives.
|
|
11
|
-
*/
|
|
12
|
-
export const KENDO_BADGE = [
|
|
13
|
-
BadgeComponent
|
|
14
|
-
];
|
|
15
|
-
/**
|
|
16
|
-
* Utility array that contains all `BadgeContainer` related components and directives.
|
|
17
|
-
*/
|
|
18
|
-
export const KENDO_BADGECONTAINER = [
|
|
19
|
-
BadgeComponent,
|
|
20
|
-
BadgeContainerComponent
|
|
21
|
-
];
|
|
22
|
-
/**
|
|
23
|
-
* Utility array that contains all `Loader` related components and directives.
|
|
24
|
-
*/
|
|
25
|
-
export const KENDO_LOADER = [
|
|
26
|
-
LoaderComponent
|
|
27
|
-
];
|
|
28
|
-
/**
|
|
29
|
-
* Utility array that contains all `Skeleton` related components and directives.
|
|
30
|
-
*/
|
|
31
|
-
export const KENDO_SKELETON = [
|
|
32
|
-
SkeletonComponent
|
|
33
|
-
];
|
|
34
|
-
/**
|
|
35
|
-
* Utility array that contains all `@progress/kendo-angular-indicators` related components and directives.
|
|
36
|
-
*/
|
|
37
|
-
export const KENDO_INDICATORS = [
|
|
38
|
-
...KENDO_BADGECONTAINER,
|
|
39
|
-
...KENDO_LOADER,
|
|
40
|
-
...KENDO_SKELETON
|
|
41
|
-
];
|
package/esm2022/index.mjs
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export * from './directives';
|
|
6
|
-
export { BadgeComponent } from './badge/badge.component';
|
|
7
|
-
export { BadgeModule } from './badge.module';
|
|
8
|
-
export { BadgeContainerComponent } from './badge/badge-container.component';
|
|
9
|
-
export { LoaderComponent } from './loader/loader.component';
|
|
10
|
-
export { LoaderModule } from './loader.module';
|
|
11
|
-
export { SkeletonModule } from './skeleton.module';
|
|
12
|
-
export { SkeletonComponent } from './skeleton/skeleton.component';
|
|
13
|
-
export { IndicatorsModule } from './indicators.module';
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { NgModule } from '@angular/core';
|
|
6
|
-
import { KENDO_INDICATORS } from './directives';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
import * as i1 from "./badge/badge.component";
|
|
9
|
-
import * as i2 from "./badge/badge-container.component";
|
|
10
|
-
import * as i3 from "./loader/loader.component";
|
|
11
|
-
import * as i4 from "./skeleton/skeleton.component";
|
|
12
|
-
// IMPORTANT: NgModule export kept for backwards compatibility
|
|
13
|
-
/**
|
|
14
|
-
* Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
|
|
15
|
-
* definition for the Indicators components.
|
|
16
|
-
*
|
|
17
|
-
* @example
|
|
18
|
-
*
|
|
19
|
-
* ```ts-no-run
|
|
20
|
-
* import { IndicatorsModule } from '@progress/kendo-angular-indicators';
|
|
21
|
-
* import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
|
|
22
|
-
* import { NgModule } from '@angular/core';
|
|
23
|
-
* import { AppComponent } from './app.component';
|
|
24
|
-
*
|
|
25
|
-
* @NgModule({
|
|
26
|
-
* declarations: [AppComponent],
|
|
27
|
-
* imports: [BrowserModule, IndicatorsModule],
|
|
28
|
-
* bootstrap: [AppComponent]
|
|
29
|
-
* })
|
|
30
|
-
* export class AppModule {}
|
|
31
|
-
*
|
|
32
|
-
* platformBrowserDynamic().bootstrapModule(AppModule);
|
|
33
|
-
* ```
|
|
34
|
-
*/
|
|
35
|
-
export class IndicatorsModule {
|
|
36
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IndicatorsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
37
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IndicatorsModule, imports: [i1.BadgeComponent, i2.BadgeContainerComponent, i3.LoaderComponent, i4.SkeletonComponent], exports: [i1.BadgeComponent, i2.BadgeContainerComponent, i3.LoaderComponent, i4.SkeletonComponent] });
|
|
38
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IndicatorsModule });
|
|
39
|
-
}
|
|
40
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IndicatorsModule, decorators: [{
|
|
41
|
-
type: NgModule,
|
|
42
|
-
args: [{
|
|
43
|
-
imports: [...KENDO_INDICATORS],
|
|
44
|
-
exports: [...KENDO_INDICATORS]
|
|
45
|
-
}]
|
|
46
|
-
}] });
|
|
@@ -1,134 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Component, Input, HostBinding, ElementRef, Renderer2 } from '@angular/core';
|
|
6
|
-
import { validatePackage } from '@progress/kendo-licensing';
|
|
7
|
-
import { packageMetadata } from '../package-metadata';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
const SIZE_CLASSES = {
|
|
10
|
-
'small': 'k-loader-sm',
|
|
11
|
-
'medium': 'k-loader-md',
|
|
12
|
-
'large': 'k-loader-lg'
|
|
13
|
-
};
|
|
14
|
-
const SEGMENT_COUNT = {
|
|
15
|
-
'pulsing': 2,
|
|
16
|
-
'infinite-spinner': 3,
|
|
17
|
-
'converging-spinner': 4
|
|
18
|
-
};
|
|
19
|
-
const TYPE_CLASSES = {
|
|
20
|
-
'pulsing': 'k-loader-pulsing-2',
|
|
21
|
-
'infinite-spinner': 'k-loader-spinner-3',
|
|
22
|
-
'converging-spinner': 'k-loader-spinner-4'
|
|
23
|
-
};
|
|
24
|
-
/**
|
|
25
|
-
* Represents the [Kendo UI Loader component for Angular]({% slug overview_loader %}).
|
|
26
|
-
* Displays a Loader that represents an indeterminate wait time.
|
|
27
|
-
*
|
|
28
|
-
* Provides configuration options for animation type, theme color, and size.
|
|
29
|
-
*
|
|
30
|
-
* @example
|
|
31
|
-
* ```html
|
|
32
|
-
* <kendo-loader type="infinite-spinner" themeColor="primary" size="large"></kendo-loader>
|
|
33
|
-
* ```
|
|
34
|
-
*/
|
|
35
|
-
export class LoaderComponent {
|
|
36
|
-
element;
|
|
37
|
-
renderer;
|
|
38
|
-
hostClass = true;
|
|
39
|
-
/**
|
|
40
|
-
* Specifies the Loader animation type.
|
|
41
|
-
*
|
|
42
|
-
* @default pulsing
|
|
43
|
-
*/
|
|
44
|
-
set type(type) {
|
|
45
|
-
this.renderer.removeClass(this.loader, TYPE_CLASSES[this.type]);
|
|
46
|
-
this.renderer.addClass(this.loader, TYPE_CLASSES[type]);
|
|
47
|
-
this._type = type;
|
|
48
|
-
}
|
|
49
|
-
get type() {
|
|
50
|
-
return this._type;
|
|
51
|
-
}
|
|
52
|
-
/**
|
|
53
|
-
* Specifies the theme color of the Loader.
|
|
54
|
-
*
|
|
55
|
-
* @default primary
|
|
56
|
-
*/
|
|
57
|
-
set themeColor(themeColor) {
|
|
58
|
-
this.renderer.removeClass(this.loader, `k-loader-${this.themeColor}`);
|
|
59
|
-
this.renderer.addClass(this.loader, `k-loader-${themeColor}`);
|
|
60
|
-
this._themeColor = themeColor;
|
|
61
|
-
}
|
|
62
|
-
get themeColor() {
|
|
63
|
-
return this._themeColor;
|
|
64
|
-
}
|
|
65
|
-
/**
|
|
66
|
-
* Specifies the size of the Loader.
|
|
67
|
-
*
|
|
68
|
-
* @default medium
|
|
69
|
-
*/
|
|
70
|
-
set size(size) {
|
|
71
|
-
this.renderer.removeClass(this.loader, SIZE_CLASSES[this.size]);
|
|
72
|
-
this.renderer.addClass(this.loader, SIZE_CLASSES[size]);
|
|
73
|
-
this._size = size;
|
|
74
|
-
}
|
|
75
|
-
get size() {
|
|
76
|
-
return this._size;
|
|
77
|
-
}
|
|
78
|
-
_type = 'pulsing';
|
|
79
|
-
_themeColor = 'primary';
|
|
80
|
-
_size = 'medium';
|
|
81
|
-
loader;
|
|
82
|
-
constructor(element, renderer) {
|
|
83
|
-
this.element = element;
|
|
84
|
-
this.renderer = renderer;
|
|
85
|
-
validatePackage(packageMetadata);
|
|
86
|
-
this.loader = this.element.nativeElement;
|
|
87
|
-
}
|
|
88
|
-
ngAfterViewInit() {
|
|
89
|
-
this.setLoaderClasses();
|
|
90
|
-
}
|
|
91
|
-
/**
|
|
92
|
-
* @hidden
|
|
93
|
-
*/
|
|
94
|
-
get segmentCount() {
|
|
95
|
-
return new Array(SEGMENT_COUNT[this.type]);
|
|
96
|
-
}
|
|
97
|
-
setLoaderClasses() {
|
|
98
|
-
this.renderer.addClass(this.loader, TYPE_CLASSES[this.type]);
|
|
99
|
-
this.renderer.addClass(this.loader, `k-loader-${this.themeColor}`);
|
|
100
|
-
this.renderer.addClass(this.loader, SIZE_CLASSES[this.size]);
|
|
101
|
-
}
|
|
102
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LoaderComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
103
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: LoaderComponent, isStandalone: true, selector: "kendo-loader", inputs: { type: "type", themeColor: "themeColor", size: "size" }, host: { properties: { "class.k-loader": "this.hostClass" } }, ngImport: i0, template: `
|
|
104
|
-
<div class="k-loader-canvas">
|
|
105
|
-
@for (segment of segmentCount; track $index) {
|
|
106
|
-
<span class="k-loader-segment"></span>
|
|
107
|
-
}
|
|
108
|
-
</div>
|
|
109
|
-
`, isInline: true });
|
|
110
|
-
}
|
|
111
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LoaderComponent, decorators: [{
|
|
112
|
-
type: Component,
|
|
113
|
-
args: [{
|
|
114
|
-
selector: 'kendo-loader',
|
|
115
|
-
template: `
|
|
116
|
-
<div class="k-loader-canvas">
|
|
117
|
-
@for (segment of segmentCount; track $index) {
|
|
118
|
-
<span class="k-loader-segment"></span>
|
|
119
|
-
}
|
|
120
|
-
</div>
|
|
121
|
-
`,
|
|
122
|
-
standalone: true,
|
|
123
|
-
imports: []
|
|
124
|
-
}]
|
|
125
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { hostClass: [{
|
|
126
|
-
type: HostBinding,
|
|
127
|
-
args: ['class.k-loader']
|
|
128
|
-
}], type: [{
|
|
129
|
-
type: Input
|
|
130
|
-
}], themeColor: [{
|
|
131
|
-
type: Input
|
|
132
|
-
}], size: [{
|
|
133
|
-
type: Input
|
|
134
|
-
}] } });
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { NgModule } from '@angular/core';
|
|
6
|
-
import { KENDO_LOADER } from './directives';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
import * as i1 from "./loader/loader.component";
|
|
9
|
-
// IMPORTANT: NgModule export kept for backwards compatibility
|
|
10
|
-
/**
|
|
11
|
-
* Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
|
|
12
|
-
* definition for the Loader component.
|
|
13
|
-
*/
|
|
14
|
-
export class LoaderModule {
|
|
15
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
16
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: LoaderModule, imports: [i1.LoaderComponent], exports: [i1.LoaderComponent] });
|
|
17
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LoaderModule });
|
|
18
|
-
}
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LoaderModule, decorators: [{
|
|
20
|
-
type: NgModule,
|
|
21
|
-
args: [{
|
|
22
|
-
exports: [...KENDO_LOADER],
|
|
23
|
-
imports: [...KENDO_LOADER]
|
|
24
|
-
}]
|
|
25
|
-
}] });
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
export const packageMetadata = {
|
|
9
|
-
name: '@progress/kendo-angular-indicators',
|
|
10
|
-
productName: 'Kendo UI for Angular',
|
|
11
|
-
productCode: 'KENDOUIANGULAR',
|
|
12
|
-
productCodes: ['KENDOUIANGULAR'],
|
|
13
|
-
publishDate: 1768386411,
|
|
14
|
-
version: '21.4.1-develop.1',
|
|
15
|
-
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
16
|
-
};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* Generated bundle index. Do not edit.
|
|
7
|
-
*/
|
|
8
|
-
export * from './index';
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { validShapes } from "./models";
|
|
6
|
-
/**
|
|
7
|
-
* @hidden
|
|
8
|
-
*/
|
|
9
|
-
export const ANIMATION_CLASSES = {
|
|
10
|
-
pulse: 'k-skeleton-pulse',
|
|
11
|
-
wave: 'k-skeleton-wave'
|
|
12
|
-
};
|
|
13
|
-
/**
|
|
14
|
-
* @hidden
|
|
15
|
-
*/
|
|
16
|
-
export const SHAPE_CLASSES = {
|
|
17
|
-
rectangle: 'k-skeleton-rect',
|
|
18
|
-
circle: 'k-skeleton-circle',
|
|
19
|
-
text: 'k-skeleton-text'
|
|
20
|
-
};
|
|
21
|
-
/**
|
|
22
|
-
* @hidden
|
|
23
|
-
*/
|
|
24
|
-
export const skeletonShapeError = (input) => `"${input}" is not a valid kendo-skeleton shape. Valid shapes are: ${validShapes.map(s => `"${s}"`).join(" | ")}.`;
|
|
25
|
-
/**
|
|
26
|
-
* @hidden
|
|
27
|
-
*/
|
|
28
|
-
export const skeletonAnimationError = (input) => `"${input}" is not a valid kendo-skeleton animation. Valid values are: 'pulse' | 'wave' | false.`;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
export const validAnimations = [false, 'pulse', 'wave'];
|
|
9
|
-
/**
|
|
10
|
-
* @hidden
|
|
11
|
-
*/
|
|
12
|
-
export const validShapes = ['circle', 'rectangle', 'text'];
|
|
@@ -1,108 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Component, ChangeDetectionStrategy, Input, Renderer2, ElementRef, isDevMode } from "@angular/core";
|
|
6
|
-
import { ANIMATION_CLASSES, SHAPE_CLASSES, skeletonAnimationError, skeletonShapeError } from "./constants";
|
|
7
|
-
import { validAnimations, validShapes } from "./models";
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
/**
|
|
10
|
-
* Represents the [Kendo UI Skeleton component for Angular]({% slug overview_skeleton %}).
|
|
11
|
-
* Displays a Skeleton placeholder that represents loading content.
|
|
12
|
-
*
|
|
13
|
-
* Provides configuration options for animation, shape, width, and height.
|
|
14
|
-
*
|
|
15
|
-
* @example
|
|
16
|
-
* ```html
|
|
17
|
-
* <kendo-skeleton shape="circle" animation="wave" width="40px" height="40px"></kendo-skeleton>
|
|
18
|
-
* ```
|
|
19
|
-
*/
|
|
20
|
-
export class SkeletonComponent {
|
|
21
|
-
renderer;
|
|
22
|
-
hostElement;
|
|
23
|
-
/**
|
|
24
|
-
* Specifies the animation settings of the Skeleton.
|
|
25
|
-
*
|
|
26
|
-
* @default pulse
|
|
27
|
-
*/
|
|
28
|
-
set animation(animation) {
|
|
29
|
-
if (isDevMode() && validAnimations.indexOf(animation) === -1) {
|
|
30
|
-
throw new Error(skeletonAnimationError(animation));
|
|
31
|
-
}
|
|
32
|
-
if (this.animation) {
|
|
33
|
-
this.renderer.removeClass(this.hostElement.nativeElement, ANIMATION_CLASSES[this.animation]);
|
|
34
|
-
}
|
|
35
|
-
if (animation) {
|
|
36
|
-
this.renderer.addClass(this.hostElement.nativeElement, ANIMATION_CLASSES[animation]);
|
|
37
|
-
}
|
|
38
|
-
this._animation = animation;
|
|
39
|
-
}
|
|
40
|
-
get animation() {
|
|
41
|
-
return this._animation;
|
|
42
|
-
}
|
|
43
|
-
/**
|
|
44
|
-
* Specifies the shape of the Skeleton.
|
|
45
|
-
*
|
|
46
|
-
* @default text
|
|
47
|
-
*/
|
|
48
|
-
set shape(shape) {
|
|
49
|
-
if (isDevMode() && validShapes.indexOf(shape) === -1) {
|
|
50
|
-
throw new Error(skeletonShapeError(shape));
|
|
51
|
-
}
|
|
52
|
-
this.renderer.removeClass(this.hostElement.nativeElement, SHAPE_CLASSES[this.shape]);
|
|
53
|
-
this.renderer.addClass(this.hostElement.nativeElement, SHAPE_CLASSES[shape]);
|
|
54
|
-
this._shape = shape;
|
|
55
|
-
}
|
|
56
|
-
get shape() {
|
|
57
|
-
return this._shape;
|
|
58
|
-
}
|
|
59
|
-
/**
|
|
60
|
-
* Specifies the width of the Skeleton component.
|
|
61
|
-
* Required for all Skeleton shapes.
|
|
62
|
-
* Accepts a string like `100px`, `3em`, or `50%`, or an integer number for pixels.
|
|
63
|
-
*/
|
|
64
|
-
set width(width) {
|
|
65
|
-
this.renderer.setStyle(this.hostElement.nativeElement, "width", typeof width === "string" ? width : width + "px");
|
|
66
|
-
}
|
|
67
|
-
/**
|
|
68
|
-
* Specifies the height of the Skeleton component.
|
|
69
|
-
* Required for `circle` and `rectangle` shapes.
|
|
70
|
-
* Not required for `text`, as it derives from the current CSS font-size.
|
|
71
|
-
* Accepts a string like `100px`, `3em`, or `50%`, or an integer number for pixels.
|
|
72
|
-
*/
|
|
73
|
-
set height(height) {
|
|
74
|
-
this.renderer.setStyle(this.hostElement.nativeElement, "height", typeof height === "string" ? height : height + "px");
|
|
75
|
-
}
|
|
76
|
-
_animation = "pulse";
|
|
77
|
-
_shape = 'text';
|
|
78
|
-
constructor(renderer, hostElement) {
|
|
79
|
-
this.renderer = renderer;
|
|
80
|
-
this.hostElement = hostElement;
|
|
81
|
-
}
|
|
82
|
-
ngAfterViewInit() {
|
|
83
|
-
const hostElement = this.hostElement.nativeElement;
|
|
84
|
-
hostElement.classList.add("k-skeleton", SHAPE_CLASSES[this.shape]);
|
|
85
|
-
if (this.animation) {
|
|
86
|
-
hostElement.classList.add(ANIMATION_CLASSES[this.animation]);
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SkeletonComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
90
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", 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
|
-
}
|
|
92
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SkeletonComponent, decorators: [{
|
|
93
|
-
type: Component,
|
|
94
|
-
args: [{
|
|
95
|
-
selector: "kendo-skeleton",
|
|
96
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
97
|
-
template: ``,
|
|
98
|
-
standalone: true
|
|
99
|
-
}]
|
|
100
|
-
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { animation: [{
|
|
101
|
-
type: Input
|
|
102
|
-
}], shape: [{
|
|
103
|
-
type: Input
|
|
104
|
-
}], width: [{
|
|
105
|
-
type: Input
|
|
106
|
-
}], height: [{
|
|
107
|
-
type: Input
|
|
108
|
-
}] } });
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { NgModule } from '@angular/core';
|
|
6
|
-
import { KENDO_SKELETON } from './directives';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
import * as i1 from "./skeleton/skeleton.component";
|
|
9
|
-
// IMPORTANT: NgModule export kept for backwards compatibility
|
|
10
|
-
/**
|
|
11
|
-
* Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
|
|
12
|
-
* definition for the Skeleton component.
|
|
13
|
-
*/
|
|
14
|
-
export class SkeletonModule {
|
|
15
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
16
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: SkeletonModule, imports: [i1.SkeletonComponent], exports: [i1.SkeletonComponent] });
|
|
17
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SkeletonModule });
|
|
18
|
-
}
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SkeletonModule, decorators: [{
|
|
20
|
-
type: NgModule,
|
|
21
|
-
args: [{
|
|
22
|
-
exports: [...KENDO_SKELETON],
|
|
23
|
-
imports: [...KENDO_SKELETON]
|
|
24
|
-
}]
|
|
25
|
-
}] });
|