@progress/kendo-angular-gauges 16.5.0-develop.6 → 16.6.0-develop.1

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

@@ -3,17 +3,58 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from '@angular/core';
-import { Injectable, NgModule, Directive, Input, ViewChild, HostBinding, Optional, Component, ChangeDetectionStrategy, ContentChild, ContentChildren } from '@angular/core';
-import * as i5 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i4 from '@progress/kendo-angular-common';
-import { ResizeSensorModule, ResizeSensorComponent } from '@progress/kendo-angular-common';
+import { Directive, Optional, Injectable, Input, ViewChild, HostBinding, Component, ChangeDetectionStrategy, ContentChild, ContentChildren, NgModule } from '@angular/core';
 import * as i2 from '@progress/kendo-angular-intl';
 import * as i3 from '@progress/kendo-angular-l10n';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { exportImage, exportSVG, drawDOM } from '@progress/kendo-drawing';
+import { ResizeSensorComponent } from '@progress/kendo-angular-common';
 import { validatePackage } from '@progress/kendo-licensing';
-import { ArcGauge, LinearGauge, RadialGauge, CircularGauge } from '@progress/kendo-charts';
+import { ArcGauge, CircularGauge, LinearGauge, RadialGauge } from '@progress/kendo-charts';
+import { NgIf, NgTemplateOutlet } from '@angular/common';
+
+/**
+ * A directive that selects a [template](link:site.data.urls.angular['templatesyntax'])
+ * within the `<kendo-arcgauge>` component which will be used for the center template
+ * ([more information and example]({% slug centertemplate_arcgauge %})).
+ *
+ * @example
+ * ```ts
+ * import { Component } from '@angular/core';
+ *
+ * _@Component({
+ *     selector: 'my-app',
+ *     template: `
+ *         <kendo-arcgauge [value]="value">
+ *             <ng-template kendoArcGaugeCenterTemplate let-value="value">
+ *                 {{ value }}%
+ *             </ng-template>
+ *         </kendo-arcgauge>
+ *
+ *     `
+ * })
+ * export class AppComponent {
+ *   public value: number = 10;
+ * }
+ *
+ * ```
+ */
+class ArcCenterTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+ArcCenterTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcCenterTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+ArcCenterTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ArcCenterTemplateDirective, isStandalone: true, selector: "[kendoArcGaugeCenterTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcCenterTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoArcGaugeCenterTemplate]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });
 
 function isObject(value) {
     return typeof value === "object";
@@ -182,26 +223,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             type: Injectable
         }] });
 
-/**
- * @hidden
- */
-class SharedModule {
-}
-SharedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SharedModule, exports: [ResizeSensorModule] });
-SharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SharedModule, providers: [
-        ThemeService
-    ], imports: [ResizeSensorModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SharedModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [ResizeSensorModule],
-                    providers: [
-                        ThemeService
-                    ]
-                }]
-        }] });
-
 /**
  * @hidden
  */
@@ -260,8 +281,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-gauges',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1721766382,
-    version: '16.5.0-develop.6',
+    publishDate: 1721828021,
+    version: '16.6.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -619,48 +640,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input
             }] } });
 
-/**
- * A directive that selects a [template](link:site.data.urls.angular['templatesyntax'])
- * within the `<kendo-arcgauge>` component which will be used for the center template
- * ([more information and example]({% slug centertemplate_arcgauge %})).
- *
- * @example
- * ```ts
- * import { Component } from '@angular/core';
- *
- * _@Component({
- *     selector: 'my-app',
- *     template: `
- *         <kendo-arcgauge [value]="value">
- *             <ng-template kendoArcGaugeCenterTemplate let-value="value">
- *                 {{ value }}%
- *             </ng-template>
- *         </kendo-arcgauge>
- *
- *     `
- * })
- * export class AppComponent {
- *   public value: number = 10;
- * }
- *
- * ```
- */
-class ArcCenterTemplateDirective {
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-}
-ArcCenterTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcCenterTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-ArcCenterTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ArcCenterTemplateDirective, selector: "[kendoArcGaugeCenterTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcCenterTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoArcGaugeCenterTemplate]'
-                }]
-        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
-                    type: Optional
-                }] }]; } });
-
 /**
  * Represents the [Kendo UI ArcGauge component for Angular]({% slug overview_arcgauge_gauges %}).
  *
@@ -763,8 +742,9 @@ class ArcGaugeComponent extends GaugeComponent {
     updateSize() { }
 }
 ArcGaugeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", 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 });
-ArcGaugeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ArcGaugeComponent, selector: "kendo-arcgauge", inputs: { value: "value", color: "color", colors: "colors", opacity: "opacity", scale: "scale" }, host: { properties: { "class.k-arcgauge": "this.className" } }, providers: [
+ArcGaugeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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,
+        ThemeService,
         LocalizationService,
         {
             provide: L10N_PREFIX,
@@ -776,7 +756,7 @@ ArcGaugeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
         <ng-template [ngTemplateOutlet]="centerTemplate.templateRef" [ngTemplateOutletContext]="centerTemplateContext"></ng-template>
     </div>
     <kendo-resize-sensor (resize)="onResize($event)" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
-  `, isInline: true, dependencies: [{ kind: "component", type: i4.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcGaugeComponent, decorators: [{
             type: Component,
             args: [{
@@ -784,6 +764,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     exportAs: 'kendoArcGauge',
                     providers: [
                         ConfigurationService,
+                        ThemeService,
                         LocalizationService,
                         {
                             provide: L10N_PREFIX,
@@ -797,7 +778,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         <ng-template [ngTemplateOutlet]="centerTemplate.templateRef" [ngTemplateOutletContext]="centerTemplateContext"></ng-template>
     </div>
     <kendo-resize-sensor (resize)="onResize($event)" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
-  `
+  `,
+                    standalone: true,
+                    imports: [NgIf, NgTemplateOutlet, ResizeSensorComponent]
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: ConfigurationService }, { type: ThemeService }, { type: i2.IntlService }, { type: i3.LocalizationService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { value: [{
                 type: Input
@@ -820,97 +803,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 args: ['class.k-arcgauge']
             }] } });
 
-/**
- * The configuration options of the ArcGauge area.
- * Represents the entire visible area of the ArcGauge.
- */
-class ArcGaugeAreaComponent extends GaugeAreaComponent {
-    constructor(configurationService) {
-        super('gaugeArea', configurationService);
-        this.configurationService = configurationService;
-    }
-}
-ArcGaugeAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcGaugeAreaComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-ArcGaugeAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ArcGaugeAreaComponent, selector: "kendo-arcgauge-area", usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcGaugeAreaComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-arcgauge-area',
-                    template: ''
-                }]
-        }], ctorParameters: function () { return [{ type: ConfigurationService }]; } });
-
-/**
- * The configuration options for the scale of the ArcGauge
- * ([see example]({% slug scaleoptions_arcgauge %})).
- */
-class ArcScaleComponent extends ScaleComponent {
-    constructor(configurationService) {
-        super('scale', configurationService);
-        this.configurationService = configurationService;
-    }
-}
-ArcScaleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcScaleComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-ArcScaleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ArcScaleComponent, selector: "kendo-arcgauge-scale", inputs: { labels: "labels", rangeDistance: "rangeDistance", rangeLineCap: "rangeLineCap", startAngle: "startAngle", endAngle: "endAngle" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcScaleComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-arcgauge-scale',
-                    template: ''
-                }]
-        }], ctorParameters: function () { return [{ type: ConfigurationService }]; }, propDecorators: { labels: [{
-                type: Input
-            }], rangeDistance: [{
-                type: Input
-            }], rangeLineCap: [{
-                type: Input
-            }], startAngle: [{
-                type: Input
-            }], endAngle: [{
-                type: Input
-            }] } });
-
-/**
- * The configuration options for the scale labels of the RadialGauge.
- */
-class RadialLabelsComponent extends LabelsComponent {
-    constructor(configurationService) {
-        super('scale.labels', configurationService);
-        this.configurationService = configurationService;
-    }
-}
-RadialLabelsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialLabelsComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-RadialLabelsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RadialLabelsComponent, selector: "kendo-radialgauge-scale-labels", inputs: { position: "position" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialLabelsComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-radialgauge-scale-labels',
-                    template: ''
-                }]
-        }], ctorParameters: function () { return [{ type: ConfigurationService }]; }, propDecorators: { position: [{
-                type: Input
-            }] } });
-
-/**
- * The configuration options for the scale labels of the ArcGauge.
- */
-class ArcLabelsComponent extends RadialLabelsComponent {
-    constructor(configurationService) {
-        super(configurationService);
-        this.configurationService = configurationService;
-        configurationService.set(`${this.key}.visible`, true);
-    }
-}
-ArcLabelsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcLabelsComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-ArcLabelsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ArcLabelsComponent, selector: "kendo-arcgauge-scale-labels", usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcLabelsComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-arcgauge-scale-labels',
-                    template: ''
-                }]
-        }], ctorParameters: function () { return [{ type: ConfigurationService }]; } });
-
 /**
  * The configuration options for an ArcGauge color item.
  */
