@progress/kendo-angular-gauges 25.0.0-develop.1 → 25.0.0-develop.3

package/fesm2022/progress-kendo-angular-gauges.mjs

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from '@angular/core';
-import { Optional, Directive, Injectable, HostBinding, ViewChild, Input, ContentChild, ChangeDetectionStrategy, Component, ContentChildren, NgModule } from '@angular/core';
+import { Optional, Directive, Injectable, signal, HostBinding, ViewChild, Input, ContentChild, ChangeDetectionStrategy, Component, ContentChildren, NgModule } from '@angular/core';
 import { gaugeTheme, ArcGauge, CircularGauge, LinearGauge, RadialGauge } from '@progress/kendo-charts';
 import * as i2 from '@progress/kendo-angular-intl';
 import * as i3 from '@progress/kendo-angular-l10n';
@@ -255,8 +255,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1783680029,
-    version: '25.0.0-develop.1',
+    publishDate: 1783692639,
+    version: '25.0.0-develop.3',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -281,24 +281,49 @@ class GaugeComponent {
     /**
      * Specifies options for the Gauge area.
      */
-    gaugeArea;
+    set gaugeArea(value) {
+        this._gaugeArea.set(value);
+    }
+    get gaugeArea() {
+        return this._gaugeArea();
+    }
     /**
      * Specifies the output type.
      */
-    renderAs;
+    set renderAs(value) {
+        this._renderAs.set(value);
+    }
+    get renderAs() {
+        return this._renderAs();
+    }
     /**
      * The maximum number of times the Gauge resizes per second.
      * Defaults to `10`. To disable the automatic resizing, set `resizeRateLimit` to `0`.
      */
-    resizeRateLimit = 10;
+    set resizeRateLimit(value) {
+        this._resizeRateLimit.set(value);
+    }
+    get resizeRateLimit() {
+        return this._resizeRateLimit();
+    }
     /**
      * Specifies the scale options.
      */
-    scale;
+    set scale(value) {
+        this._scale.set(value);
+    }
+    get scale() {
+        return this._scale();
+    }
     /**
      * Specifies if the changes will be animated.
      */
-    transitions;
+    set transitions(value) {
+        this._transitions.set(value);
+    }
+    get transitions() {
+        return this._transitions();
+    }
     resizeSensor;
     className = true;
     options;
@@ -307,6 +332,11 @@ class GaugeComponent {
     subscriptions;
     redrawTimeout;
     rtl = false;
+    _transitions = signal(undefined, ...(ngDevMode ? [{ debugName: "_transitions" }] : []));
+    _scale = signal(undefined, ...(ngDevMode ? [{ debugName: "_scale" }] : []));
+    _resizeRateLimit = signal(10, ...(ngDevMode ? [{ debugName: "_resizeRateLimit" }] : []));
+    _renderAs = signal(undefined, ...(ngDevMode ? [{ debugName: "_renderAs" }] : []));
+    _gaugeArea = signal(undefined, ...(ngDevMode ? [{ debugName: "_gaugeArea" }] : []));
     constructor(configurationService, themeService, intlService, localizationService, element, renderer, ngZone) {
         this.configurationService = configurationService;
         this.themeService = themeService;
@@ -322,6 +352,9 @@ class GaugeComponent {
         this.subscriptions = this.intlService.changes.subscribe(this.intlChange.bind(this));
         this.subscriptions.add(this.localizationService.changes.subscribe(this.rtlChange.bind(this)));
     }
+    ngOnChanges(changes) {
+        this.configurationService.copyChanges('', changes);
+    }
     ngAfterViewChecked() {
         if (typeof document === 'undefined') {
             return;
@@ -338,7 +371,8 @@ class GaugeComponent {
         }
         if (updateMethod) {
             clearTimeout(this.redrawTimeout);
-            if (!this.instance && !inDocument(this.element.nativeElement)) { // required in case the gauge is initialized by ng-content outside of the DOM
+            if (!this.instance && !inDocument(this.element.nativeElement)) {
+                // required in case the gauge is initialized by ng-content outside of the DOM
                 this.defer(() => {
                     this.updateCall(updateMethod);
                 });
@@ -348,6 +382,13 @@ class GaugeComponent {
             }
         }
     }
+    ngOnDestroy() {
+        if (this.instance) {
+            this.instance.destroy();
+        }
+        this.subscriptions?.unsubscribe();
+        clearTimeout(this.redrawTimeout);
+    }
     updateCall(updateMethod) {
         this.updateDirection();
         updateMethod.call(this);
@@ -359,16 +400,6 @@ class GaugeComponent {
     setValues() {
         this.instance.allValues(this.configurationService.readValues());
     }
-    ngOnChanges(changes) {
-        this.configurationService.copyChanges('', changes);
-    }
-    ngOnDestroy() {
-        if (this.instance) {
-            this.instance.destroy();
-        }
-        this.subscriptions?.unsubscribe();
-        clearTimeout(this.redrawTimeout);
-    }
     /**
      * Exports the Gauge as an image. The export operation is asynchronous and returns a promise.
      *
@@ -526,23 +557,53 @@ class GaugeAreaComponent extends SettingsComponent {
     /**
      * The background of the Gauge area. Accepts valid CSS color strings, including hex and rgb.
      */
-    background;
+    set background(value) {
+        this._background.set(value);
+    }
+    get background() {
+        return this._background();
+    }
     /**
      * The border of the Gauge area.
      */
-    border;
+    set border(value) {
+        this._border.set(value);
+    }
+    get border() {
+        return this._border();
+    }
     /**
      * The height of the Gauge area.
      */
-    height;
+    set height(value) {
+        this._height.set(value);
+    }
+    get height() {
+        return this._height();
+    }
     /**
      * The margin of the Gauge area.
      */
-    margin;
+    set margin(value) {
+        this._margin.set(value);
+    }
+    get margin() {
+        return this._margin();
+    }
     /**
      * The width of the Gauge area.
      */
-    width;
+    set width(value) {
+        this._width.set(value);
+    }
+    get width() {
+        return this._width();
+    }
+    _width = signal(undefined, ...(ngDevMode ? [{ debugName: "_width" }] : []));
+    _margin = signal(undefined, ...(ngDevMode ? [{ debugName: "_margin" }] : []));
+    _height = signal(undefined, ...(ngDevMode ? [{ debugName: "_height" }] : []));
+    _background = signal(undefined, ...(ngDevMode ? [{ debugName: "_background" }] : []));
+    _border = signal(undefined, ...(ngDevMode ? [{ debugName: "_border" }] : []));
     // due to NG error: The directive GaugeAreaComponent inherits its constructor from SettingsComponent, but the latter has a constructor parameter 
     // that is not compatible with dependency injection. Either add an explicit constructor to ScaleComponent or change SettingsComponent's constructor 
     // to use parameters that are valid for DI.(-992016)
@@ -578,33 +639,68 @@ class LabelsComponent extends SettingsComponent {
      * The background of the labels.
      * Accepts valid CSS color strings, including hex and rgb.
      */
-    background;
+    set background(value) {
+        this._background.set(value);
+    }
+    get background() {
+        return this._background();
+    }
     /**
      * The border of the labels.
      */
-    border;
+    set border(value) {
+        this._border.set(value);
+    }
+    get border() {
+        return this._border();
+    }
     /**
      * The color of the labels.
      * Accepts valid CSS color strings, including hex and rgb.
      */
-    color;
+    set color(value) {
+        this._color.set(value);
+    }
+    get color() {
+        return this._color();
+    }
     /**
      * The font of the labels.
      */
-    font;
+    set font(value) {
+        this._font.set(value);
+    }
+    get font() {
+        return this._font();
+    }
     /**
      * The format that is used to display the labels.
      * Uses the IntlService [`format`](https://www.telerik.com/kendo-angular-ui/components/globalization/internationalization/api/intlservice#format) method.
      */
-    format;
+    set format(value) {
+        this._format.set(value);
+    }
+    get format() {
+        return this._format();
+    }
     /**
      * The margin of the labels.
      */
-    margin;
+    set margin(value) {
+        this._margin.set(value);
+    }
+    get margin() {
+        return this._margin();
+    }
     /**
      * The padding of the labels.
      */
-    padding;
+    set padding(value) {
+        this._padding.set(value);
+    }
+    get padding() {
+        return this._padding();
+    }
     /**
      * The function which returns the label content.
      *
@@ -612,11 +708,30 @@ class LabelsComponent extends SettingsComponent {
      *
      * - `value`—The value of the label.
      */
-    content;
+    set content(value) {
+        this._content.set(value);
+    }
+    get content() {
+        return this._content();
+    }
     /**
      * The visibility of the labels.
      */
-    visible;
+    set visible(value) {
+        this._visible.set(value);
+    }
+    get visible() {
+        return this._visible();
+    }
+    _visible = signal(undefined, ...(ngDevMode ? [{ debugName: "_visible" }] : []));
+    _content = signal(undefined, ...(ngDevMode ? [{ debugName: "_content" }] : []));
+    _padding = signal(undefined, ...(ngDevMode ? [{ debugName: "_padding" }] : []));
+    _margin = signal(undefined, ...(ngDevMode ? [{ debugName: "_margin" }] : []));
+    _format = signal(undefined, ...(ngDevMode ? [{ debugName: "_format" }] : []));
+    _font = signal(undefined, ...(ngDevMode ? [{ debugName: "_font" }] : []));
+    _color = signal(undefined, ...(ngDevMode ? [{ debugName: "_color" }] : []));
+    _border = signal(undefined, ...(ngDevMode ? [{ debugName: "_border" }] : []));
+    _background = signal(undefined, ...(ngDevMode ? [{ debugName: "_background" }] : []));
     // due to NG error: The directive LabelsComponent inherits its constructor from SettingsComponent, but the latter has a constructor parameter
     // that is not compatible with dependency injection. Either add an explicit constructor to ScaleComponent or change SettingsComponent's constructor
     // to use parameters that are valid for DI.(-992016)
@@ -657,19 +772,43 @@ class RangeComponent extends CollectionItemComponent {
     /**
      * The start position of the range.
      */
-    from;
+    set from(value) {
+        this._from.set(value);
+    }
+    get from() {
+        return this._from();
+    }
     /**
      * The end position of the range.
      */
-    to;
+    set to(value) {
+        this._to.set(value);
+    }
+    get to() {
+        return this._to();
+    }
     /**
      * The range opacity.
      */
-    opacity;
+    set opacity(value) {
+        this._opacity.set(value);
+    }
+    get opacity() {
+        return this._opacity();
+    }
     /**
      * The color of the range. Accepts valid CSS color strings, including hex and rgb.
      */
-    color;
+    set color(value) {
+        this._color.set(value);
+    }
+    get color() {
+        return this._color();
+    }
+    _to = signal(undefined, ...(ngDevMode ? [{ debugName: "_to" }] : []));
+    _from = signal(undefined, ...(ngDevMode ? [{ debugName: "_from" }] : []));
+    _opacity = signal(undefined, ...(ngDevMode ? [{ debugName: "_opacity" }] : []));
+    _color = signal(undefined, ...(ngDevMode ? [{ debugName: "_color" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RangeComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: RangeComponent, isStandalone: true, inputs: { from: "from", to: "to", opacity: "opacity", color: "color" }, usesInheritance: true, ngImport: i0 });
 }
@@ -691,16 +830,76 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
 class ScaleComponent extends SettingsComponent {
     key;
     configurationService;
-    labels;
-    majorTicks;
-    minorTicks;
-    min;
-    max;
-    minorUnit;
-    majorUnit;
-    reverse;
-    rangeSize;
-    rangePlaceholderColor;
+    set labels(value) {
+        this._labels.set(value);
+    }
+    get labels() {
+        return this._labels();
+    }
+    set majorTicks(value) {
+        this._majorTicks.set(value);
+    }
+    get majorTicks() {
+        return this._majorTicks();
+    }
+    set minorTicks(value) {
+        this._minorTicks.set(value);
+    }
+    get minorTicks() {
+        return this._minorTicks();
+    }
+    set min(value) {
+        this._min.set(value);
+    }
+    get min() {
+        return this._min();
+    }
+    set max(value) {
+        this._max.set(value);
+    }
+    get max() {
+        return this._max();
+    }
+    set minorUnit(value) {
+        this._minorUnit.set(value);
+    }
+    get minorUnit() {
+        return this._minorUnit();
+    }
+    set majorUnit(value) {
+        this._majorUnit.set(value);
+    }
+    get majorUnit() {
+        return this._majorUnit();
+    }
+    set reverse(value) {
+        this._reverse.set(value);
+    }
+    get reverse() {
+        return this._reverse();
+    }
+    set rangeSize(value) {
+        this._rangeSize.set(value);
+    }
+    get rangeSize() {
+        return this._rangeSize();
+    }
+    set rangePlaceholderColor(value) {
+        this._rangePlaceholderColor.set(value);
+    }
+    get rangePlaceholderColor() {
+        return this._rangePlaceholderColor();
+    }
+    _rangePlaceholderColor = signal(undefined, ...(ngDevMode ? [{ debugName: "_rangePlaceholderColor" }] : []));
+    _rangeSize = signal(undefined, ...(ngDevMode ? [{ debugName: "_rangeSize" }] : []));
+    _reverse = signal(undefined, ...(ngDevMode ? [{ debugName: "_reverse" }] : []));
+    _majorUnit = signal(undefined, ...(ngDevMode ? [{ debugName: "_majorUnit" }] : []));
+    _minorUnit = signal(undefined, ...(ngDevMode ? [{ debugName: "_minorUnit" }] : []));
+    _max = signal(undefined, ...(ngDevMode ? [{ debugName: "_max" }] : []));
+    _min = signal(undefined, ...(ngDevMode ? [{ debugName: "_min" }] : []));
+    _minorTicks = signal(undefined, ...(ngDevMode ? [{ debugName: "_minorTicks" }] : []));
+    _majorTicks = signal(undefined, ...(ngDevMode ? [{ debugName: "_majorTicks" }] : []));
+    _labels = signal(undefined, ...(ngDevMode ? [{ debugName: "_labels" }] : []));
     // due to NG error: The directive ScaleComponent inherits its constructor from SettingsComponent, but the latter has a constructor parameter 
     // that is not compatible with dependency injection. Either add an explicit constructor to ScaleComponent or change SettingsComponent's constructor 
     // to use parameters that are valid for DI.(-992016)
@@ -766,27 +965,62 @@ class ArcGaugeComponent extends GaugeComponent {
     /**
      * Sets the value of the gauge.
      */
-    value;
+    set value(v) {
+        this._value.set(v);
+    }
+    get value() {
+        return this._value();
+    }
     /**
      * Sets the color of the value pointer. Accepts a valid CSS color string, including hex and rgb.
      */
-    color;
+    set color(v) {
+        this._color.set(v);
+    }
+    get color() {
+        return this._color();
+    }
     /**
      * Sets the color ranges of the value pointer.
      */
-    colors;
+    set colors(v) {
+        this._colors.set(v);
+    }
+    get colors() {
+        return this._colors();
+    }
     /**
      * Sets the opacity of the value pointer.
      */
-    opacity;
+    set opacity(v) {
+        this._opacity.set(v);
+    }
+    get opacity() {
+        return this._opacity();
+    }
     /**
      * Sets the scale options of the ArcGauge.
      */
-    scale;
+    set scale(value) {
+        super.scale = value;
+    }
+    get scale() {
+        return super.scale;
+    }
     centerTemplate;
     labelElement;
     className = true;
-    centerTemplateContext = {};
+    get centerTemplateContext() {
+        return this._centerTemplateContext();
+    }
+    set centerTemplateContext(value) {
+        this._centerTemplateContext.set(value);
+    }
+    _centerTemplateContext = signal({}, ...(ngDevMode ? [{ debugName: "_centerTemplateContext" }] : []));
+    _colors = signal(undefined, ...(ngDevMode ? [{ debugName: "_colors" }] : []));
+    _color = signal(undefined, ...(ngDevMode ? [{ debugName: "_color" }] : []));
+    _value = signal(undefined, ...(ngDevMode ? [{ debugName: "_value" }] : []));
+    _opacity = signal(undefined, ...(ngDevMode ? [{ debugName: "_opacity" }] : []));
     constructor(changeDetector, configurationService, themeService, intlService, localizationService, element, renderer, ngZone) {
         super(configurationService, themeService, intlService, localizationService, element, renderer, ngZone);
         this.changeDetector = changeDetector;
@@ -843,8 +1077,10 @@ class ArcGaugeComponent extends GaugeComponent {
         if (!this.instance || !this.centerTemplate) {
             return;
         }
-        this.centerTemplateContext.value = this.instance.value();
-        this.centerTemplateContext.color = this.instance.currentColor();
+        this._centerTemplateContext.set({
+            value: this.instance.value(),
+            color: this.instance.currentColor()
+        });
         this.changeDetector.detectChanges();
         this.positionLabel();
     }
@@ -952,28 +1188,53 @@ class ColorComponent extends CollectionItemComponent {
     /**
      * Sets the color of the range. Accepts a valid CSS color string, including hex and rgb.
      */
-    color;
+    set color(value) {
+        this._color.set(value);
+    }
+    get color() {
+        return this._color();
+    }
     /**
      * Sets the opacity of the range.
      */
-    opacity;
+    set opacity(value) {
+        this._opacity.set(value);
+    }
+    get opacity() {
+        return this._opacity();
+    }
     /**
      * Sets the start value of the range.
      */
-    from;
+    set from(value) {
+        this._from.set(value);
+    }
+    get from() {
+        return this._from();
+    }
     /**
      * Sets the end value of the range.
      */
-    to;
+    set to(value) {
+        this._to.set(value);
+    }
+    get to() {
+        return this._to();
+    }
+    _to = signal(undefined, ...(ngDevMode ? [{ debugName: "_to" }] : []));
+    _from = signal(undefined, ...(ngDevMode ? [{ debugName: "_from" }] : []));
+    _opacity = signal(undefined, ...(ngDevMode ? [{ debugName: "_opacity" }] : []));
+    _color = signal(undefined, ...(ngDevMode ? [{ debugName: "_color" }] : []));
     constructor(configurationService, collectionChangesService) {
         super(configurationService, collectionChangesService);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ColorComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: ColorComponent, isStandalone: true, selector: "kendo-arcgauge-color", inputs: { color: "color", opacity: "opacity", from: "from", to: "to" }, providers: [ConfigurationService], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: ColorComponent, isStandalone: true, selector: "kendo-arcgauge-color", inputs: { color: "color", opacity: "opacity", from: "from", to: "to" }, providers: [ConfigurationService], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ColorComponent, decorators: [{
             type: Component,
             args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     providers: [ConfigurationService],
                     selector: 'kendo-arcgauge-color',
                     template: '',
@@ -1041,11 +1302,12 @@ class ColorsComponent extends CollectionComponent {
         super('colors', configurationService, collectionChangesService);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ColorsComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: ColorsComponent, isStandalone: true, selector: "kendo-arcgauge-colors", providers: [CollectionChangesService], queries: [{ propertyName: "children", predicate: ColorComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: ColorsComponent, isStandalone: true, selector: "kendo-arcgauge-colors", providers: [CollectionChangesService], queries: [{ propertyName: "children", predicate: ColorComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ColorsComponent, decorators: [{
             type: Component,
             args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     providers: [CollectionChangesService],
                     selector: 'kendo-arcgauge-colors',
                     template: '',
@@ -1087,11 +1349,12 @@ class ArcGaugeAreaComponent extends GaugeAreaComponent {
         this.configurationService = configurationService;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ArcGaugeAreaComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: ArcGaugeAreaComponent, isStandalone: true, selector: "kendo-arcgauge-area", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: ArcGaugeAreaComponent, isStandalone: true, selector: "kendo-arcgauge-area", usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ArcGaugeAreaComponent, decorators: [{
             type: Component,
             args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     selector: 'kendo-arcgauge-area',
                     template: '',
                     standalone: true
@@ -1116,17 +1379,24 @@ class RadialLabelsComponent extends LabelsComponent {
     /**
      * Sepcifies rhe position of the labels relative to the scale.
      */
-    position;
+    set position(value) {
+        this._position.set(value);
+    }
+    get position() {
+        return this._position();
+    }
+    _position = signal(undefined, ...(ngDevMode ? [{ debugName: "_position" }] : []));
     constructor(configurationService) {
         super('scale.labels', configurationService);
         this.configurationService = configurationService;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RadialLabelsComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: RadialLabelsComponent, isStandalone: true, selector: "kendo-radialgauge-scale-labels", inputs: { position: "position" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: RadialLabelsComponent, isStandalone: true, selector: "kendo-radialgauge-scale-labels", inputs: { position: "position" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RadialLabelsComponent, decorators: [{
             type: Component,
             args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     selector: 'kendo-radialgauge-scale-labels',
                     template: '',
                     standalone: true
@@ -1168,11 +1438,12 @@ class ArcLabelsComponent extends RadialLabelsComponent {
         configurationService.set(`${this.key}.visible`, true);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ArcLabelsComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: ArcLabelsComponent, isStandalone: true, selector: "kendo-arcgauge-scale-labels", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: ArcLabelsComponent, isStandalone: true, selector: "kendo-arcgauge-scale-labels", usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ArcLabelsComponent, decorators: [{
             type: Component,
             args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     selector: 'kendo-arcgauge-scale-labels',
                     template: '',
                     standalone: true
@@ -1212,33 +1483,63 @@ class ArcScaleComponent extends ScaleComponent {
     /**
      * Sets the scale labels configuration.
      */
-    labels;
+    set labels(value) {
+        super.labels = value;
+    }
+    get labels() {
+        return super.labels;
+    }
     /**
      * Sets the distance between the scale ranges in pixels.
      */
-    rangeDistance;
+    set rangeDistance(value) {
+        this._rangeDistance.set(value);
+    }
+    get rangeDistance() {
+        return this._rangeDistance();
+    }
     /**
      * Sets the line cap style for the scale ranges.
      */
-    rangeLineCap;
+    set rangeLineCap(value) {
+        this._rangeLineCap.set(value);
+    }
+    get rangeLineCap() {
+        return this._rangeLineCap();
+    }
     /**
      * Sets the start angle of the Gauge in degrees.
      */
-    startAngle;
+    set startAngle(value) {
+        this._startAngle.set(value);
+    }
+    get startAngle() {
+        return this._startAngle();
+    }
     /**
      * Sets the end angle of the Gauge in degrees.
      */
-    endAngle;
+    set endAngle(value) {
+        this._endAngle.set(value);
+    }
+    get endAngle() {
+        return this._endAngle();
+    }
+    _endAngle = signal(undefined, ...(ngDevMode ? [{ debugName: "_endAngle" }] : []));
+    _startAngle = signal(undefined, ...(ngDevMode ? [{ debugName: "_startAngle" }] : []));
+    _rangeLineCap = signal(undefined, ...(ngDevMode ? [{ debugName: "_rangeLineCap" }] : []));
+    _rangeDistance = signal(undefined, ...(ngDevMode ? [{ debugName: "_rangeDistance" }] : []));
     constructor(configurationService) {
         super('scale', configurationService);
         this.configurationService = configurationService;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ArcScaleComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: ArcScaleComponent, isStandalone: true, selector: "kendo-arcgauge-scale", inputs: { labels: "labels", rangeDistance: "rangeDistance", rangeLineCap: "rangeLineCap", startAngle: "startAngle", endAngle: "endAngle" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: ArcScaleComponent, isStandalone: true, selector: "kendo-arcgauge-scale", inputs: { labels: "labels", rangeDistance: "rangeDistance", rangeLineCap: "rangeLineCap", startAngle: "startAngle", endAngle: "endAngle" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ArcScaleComponent, decorators: [{
             type: Component,
             args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     selector: 'kendo-arcgauge-scale',
                     template: '',
                     standalone: true
@@ -1317,7 +1618,12 @@ class CircularGaugeComponent extends ArcGaugeComponent {
     /**
      * Specifies the scale options of the Gauge.
      */
-    scale;
+    set scale(value) {
+        super.scale = value;
+    }
+    get scale() {
+        return super.scale;
+    }
     centerTemplate;
     createInstance(element, options, theme, context) {
         this.instance = new CircularGauge(element, options, theme, context);
@@ -1392,11 +1698,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
  */
 class CircularGaugeAreaComponent extends ArcGaugeAreaComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CircularGaugeAreaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: CircularGaugeAreaComponent, isStandalone: true, selector: "kendo-circulargauge-area", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: CircularGaugeAreaComponent, isStandalone: true, selector: "kendo-circulargauge-area", usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CircularGaugeAreaComponent, decorators: [{
             type: Component,
             args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     selector: 'kendo-circulargauge-area',
                     template: '',
                     standalone: true
@@ -1430,11 +1737,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
  */
 class CircularGaugeLabelsComponent extends ArcLabelsComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CircularGaugeLabelsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: CircularGaugeLabelsComponent, isStandalone: true, selector: "kendo-circulargauge-scale-labels", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: CircularGaugeLabelsComponent, isStandalone: true, selector: "kendo-circulargauge-scale-labels", usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CircularGaugeLabelsComponent, decorators: [{
             type: Component,
             args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     selector: 'kendo-circulargauge-scale-labels',
                     template: '',
                     standalone: true
@@ -1466,18 +1774,26 @@ class CircularGaugeScaleComponent extends ArcScaleComponent {
     /**
      * @hidden
      */
-    endAngle;
+    set endAngle(value) {
+        super.endAngle = value;
+    }
+    get endAngle() {
+        return super.endAngle;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CircularGaugeScaleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: CircularGaugeScaleComponent, isStandalone: true, selector: "kendo-circulargauge-scale", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: CircularGaugeScaleComponent, isStandalone: true, selector: "kendo-circulargauge-scale", inputs: { endAngle: "endAngle" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CircularGaugeScaleComponent, decorators: [{
             type: Component,
             args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     selector: 'kendo-circulargauge-scale',
                     template: '',
                     standalone: true
                 }]
-        }] });
+        }], propDecorators: { endAngle: [{
+                type: Input
+            }] } });
 
 /**
  * Represents the configuration options for the LinearGauge area.
@@ -1498,11 +1814,12 @@ class LinearGaugeAreaComponent extends GaugeAreaComponent {
         this.configurationService = configurationService;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LinearGaugeAreaComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: LinearGaugeAreaComponent, isStandalone: true, selector: "kendo-lineargauge-area", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: LinearGaugeAreaComponent, isStandalone: true, selector: "kendo-lineargauge-area", usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LinearGaugeAreaComponent, decorators: [{
             type: Component,
             args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     selector: 'kendo-lineargauge-area',
                     template: '',
                     standalone: true
@@ -1529,11 +1846,12 @@ class LinearLabelsComponent extends LabelsComponent {
         this.configurationService = configurationService;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LinearLabelsComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: LinearLabelsComponent, isStandalone: true, selector: "kendo-lineargauge-scale-labels", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: LinearLabelsComponent, isStandalone: true, selector: "kendo-lineargauge-scale-labels", usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LinearLabelsComponent, decorators: [{
             type: Component,
             args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     selector: 'kendo-lineargauge-scale-labels',
                     template: '',
                     standalone: true
@@ -1566,11 +1884,22 @@ class LinearGaugeComponent extends GaugeComponent {
     /**
      * Configures the pointers of the LinearGauge.
      */
-    pointer;
+    set pointer(value) {
+        this._pointer.set(value);
+    }
+    get pointer() {
+        return this._pointer();
+    }
     /**
      * Configures the scale of the LinearGauge.
      */
-    scale;
+    set scale(value) {
+        super.scale = value;
+    }
+    get scale() {
+        return super.scale;
+    }
+    _pointer = signal(undefined, ...(ngDevMode ? [{ debugName: "_pointer" }] : []));
     constructor(configurationService, themeService, intlService, localizationService, element, renderer, ngZone) {
         super(configurationService, themeService, intlService, localizationService, element, renderer, ngZone);
     }
@@ -1632,40 +1961,83 @@ class LinearPointerComponent extends CollectionItemComponent {
     /**
      * Configures the border settings of the pointer.
      */
-    border;
+    set border(value) {
+        this._border.set(value);
+    }
+    get border() {
+        return this._border();
+    }
     /**
      * Specifies the color of the pointer.
      */
-    color;
+    set color(value) {
+        this._color.set(value);
+    }
+    get color() {
+        return this._color();
+    }
     /**
      * Sets the margin of the pointer. You can set this option to a number or an object with specific margin values.
      */
-    margin;
+    set margin(value) {
+        this._margin.set(value);
+    }
+    get margin() {
+        return this._margin();
+    }
     /**
      * Controls the transparency of the pointer. The value ranges from 0 (transparent) to 1 (opaque).
      */
-    opacity;
+    set opacity(value) {
+        this._opacity.set(value);
+    }
+    get opacity() {
+        return this._opacity();
+    }
     /**
      * Defines the shape of the pointer.
      */
-    shape;
+    set shape(value) {
+        this._shape.set(value);
+    }
+    get shape() {
+        return this._shape();
+    }
     /**
      * Sets the size of the pointer in pixels.
      */
-    size;
+    set size(value) {
+        this._size.set(value);
+    }
+    get size() {
+        return this._size();
+    }
     /**
      * Specifies the value that the pointer displays on the scale.
      */
-    value;
+    set value(v) {
+        this._value.set(v);
+    }
+    get value() {
+        return this._value();
+    }
+    _value = signal(undefined, ...(ngDevMode ? [{ debugName: "_value" }] : []));
+    _size = signal(undefined, ...(ngDevMode ? [{ debugName: "_size" }] : []));
+    _shape = signal(undefined, ...(ngDevMode ? [{ debugName: "_shape" }] : []));
+    _opacity = signal(undefined, ...(ngDevMode ? [{ debugName: "_opacity" }] : []));
+    _margin = signal(undefined, ...(ngDevMode ? [{ debugName: "_margin" }] : []));
+    _border = signal(undefined, ...(ngDevMode ? [{ debugName: "_border" }] : []));
+    _color = signal(undefined, ...(ngDevMode ? [{ debugName: "_color" }] : []));
     constructor(configurationService, collectionChangesService) {
         super(configurationService, collectionChangesService);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LinearPointerComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: LinearPointerComponent, isStandalone: true, selector: "kendo-lineargauge-pointer", inputs: { border: "border", color: "color", margin: "margin", opacity: "opacity", shape: "shape", size: "size", value: "value" }, providers: [ConfigurationService], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: LinearPointerComponent, isStandalone: true, selector: "kendo-lineargauge-pointer", inputs: { border: "border", color: "color", margin: "margin", opacity: "opacity", shape: "shape", size: "size", value: "value" }, providers: [ConfigurationService], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LinearPointerComponent, decorators: [{
             type: Component,
             args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     providers: [ConfigurationService],
                     selector: 'kendo-lineargauge-pointer',
                     template: '',
@@ -1732,11 +2104,12 @@ class LinearPointersComponent extends CollectionComponent {
         super('pointer', configurationService, collectionChangesService);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LinearPointersComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: LinearPointersComponent, isStandalone: true, selector: "kendo-lineargauge-pointers", providers: [CollectionChangesService], queries: [{ propertyName: "children", predicate: LinearPointerComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: LinearPointersComponent, isStandalone: true, selector: "kendo-lineargauge-pointers", providers: [CollectionChangesService], queries: [{ propertyName: "children", predicate: LinearPointerComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LinearPointersComponent, decorators: [{
             type: Component,
             args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     providers: [CollectionChangesService],
                     selector: 'kendo-lineargauge-pointers',
                     template: '',
@@ -1769,11 +2142,12 @@ class LinearRangeComponent extends RangeComponent {
         super(configurationService, collectionChangesService);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LinearRangeComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: LinearRangeComponent, isStandalone: true, selector: "kendo-lineargauge-scale-range", providers: [ConfigurationService], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: LinearRangeComponent, isStandalone: true, selector: "kendo-lineargauge-scale-range", providers: [ConfigurationService], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LinearRangeComponent, decorators: [{
             type: Component,
             args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     providers: [ConfigurationService],
                     selector: 'kendo-lineargauge-scale-range',
                     template: '',
@@ -1834,11 +2208,12 @@ class LinearRangesComponent extends CollectionComponent {
         super('scale.ranges', configurationService, collectionChangesService);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LinearRangesComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: LinearRangesComponent, isStandalone: true, selector: "kendo-lineargauge-scale-ranges", providers: [CollectionChangesService], queries: [{ propertyName: "children", predicate: LinearRangeComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: LinearRangesComponent, isStandalone: true, selector: "kendo-lineargauge-scale-ranges", providers: [CollectionChangesService], queries: [{ propertyName: "children", predicate: LinearRangeComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LinearRangesComponent, decorators: [{
             type: Component,
             args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     providers: [CollectionChangesService],
                     selector: 'kendo-lineargauge-scale-ranges',
                     template: '',
@@ -1869,33 +2244,58 @@ class LinearScaleComponent extends ScaleComponent {
     /**
      * Configures the appearance of the scale line.
      */
-    line;
+    set line(value) {
+        this._line.set(value);
+    }
+    get line() {
+        return this._line();
+    }
     /**
      * Configures the ranges that are displayed on the scale.
      */
-    ranges;
+    set ranges(value) {
+        this._ranges.set(value);
+    }
+    get ranges() {
+        return this._ranges();
+    }
     /**
      * Mirrors the scale labels and ticks. When you set this option to `true`, the labels and ticks appear on the opposite side of the scale.
      *
      * @default false
      */
-    mirror;
+    set mirror(value) {
+        this._mirror.set(value);
+    }
+    get mirror() {
+        return this._mirror();
+    }
     /**
      * Sets the orientation of the scale. When you set this option to `false`, the scale displays horizontally.
      *
      * @default true
      */
-    vertical;
+    set vertical(value) {
+        this._vertical.set(value);
+    }
+    get vertical() {
+        return this._vertical();
+    }
+    _vertical = signal(undefined, ...(ngDevMode ? [{ debugName: "_vertical" }] : []));
+    _mirror = signal(undefined, ...(ngDevMode ? [{ debugName: "_mirror" }] : []));
+    _ranges = signal(undefined, ...(ngDevMode ? [{ debugName: "_ranges" }] : []));
+    _line = signal(undefined, ...(ngDevMode ? [{ debugName: "_line" }] : []));
     constructor(configurationService) {
         super('scale', configurationService);
         this.configurationService = configurationService;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LinearScaleComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: LinearScaleComponent, isStandalone: true, selector: "kendo-lineargauge-scale", inputs: { line: "line", ranges: "ranges", mirror: "mirror", vertical: "vertical" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: LinearScaleComponent, isStandalone: true, selector: "kendo-lineargauge-scale", inputs: { line: "line", ranges: "ranges", mirror: "mirror", vertical: "vertical" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LinearScaleComponent, decorators: [{
             type: Component,
             args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     selector: 'kendo-lineargauge-scale',
                     template: '',
                     standalone: true
@@ -1936,11 +2336,12 @@ class RadialGaugeAreaComponent extends GaugeAreaComponent {
         this.configurationService = configurationService;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RadialGaugeAreaComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: RadialGaugeAreaComponent, isStandalone: true, selector: "kendo-radialgauge-area", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: RadialGaugeAreaComponent, isStandalone: true, selector: "kendo-radialgauge-area", usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RadialGaugeAreaComponent, decorators: [{
             type: Component,
             args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     selector: 'kendo-radialgauge-area',
                     template: '',
                     standalone: true
@@ -1964,28 +2365,53 @@ class RadialPointerComponent extends CollectionItemComponent {
     /**
      * Configures the pointer cap.
      */
-    cap;
+    set cap(value) {
+        this._cap.set(value);
+    }
+    get cap() {
+        return this._cap();
+    }
     /**
      * Specifies the color of the pointer.
      */
-    color;
+    set color(value) {
+        this._color.set(value);
+    }
+    get color() {
+        return this._color();
+    }
     /**
      * Sets the length of the pointer as a percentage of the scale radius.
      */
-    length;
+    set length(value) {
+        this._length.set(value);
+    }
+    get length() {
+        return this._length();
+    }
     /**
      * Sets the value of the pointer.
      */
-    value;
+    set value(v) {
+        this._value.set(v);
+    }
+    get value() {
+        return this._value();
+    }
+    _color = signal(undefined, ...(ngDevMode ? [{ debugName: "_color" }] : []));
+    _cap = signal(undefined, ...(ngDevMode ? [{ debugName: "_cap" }] : []));
+    _length = signal(undefined, ...(ngDevMode ? [{ debugName: "_length" }] : []));
+    _value = signal(undefined, ...(ngDevMode ? [{ debugName: "_value" }] : []));
     constructor(configurationService, collectionChangesService) {
         super(configurationService, collectionChangesService);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RadialPointerComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: RadialPointerComponent, isStandalone: true, selector: "kendo-radialgauge-pointer", inputs: { cap: "cap", color: "color", length: "length", value: "value" }, providers: [ConfigurationService], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: RadialPointerComponent, isStandalone: true, selector: "kendo-radialgauge-pointer", inputs: { cap: "cap", color: "color", length: "length", value: "value" }, providers: [ConfigurationService], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RadialPointerComponent, decorators: [{
             type: Component,
             args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     providers: [ConfigurationService],
                     selector: 'kendo-radialgauge-pointer',
                     template: '',
@@ -2049,11 +2475,12 @@ class RadialPointersComponent extends CollectionComponent {
         super('pointer', configurationService, collectionChangesService);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RadialPointersComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: RadialPointersComponent, isStandalone: true, selector: "kendo-radialgauge-pointers", providers: [CollectionChangesService], queries: [{ propertyName: "children", predicate: RadialPointerComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: RadialPointersComponent, isStandalone: true, selector: "kendo-radialgauge-pointers", providers: [CollectionChangesService], queries: [{ propertyName: "children", predicate: RadialPointerComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RadialPointersComponent, decorators: [{
             type: Component,
             args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     providers: [CollectionChangesService],
                     selector: 'kendo-radialgauge-pointers',
                     template: '',
@@ -2091,12 +2518,23 @@ class RadialGaugeComponent extends GaugeComponent {
      * Sets the configuration of the pointers.
      * You can configure single or multiple pointers for the RadialGauge.
      */
-    pointer;
+    set pointer(value) {
+        this._pointer.set(value);
+    }
+    get pointer() {
+        return this._pointer();
+    }
     /**
      * Sets the configuration of the scale.
      * The scale defines the range, appearance, and behavior of the gauge.
      */
-    scale;
+    set scale(value) {
+        super.scale = value;
+    }
+    get scale() {
+        return super.scale;
+    }
+    _pointer = signal(undefined, ...(ngDevMode ? [{ debugName: "_pointer" }] : []));
     constructor(configurationService, themeService, intlService, localizationService, element, renderer, ngZone) {
         super(configurationService, themeService, intlService, localizationService, element, renderer, ngZone);
     }
@@ -2161,11 +2599,12 @@ class RadialRangeComponent extends RangeComponent {
         super(configurationService, collectionChangesService);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RadialRangeComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: RadialRangeComponent, isStandalone: true, selector: "kendo-radialgauge-scale-range", providers: [ConfigurationService], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: RadialRangeComponent, isStandalone: true, selector: "kendo-radialgauge-scale-range", providers: [ConfigurationService], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RadialRangeComponent, decorators: [{
             type: Component,
             args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     providers: [ConfigurationService],
                     selector: 'kendo-radialgauge-scale-range',
                     template: '',
@@ -2226,11 +2665,12 @@ class RadialRangesComponent extends CollectionComponent {
         super('scale.ranges', configurationService, collectionChangesService);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RadialRangesComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: RadialRangesComponent, isStandalone: true, selector: "kendo-radialgauge-scale-ranges", providers: [CollectionChangesService], queries: [{ propertyName: "children", predicate: RadialRangeComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: RadialRangesComponent, isStandalone: true, selector: "kendo-radialgauge-scale-ranges", providers: [CollectionChangesService], queries: [{ propertyName: "children", predicate: RadialRangeComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RadialRangesComponent, decorators: [{
             type: Component,
             args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     providers: [CollectionChangesService],
                     selector: 'kendo-radialgauge-scale-ranges',
                     template: '',
@@ -2261,33 +2701,63 @@ class RadialScaleComponent extends ScaleComponent {
     /**
      * Configures the scale labels.
      */
-    labels;
+    set labels(value) {
+        super.labels = value;
+    }
+    get labels() {
+        return super.labels;
+    }
     /**
      * Specifies the distance between the scale ranges and the ticks.
      */
-    rangeDistance;
+    set rangeDistance(value) {
+        this._rangeDistance.set(value);
+    }
+    get rangeDistance() {
+        return this._rangeDistance();
+    }
     /**
      * Sets the ranges of the scale.
      */
-    ranges;
+    set ranges(value) {
+        this._ranges.set(value);
+    }
+    get ranges() {
+        return this._ranges();
+    }
     /**
      * Specifies the start angle of the Gauge in degrees.
      */
-    startAngle;
+    set startAngle(value) {
+        this._startAngle.set(value);
+    }
+    get startAngle() {
+        return this._startAngle();
+    }
     /**
      * Specifies the end angle of the Gauge in degrees.
      */
-    endAngle;
+    set endAngle(value) {
+        this._endAngle.set(value);
+    }
+    get endAngle() {
+        return this._endAngle();
+    }
+    _endAngle = signal(undefined, ...(ngDevMode ? [{ debugName: "_endAngle" }] : []));
+    _startAngle = signal(undefined, ...(ngDevMode ? [{ debugName: "_startAngle" }] : []));
+    _ranges = signal(undefined, ...(ngDevMode ? [{ debugName: "_ranges" }] : []));
+    _rangeDistance = signal(undefined, ...(ngDevMode ? [{ debugName: "_rangeDistance" }] : []));
     constructor(configurationService) {
         super('scale', configurationService);
         this.configurationService = configurationService;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RadialScaleComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: RadialScaleComponent, isStandalone: true, selector: "kendo-radialgauge-scale", inputs: { labels: "labels", rangeDistance: "rangeDistance", ranges: "ranges", startAngle: "startAngle", endAngle: "endAngle" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: RadialScaleComponent, isStandalone: true, selector: "kendo-radialgauge-scale", inputs: { labels: "labels", rangeDistance: "rangeDistance", ranges: "ranges", startAngle: "startAngle", endAngle: "endAngle" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RadialScaleComponent, decorators: [{
             type: Component,
             args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     selector: 'kendo-radialgauge-scale',
                     template: '',
                     standalone: true