@progress/kendo-angular-gauges 24.2.2 → 25.0.0-develop.2

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';
@@ -34,10 +34,10 @@ class ArcCenterTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ArcCenterTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: ArcCenterTemplateDirective, isStandalone: true, selector: "[kendoArcGaugeCenterTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ArcCenterTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: ArcCenterTemplateDirective, isStandalone: true, selector: "[kendoArcGaugeCenterTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ArcCenterTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ArcCenterTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoArcGaugeCenterTemplate]',
@@ -133,10 +133,10 @@ class ConfigurationService {
         }
         return { key: key, options: options };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ConfigurationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ConfigurationService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ConfigurationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ConfigurationService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ConfigurationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ConfigurationService, decorators: [{
             type: Injectable
         }] });
 
@@ -145,10 +145,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
  */
 class CollectionChangesService {
     hasChanges;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CollectionChangesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CollectionChangesService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CollectionChangesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CollectionChangesService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CollectionChangesService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CollectionChangesService, decorators: [{
             type: Injectable
         }] });
 
@@ -179,10 +179,10 @@ class ThemeService {
             document.body.removeChild(container);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ThemeService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ThemeService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ThemeService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ThemeService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -219,10 +219,10 @@ class CollectionComponent {
     readItems() {
         return this.children.map(child => Object.assign({}, child.configurationService.read()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CollectionComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: CollectionComponent, isStandalone: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CollectionComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: CollectionComponent, isStandalone: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CollectionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CollectionComponent, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: undefined }, { type: ConfigurationService }, { type: CollectionChangesService }] });
 
@@ -240,10 +240,10 @@ class CollectionItemComponent {
         this.configurationService.copyChanges('', changes);
         this.collectionChangesService.hasChanges = true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CollectionItemComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: CollectionItemComponent, isStandalone: true, usesOnChanges: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CollectionItemComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: CollectionItemComponent, isStandalone: true, usesOnChanges: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CollectionItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CollectionItemComponent, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: ConfigurationService }, { type: CollectionChangesService }] });
 
@@ -255,8 +255,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1783511645,
-    version: '24.2.2',
+    publishDate: 1783688716,
+    version: '25.0.0-develop.2',
     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.
      *