@@ -920,13 +812,14 @@ class ColorComponent extends CollectionItemComponent {
     }
 }
 ColorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColorComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
-ColorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ColorComponent, selector: "kendo-arcgauge-color", inputs: { color: "color", opacity: "opacity", from: "from", to: "to" }, providers: [ConfigurationService], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+ColorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColorComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [ConfigurationService],
                     selector: 'kendo-arcgauge-color',
-                    template: ''
+                    template: '',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: CollectionChangesService }]; }, propDecorators: { color: [{
                 type: Input
@@ -986,172 +879,304 @@ class ColorsComponent extends CollectionComponent {
     }
 }
 ColorsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColorsComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
-ColorsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ColorsComponent, selector: "kendo-arcgauge-colors", providers: [CollectionChangesService], queries: [{ propertyName: "children", predicate: ColorComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+ColorsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ColorsComponent, isStandalone: true, selector: "kendo-arcgauge-colors", providers: [CollectionChangesService], queries: [{ propertyName: "children", predicate: ColorComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColorsComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [CollectionChangesService],
                     selector: 'kendo-arcgauge-colors',
-                    template: ''
+                    template: '',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: CollectionChangesService }]; }, propDecorators: { children: [{
                 type: ContentChildren,
                 args: [ColorComponent]
             }] } });
 
-const DIRECTIVES$3 = [ArcGaugeComponent, ArcCenterTemplateDirective, ArcGaugeAreaComponent, ArcScaleComponent, ArcLabelsComponent,
-    ColorsComponent, ColorComponent];
 /**
- * A [module](link:site.data.urls.angular['ngmodules']) that includes the ArcGauge component and its directives.
- * Imports the `ArcGaugeModule` into your application
- * [root module](link:site.data.urls.angular['ngmodules']#angular-modularity) or any other sub-module
- * that will use the ArcGauge component.
- *
- * @example
- * ```ts-no-run
- * import { NgModule } from '@angular/core';
- * import { BrowserModule } from '@angular/platform-browser';
- * import { ArcGaugeModule } from '@progress/kendo-angular-gauges';
- * import { AppComponent } from './app.component';
- *
- * _@NgModule({
- *     bootstrap:    [AppComponent],
- *     declarations: [AppComponent],
- *     imports:      [BrowserModule, ArcGaugeModule]
- * })
- * export class AppModule {
- * }
- * ```
+ * The configuration options of the ArcGauge area.
+ * Represents the entire visible area of the ArcGauge.
  */
-class ArcGaugeModule {
+class ArcGaugeAreaComponent extends GaugeAreaComponent {
+    constructor(configurationService) {
+        super('gaugeArea', configurationService);
+        this.configurationService = configurationService;
+    }
 }
-ArcGaugeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcGaugeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ArcGaugeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ArcGaugeModule, declarations: [ArcGaugeComponent, ArcCenterTemplateDirective, ArcGaugeAreaComponent, ArcScaleComponent, ArcLabelsComponent,
-        ColorsComponent, ColorComponent], imports: [SharedModule, CommonModule], exports: [ArcGaugeComponent, ArcCenterTemplateDirective, ArcGaugeAreaComponent, ArcScaleComponent, ArcLabelsComponent,
-        ColorsComponent, ColorComponent] });
-ArcGaugeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcGaugeModule, imports: [SharedModule, CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcGaugeModule, decorators: [{
-            type: NgModule,
+ArcGaugeAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcGaugeAreaComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+ArcGaugeAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ArcGaugeAreaComponent, isStandalone: true, selector: "kendo-arcgauge-area", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcGaugeAreaComponent, decorators: [{
+            type: Component,
             args: [{
-                    declarations: [DIRECTIVES$3],
-                    exports: [DIRECTIVES$3],
-                    imports: [SharedModule, CommonModule]
+                    selector: 'kendo-arcgauge-area',
+                    template: '',
+                    standalone: true
                 }]
-        }] });
+        }], ctorParameters: function () { return [{ type: ConfigurationService }]; } });
 
 /**
- * Represents the [Kendo UI LinearGauge component for Angular]({% slug overview_lineargauge_gauges %}).
- *
- * @example
- * ```ts
- * import { Component } from '@angular/core';
- *
- * _@Component({
- *   selector: 'my-app',
- *   template: `
- *      <kendo-lineargauge [pointer]="{ value: value }">
- *      </kendo-lineargauge>
- *   `
- * })
- * class AppComponent {
- *   public value: number = 10;
- * }
- *
- * ```
+ * The configuration options for the scale labels of the RadialGauge.
  */
-class LinearGaugeComponent extends GaugeComponent {
-    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);
+class RadialLabelsComponent extends LabelsComponent {
+    constructor(configurationService) {
+        super('scale.labels', configurationService);
+        this.configurationService = configurationService;
     }
 }
-LinearGaugeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", 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 });
-LinearGaugeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LinearGaugeComponent, selector: "kendo-lineargauge", inputs: { pointer: "pointer", scale: "scale" }, providers: [
-        ConfigurationService,
-        LocalizationService,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.lineargauge'
-        }
-    ], exportAs: ["kendoLinearGauge"], usesInheritance: true, ngImport: i0, template: `
-    <div #surface class='k-chart-surface'></div>
-    <kendo-resize-sensor (resize)="onResize($event)" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
-  `, isInline: true, dependencies: [{ kind: "component", type: i4.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearGaugeComponent, decorators: [{
+RadialLabelsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialLabelsComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+RadialLabelsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RadialLabelsComponent, isStandalone: true, selector: "kendo-radialgauge-scale-labels", inputs: { position: "position" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialLabelsComponent, decorators: [{
             type: Component,
             args: [{
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    exportAs: 'kendoLinearGauge',
-                    providers: [
-                        ConfigurationService,
-                        LocalizationService,
-                        {
-                            provide: L10N_PREFIX,
-                            useValue: 'kendo.lineargauge'
-                        }
-                    ],
-                    selector: 'kendo-lineargauge',
-                    template: `
-    <div #surface class='k-chart-surface'></div>
-    <kendo-resize-sensor (resize)="onResize($event)" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
-  `
+                    selector: 'kendo-radialgauge-scale-labels',
+                    template: '',
+                    standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: ThemeService }, { type: i2.IntlService }, { type: i3.LocalizationService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { pointer: [{
-                type: Input
-            }], scale: [{
+        }], ctorParameters: function () { return [{ type: ConfigurationService }]; }, propDecorators: { position: [{
                 type: Input
             }] } });
 
 /**
- * The configuration options for the LinearGauge area.
- * Represents the entire visible area of the LinearGauge.
+ * The configuration options for the scale labels of the ArcGauge.
  */
-class LinearGaugeAreaComponent extends GaugeAreaComponent {
+class ArcLabelsComponent extends RadialLabelsComponent {
     constructor(configurationService) {
-        super('gaugeArea', configurationService);
+        super(configurationService);
         this.configurationService = configurationService;
+        configurationService.set(`${this.key}.visible`, true);
     }
 }
-LinearGaugeAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearGaugeAreaComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-LinearGaugeAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LinearGaugeAreaComponent, selector: "kendo-lineargauge-area", usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearGaugeAreaComponent, decorators: [{
+ArcLabelsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcLabelsComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+ArcLabelsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ArcLabelsComponent, isStandalone: true, selector: "kendo-arcgauge-scale-labels", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcLabelsComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'kendo-lineargauge-area',
-                    template: ''
+                    selector: 'kendo-arcgauge-scale-labels',
+                    template: '',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: ConfigurationService }]; } });
 
 /**
- * The configuration options for the scale of the LinearGauge
- * ([see example]({% slug scaleoptions_lineargauge %})).
+ * The configuration options for the scale of the ArcGauge
+ * ([see example]({% slug scaleoptions_arcgauge %})).
  */
-class LinearScaleComponent extends ScaleComponent {
+class ArcScaleComponent extends ScaleComponent {
     constructor(configurationService) {
         super('scale', configurationService);
         this.configurationService = configurationService;
     }
 }
-LinearScaleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearScaleComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-LinearScaleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LinearScaleComponent, selector: "kendo-lineargauge-scale", inputs: { line: "line", ranges: "ranges", mirror: "mirror", vertical: "vertical" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearScaleComponent, decorators: [{
+ArcScaleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcScaleComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+ArcScaleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcScaleComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'kendo-lineargauge-scale',
-                    template: ''
+                    selector: 'kendo-arcgauge-scale',
+                    template: '',
+                    standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: ConfigurationService }]; }, propDecorators: { line: [{
+        }], ctorParameters: function () { return [{ type: ConfigurationService }]; }, propDecorators: { labels: [{
                 type: Input
-            }], ranges: [{
+            }], rangeDistance: [{
                 type: Input
-            }], mirror: [{
+            }], rangeLineCap: [{
                 type: Input
-            }], vertical: [{
+            }], startAngle: [{
+                type: Input
+            }], endAngle: [{
                 type: Input
             }] } });
 
+/**
+ * A directive that selects a [template](link:site.data.urls.angular['templatesyntax'])
+ * within the `<kendo-circulargauge>` component which will be used for the center template
+ * ([more information and example]({% slug centertemplate_circulargauge %})).
+ *
+ * @example
+ * ```ts
+ * import { Component } from '@angular/core';
+ *
+ * _@Component({
+ *     selector: 'my-app',
+ *     template: `
+ *         <kendo-circulargauge [value]="value">
+ *             <ng-template kendoCircularGaugeCenterTemplate let-value="value">
+ *                 {{ value }}%
+ *             </ng-template>
+ *         </kendo-circulargauge>
+ *
+ *     `
+ * })
+ * export class AppComponent {
+ *   public value: number = 10;
+ * }
+ *
+ * ```
+ */
+class CircularGaugeCenterTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+CircularGaugeCenterTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CircularGaugeCenterTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+CircularGaugeCenterTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: CircularGaugeCenterTemplateDirective, isStandalone: true, selector: "[kendoCircularGaugeCenterTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CircularGaugeCenterTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoCircularGaugeCenterTemplate]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });
+
+/**
+ * Represents the [Kendo UI CircularGauge component for Angular]({% slug overview_circulargauge_gauges %}).
+ *
+ * @example
+ * ```ts
+ * import { Component } from '@angular/core';
+ *
+ * _@Component({
+ *   selector: 'my-app',
+ *   template: `
+ *      <kendo-circulargauge [value]="value" [scale]="{ max: 100 }">
+ *          <ng-template kendoCircularGaugeCenterTemplate let-value="value">
+ *              {{ value }}%
+ *          </ng-template>
+ *      </kendo-circulargauge>
+ *   `
+ * })
+ * class AppComponent {
+ *   public value: number = 10;
+ * }
+ *
+ * ```
+ */
+class CircularGaugeComponent extends ArcGaugeComponent {
+    createInstance(element, options, theme, context) {
+        this.instance = new CircularGauge(element, options, theme, context);
+        this.updateElements();
+    }
+}
+CircularGaugeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CircularGaugeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+CircularGaugeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CircularGaugeComponent, isStandalone: true, selector: "kendo-circulargauge", inputs: { scale: "scale" }, providers: [
+        ConfigurationService,
+        LocalizationService,
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.circulargauge'
+        }
+    ], queries: [{ propertyName: "centerTemplate", first: true, predicate: CircularGaugeCenterTemplateDirective, descendants: true }], exportAs: ["kendoCircularGauge"], usesInheritance: true, ngImport: i0, template: `
+    <div #surface class='k-chart-surface'></div>
+    <div class="k-arcgauge-label" *ngIf="centerTemplate" #label>
+        <ng-template [ngTemplateOutlet]="centerTemplate.templateRef" [ngTemplateOutletContext]="centerTemplateContext"></ng-template>
+    </div>
+    <kendo-resize-sensor (resize)="onResize($event)" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CircularGaugeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    exportAs: 'kendoCircularGauge',
+                    providers: [
+                        ConfigurationService,
+                        LocalizationService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.circulargauge'
+                        }
+                    ],
+                    selector: 'kendo-circulargauge',
+                    template: `
+    <div #surface class='k-chart-surface'></div>
+    <div class="k-arcgauge-label" *ngIf="centerTemplate" #label>
+        <ng-template [ngTemplateOutlet]="centerTemplate.templateRef" [ngTemplateOutletContext]="centerTemplateContext"></ng-template>
+    </div>
+    <kendo-resize-sensor (resize)="onResize($event)" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
+  `,
+                    standalone: true,
+                    imports: [NgIf, NgTemplateOutlet, ResizeSensorComponent]
+                }]
+        }], propDecorators: { scale: [{
+                type: Input
+            }], centerTemplate: [{
+                type: ContentChild,
+                args: [CircularGaugeCenterTemplateDirective, { static: false }]
+            }] } });
+
+/**
+ * The configuration options of the Circular Gauge area.
+ * Represents the entire visible area of the Circular Gauge.
+ */
+class CircularGaugeAreaComponent extends ArcGaugeAreaComponent {
+}
+CircularGaugeAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CircularGaugeAreaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+CircularGaugeAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CircularGaugeAreaComponent, isStandalone: true, selector: "kendo-circulargauge-area", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CircularGaugeAreaComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-circulargauge-area',
+                    template: '',
+                    standalone: true
+                }]
+        }] });
+
+/**
+ * The configuration options for the scale labels of the Circular Gauge.
+ */
+class CircularGaugeLabelsComponent extends ArcLabelsComponent {
+}
+CircularGaugeLabelsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CircularGaugeLabelsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+CircularGaugeLabelsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CircularGaugeLabelsComponent, isStandalone: true, selector: "kendo-circulargauge-scale-labels", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CircularGaugeLabelsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-circulargauge-scale-labels',
+                    template: '',
+                    standalone: true
+                }]
+        }] });
+
+/**
+ * The configuration options for the scale of the Circular Gauge
+ * ([see example]({% slug scaleoptions_circulargauge %})).
+ */
+class CircularGaugeScaleComponent extends ArcScaleComponent {
+}
+CircularGaugeScaleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CircularGaugeScaleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+CircularGaugeScaleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CircularGaugeScaleComponent, isStandalone: true, selector: "kendo-circulargauge-scale", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CircularGaugeScaleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-circulargauge-scale',
+                    template: '',
+                    standalone: true
+                }]
+        }] });
+
+/**
+ * The configuration options for the LinearGauge area.
+ * Represents the entire visible area of the LinearGauge.
+ */
+class LinearGaugeAreaComponent extends GaugeAreaComponent {
+    constructor(configurationService) {
+        super('gaugeArea', configurationService);
+        this.configurationService = configurationService;
+    }
+}
+LinearGaugeAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearGaugeAreaComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+LinearGaugeAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LinearGaugeAreaComponent, isStandalone: true, selector: "kendo-lineargauge-area", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearGaugeAreaComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-lineargauge-area',
+                    template: '',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: ConfigurationService }]; } });
+
 /**
  * The configuration options for the scale labels of the LinearGauge.
  */
@@ -1162,15 +1187,85 @@ class LinearLabelsComponent extends LabelsComponent {
     }
 }
 LinearLabelsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearLabelsComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-LinearLabelsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LinearLabelsComponent, selector: "kendo-lineargauge-scale-labels", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+LinearLabelsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LinearLabelsComponent, isStandalone: true, selector: "kendo-lineargauge-scale-labels", usesInheritance: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearLabelsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-lineargauge-scale-labels',
-                    template: ''
+                    template: '',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: ConfigurationService }]; } });
 
+/**
+ * Represents the [Kendo UI LinearGauge component for Angular]({% slug overview_lineargauge_gauges %}).
+ *
+ * @example
+ * ```ts
+ * import { Component } from '@angular/core';
+ *
+ * _@Component({
+ *   selector: 'my-app',
+ *   template: `
+ *      <kendo-lineargauge [pointer]="{ value: value }">
+ *      </kendo-lineargauge>
+ *   `
+ * })
+ * class AppComponent {
+ *   public value: number = 10;
+ * }
+ *
+ * ```
+ */
+class LinearGaugeComponent extends GaugeComponent {
+    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);
+    }
+}
+LinearGaugeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", 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 });
+LinearGaugeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LinearGaugeComponent, isStandalone: true, selector: "kendo-lineargauge", inputs: { pointer: "pointer", scale: "scale" }, providers: [
+        ConfigurationService,
+        ThemeService,
+        LocalizationService,
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.lineargauge'
+        }
+    ], exportAs: ["kendoLinearGauge"], usesInheritance: true, ngImport: i0, template: `
+    <div #surface class='k-chart-surface'></div>
+    <kendo-resize-sensor (resize)="onResize($event)" [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: "15.2.10", ngImport: i0, type: LinearGaugeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    exportAs: 'kendoLinearGauge',
+                    providers: [
+                        ConfigurationService,
+                        ThemeService,
+                        LocalizationService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.lineargauge'
+                        }
+                    ],
+                    selector: 'kendo-lineargauge',
+                    template: `
+    <div #surface class='k-chart-surface'></div>
+    <kendo-resize-sensor (resize)="onResize($event)" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
+  `,
+                    standalone: true,
+                    imports: [ResizeSensorComponent]
+                }]
+        }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: ThemeService }, { type: i2.IntlService }, { type: i3.LocalizationService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { pointer: [{
+                type: Input
+            }], scale: [{
+                type: Input
+            }] } });
+
 /**
  * The configuration options for a pointer item of a LinearGauge.
  */
