@progress/kendo-angular-gauges 21.1.1-develop.2 → 21.2.0-develop.10

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.
Files changed (17) hide show
  1. package/arc-gauge/colors.component.d.ts +4 -2
  2. package/esm2022/arc-gauge/arc-gauge.component.mjs +13 -9
  3. package/esm2022/arc-gauge/colors.component.mjs +4 -2
  4. package/esm2022/circular-gauge/circular-gauge.component.mjs +13 -9
  5. package/esm2022/linear-gauge/pointers.component.mjs +4 -2
  6. package/esm2022/linear-gauge/range.component.mjs +4 -2
  7. package/esm2022/linear-gauge/ranges.component.mjs +4 -2
  8. package/esm2022/package-metadata.mjs +2 -2
  9. package/esm2022/radial-gauge/pointers.component.mjs +4 -2
  10. package/esm2022/radial-gauge/ranges.component.mjs +4 -2
  11. package/fesm2022/progress-kendo-angular-gauges.mjs +51 -31
  12. package/linear-gauge/pointers.component.d.ts +4 -2
  13. package/linear-gauge/range.component.d.ts +4 -2
  14. package/linear-gauge/ranges.component.d.ts +4 -2
  15. package/package.json +6 -6
  16. package/radial-gauge/pointers.component.d.ts +4 -2
  17. package/radial-gauge/ranges.component.d.ts +4 -2
package/arc-gauge/colors.component.d.ts CHANGED
@@ -19,9 +19,11 @@ import * as i0 from "@angular/core";
19
19
  * template: `
20
20
  * <kendo-arcgauge [value]="value">
21
21
  * <kendo-arcgauge-colors>
22
- * <kendo-arcgauge-color *ngFor="let item of colors"
22
+ * @for (item of colors; track item) {
23
+ * <kendo-arcgauge-color
23
24
  * [from]="item.from" [to]="item.to" [color]="item.color">
24
- * </kendo-arcgauge-color>
25
+ * </kendo-arcgauge-color>
26
+ * }
25
27
  * </kendo-arcgauge-colors>
26
28
  * </kendo-arcgauge>
27
29
  * `
package/esm2022/arc-gauge/arc-gauge.component.mjs CHANGED
@@ -11,7 +11,7 @@ import { ArcCenterTemplateDirective } from './arc-center-template.directive';
11
11
  import { ArcGauge } from '@progress/kendo-charts';
12
12
  import { drawDOM } from '@progress/kendo-drawing';
13
13
  import { ResizeSensorComponent } from '@progress/kendo-angular-common';
14
- import { NgIf, NgTemplateOutlet } from '@angular/common';
14
+ import { NgTemplateOutlet } from '@angular/common';
15
15
  import * as i0 from "@angular/core";
16
16
  import * as i1 from "../services";
17
17
  import * as i2 from "@progress/kendo-angular-intl";
@@ -140,7 +140,7 @@ export class ArcGaugeComponent extends GaugeComponent {
140
140
  element.style.left = `${position.left}px`;
141
141
  }