@@ -471,10 +502,10 @@ class GaugeComponent {
     get isRTL() {
         return Boolean(this.localizationService.rtl);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: GaugeComponent, deps: [{ token: ConfigurationService }, { token: ThemeService }, { token: i2.IntlService }, { token: i3.LocalizationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: GaugeComponent, isStandalone: true, inputs: { gaugeArea: "gaugeArea", renderAs: "renderAs", resizeRateLimit: "resizeRateLimit", scale: "scale", transitions: "transitions" }, host: { properties: { "class.k-gauge": "this.className" } }, viewQueries: [{ propertyName: "resizeSensor", first: true, predicate: ResizeSensorComponent, descendants: true, static: true }], usesOnChanges: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: GaugeComponent, deps: [{ token: ConfigurationService }, { token: ThemeService }, { token: i2.IntlService }, { token: i3.LocalizationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: GaugeComponent, isStandalone: true, inputs: { gaugeArea: "gaugeArea", renderAs: "renderAs", resizeRateLimit: "resizeRateLimit", scale: "scale", transitions: "transitions" }, host: { properties: { "class.k-gauge": "this.className" } }, viewQueries: [{ propertyName: "resizeSensor", first: true, predicate: ResizeSensorComponent, descendants: true, static: true }], usesOnChanges: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: GaugeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: GaugeComponent, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: ConfigurationService }, { type: ThemeService }, { type: i2.IntlService }, { type: i3.LocalizationService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }], propDecorators: { gaugeArea: [{
                 type: Input
@@ -510,10 +541,10 @@ class SettingsComponent {
     ngOnDestroy() {
         this.configurationService.set(this.key, null);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: SettingsComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: SettingsComponent, isStandalone: true, usesOnChanges: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SettingsComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: SettingsComponent, isStandalone: true, usesOnChanges: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: SettingsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SettingsComponent, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: undefined }, { type: ConfigurationService }] });
 
@@ -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)
@@ -551,10 +612,10 @@ class GaugeAreaComponent extends SettingsComponent {
         this.key = key;
         this.configurationService = configurationService;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: GaugeAreaComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: GaugeAreaComponent, isStandalone: true, inputs: { background: "background", border: "border", height: "height", margin: "margin", width: "width" }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: GaugeAreaComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: GaugeAreaComponent, isStandalone: true, inputs: { background: "background", border: "border", height: "height", margin: "margin", width: "width" }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: GaugeAreaComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: GaugeAreaComponent, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: undefined }, { type: ConfigurationService }], propDecorators: { background: [{
                 type: Input
@@ -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)
@@ -625,10 +740,10 @@ class LabelsComponent extends SettingsComponent {
         this.key = key;
         this.configurationService = configurationService;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LabelsComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: LabelsComponent, isStandalone: true, inputs: { background: "background", border: "border", color: "color", font: "font", format: "format", margin: "margin", padding: "padding", content: "content", visible: "visible" }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LabelsComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: LabelsComponent, isStandalone: true, inputs: { background: "background", border: "border", color: "color", font: "font", format: "format", margin: "margin", padding: "padding", content: "content", visible: "visible" }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LabelsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LabelsComponent, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: undefined }, { type: ConfigurationService }], propDecorators: { background: [{
                 type: Input
@@ -657,23 +772,47 @@ 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;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: RangeComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: RangeComponent, isStandalone: true, inputs: { from: "from", to: "to", opacity: "opacity", color: "color" }, usesInheritance: true, ngImport: i0 });
+    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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: RangeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RangeComponent, decorators: [{
             type: Directive
         }], propDecorators: { from: [{
                 type: Input
@@ -691,16 +830,76 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.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)
@@ -709,10 +908,10 @@ class ScaleComponent extends SettingsComponent {
         this.key = key;
         this.configurationService = configurationService;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ScaleComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: ScaleComponent, isStandalone: true, inputs: { labels: "labels", majorTicks: "majorTicks", minorTicks: "minorTicks", min: "min", max: "max", minorUnit: "minorUnit", majorUnit: "majorUnit", reverse: "reverse", rangeSize: "rangeSize", rangePlaceholderColor: "rangePlaceholderColor" }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ScaleComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: ScaleComponent, isStandalone: true, inputs: { labels: "labels", majorTicks: "majorTicks", minorTicks: "minorTicks", min: "min", max: "max", minorUnit: "minorUnit", majorUnit: "majorUnit", reverse: "reverse", rangeSize: "rangeSize", rangePlaceholderColor: "rangePlaceholderColor" }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ScaleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ScaleComponent, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: undefined }, { type: ConfigurationService }], propDecorators: { labels: [{
                 type: Input
@@ -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();
     }
@@ -859,8 +1095,8 @@ class ArcGaugeComponent extends GaugeComponent {
         element.style.top = `${position.top}px`;
         element.style.left = `${position.left}px`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", 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 });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", 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: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", 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 });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", 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: [
             ConfigurationService,
             LocalizationService,
             {
@@ -876,7 +1112,7 @@ class ArcGaugeComponent extends GaugeComponent {
     <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
     `, 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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ArcGaugeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ArcGaugeComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -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: "19.2.25", ngImport: i0, type: ColorComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.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 ɵ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, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ColorComponent, decorators: [{
+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: '',
@@ -1040,12 +1301,13 @@ class ColorsComponent extends CollectionComponent {
     constructor(configurationService, collectionChangesService) {
         super('colors', configurationService, collectionChangesService);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ColorsComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: ColorsComponent, isStandalone: true, selector: "kendo-arcgauge-colors", providers: [CollectionChangesService], queries: [{ propertyName: "children", predicate: ColorComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    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, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ColorsComponent, decorators: [{
+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: '',
@@ -1086,12 +1348,13 @@ class ArcGaugeAreaComponent extends GaugeAreaComponent {
         super('gaugeArea', configurationService);
         this.configurationService = configurationService;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ArcGaugeAreaComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: ArcGaugeAreaComponent, isStandalone: true, selector: "kendo-arcgauge-area", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    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, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ArcGaugeAreaComponent, decorators: [{
+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: "19.2.25", ngImport: i0, type: RadialLabelsComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: RadialLabelsComponent, isStandalone: true, selector: "kendo-radialgauge-scale-labels", inputs: { position: "position" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    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, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: RadialLabelsComponent, decorators: [{
+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
@@ -1167,12 +1437,13 @@ class ArcLabelsComponent extends RadialLabelsComponent {
         this.configurationService = configurationService;
         configurationService.set(`${this.key}.visible`, true);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ArcLabelsComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: ArcLabelsComponent, isStandalone: true, selector: "kendo-arcgauge-scale-labels", usesInheritance: true, ngImport: i0, template: '', isInline: 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, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ArcLabelsComponent, decorators: [{
+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: "19.2.25", ngImport: i0, type: ArcScaleComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.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 ɵ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, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ArcScaleComponent, decorators: [{
+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
@@ -1275,10 +1576,10 @@ class CircularGaugeCenterTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CircularGaugeCenterTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: CircularGaugeCenterTemplateDirective, isStandalone: true, selector: "[kendoCircularGaugeCenterTemplate]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CircularGaugeCenterTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: CircularGaugeCenterTemplateDirective, isStandalone: true, selector: "[kendoCircularGaugeCenterTemplate]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CircularGaugeCenterTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CircularGaugeCenterTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoCircularGaugeCenterTemplate]',
@@ -1317,14 +1618,19 @@ 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);
         this.updateElements();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CircularGaugeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: CircularGaugeComponent, isStandalone: true, selector: "kendo-circulargauge", inputs: { scale: "scale" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CircularGaugeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: CircularGaugeComponent, isStandalone: true, selector: "kendo-circulargauge", inputs: { scale: "scale" }, providers: [
             ConfigurationService,
             LocalizationService,
             {
@@ -1340,7 +1646,7 @@ class CircularGaugeComponent extends ArcGaugeComponent {
     <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
     `, 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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CircularGaugeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CircularGaugeComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -1391,12 +1697,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
  * ```
  */
 class CircularGaugeAreaComponent extends ArcGaugeAreaComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CircularGaugeAreaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: CircularGaugeAreaComponent, isStandalone: true, selector: "kendo-circulargauge-area", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    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, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CircularGaugeAreaComponent, decorators: [{
+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
@@ -1429,12 +1736,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
  * ```
  */
 class CircularGaugeLabelsComponent extends ArcLabelsComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CircularGaugeLabelsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: CircularGaugeLabelsComponent, isStandalone: true, selector: "kendo-circulargauge-scale-labels", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    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, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CircularGaugeLabelsComponent, decorators: [{
+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;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CircularGaugeScaleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: CircularGaugeScaleComponent, isStandalone: true, selector: "kendo-circulargauge-scale", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    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", inputs: { endAngle: "endAngle" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CircularGaugeScaleComponent, decorators: [{
+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.
@@ -1497,12 +1813,13 @@ class LinearGaugeAreaComponent extends GaugeAreaComponent {
         super('gaugeArea', configurationService);
         this.configurationService = configurationService;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LinearGaugeAreaComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: LinearGaugeAreaComponent, isStandalone: true, selector: "kendo-lineargauge-area", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    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, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LinearGaugeAreaComponent, decorators: [{
+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
@@ -1528,12 +1845,13 @@ class LinearLabelsComponent extends LabelsComponent {
         super('scale.labels', configurationService);
         this.configurationService = configurationService;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LinearLabelsComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: LinearLabelsComponent, isStandalone: true, selector: "kendo-lineargauge-scale-labels", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    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, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LinearLabelsComponent, decorators: [{
+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,19 +1884,30 @@ 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);
     }
     createInstance(element, options, theme, context) {
         this.instance = new LinearGauge(element, options, theme, context);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LinearGaugeComponent, deps: [{ token: ConfigurationService }, { token: ThemeService }, { token: i2.IntlService }, { token: i3.LocalizationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: LinearGaugeComponent, isStandalone: true, selector: "kendo-lineargauge", inputs: { pointer: "pointer", scale: "scale" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LinearGaugeComponent, deps: [{ token: ConfigurationService }, { token: ThemeService }, { token: i2.IntlService }, { token: i3.LocalizationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: LinearGaugeComponent, isStandalone: true, selector: "kendo-lineargauge", inputs: { pointer: "pointer", scale: "scale" }, providers: [
             ConfigurationService,
             LocalizationService,
             {
@@ -1589,7 +1918,7 @@ class LinearGaugeComponent extends GaugeComponent {
     <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
   `, isInline: true, dependencies: [{ kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LinearGaugeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LinearGaugeComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -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: "19.2.25", ngImport: i0, type: LinearPointerComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.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 ɵ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, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LinearPointerComponent, decorators: [{
+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: '',
@@ -1731,12 +2103,13 @@ class LinearPointersComponent extends CollectionComponent {
     constructor(configurationService, collectionChangesService) {
         super('pointer', configurationService, collectionChangesService);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LinearPointersComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: LinearPointersComponent, isStandalone: true, selector: "kendo-lineargauge-pointers", providers: [CollectionChangesService], queries: [{ propertyName: "children", predicate: LinearPointerComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    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, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LinearPointersComponent, decorators: [{
+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: '',
@@ -1768,12 +2141,13 @@ class LinearRangeComponent extends RangeComponent {
     constructor(configurationService, collectionChangesService) {
         super(configurationService, collectionChangesService);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LinearRangeComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: LinearRangeComponent, isStandalone: true, selector: "kendo-lineargauge-scale-range", providers: [ConfigurationService], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    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, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LinearRangeComponent, decorators: [{
+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: '',
@@ -1833,12 +2207,13 @@ class LinearRangesComponent extends CollectionComponent {
     constructor(configurationService, collectionChangesService) {
         super('scale.ranges', configurationService, collectionChangesService);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LinearRangesComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.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 ɵ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, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LinearRangesComponent, decorators: [{
+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: "19.2.25", ngImport: i0, type: LinearScaleComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.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 ɵ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, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LinearScaleComponent, decorators: [{
+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
@@ -1935,12 +2335,13 @@ class RadialGaugeAreaComponent extends GaugeAreaComponent {
         super('gaugeArea', configurationService);
         this.configurationService = configurationService;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: RadialGaugeAreaComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: RadialGaugeAreaComponent, isStandalone: true, selector: "kendo-radialgauge-area", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    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, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: RadialGaugeAreaComponent, decorators: [{
+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: "19.2.25", ngImport: i0, type: RadialPointerComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.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 ɵ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, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: RadialPointerComponent, decorators: [{
+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: '',
@@ -2048,12 +2474,13 @@ class RadialPointersComponent extends CollectionComponent {
     constructor(configurationService, collectionChangesService) {
         super('pointer', configurationService, collectionChangesService);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: RadialPointersComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: RadialPointersComponent, isStandalone: true, selector: "kendo-radialgauge-pointers", providers: [CollectionChangesService], queries: [{ propertyName: "children", predicate: RadialPointerComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    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, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: RadialPointersComponent, decorators: [{
+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,20 +2518,31 @@ 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);
     }
     createInstance(element, options, theme, context) {
         this.instance = new RadialGauge(element, options, theme, context);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: RadialGaugeComponent, deps: [{ token: ConfigurationService }, { token: ThemeService }, { token: i2.IntlService }, { token: i3.LocalizationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: RadialGaugeComponent, isStandalone: true, selector: "kendo-radialgauge", inputs: { pointer: "pointer", scale: "scale" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RadialGaugeComponent, deps: [{ token: ConfigurationService }, { token: ThemeService }, { token: i2.IntlService }, { token: i3.LocalizationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: RadialGaugeComponent, isStandalone: true, selector: "kendo-radialgauge", inputs: { pointer: "pointer", scale: "scale" }, providers: [
             ConfigurationService,
             LocalizationService,
             {
@@ -2115,7 +2553,7 @@ class RadialGaugeComponent extends GaugeComponent {
     <kendo-resize-sensor (resize)="onResize()" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
   `, isInline: true, dependencies: [{ kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: RadialGaugeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RadialGaugeComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -2160,12 +2598,13 @@ class RadialRangeComponent extends RangeComponent {
     constructor(configurationService, collectionChangesService) {
         super(configurationService, collectionChangesService);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: RadialRangeComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: RadialRangeComponent, isStandalone: true, selector: "kendo-radialgauge-scale-range", providers: [ConfigurationService], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    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, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: RadialRangeComponent, decorators: [{
+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: '',
@@ -2225,12 +2664,13 @@ class RadialRangesComponent extends CollectionComponent {
     constructor(configurationService, collectionChangesService) {
         super('scale.ranges', configurationService, collectionChangesService);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: RadialRangesComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.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 ɵ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, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: RadialRangesComponent, decorators: [{
+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: "19.2.25", ngImport: i0, type: RadialScaleComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.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 ɵ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, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: RadialScaleComponent, decorators: [{
+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
@@ -2385,11 +2855,11 @@ const KENDO_GAUGES = [
  * ```
  */
 class ArcGaugeModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ArcGaugeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: ArcGaugeModule, imports: [ArcGaugeComponent, ArcCenterTemplateDirective, ArcGaugeAreaComponent, ArcScaleComponent, ArcLabelsComponent, ColorsComponent, ColorComponent], exports: [ArcGaugeComponent, ArcCenterTemplateDirective, ArcGaugeAreaComponent, ArcScaleComponent, ArcLabelsComponent, ColorsComponent, ColorComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ArcGaugeModule, providers: [ThemeService], imports: [ArcGaugeComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ArcGaugeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: ArcGaugeModule, imports: [ArcGaugeComponent, ArcCenterTemplateDirective, ArcGaugeAreaComponent, ArcScaleComponent, ArcLabelsComponent, ColorsComponent, ColorComponent], exports: [ArcGaugeComponent, ArcCenterTemplateDirective, ArcGaugeAreaComponent, ArcScaleComponent, ArcLabelsComponent, ColorsComponent, ColorComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ArcGaugeModule, providers: [ThemeService], imports: [ArcGaugeComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ArcGaugeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ArcGaugeModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_ARCGAUGE],
@@ -2422,11 +2892,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
  * ```
  */
 class LinearGaugeModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LinearGaugeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: LinearGaugeModule, imports: [LinearGaugeComponent, LinearGaugeAreaComponent, LinearScaleComponent, LinearLabelsComponent, LinearPointersComponent, LinearPointerComponent, LinearRangeComponent, LinearRangesComponent], exports: [LinearGaugeComponent, LinearGaugeAreaComponent, LinearScaleComponent, LinearLabelsComponent, LinearPointersComponent, LinearPointerComponent, LinearRangeComponent, LinearRangesComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LinearGaugeModule, providers: [ThemeService], imports: [LinearGaugeComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LinearGaugeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: LinearGaugeModule, imports: [LinearGaugeComponent, LinearGaugeAreaComponent, LinearScaleComponent, LinearLabelsComponent, LinearPointersComponent, LinearPointerComponent, LinearRangeComponent, LinearRangesComponent], exports: [LinearGaugeComponent, LinearGaugeAreaComponent, LinearScaleComponent, LinearLabelsComponent, LinearPointersComponent, LinearPointerComponent, LinearRangeComponent, LinearRangesComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LinearGaugeModule, providers: [ThemeService], imports: [LinearGaugeComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LinearGaugeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LinearGaugeModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_LINEARGAUGE],
@@ -2459,11 +2929,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
  * ```
  */
 class RadialGaugeModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: RadialGaugeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: RadialGaugeModule, imports: [RadialGaugeComponent, RadialGaugeAreaComponent, RadialScaleComponent, RadialLabelsComponent, RadialPointersComponent, RadialPointerComponent, RadialRangeComponent, RadialRangesComponent], exports: [RadialGaugeComponent, RadialGaugeAreaComponent, RadialScaleComponent, RadialLabelsComponent, RadialPointersComponent, RadialPointerComponent, RadialRangeComponent, RadialRangesComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: RadialGaugeModule, providers: [ThemeService], imports: [RadialGaugeComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RadialGaugeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: RadialGaugeModule, imports: [RadialGaugeComponent, RadialGaugeAreaComponent, RadialScaleComponent, RadialLabelsComponent, RadialPointersComponent, RadialPointerComponent, RadialRangeComponent, RadialRangesComponent], exports: [RadialGaugeComponent, RadialGaugeAreaComponent, RadialScaleComponent, RadialLabelsComponent, RadialPointersComponent, RadialPointerComponent, RadialRangeComponent, RadialRangesComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RadialGaugeModule, providers: [ThemeService], imports: [RadialGaugeComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: RadialGaugeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: RadialGaugeModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_RADIALGAUGE],
@@ -2495,11 +2965,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
  * ```
  */
 class CircularGaugeModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CircularGaugeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: CircularGaugeModule, imports: [CircularGaugeComponent, CircularGaugeCenterTemplateDirective, CircularGaugeAreaComponent, CircularGaugeScaleComponent, CircularGaugeLabelsComponent], exports: [CircularGaugeComponent, CircularGaugeCenterTemplateDirective, CircularGaugeAreaComponent, CircularGaugeScaleComponent, CircularGaugeLabelsComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CircularGaugeModule, providers: [ThemeService], imports: [CircularGaugeComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CircularGaugeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: CircularGaugeModule, imports: [CircularGaugeComponent, CircularGaugeCenterTemplateDirective, CircularGaugeAreaComponent, CircularGaugeScaleComponent, CircularGaugeLabelsComponent], exports: [CircularGaugeComponent, CircularGaugeCenterTemplateDirective, CircularGaugeAreaComponent, CircularGaugeScaleComponent, CircularGaugeLabelsComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CircularGaugeModule, providers: [ThemeService], imports: [CircularGaugeComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CircularGaugeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CircularGaugeModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_CIRCULARGAUGE],
@@ -2533,11 +3003,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
  * ```
  */
 class GaugesModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: GaugesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: GaugesModule, imports: [ArcGaugeComponent, ArcCenterTemplateDirective, ArcGaugeAreaComponent, ArcScaleComponent, ArcLabelsComponent, ColorsComponent, ColorComponent, CircularGaugeComponent, CircularGaugeCenterTemplateDirective, CircularGaugeAreaComponent, CircularGaugeScaleComponent, CircularGaugeLabelsComponent, LinearGaugeComponent, LinearGaugeAreaComponent, LinearScaleComponent, LinearLabelsComponent, LinearPointersComponent, LinearPointerComponent, LinearRangeComponent, LinearRangesComponent, RadialGaugeComponent, RadialGaugeAreaComponent, RadialScaleComponent, RadialLabelsComponent, RadialPointersComponent, RadialPointerComponent, RadialRangeComponent, RadialRangesComponent], exports: [ArcGaugeComponent, ArcCenterTemplateDirective, ArcGaugeAreaComponent, ArcScaleComponent, ArcLabelsComponent, ColorsComponent, ColorComponent, CircularGaugeComponent, CircularGaugeCenterTemplateDirective, CircularGaugeAreaComponent, CircularGaugeScaleComponent, CircularGaugeLabelsComponent, LinearGaugeComponent, LinearGaugeAreaComponent, LinearScaleComponent, LinearLabelsComponent, LinearPointersComponent, LinearPointerComponent, LinearRangeComponent, LinearRangesComponent, RadialGaugeComponent, RadialGaugeAreaComponent, RadialScaleComponent, RadialLabelsComponent, RadialPointersComponent, RadialPointerComponent, RadialRangeComponent, RadialRangesComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: GaugesModule, providers: [ThemeService], imports: [ArcGaugeComponent, CircularGaugeComponent, LinearGaugeComponent, RadialGaugeComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: GaugesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: GaugesModule, imports: [ArcGaugeComponent, ArcCenterTemplateDirective, ArcGaugeAreaComponent, ArcScaleComponent, ArcLabelsComponent, ColorsComponent, ColorComponent, CircularGaugeComponent, CircularGaugeCenterTemplateDirective, CircularGaugeAreaComponent, CircularGaugeScaleComponent, CircularGaugeLabelsComponent, LinearGaugeComponent, LinearGaugeAreaComponent, LinearScaleComponent, LinearLabelsComponent, LinearPointersComponent, LinearPointerComponent, LinearRangeComponent, LinearRangesComponent, RadialGaugeComponent, RadialGaugeAreaComponent, RadialScaleComponent, RadialLabelsComponent, RadialPointersComponent, RadialPointerComponent, RadialRangeComponent, RadialRangesComponent], exports: [ArcGaugeComponent, ArcCenterTemplateDirective, ArcGaugeAreaComponent, ArcScaleComponent, ArcLabelsComponent, ColorsComponent, ColorComponent, CircularGaugeComponent, CircularGaugeCenterTemplateDirective, CircularGaugeAreaComponent, CircularGaugeScaleComponent, CircularGaugeLabelsComponent, LinearGaugeComponent, LinearGaugeAreaComponent, LinearScaleComponent, LinearLabelsComponent, LinearPointersComponent, LinearPointerComponent, LinearRangeComponent, LinearRangesComponent, RadialGaugeComponent, RadialGaugeAreaComponent, RadialScaleComponent, RadialLabelsComponent, RadialPointersComponent, RadialPointerComponent, RadialRangeComponent, RadialRangesComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: GaugesModule, providers: [ThemeService], imports: [ArcGaugeComponent, CircularGaugeComponent, LinearGaugeComponent, RadialGaugeComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: GaugesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: GaugesModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_GAUGES],