@@ -1180,13 +1275,14 @@ class LinearPointerComponent extends CollectionItemComponent {
     }
 }
 LinearPointerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearPointerComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
-LinearPointerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LinearPointerComponent, 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 });
+LinearPointerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearPointerComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [ConfigurationService],
                     selector: 'kendo-lineargauge-pointer',
-                    template: ''
+                    template: '',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: CollectionChangesService }]; }, propDecorators: { border: [{
                 type: Input
@@ -1245,13 +1341,14 @@ class LinearPointersComponent extends CollectionComponent {
     }
 }
 LinearPointersComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearPointersComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
-LinearPointersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LinearPointersComponent, selector: "kendo-lineargauge-pointers", providers: [CollectionChangesService], queries: [{ propertyName: "children", predicate: LinearPointerComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+LinearPointersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LinearPointersComponent, isStandalone: true, selector: "kendo-lineargauge-pointers", providers: [CollectionChangesService], queries: [{ propertyName: "children", predicate: LinearPointerComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearPointersComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [CollectionChangesService],
                     selector: 'kendo-lineargauge-pointers',
-                    template: ''
+                    template: '',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: CollectionChangesService }]; }, propDecorators: { children: [{
                 type: ContentChildren,
@@ -1267,13 +1364,14 @@ class LinearRangeComponent extends RangeComponent {
     }
 }
 LinearRangeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearRangeComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
-LinearRangeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LinearRangeComponent, selector: "kendo-lineargauge-scale-range", providers: [ConfigurationService], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+LinearRangeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LinearRangeComponent, isStandalone: true, selector: "kendo-lineargauge-scale-range", providers: [ConfigurationService], usesInheritance: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearRangeComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [ConfigurationService],
                     selector: 'kendo-lineargauge-scale-range',
-                    template: ''
+                    template: '',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: CollectionChangesService }]; } });
 
@@ -1323,121 +1421,46 @@ class LinearRangesComponent extends CollectionComponent {
     }
 }
 LinearRangesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearRangesComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
-LinearRangesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LinearRangesComponent, selector: "kendo-lineargauge-scale-ranges", providers: [CollectionChangesService], queries: [{ propertyName: "children", predicate: LinearRangeComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+LinearRangesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LinearRangesComponent, isStandalone: true, selector: "kendo-lineargauge-scale-ranges", providers: [CollectionChangesService], queries: [{ propertyName: "children", predicate: LinearRangeComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearRangesComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [CollectionChangesService],
                     selector: 'kendo-lineargauge-scale-ranges',
-                    template: ''
+                    template: '',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: CollectionChangesService }]; }, propDecorators: { children: [{
                 type: ContentChildren,
                 args: [LinearRangeComponent]
             }] } });
 
-const DIRECTIVES$2 = [LinearGaugeComponent, LinearGaugeAreaComponent, LinearScaleComponent, LinearLabelsComponent,
-    LinearPointersComponent, LinearPointerComponent, LinearRangeComponent, LinearRangesComponent];
 /**
- * A [module](link:site.data.urls.angular['ngmodules']) that includes the LinearGauge component and its directives.
- * Imports the `LinearGaugeModule` into your application
- * [root module](link:site.data.urls.angular['ngmodules']#angular-modularity) or any other sub-module
- * that will use the LinearGauge component.
- *
- * @example
- * ```ts-no-run
- * import { NgModule } from '@angular/core';
- * import { BrowserModule } from '@angular/platform-browser';
- * import { LinearGaugeModule } from '@progress/kendo-angular-gauges';
- * import { AppComponent } from './app.component';
- *
- * _@NgModule({
- *     bootstrap:    [AppComponent],
- *     declarations: [AppComponent],
- *     imports:      [BrowserModule, LinearGaugeModule]
- * })
- * export class AppModule {
- * }
- * ```
- */
-class LinearGaugeModule {
-}
-LinearGaugeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearGaugeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-LinearGaugeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: LinearGaugeModule, declarations: [LinearGaugeComponent, LinearGaugeAreaComponent, LinearScaleComponent, LinearLabelsComponent,
-        LinearPointersComponent, LinearPointerComponent, LinearRangeComponent, LinearRangesComponent], imports: [SharedModule], exports: [LinearGaugeComponent, LinearGaugeAreaComponent, LinearScaleComponent, LinearLabelsComponent,
-        LinearPointersComponent, LinearPointerComponent, LinearRangeComponent, LinearRangesComponent] });
-LinearGaugeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearGaugeModule, imports: [SharedModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearGaugeModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [DIRECTIVES$2],
-                    exports: [DIRECTIVES$2],
-                    imports: [SharedModule]
-                }]
-        }] });
-
-/**
- * Represents the [Kendo UI RadialGauge component for Angular]({% slug overview_radialgauge_gauges %}).
- *
- * @example
- * ```ts
- * import { Component } from '@angular/core';
- *
- * _@Component({
- *   selector: 'my-app',
- *   template: `
- *      <kendo-radialgauge [pointer]="{ value: value }">
- *      </kendo-radialgauge>
- *   `
- * })
- * class AppComponent {
- *   public value: number = 10;
- * }
- *
- * ```
+ * The configuration options for the scale of the LinearGauge
+ * ([see example]({% slug scaleoptions_lineargauge %})).
  */