142
142
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ArcGaugeComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.ConfigurationService }, { token: i1.ThemeService }, { token: i2.IntlService }, { token: i3.LocalizationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
143
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ArcGaugeComponent, isStandalone: true, selector: "kendo-arcgauge", inputs: { value: "value", color: "color", colors: "colors", opacity: "opacity", scale: "scale" }, host: { properties: { "class.k-arcgauge": "this.className" } }, providers: [
143
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ArcGaugeComponent, isStandalone: true, selector: "kendo-arcgauge", inputs: { value: "value", color: "color", colors: "colors", opacity: "opacity", scale: "scale" }, host: { properties: { "class.k-arcgauge": "this.className" } }, providers: [
144
144
  ConfigurationService,
145
145
  LocalizationService,
146
146
  {
@@ -149,11 +149,13 @@ export class ArcGaugeComponent extends GaugeComponent {
149
149
  }
150
150
  ], queries: [{ propertyName: "centerTemplate", first: true, predicate: ArcCenterTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "labelElement", first: true, predicate: ["label"], descendants: true }], exportAs: ["kendoArcGauge"], usesInheritance: true, ngImport: i0, template: `
151
151
  <div #surface class='k-chart-surface'></div>
152
- <div class="k-arcgauge-label" *ngIf="centerTemplate" #label>
152
+ @if (centerTemplate) {
153
+ <div class="k-arcgauge-label" #label>
153
154
  <ng-template [ngTemplateOutlet]="centerTemplate.templateRef" [ngTemplateOutletContext]="centerTemplateContext"></ng-template>
154
- </div>
155
+ </div>
156
+ }
155
157
  <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
156
- `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
158
+ `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
157
159
  }
158
160
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ArcGaugeComponent, decorators: [{
159
161
  type: Component,
@@ -171,13 +173,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
171
173
  selector: 'kendo-arcgauge',
172
174
  template: `
173
175
  <div #surface class='k-chart-surface'></div>
174
- <div class="k-arcgauge-label" *ngIf="centerTemplate" #label>
176
+ @if (centerTemplate) {
177
+ <div class="k-arcgauge-label" #label>
175
178
  <ng-template [ngTemplateOutlet]="centerTemplate.templateRef" [ngTemplateOutletContext]="centerTemplateContext"></ng-template>
176
- </div>
179
+ </div>
180
+ }
177
181
  <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
178
- `,
182
+ `,
179
183
  standalone: true,
180
- imports: [NgIf, NgTemplateOutlet, ResizeSensorComponent]
184
+ imports: [NgTemplateOutlet, ResizeSensorComponent]
181
185
  }]
182
186
  }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.ConfigurationService }, { type: i1.ThemeService }, { type: i2.IntlService }, { type: i3.LocalizationService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }], propDecorators: { value: [{
183
187
  type: Input
package/esm2022/arc-gauge/colors.component.mjs CHANGED
@@ -21,9 +21,11 @@ import * as i1 from "../services";
21
21
  * template: `
22
22
  * <kendo-arcgauge [value]="value">
23
23
  * <kendo-arcgauge-colors>
24
- * <kendo-arcgauge-color *ngFor="let item of colors"
24
+ * @for (item of colors; track item) {
25
+ * <kendo-arcgauge-color
25
26
  * [from]="item.from" [to]="item.to" [color]="item.color">
26
- * </kendo-arcgauge-color>
27
+ * </kendo-arcgauge-color>
28
+ * }
27
29
  * </kendo-arcgauge-colors>
28
30
  * </kendo-arcgauge>
29
31
  * `
package/esm2022/circular-gauge/circular-gauge.component.mjs CHANGED
@@ -9,7 +9,7 @@ import { CircularGaugeCenterTemplateDirective } from './center-template.directiv
9
9
  import { ArcGaugeComponent } from '../arc-gauge/arc-gauge.component';
10
10
  import { ConfigurationService } from '../services';
11
11
  import { ResizeSensorComponent } from '@progress/kendo-angular-common';
12
- import { NgIf, NgTemplateOutlet } from '@angular/common';
12
+ import { NgTemplateOutlet } from '@angular/common';
13
13
  import * as i0 from "@angular/core";
14
14
  /**
15
15
  * Represents the [Kendo UI CircularGauge component for Angular]({% slug overview_circulargauge_gauges %}).
@@ -47,7 +47,7 @@ export class CircularGaugeComponent extends ArcGaugeComponent {
47
47
  this.updateElements();
48
48
  }
49
49
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CircularGaugeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
50
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CircularGaugeComponent, isStandalone: true, selector: "kendo-circulargauge", inputs: { scale: "scale" }, providers: [
50
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: CircularGaugeComponent, isStandalone: true, selector: "kendo-circulargauge", inputs: { scale: "scale" }, providers: [
51
51
  ConfigurationService,
52
52
  LocalizationService,
53
53
  {
@@ -56,11 +56,13 @@ export class CircularGaugeComponent extends ArcGaugeComponent {
56
56
  }
57
57
  ], queries: [{ propertyName: "centerTemplate", first: true, predicate: CircularGaugeCenterTemplateDirective, descendants: true }], exportAs: ["kendoCircularGauge"], usesInheritance: true, ngImport: i0, template: `
58
58
  <div #surface class='k-chart-surface'></div>
59
- <div class="k-arcgauge-label" *ngIf="centerTemplate" #label>
59
+ @if (centerTemplate) {
60
+ <div class="k-arcgauge-label" #label>
60
61
  <ng-template [ngTemplateOutlet]="centerTemplate.templateRef" [ngTemplateOutletContext]="centerTemplateContext"></ng-template>
61
- </div>
62
+ </div>
63
+ }
62
64
  <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
63
- `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
65
+ `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
64
66
  }
65
67
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CircularGaugeComponent, decorators: [{
66
68
  type: Component,
@@ -78,13 +80,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
78
80
  selector: 'kendo-circulargauge',
79
81
  template: `
80
82
  <div #surface class='k-chart-surface'></div>
81
- <div class="k-arcgauge-label" *ngIf="centerTemplate" #label>
83
+ @if (centerTemplate) {
84
+ <div class="k-arcgauge-label" #label>
82
85
  <ng-template [ngTemplateOutlet]="centerTemplate.templateRef" [ngTemplateOutletContext]="centerTemplateContext"></ng-template>
83
- </div>
86
+ </div>
87
+ }
84
88
  <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
85
- `,
89
+ `,
86
90
  standalone: true,
87
- imports: [NgIf, NgTemplateOutlet, ResizeSensorComponent]
91
+ imports: [NgTemplateOutlet, ResizeSensorComponent]
88
92
  }]
89
93
  }], propDecorators: { scale: [{
90
94
  type: Input
package/esm2022/linear-gauge/pointers.component.mjs CHANGED
@@ -21,9 +21,11 @@ import * as i1 from "../services";
21
21
  * template: `
22
22
  * <kendo-lineargauge>
23
23
  * <kendo-lineargauge-pointers>
24
- * <kendo-lineargauge-pointer *ngFor="let pointer of pointers"
24
+ * @for (pointer of pointers; track pointer) {
25
+ * <kendo-lineargauge-pointer
25
26
  * [value]="pointer.value" [color]="pointer.color" shape="barIndicator">
26
- * </kendo-lineargauge-pointer>
27
+ * </kendo-lineargauge-pointer>
28
+ * }
27
29
  * </kendo-lineargauge-pointers>
28
30
  * </kendo-lineargauge>
29
31
  * `
package/esm2022/linear-gauge/range.component.mjs CHANGED
@@ -15,8 +15,10 @@ import * as i1 from "../services";
15
15
  * <kendo-lineargauge>
16
16
  * <kendo-lineargauge-scale>
17
17
  * <kendo-lineargauge-scale-ranges>
18
- * <kendo-lineargauge-scale-range *ngFor="let range of ranges" [from]="range.from" [to]="range.to" [color]="range.color">
19
- * </kendo-lineargauge-scale-range>
18
+ * @for (range of ranges; track range) {
19
+ * <kendo-lineargauge-scale-range [from]="range.from" [to]="range.to" [color]="range.color">
20
+ * </kendo-lineargauge-scale-range>
21
+ * }
20
22
  * </kendo-lineargauge-scale-ranges>
21
23
  * </kendo-lineargauge-scale>
22
24
  * </kendo-lineargauge>
package/esm2022/linear-gauge/ranges.component.mjs CHANGED
@@ -25,9 +25,11 @@ import * as i1 from "../services";
25
25
  * <kendo-lineargauge>
26
26
  * <kendo-lineargauge-scale>
27
27
  * <kendo-lineargauge-scale-ranges>
28
- * <kendo-lineargauge-scale-range *ngFor="let range of ranges"
28
+ * @for (range of ranges; track range) {
29
+ * <kendo-lineargauge-scale-range
29
30
  * [from]="range.from" [to]="range.to" [color]="range.color">
30
- * </kendo-lineargauge-scale-range>
31
+ * </kendo-lineargauge-scale-range>
32
+ * }
31
33
  * </kendo-lineargauge-scale-ranges>
32
34
  * </kendo-lineargauge-scale>
33
35
  * </kendo-lineargauge>
package/esm2022/package-metadata.mjs CHANGED
@@ -10,7 +10,7 @@ export const packageMetadata = {
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCode: 'KENDOUIANGULAR',
12
12
  productCodes: ['KENDOUIANGULAR'],
13
- publishDate: 1763729380,
14
- version: '21.1.1-develop.2',
13
+ publishDate: 1764593169,
14
+ version: '21.2.0-develop.10',
15
15
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
16
16
  };
package/esm2022/radial-gauge/pointers.component.mjs CHANGED
@@ -24,9 +24,11 @@ import * as i1 from "../services";
24
24
  * template: `
25
25
  * <kendo-radialgauge>
26
26
  * <kendo-radialgauge-pointers>
27
- * <kendo-radialgauge-pointer *ngFor="let pointer of pointers"
27
+ * @for (pointer of pointers; track pointer) {
28
+ * <kendo-radialgauge-pointer
28
29
  * [value]="pointer.value" [color]="pointer.color">
29
- * </kendo-radialgauge-pointer>
30
+ * </kendo-radialgauge-pointer>
31
+ * }
30
32
  * </kendo-radialgauge-pointers>
31
33
  * </kendo-radialgauge>
32
34
  * `
package/esm2022/radial-gauge/ranges.component.mjs CHANGED
@@ -25,9 +25,11 @@ import * as i1 from "../services";
25
25
  * <kendo-radialgauge>
26
26
  * <kendo-radialgauge-scale>
27
27
  * <kendo-radialgauge-scale-ranges>
28
- * <kendo-radialgauge-scale-range *ngFor="let range of ranges"
28
+ * @for (range of ranges; track range) {
29
+ * <kendo-radialgauge-scale-range
29
30
  * [from]="range.from" [to]="range.to" [color]="range.color">
30
- * </kendo-radialgauge-scale-range>
31
+ * </kendo-radialgauge-scale-range>
32
+ * }
31
33
  * </kendo-radialgauge-scale-ranges>
32
34
  * </kendo-radialgauge-scale>
33
35
  * </kendo-radialgauge>
package/fesm2022/progress-kendo-angular-gauges.mjs CHANGED
@@ -11,7 +11,7 @@ import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
11
11
  import { exportImage, exportSVG, drawDOM } from '@progress/kendo-drawing';
12
12
  import { ResizeSensorComponent } from '@progress/kendo-angular-common';
13
13
  import { validatePackage } from '@progress/kendo-licensing';
14
- import { NgIf, NgTemplateOutlet } from '@angular/common';
14
+ import { NgTemplateOutlet } from '@angular/common';
15
15
 
16
16
  /**
17
17
  * Represents a directive that allows customizing the center part of the `<kendo-arcgauge>` component.
@@ -255,8 +255,8 @@ const packageMetadata = {
255
255
  productName: 'Kendo UI for Angular',
256
256
  productCode: 'KENDOUIANGULAR',
257
257
  productCodes: ['KENDOUIANGULAR'],
258
- publishDate: 1763729380,
259
- version: '21.1.1-develop.2',
258
+ publishDate: 1764593169,
259
+ version: '21.2.0-develop.10',
260
260
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
261
261
  };
262
262
 
@@ -864,7 +864,7 @@ class ArcGaugeComponent extends GaugeComponent {
864
864
  element.style.left = `${position.left}px`;
865
865
  }
866
866
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ArcGaugeComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: ConfigurationService }, { token: ThemeService }, { token: i2.IntlService }, { token: i3.LocalizationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
867
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ArcGaugeComponent, isStandalone: true, selector: "kendo-arcgauge", inputs: { value: "value", color: "color", colors: "colors", opacity: "opacity", scale: "scale" }, host: { properties: { "class.k-arcgauge": "this.className" } }, providers: [
867
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ArcGaugeComponent, isStandalone: true, selector: "kendo-arcgauge", inputs: { value: "value", color: "color", colors: "colors", opacity: "opacity", scale: "scale" }, host: { properties: { "class.k-arcgauge": "this.className" } }, providers: [
868
868
  ConfigurationService,
869
869
  LocalizationService,
870
870
  {
@@ -873,11 +873,13 @@ class ArcGaugeComponent extends GaugeComponent {
873
873
  }
874
874
  ], queries: [{ propertyName: "centerTemplate", first: true, predicate: ArcCenterTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "labelElement", first: true, predicate: ["label"], descendants: true }], exportAs: ["kendoArcGauge"], usesInheritance: true, ngImport: i0, template: `
875
875
  <div #surface class='k-chart-surface'></div>
876
- <div class="k-arcgauge-label" *ngIf="centerTemplate" #label>
876
+ @if (centerTemplate) {
877
+ <div class="k-arcgauge-label" #label>
877
878
  <ng-template [ngTemplateOutlet]="centerTemplate.templateRef" [ngTemplateOutletContext]="centerTemplateContext"></ng-template>
878
- </div>
879
+ </div>
880
+ }
879
881
  <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
880
- `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
882
+ `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
881
883
  }
882
884
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ArcGaugeComponent, decorators: [{
883
885
  type: Component,
@@ -895,13 +897,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
895
897
  selector: 'kendo-arcgauge',
896
898
  template: `
897
899
  <div #surface class='k-chart-surface'></div>
898
- <div class="k-arcgauge-label" *ngIf="centerTemplate" #label>
900
+ @if (centerTemplate) {
901
+ <div class="k-arcgauge-label" #label>
899
902
  <ng-template [ngTemplateOutlet]="centerTemplate.templateRef" [ngTemplateOutletContext]="centerTemplateContext"></ng-template>
900
- </div>
903
+ </div>
904
+ }
901
905
  <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
902
- `,
906
+ `,
903
907
  standalone: true,
904
- imports: [NgIf, NgTemplateOutlet, ResizeSensorComponent]
908
+ imports: [NgTemplateOutlet, ResizeSensorComponent]
905
909
  }]
906
910
  }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: ConfigurationService }, { type: ThemeService }, { type: i2.IntlService }, { type: i3.LocalizationService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }], propDecorators: { value: [{
907
911
  type: Input
@@ -1004,9 +1008,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
1004
1008
  * template: `
1005
1009
  * <kendo-arcgauge [value]="value">
1006
1010
  * <kendo-arcgauge-colors>
1007
- * <kendo-arcgauge-color *ngFor="let item of colors"
1011
+ * @for (item of colors; track item) {
1012
+ * <kendo-arcgauge-color
1008
1013
  * [from]="item.from" [to]="item.to" [color]="item.color">
1009
- * </kendo-arcgauge-color>
1014
+ * </kendo-arcgauge-color>
1015
+ * }
1010
1016
  * </kendo-arcgauge-colors>
1011
1017
  * </kendo-arcgauge>
1012
1018
  * `
@@ -1324,7 +1330,7 @@ class CircularGaugeComponent extends ArcGaugeComponent {
1324
1330
  this.updateElements();
1325
1331
  }
1326
1332
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CircularGaugeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
1327
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CircularGaugeComponent, isStandalone: true, selector: "kendo-circulargauge", inputs: { scale: "scale" }, providers: [
1333
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: CircularGaugeComponent, isStandalone: true, selector: "kendo-circulargauge", inputs: { scale: "scale" }, providers: [
1328
1334
  ConfigurationService,
1329
1335
  LocalizationService,
1330
1336
  {
@@ -1333,11 +1339,13 @@ class CircularGaugeComponent extends ArcGaugeComponent {
1333
1339
  }
1334
1340
  ], queries: [{ propertyName: "centerTemplate", first: true, predicate: CircularGaugeCenterTemplateDirective, descendants: true }], exportAs: ["kendoCircularGauge"], usesInheritance: true, ngImport: i0, template: `
1335
1341
  <div #surface class='k-chart-surface'></div>
1336
- <div class="k-arcgauge-label" *ngIf="centerTemplate" #label>
1342
+ @if (centerTemplate) {
1343
+ <div class="k-arcgauge-label" #label>
1337
1344
  <ng-template [ngTemplateOutlet]="centerTemplate.templateRef" [ngTemplateOutletContext]="centerTemplateContext"></ng-template>
1338
- </div>
1345
+ </div>
1346
+ }
1339
1347
  <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
1340
- `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
1348
+ `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
1341
1349
  }
1342
1350
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CircularGaugeComponent, decorators: [{
1343
1351
  type: Component,
@@ -1355,13 +1363,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
1355
1363
  selector: 'kendo-circulargauge',
1356
1364
  template: `
1357
1365
  <div #surface class='k-chart-surface'></div>
1358
- <div class="k-arcgauge-label" *ngIf="centerTemplate" #label>
1366
+ @if (centerTemplate) {
1367
+ <div class="k-arcgauge-label" #label>
1359
1368
  <ng-template [ngTemplateOutlet]="centerTemplate.templateRef" [ngTemplateOutletContext]="centerTemplateContext"></ng-template>
1360
- </div>
1369
+ </div>
1370
+ }
1361
1371
  <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
1362
- `,
1372
+ `,
1363
1373
  standalone: true,
1364
- imports: [NgIf, NgTemplateOutlet, ResizeSensorComponent]
1374
+ imports: [NgTemplateOutlet, ResizeSensorComponent]
1365
1375
  }]
1366
1376
  }], propDecorators: { scale: [{
1367
1377
  type: Input
@@ -1700,9 +1710,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
1700
1710
  * template: `
1701
1711
  * <kendo-lineargauge>
1702
1712
  * <kendo-lineargauge-pointers>
1703
- * <kendo-lineargauge-pointer *ngFor="let pointer of pointers"
1713
+ * @for (pointer of pointers; track pointer) {
1714
+ * <kendo-lineargauge-pointer
1704
1715
  * [value]="pointer.value" [color]="pointer.color" shape="barIndicator">
1705
- * </kendo-lineargauge-pointer>
1716
+ * </kendo-lineargauge-pointer>
1717
+ * }
1706
1718
  * </kendo-lineargauge-pointers>
1707
1719
  * </kendo-lineargauge>
1708
1720
  * `
@@ -1753,8 +1765,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
1753
1765
  * <kendo-lineargauge>
1754
1766
  * <kendo-lineargauge-scale>
1755
1767
  * <kendo-lineargauge-scale-ranges>
1756
- * <kendo-lineargauge-scale-range *ngFor="let range of ranges" [from]="range.from" [to]="range.to" [color]="range.color">
1757
- * </kendo-lineargauge-scale-range>
1768
+ * @for (range of ranges; track range) {
1769
+ * <kendo-lineargauge-scale-range [from]="range.from" [to]="range.to" [color]="range.color">
1770
+ * </kendo-lineargauge-scale-range>
1771
+ * }
1758
1772
  * </kendo-lineargauge-scale-ranges>
1759
1773
  * </kendo-lineargauge-scale>
1760
1774
  * </kendo-lineargauge>
@@ -1794,9 +1808,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
1794
1808
  * <kendo-lineargauge>
1795
1809
  * <kendo-lineargauge-scale>
1796
1810
  * <kendo-lineargauge-scale-ranges>
1797
- * <kendo-lineargauge-scale-range *ngFor="let range of ranges"
1811
+ * @for (range of ranges; track range) {
1812
+ * <kendo-lineargauge-scale-range
1798
1813
  * [from]="range.from" [to]="range.to" [color]="range.color">
1799
- * </kendo-lineargauge-scale-range>
1814
+ * </kendo-lineargauge-scale-range>
1815
+ * }
1800
1816
  * </kendo-lineargauge-scale-ranges>
1801
1817
  * </kendo-lineargauge-scale>
1802
1818
  * </kendo-lineargauge>
@@ -2011,9 +2027,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
2011
2027
  * template: `
2012
2028
  * <kendo-radialgauge>
2013
2029
  * <kendo-radialgauge-pointers>
2014
- * <kendo-radialgauge-pointer *ngFor="let pointer of pointers"
2030
+ * @for (pointer of pointers; track pointer) {
2031
+ * <kendo-radialgauge-pointer
2015
2032
  * [value]="pointer.value" [color]="pointer.color">
2016
- * </kendo-radialgauge-pointer>
2033
+ * </kendo-radialgauge-pointer>
2034
+ * }
2017
2035
  * </kendo-radialgauge-pointers>
2018
2036
  * </kendo-radialgauge>
2019
2037
  * `
@@ -2184,9 +2202,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
2184
2202
  * <kendo-radialgauge>
2185
2203
  * <kendo-radialgauge-scale>
2186
2204
  * <kendo-radialgauge-scale-ranges>
2187
- * <kendo-radialgauge-scale-range *ngFor="let range of ranges"
2205
+ * @for (range of ranges; track range) {
2206
+ * <kendo-radialgauge-scale-range
2188
2207
  * [from]="range.from" [to]="range.to" [color]="range.color">
2189
- * </kendo-radialgauge-scale-range>
2208
+ * </kendo-radialgauge-scale-range>
2209
+ * }
2190
2210
  * </kendo-radialgauge-scale-ranges>
2191
2211
  * </kendo-radialgauge-scale>
2192
2212
  * </kendo-radialgauge>
package/linear-gauge/pointers.component.d.ts CHANGED
@@ -19,9 +19,11 @@ import * as i0 from "@angular/core";
19
19
  * template: `
20
20
  * <kendo-lineargauge>
21
21
  * <kendo-lineargauge-pointers>
22
- * <kendo-lineargauge-pointer *ngFor="let pointer of pointers"
22
+ * @for (pointer of pointers; track pointer) {
23
+ * <kendo-lineargauge-pointer
23
24
  * [value]="pointer.value" [color]="pointer.color" shape="barIndicator">
24
- * </kendo-lineargauge-pointer>
25
+ * </kendo-lineargauge-pointer>
26
+ * }
25
27
  * </kendo-lineargauge-pointers>
26
28
  * </kendo-lineargauge>
27
29
  * `
package/linear-gauge/range.component.d.ts CHANGED
@@ -13,8 +13,10 @@ import * as i0 from "@angular/core";
13
13
  * <kendo-lineargauge>
14
14
  * <kendo-lineargauge-scale>
15
15
  * <kendo-lineargauge-scale-ranges>
16
- * <kendo-lineargauge-scale-range *ngFor="let range of ranges" [from]="range.from" [to]="range.to" [color]="range.color">
17
- * </kendo-lineargauge-scale-range>
16
+ * @for (range of ranges; track range) {
17
+ * <kendo-lineargauge-scale-range [from]="range.from" [to]="range.to" [color]="range.color">
18
+ * </kendo-lineargauge-scale-range>
19
+ * }
18
20
  * </kendo-lineargauge-scale-ranges>
19
21
  * </kendo-lineargauge-scale>
20
22
  * </kendo-lineargauge>
package/linear-gauge/ranges.component.d.ts CHANGED
@@ -23,9 +23,11 @@ import * as i0 from "@angular/core";
23
23
  * <kendo-lineargauge>
24
24
  * <kendo-lineargauge-scale>
25
25
  * <kendo-lineargauge-scale-ranges>
26
- * <kendo-lineargauge-scale-range *ngFor="let range of ranges"
26
+ * @for (range of ranges; track range) {
27
+ * <kendo-lineargauge-scale-range
27
28
  * [from]="range.from" [to]="range.to" [color]="range.color">
28
- * </kendo-lineargauge-scale-range>
29
+ * </kendo-lineargauge-scale-range>
30
+ * }
29
31
  * </kendo-lineargauge-scale-ranges>
30
32
  * </kendo-lineargauge-scale>
31
33
  * </kendo-lineargauge>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-gauges",
3
- "version": "21.1.1-develop.2",
3
+ "version": "21.2.0-develop.10",
4
4
  "description": "Kendo UI Angular Gauges",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -21,7 +21,7 @@
21
21
  "package": {
22
22
  "productName": "Kendo UI for Angular",
23
23
  "productCode": "KENDOUIANGULAR",
24
- "publishDate": 1763729380,
24
+ "publishDate": 1764593169,
25
25
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
26
26
  }
27
27
  },
@@ -32,14 +32,14 @@
32
32
  "@angular/platform-browser": "18 - 21",
33
33
  "@progress/kendo-drawing": "^1.21.0",
34
34
  "@progress/kendo-licensing": "^1.7.0",
35
- "@progress/kendo-angular-common": "21.1.1-develop.2",
36
- "@progress/kendo-angular-intl": "21.1.1-develop.2",
37
- "@progress/kendo-angular-l10n": "21.1.1-develop.2",
35
+ "@progress/kendo-angular-common": "21.2.0-develop.10",
36
+ "@progress/kendo-angular-intl": "21.2.0-develop.10",
37
+ "@progress/kendo-angular-l10n": "21.2.0-develop.10",
38
38
  "rxjs": "^6.5.3 || ^7.0.0"
39
39
  },
40
40
  "dependencies": {
41
41
  "tslib": "^2.3.1",
42
- "@progress/kendo-angular-schematics": "21.1.1-develop.2",
42
+ "@progress/kendo-angular-schematics": "21.2.0-develop.10",
43
43
  "@progress/kendo-charts": "2.9.0"
44
44
  },
45
45
  "schematics": "./schematics/collection.json",
package/radial-gauge/pointers.component.d.ts CHANGED
@@ -22,9 +22,11 @@ import * as i0 from "@angular/core";
22
22
  * template: `
23
23
  * <kendo-radialgauge>
24
24
  * <kendo-radialgauge-pointers>
25
- * <kendo-radialgauge-pointer *ngFor="let pointer of pointers"
25
+ * @for (pointer of pointers; track pointer) {
26
+ * <kendo-radialgauge-pointer
26
27
  * [value]="pointer.value" [color]="pointer.color">
27
- * </kendo-radialgauge-pointer>
28
+ * </kendo-radialgauge-pointer>
29
+ * }
28
30
  * </kendo-radialgauge-pointers>
29
31
  * </kendo-radialgauge>
30
32
  * `
package/radial-gauge/ranges.component.d.ts CHANGED
@@ -23,9 +23,11 @@ import * as i0 from "@angular/core";
23
23
  * <kendo-radialgauge>
24
24
  * <kendo-radialgauge-scale>
25
25
  * <kendo-radialgauge-scale-ranges>
26
- * <kendo-radialgauge-scale-range *ngFor="let range of ranges"
26
+ * @for (range of ranges; track range) {
27
+ * <kendo-radialgauge-scale-range
27
28
  * [from]="range.from" [to]="range.to" [color]="range.color">
28
- * </kendo-radialgauge-scale-range>
29
+ * </kendo-radialgauge-scale-range>
30
+ * }
29
31
  * </kendo-radialgauge-scale-ranges>
30
32
  * </kendo-radialgauge-scale>
31
33
  * </kendo-radialgauge>