@progress/kendo-angular-indicators 21.4.1 → 22.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -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 { Component, HostBinding, Input, isDevMode, ChangeDetectionStrategy, NgModule } from '@angular/core';
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: "18.2.14", ngImport: i0, type: BadgeContainerComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
47
- 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
+ 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: "18.2.14", ngImport: i0, type: BadgeContainerComponent, decorators: [{
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: 1768393081,
86
- version: '21.4.1',
85
+ publishDate: 1768402311,
86
+ version: '22.0.0',
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: "18.2.14", 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: "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: [
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: "18.2.14", ngImport: i0, type: BadgeComponent, decorators: [{
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: "18.2.14", 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: "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: `
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: "18.2.14", ngImport: i0, type: LoaderComponent, decorators: [{
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: "18.2.14", 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: "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 });
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: "18.2.14", ngImport: i0, type: SkeletonComponent, decorators: [{
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: "18.2.14", ngImport: i0, type: BadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
599
- static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: BadgeModule, imports: [BadgeComponent, BadgeContainerComponent], exports: [BadgeComponent, BadgeContainerComponent] });
600
- static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BadgeModule });
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: "18.2.14", ngImport: i0, type: BadgeModule, decorators: [{
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: "18.2.14", ngImport: i0, type: LoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
617
- static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: LoaderModule, imports: [LoaderComponent], exports: [LoaderComponent] });
618
- static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LoaderModule });
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: "18.2.14", ngImport: i0, type: LoaderModule, decorators: [{
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: "18.2.14", ngImport: i0, type: SkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
635
- static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: SkeletonModule, imports: [SkeletonComponent], exports: [SkeletonComponent] });
636
- static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SkeletonModule });
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: "18.2.14", ngImport: i0, type: SkeletonModule, decorators: [{
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: "18.2.14", ngImport: i0, type: IndicatorsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
671
- static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: IndicatorsModule, imports: [BadgeComponent, BadgeContainerComponent, LoaderComponent, SkeletonComponent], exports: [BadgeComponent, BadgeContainerComponent, LoaderComponent, SkeletonComponent] });
672
- static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IndicatorsModule });
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: "18.2.14", ngImport: i0, type: IndicatorsModule, decorators: [{
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": "21.4.1",
3
+ "version": "22.0.0",
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": 1768393081,
21
- "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
22
- }
16
+ "friendlyName": "Indicators"
23
17
  },
24
18
  "peerDependencies": {
25
- "@angular/animations": "18 - 21",
26
- "@angular/common": "18 - 21",
27
- "@angular/core": "18 - 21",
28
- "@angular/platform-browser": "18 - 21",
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": "21.4.1",
31
- "@progress/kendo-angular-intl": "21.4.1",
32
- "@progress/kendo-angular-l10n": "21.4.1",
24
+ "@progress/kendo-angular-common": "22.0.0",
25
+ "@progress/kendo-angular-intl": "22.0.0",
26
+ "@progress/kendo-angular-l10n": "22.0.0",
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": "21.4.1"
31
+ "@progress/kendo-angular-schematics": "22.0.0"
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 {};
@@ -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
- }] });
@@ -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: 1768393081,
14
- version: '21.4.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
- }] });