-class RadialGaugeComponent extends GaugeComponent {
-    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);
+class LinearScaleComponent extends ScaleComponent {
+    constructor(configurationService) {
+        super('scale', configurationService);
+        this.configurationService = configurationService;
     }
 }
-RadialGaugeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", 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 });
-RadialGaugeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RadialGaugeComponent, selector: "kendo-radialgauge", inputs: { pointer: "pointer", scale: "scale" }, providers: [
-        ConfigurationService,
-        LocalizationService,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.radialgauge'
-        }
-    ], exportAs: ["kendoRadialGauge"], usesInheritance: true, ngImport: i0, template: `
-    <div #surface class='k-chart-surface'></div>
-    <kendo-resize-sensor (resize)="onResize($event)" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
-  `, isInline: true, dependencies: [{ kind: "component", type: i4.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialGaugeComponent, decorators: [{
+LinearScaleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearScaleComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+LinearScaleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LinearScaleComponent, isStandalone: true, selector: "kendo-lineargauge-scale", inputs: { line: "line", ranges: "ranges", mirror: "mirror", vertical: "vertical" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearScaleComponent, decorators: [{
             type: Component,
             args: [{
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    exportAs: 'kendoRadialGauge',
-                    providers: [
-                        ConfigurationService,
-                        LocalizationService,
-                        {
-                            provide: L10N_PREFIX,
-                            useValue: 'kendo.radialgauge'
-                        }
-                    ],
-                    selector: 'kendo-radialgauge',
-                    template: `
-    <div #surface class='k-chart-surface'></div>
-    <kendo-resize-sensor (resize)="onResize($event)" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
-  `
+                    selector: 'kendo-lineargauge-scale',
+                    template: '',
+                    standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: ThemeService }, { type: i2.IntlService }, { type: i3.LocalizationService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { pointer: [{
+        }], ctorParameters: function () { return [{ type: ConfigurationService }]; }, propDecorators: { line: [{
                 type: Input
-            }], scale: [{
+            }], ranges: [{
+                type: Input
+            }], mirror: [{
+                type: Input
+            }], vertical: [{
                 type: Input
             }] } });
 
@@ -1452,45 +1475,16 @@ class RadialGaugeAreaComponent extends GaugeAreaComponent {
     }
 }
 RadialGaugeAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialGaugeAreaComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-RadialGaugeAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RadialGaugeAreaComponent, selector: "kendo-radialgauge-area", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+RadialGaugeAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RadialGaugeAreaComponent, isStandalone: true, selector: "kendo-radialgauge-area", usesInheritance: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialGaugeAreaComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-radialgauge-area',
-                    template: ''
+                    template: '',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: ConfigurationService }]; } });
 
-/**
- * The configuration options for the scale of the RadialGauge
- * ([more information and example]({% slug scaleoptions_radialgauge %})).
- */
-class RadialScaleComponent extends ScaleComponent {
-    constructor(configurationService) {
-        super('scale', configurationService);
-        this.configurationService = configurationService;
-    }
-}
-RadialScaleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialScaleComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
-RadialScaleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RadialScaleComponent, selector: "kendo-radialgauge-scale", inputs: { labels: "labels", rangeDistance: "rangeDistance", ranges: "ranges", startAngle: "startAngle", endAngle: "endAngle" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialScaleComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-radialgauge-scale',
-                    template: ''
-                }]
-        }], ctorParameters: function () { return [{ type: ConfigurationService }]; }, propDecorators: { labels: [{
-                type: Input
-            }], rangeDistance: [{
-                type: Input
-            }], ranges: [{
-                type: Input
-            }], startAngle: [{
-                type: Input
-            }], endAngle: [{
-                type: Input
-            }] } });
-
 /**
  * The configuration options for a pointer item of a RadialGauge.
  */
@@ -1500,13 +1494,14 @@ class RadialPointerComponent extends CollectionItemComponent {
     }
 }
 RadialPointerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialPointerComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
-RadialPointerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RadialPointerComponent, selector: "kendo-radialgauge-pointer", inputs: { cap: "cap", color: "color", length: "length", value: "value" }, providers: [ConfigurationService], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+RadialPointerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialPointerComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [ConfigurationService],
                     selector: 'kendo-radialgauge-pointer',
-                    template: ''
+                    template: '',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: CollectionChangesService }]; }, propDecorators: { cap: [{
                 type: Input
@@ -1559,17 +1554,87 @@ class RadialPointersComponent extends CollectionComponent {
     }
 }
 RadialPointersComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialPointersComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
-RadialPointersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RadialPointersComponent, selector: "kendo-radialgauge-pointers", providers: [CollectionChangesService], queries: [{ propertyName: "children", predicate: RadialPointerComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+RadialPointersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RadialPointersComponent, isStandalone: true, selector: "kendo-radialgauge-pointers", providers: [CollectionChangesService], queries: [{ propertyName: "children", predicate: RadialPointerComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialPointersComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [CollectionChangesService],
                     selector: 'kendo-radialgauge-pointers',
-                    template: ''
+                    template: '',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: CollectionChangesService }]; }, propDecorators: { children: [{
+                type: ContentChildren,
+                args: [RadialPointerComponent]
+            }] } });
+
+/**
+ * Represents the [Kendo UI RadialGauge component for Angular]({% slug overview_radialgauge_gauges %}).
+ *
+ * @example
+ * ```ts
+ * import { Component } from '@angular/core';
+ *
+ * _@Component({
+ *   selector: 'my-app',
+ *   template: `
+ *      <kendo-radialgauge [pointer]="{ value: value }">
+ *      </kendo-radialgauge>
+ *   `
+ * })
+ * class AppComponent {
+ *   public value: number = 10;
+ * }
+ *
+ * ```
+ */
+class RadialGaugeComponent extends GaugeComponent {
+    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);
+    }
+}
+RadialGaugeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", 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 });
+RadialGaugeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RadialGaugeComponent, isStandalone: true, selector: "kendo-radialgauge", inputs: { pointer: "pointer", scale: "scale" }, providers: [
+        ConfigurationService,
+        ThemeService,
+        LocalizationService,
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.radialgauge'
+        }
+    ], exportAs: ["kendoRadialGauge"], usesInheritance: true, ngImport: i0, template: `
+    <div #surface class='k-chart-surface'></div>
+    <kendo-resize-sensor (resize)="onResize($event)" [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: "15.2.10", ngImport: i0, type: RadialGaugeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    exportAs: 'kendoRadialGauge',
+                    providers: [
+                        ConfigurationService,
+                        ThemeService,
+                        LocalizationService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.radialgauge'
+                        }
+                    ],
+                    selector: 'kendo-radialgauge',
+                    template: `
+    <div #surface class='k-chart-surface'></div>
+    <kendo-resize-sensor (resize)="onResize($event)" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
+  `,
+                    standalone: true,
+                    imports: [ResizeSensorComponent]
                 }]
-        }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: CollectionChangesService }]; }, propDecorators: { children: [{
-                type: ContentChildren,
-                args: [RadialPointerComponent]
+        }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: ThemeService }, { type: i2.IntlService }, { type: i3.LocalizationService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { pointer: [{
+                type: Input
+            }], scale: [{
+                type: Input
             }] } });
 
 /**
@@ -1581,13 +1646,14 @@ class RadialRangeComponent extends RangeComponent {
     }
 }
 RadialRangeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialRangeComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
-RadialRangeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RadialRangeComponent, selector: "kendo-radialgauge-scale-range", providers: [ConfigurationService], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+RadialRangeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RadialRangeComponent, isStandalone: true, selector: "kendo-radialgauge-scale-range", providers: [ConfigurationService], usesInheritance: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialRangeComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [ConfigurationService],
                     selector: 'kendo-radialgauge-scale-range',
-                    template: ''
+                    template: '',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: CollectionChangesService }]; } });
 
@@ -1637,228 +1703,218 @@ class RadialRangesComponent extends CollectionComponent {
     }
 }
 RadialRangesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialRangesComponent, deps: [{ token: ConfigurationService }, { token: CollectionChangesService }], target: i0.ɵɵFactoryTarget.Component });
-RadialRangesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RadialRangesComponent, selector: "kendo-radialgauge-scale-ranges", providers: [CollectionChangesService], queries: [{ propertyName: "children", predicate: RadialRangeComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+RadialRangesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RadialRangesComponent, isStandalone: true, selector: "kendo-radialgauge-scale-ranges", providers: [CollectionChangesService], queries: [{ propertyName: "children", predicate: RadialRangeComponent }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialRangesComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [CollectionChangesService],
                     selector: 'kendo-radialgauge-scale-ranges',
-                    template: ''
+                    template: '',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: ConfigurationService }, { type: CollectionChangesService }]; }, propDecorators: { children: [{
                 type: ContentChildren,
                 args: [RadialRangeComponent]
             }] } });
 
-const DIRECTIVES$1 = [RadialGaugeComponent, RadialGaugeAreaComponent, RadialScaleComponent, RadialLabelsComponent,
-    RadialPointersComponent, RadialPointerComponent, RadialRangeComponent, RadialRangesComponent];
 /**
- * A [module](link:site.data.urls.angular['ngmodules']) that includes the RadialGauge component and its directives.
- * Imports the `RadialGaugeModule` into your application
+ * The configuration options for the scale of the RadialGauge
+ * ([more information and example]({% slug scaleoptions_radialgauge %})).
+ */
+class RadialScaleComponent extends ScaleComponent {
+    constructor(configurationService) {
+        super('scale', configurationService);
+        this.configurationService = configurationService;
+    }
+}
+RadialScaleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialScaleComponent, deps: [{ token: ConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+RadialScaleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialScaleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-radialgauge-scale',
+                    template: '',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: ConfigurationService }]; }, propDecorators: { labels: [{
+                type: Input
+            }], rangeDistance: [{
+                type: Input
+            }], ranges: [{
+                type: Input
+            }], startAngle: [{
+                type: Input
+            }], endAngle: [{
+                type: Input
+            }] } });
+
+/**
+ * Utility array that contains all `ArcGauge` related components and directives
+ */
+const KENDO_ARCGAUGE = [
+    ArcGaugeComponent,
+    ArcCenterTemplateDirective,
+    ArcGaugeAreaComponent,
+    ArcScaleComponent,
+    ArcLabelsComponent,
+    ColorsComponent,
+    ColorComponent
+];
+/**
+ * Utility array that contains all `CircularGauge` related components and directives
+ */
+const KENDO_CIRCULARGAUGE = [
+    CircularGaugeComponent,
+    CircularGaugeCenterTemplateDirective,
+    CircularGaugeAreaComponent,
+    CircularGaugeScaleComponent,
+    CircularGaugeLabelsComponent
+];
+/**
+ * Utility array that contains all `LinearGauge` related components and directives
+ */
+const KENDO_LINEARGAUGE = [
+    LinearGaugeComponent,
+    LinearGaugeAreaComponent,
+    LinearScaleComponent,
+    LinearLabelsComponent,
+    LinearPointersComponent,
+    LinearPointerComponent,
+    LinearRangeComponent,
+    LinearRangesComponent
+];
+/**
+ * Utility array that contains all `RadialGauge` related components and directives
+ */
+const KENDO_RADIALGAUGE = [
+    RadialGaugeComponent,
+    RadialGaugeAreaComponent,
+    RadialScaleComponent,
+    RadialLabelsComponent,
+    RadialPointersComponent,
+    RadialPointerComponent,
+    RadialRangeComponent,
+    RadialRangesComponent
+];
+/**
+ * Utility array that contains all `@progress/kendo-angular-gauges` related components and directives
+ */
+const KENDO_GAUGES = [
+    ...KENDO_ARCGAUGE,
+    ...KENDO_CIRCULARGAUGE,
+    ...KENDO_LINEARGAUGE,
+    ...KENDO_RADIALGAUGE
+];
+
+// IMPORTANT: NgModule export kept for backwards compatibility
+/**
+ * A [module](link:site.data.urls.angular['ngmodules']) that includes the ArcGauge component and its directives.
+ * Imports the `ArcGaugeModule` into your application
  * [root module](link:site.data.urls.angular['ngmodules']#angular-modularity) or any other sub-module
- * that will use the RadialGauge component.
+ * that will use the ArcGauge component.
  *
  * @example
  * ```ts-no-run
  * import { NgModule } from '@angular/core';
  * import { BrowserModule } from '@angular/platform-browser';
- * import { RadialGaugeModule } from '@progress/kendo-angular-gauges';
+ * import { ArcGaugeModule } from '@progress/kendo-angular-gauges';
  * import { AppComponent } from './app.component';
  *
  * _@NgModule({
  *     bootstrap:    [AppComponent],
  *     declarations: [AppComponent],
- *     imports:      [BrowserModule, RadialGaugeModule]
+ *     imports:      [BrowserModule, ArcGaugeModule]
  * })
  * export class AppModule {
  * }
  * ```
  */
-class RadialGaugeModule {
+class ArcGaugeModule {
 }
-RadialGaugeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialGaugeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-RadialGaugeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: RadialGaugeModule, declarations: [RadialGaugeComponent, RadialGaugeAreaComponent, RadialScaleComponent, RadialLabelsComponent,
-        RadialPointersComponent, RadialPointerComponent, RadialRangeComponent, RadialRangesComponent], imports: [SharedModule], exports: [RadialGaugeComponent, RadialGaugeAreaComponent, RadialScaleComponent, RadialLabelsComponent,
-        RadialPointersComponent, RadialPointerComponent, RadialRangeComponent, RadialRangesComponent] });
-RadialGaugeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialGaugeModule, imports: [SharedModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialGaugeModule, decorators: [{
+ArcGaugeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcGaugeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ArcGaugeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ArcGaugeModule, imports: [ArcGaugeComponent, ArcCenterTemplateDirective, ArcGaugeAreaComponent, ArcScaleComponent, ArcLabelsComponent, ColorsComponent, ColorComponent], exports: [ArcGaugeComponent, ArcCenterTemplateDirective, ArcGaugeAreaComponent, ArcScaleComponent, ArcLabelsComponent, ColorsComponent, ColorComponent] });
+ArcGaugeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcGaugeModule, imports: [ArcGaugeComponent, ArcGaugeAreaComponent, ArcScaleComponent, ArcLabelsComponent, ColorsComponent, ColorComponent] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ArcGaugeModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [DIRECTIVES$1],
-                    exports: [DIRECTIVES$1],
-                    imports: [SharedModule]
+                    exports: [...KENDO_ARCGAUGE],
+                    imports: [...KENDO_ARCGAUGE]
                 }]
         }] });
 
+// IMPORTANT: NgModule export kept for backwards compatibility
 /**
- * A directive that selects a [template](link:site.data.urls.angular['templatesyntax'])
- * within the `<kendo-circulargauge>` component which will be used for the center template
- * ([more information and example]({% slug centertemplate_circulargauge %})).
+ * A [module](link:site.data.urls.angular['ngmodules']) that includes the LinearGauge component and its directives.
+ * Imports the `LinearGaugeModule` into your application
+ * [root module](link:site.data.urls.angular['ngmodules']#angular-modularity) or any other sub-module
+ * that will use the LinearGauge component.
  *
  * @example
- * ```ts
- * import { Component } from '@angular/core';
- *
- * _@Component({
- *     selector: 'my-app',
- *     template: `
- *         <kendo-circulargauge [value]="value">
- *             <ng-template kendoCircularGaugeCenterTemplate let-value="value">
- *                 {{ value }}%
- *             </ng-template>
- *         </kendo-circulargauge>
+ * ```ts-no-run
+ * import { NgModule } from '@angular/core';
+ * import { BrowserModule } from '@angular/platform-browser';
+ * import { LinearGaugeModule } from '@progress/kendo-angular-gauges';
+ * import { AppComponent } from './app.component';
  *
- *     `
+ * _@NgModule({
+ *     bootstrap:    [AppComponent],
+ *     declarations: [AppComponent],
+ *     imports:      [BrowserModule, LinearGaugeModule]
  * })
- * export class AppComponent {
- *   public value: number = 10;
+ * export class AppModule {
  * }
- *
  * ```
  */
-class CircularGaugeCenterTemplateDirective {
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
+class LinearGaugeModule {
 }
-CircularGaugeCenterTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CircularGaugeCenterTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-CircularGaugeCenterTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: CircularGaugeCenterTemplateDirective, selector: "[kendoCircularGaugeCenterTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CircularGaugeCenterTemplateDirective, decorators: [{
-            type: Directive,
+LinearGaugeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearGaugeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LinearGaugeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: LinearGaugeModule, imports: [LinearGaugeComponent, LinearGaugeAreaComponent, LinearScaleComponent, LinearLabelsComponent, LinearPointersComponent, LinearPointerComponent, LinearRangeComponent, LinearRangesComponent], exports: [LinearGaugeComponent, LinearGaugeAreaComponent, LinearScaleComponent, LinearLabelsComponent, LinearPointersComponent, LinearPointerComponent, LinearRangeComponent, LinearRangesComponent] });
+LinearGaugeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearGaugeModule, imports: [KENDO_LINEARGAUGE] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LinearGaugeModule, decorators: [{
+            type: NgModule,
             args: [{
-                    selector: '[kendoCircularGaugeCenterTemplate]'
+                    exports: [...KENDO_LINEARGAUGE],
+                    imports: [...KENDO_LINEARGAUGE]
                 }]
-        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
-                    type: Optional
-                }] }]; } });
+        }] });
 
+// IMPORTANT: NgModule export kept for backwards compatibility
 /**
- * Represents the [Kendo UI CircularGauge component for Angular]({% slug overview_circulargauge_gauges %}).
+ * A [module](link:site.data.urls.angular['ngmodules']) that includes the RadialGauge component and its directives.
+ * Imports the `RadialGaugeModule` into your application
+ * [root module](link:site.data.urls.angular['ngmodules']#angular-modularity) or any other sub-module
+ * that will use the RadialGauge component.
  *
  * @example
- * ```ts
- * import { Component } from '@angular/core';
+ * ```ts-no-run
+ * import { NgModule } from '@angular/core';
+ * import { BrowserModule } from '@angular/platform-browser';
+ * import { RadialGaugeModule } from '@progress/kendo-angular-gauges';
+ * import { AppComponent } from './app.component';
  *
- * _@Component({
- *   selector: 'my-app',
- *   template: `
- *      <kendo-circulargauge [value]="value" [scale]="{ max: 100 }">
- *          <ng-template kendoCircularGaugeCenterTemplate let-value="value">
- *              {{ value }}%
- *          </ng-template>
- *      </kendo-circulargauge>
- *   `
+ * _@NgModule({
+ *     bootstrap:    [AppComponent],
+ *     declarations: [AppComponent],
+ *     imports:      [BrowserModule, RadialGaugeModule]
  * })
- * class AppComponent {
- *   public value: number = 10;
+ * export class AppModule {
  * }
- *
  * ```
  */
-class CircularGaugeComponent extends ArcGaugeComponent {
-    createInstance(element, options, theme, context) {
-        this.instance = new CircularGauge(element, options, theme, context);
-        this.updateElements();
-    }
-}
-CircularGaugeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CircularGaugeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-CircularGaugeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CircularGaugeComponent, selector: "kendo-circulargauge", inputs: { scale: "scale" }, providers: [
-        ConfigurationService,
-        LocalizationService,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.circulargauge'
-        }
-    ], queries: [{ propertyName: "centerTemplate", first: true, predicate: CircularGaugeCenterTemplateDirective, descendants: true }], exportAs: ["kendoCircularGauge"], usesInheritance: true, ngImport: i0, template: `
-    <div #surface class='k-chart-surface'></div>
-    <div class="k-arcgauge-label" *ngIf="centerTemplate" #label>
-        <ng-template [ngTemplateOutlet]="centerTemplate.templateRef" [ngTemplateOutletContext]="centerTemplateContext"></ng-template>
-    </div>
-    <kendo-resize-sensor (resize)="onResize($event)" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
-  `, isInline: true, dependencies: [{ kind: "component", type: i4.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CircularGaugeComponent, decorators: [{
-            type: Component,
-            args: [{
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    exportAs: 'kendoCircularGauge',
-                    providers: [
-                        ConfigurationService,
-                        LocalizationService,
-                        {
-                            provide: L10N_PREFIX,
-                            useValue: 'kendo.circulargauge'
-                        }
-                    ],
-                    selector: 'kendo-circulargauge',
-                    template: `
-    <div #surface class='k-chart-surface'></div>
-    <div class="k-arcgauge-label" *ngIf="centerTemplate" #label>
-        <ng-template [ngTemplateOutlet]="centerTemplate.templateRef" [ngTemplateOutletContext]="centerTemplateContext"></ng-template>
-    </div>
-    <kendo-resize-sensor (resize)="onResize($event)" [rateLimit]="resizeRateLimit"></kendo-resize-sensor>
-  `
-                }]
-        }], propDecorators: { scale: [{
-                type: Input
-            }], centerTemplate: [{
-                type: ContentChild,
-                args: [CircularGaugeCenterTemplateDirective, { static: false }]
-            }] } });
-
-/**
- * The configuration options of the Circular Gauge area.
- * Represents the entire visible area of the Circular Gauge.
- */
-class CircularGaugeAreaComponent extends ArcGaugeAreaComponent {
-}
-CircularGaugeAreaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CircularGaugeAreaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-CircularGaugeAreaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CircularGaugeAreaComponent, selector: "kendo-circulargauge-area", usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CircularGaugeAreaComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-circulargauge-area',
-                    template: ''
-                }]
-        }] });
-
-/**
- * The configuration options for the scale of the Circular Gauge
- * ([see example]({% slug scaleoptions_circulargauge %})).
- */
-class CircularGaugeScaleComponent extends ArcScaleComponent {
-}
-CircularGaugeScaleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CircularGaugeScaleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-CircularGaugeScaleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CircularGaugeScaleComponent, selector: "kendo-circulargauge-scale", usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CircularGaugeScaleComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-circulargauge-scale',
-                    template: ''
-                }]
-        }] });
-
-/**
- * The configuration options for the scale labels of the Circular Gauge.
- */
-class CircularGaugeLabelsComponent extends ArcLabelsComponent {
+class RadialGaugeModule {
 }
-CircularGaugeLabelsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CircularGaugeLabelsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-CircularGaugeLabelsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CircularGaugeLabelsComponent, selector: "kendo-circulargauge-scale-labels", usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CircularGaugeLabelsComponent, decorators: [{
-            type: Component,
+RadialGaugeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialGaugeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+RadialGaugeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: RadialGaugeModule, imports: [RadialGaugeComponent, RadialGaugeAreaComponent, RadialScaleComponent, RadialLabelsComponent, RadialPointersComponent, RadialPointerComponent, RadialRangeComponent, RadialRangesComponent], exports: [RadialGaugeComponent, RadialGaugeAreaComponent, RadialScaleComponent, RadialLabelsComponent, RadialPointersComponent, RadialPointerComponent, RadialRangeComponent, RadialRangesComponent] });
+RadialGaugeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialGaugeModule, imports: [KENDO_RADIALGAUGE] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadialGaugeModule, decorators: [{
+            type: NgModule,
             args: [{
-                    selector: 'kendo-circulargauge-scale-labels',
-                    template: ''
+                    exports: [...KENDO_RADIALGAUGE],
+                    imports: [...KENDO_RADIALGAUGE]
                 }]
         }] });
 
-const DIRECTIVES = [
-    CircularGaugeComponent,
-    CircularGaugeCenterTemplateDirective,
-    CircularGaugeAreaComponent,
-    CircularGaugeScaleComponent,
-    CircularGaugeLabelsComponent
-];
+// IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * A [module](link:site.data.urls.angular['ngmodules']) that includes the CircularGauge component and its directives.
  * Imports the `CircularGaugeModule` into your application
@@ -1884,25 +1940,17 @@ const DIRECTIVES = [
 class CircularGaugeModule {
 }
 CircularGaugeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CircularGaugeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-CircularGaugeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: CircularGaugeModule, declarations: [CircularGaugeComponent,
-        CircularGaugeCenterTemplateDirective,
-        CircularGaugeAreaComponent,
-        CircularGaugeScaleComponent,
-        CircularGaugeLabelsComponent], imports: [SharedModule, CommonModule], exports: [CircularGaugeComponent,
-        CircularGaugeCenterTemplateDirective,
-        CircularGaugeAreaComponent,
-        CircularGaugeScaleComponent,
-        CircularGaugeLabelsComponent] });
-CircularGaugeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CircularGaugeModule, imports: [SharedModule, CommonModule] });
+CircularGaugeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: CircularGaugeModule, imports: [CircularGaugeComponent, CircularGaugeCenterTemplateDirective, CircularGaugeAreaComponent, CircularGaugeScaleComponent, CircularGaugeLabelsComponent], exports: [CircularGaugeComponent, CircularGaugeCenterTemplateDirective, CircularGaugeAreaComponent, CircularGaugeScaleComponent, CircularGaugeLabelsComponent] });
+CircularGaugeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CircularGaugeModule, imports: [CircularGaugeComponent, CircularGaugeAreaComponent, CircularGaugeScaleComponent, CircularGaugeLabelsComponent] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CircularGaugeModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [DIRECTIVES],
-                    exports: [DIRECTIVES],
-                    imports: [SharedModule, CommonModule]
+                    exports: [...KENDO_CIRCULARGAUGE],
+                    imports: [...KENDO_CIRCULARGAUGE]
                 }]
         }] });
 
+// IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * A [module](link:site.data.urls.angular['ngmodules']) that includes all Gauge components and directives.
  *
@@ -1929,12 +1977,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
 class GaugesModule {
 }
 GaugesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GaugesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-GaugesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: GaugesModule, exports: [ArcGaugeModule, CircularGaugeModule, LinearGaugeModule, RadialGaugeModule] });
-GaugesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GaugesModule, imports: [ArcGaugeModule, CircularGaugeModule, LinearGaugeModule, RadialGaugeModule] });
+GaugesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", 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] });
+GaugesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GaugesModule, imports: [ArcGaugeComponent, ArcGaugeAreaComponent, ArcScaleComponent, ArcLabelsComponent, ColorsComponent, ColorComponent, CircularGaugeComponent, CircularGaugeAreaComponent, CircularGaugeScaleComponent, CircularGaugeLabelsComponent, LinearGaugeComponent, LinearGaugeAreaComponent, LinearScaleComponent, LinearLabelsComponent, LinearPointersComponent, LinearPointerComponent, LinearRangeComponent, LinearRangesComponent, RadialGaugeComponent, RadialGaugeAreaComponent, RadialScaleComponent, RadialLabelsComponent, RadialPointersComponent, RadialPointerComponent, RadialRangeComponent, RadialRangesComponent] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: GaugesModule, decorators: [{
             type: NgModule,
             args: [{
-                    exports: [ArcGaugeModule, CircularGaugeModule, LinearGaugeModule, RadialGaugeModule]
+                    exports: [...KENDO_GAUGES],
+                    imports: [...KENDO_GAUGES]
                 }]
         }] });
 
@@ -1942,5 +1991,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ArcCenterTemplateDirective, ArcGaugeAreaComponent, ArcGaugeComponent, ArcGaugeModule, ArcLabelsComponent, ArcScaleComponent, CircularGaugeAreaComponent, CircularGaugeCenterTemplateDirective, CircularGaugeComponent, CircularGaugeLabelsComponent, CircularGaugeModule, CircularGaugeScaleComponent, CollectionChangesService, CollectionComponent, CollectionItemComponent, ColorComponent, ColorsComponent, ConfigurationService, GaugeAreaComponent, GaugeComponent, GaugesModule, LabelsComponent, LinearGaugeAreaComponent, LinearGaugeComponent, LinearGaugeModule, LinearLabelsComponent, LinearPointerComponent, LinearPointersComponent, LinearRangeComponent, LinearRangesComponent, LinearScaleComponent, RadialGaugeAreaComponent, RadialGaugeComponent, RadialGaugeModule, RadialLabelsComponent, RadialPointerComponent, RadialPointersComponent, RadialRangeComponent, RadialRangesComponent, RadialScaleComponent, RangeComponent, ScaleComponent, SettingsComponent, ThemeService };
+export { ArcCenterTemplateDirective, ArcGaugeAreaComponent, ArcGaugeComponent, ArcGaugeModule, ArcLabelsComponent, ArcScaleComponent, CircularGaugeAreaComponent, CircularGaugeCenterTemplateDirective, CircularGaugeComponent, CircularGaugeLabelsComponent, CircularGaugeModule, CircularGaugeScaleComponent, CollectionChangesService, CollectionComponent, CollectionItemComponent, ColorComponent, ColorsComponent, ConfigurationService, GaugeAreaComponent, GaugeComponent, GaugesModule, KENDO_ARCGAUGE, KENDO_CIRCULARGAUGE, KENDO_GAUGES, KENDO_LINEARGAUGE, KENDO_RADIALGAUGE, LabelsComponent, LinearGaugeAreaComponent, LinearGaugeComponent, LinearGaugeModule, LinearLabelsComponent, LinearPointerComponent, LinearPointersComponent, LinearRangeComponent, LinearRangesComponent, LinearScaleComponent, RadialGaugeAreaComponent, RadialGaugeComponent, RadialGaugeModule, RadialLabelsComponent, RadialPointerComponent, RadialPointersComponent, RadialRangeComponent, RadialRangesComponent, RadialScaleComponent, RangeComponent, ScaleComponent, SettingsComponent, ThemeService };