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

package/index.d.ts

@@ -2,16 +2,2135 @@
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-export { ArcGaugeModule } from './arc-gauge/arc-gauge.module';
-export { LinearGaugeModule } from './linear-gauge/linear-gauge.module';
-export { RadialGaugeModule } from './radial-gauge/radial-gauge.module';
-export { CircularGaugeModule } from './circular-gauge/circular-gauge.module';
-export { GaugesModule } from './gauges.module';
-export * from './types';
-export * from './base-components';
-export * from './services';
-export * from './arc-gauge/arc-gauge.directives';
-export * from './linear-gauge/linear-gauge.directives';
-export * from './radial-gauge/radial-gauge.directives';
-export * from './circular-gauge/circular-gauge.directives';
-export * from './directives';
+import * as i0 from '@angular/core';
+import { SimpleChange, OnChanges, AfterContentInit, AfterContentChecked, OnDestroy, QueryList, AfterViewChecked, OnInit, ElementRef, Renderer2, NgZone, TemplateRef, ChangeDetectorRef } from '@angular/core';
+import { IntlService } from '@progress/kendo-angular-intl';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { ImageExportOptions, SVGExportOptions, Group } from '@progress/kendo-drawing';
+import { ResizeSensorComponent } from '@progress/kendo-angular-common';
+
+/**
+ * @hidden
+ */
+declare class ConfigurationService {
+    options: any;
+    hasChanges: boolean;
+    valueChange: boolean;
+    copyChanges(prefix: string, changes: {
+        [propertyName: string]: SimpleChange;
+    }): void;
+    read(): any;
+    readValues(): any;
+    readValue(): any;
+    set(field: string, value: any): void;
+    optionContext(field: string): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConfigurationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ConfigurationService>;
+}
+
+/**
+ * @hidden
+ */
+declare class CollectionChangesService {
+    hasChanges: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CollectionChangesService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CollectionChangesService>;
+}
+
+/**
+ * @hidden
+ */
+declare class ThemeService {
+    options: any;
+    read(): any;
+    protected load(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThemeService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ThemeService>;
+}
+
+/**
+ * Represents the dash type of a line.
+ */
+type DashType = 'dash' | 'dashDot' | 'dot' | 'longDash' | 'longDashDot' | 'longDashDotDot' | 'solid';
+
+/**
+ * Represents the appearance settings for the border lines.
+ */
+interface Border {
+    /**
+     * Sets the color of the border line.
+     * Accepts valid CSS color strings, including hex and rgb.
+     */
+    color?: string;
+    /**
+     * Sets the dash type of the border line.
+     */
+    dashType?: DashType;
+    /**
+     * Sets the width of the border line in pixels.
+     */
+    width?: number;
+}
+
+/**
+ * Represents the margin settings for each side.
+ */
+interface Margin {
+    /**
+     * Sets the top margin in pixels.
+     */
+    top?: number;
+    /**
+     * Sets the right margin in pixels.
+     */
+    right?: number;
+    /**
+     * Sets the bottom margin in pixels.
+     */
+    bottom?: number;
+    /**
+     * Sets the left margin in pixels.
+     */
+    left?: number;
+}
+
+/**
+ * Represents the padding settings for each side.
+ */
+interface Padding {
+    /**
+     * Sets the top padding in pixels.
+     */
+    top?: number;
+    /**
+     * Sets the right padding in pixels.
+     */
+    right?: number;
+    /**
+     * Sets the bottom padding in pixels.
+     */
+    bottom?: number;
+    /**
+     * Sets the left padding in pixels.
+     */
+    left?: number;
+}
+
+/**
+ * Represents the configuration of the scale labels.
+ */
+interface Labels {
+    /**
+     * Sets the background of the labels.
+     * Accepts valid CSS color strings, including hex and rgb.
+     */
+    background?: string;
+    /**
+     * Sets the border of the labels.
+     */
+    border?: Border;
+    /**
+     * Sets the color of the labels.
+     * Accepts valid CSS color strings, including hex and rgb.
+     */
+    color?: string;
+    /**
+     * Sets the font of the labels.
+     */
+    font?: string;
+    /**
+     * Sets the format that displays the labels.
+     * Uses the IntlService [`format`](https://www.telerik.com/kendo-angular-ui/components/globalization/internationalization/api/intlservice#format) method.
+     */
+    format?: string;
+    /**
+     * Sets the margin of the labels.
+     */
+    margin?: number | Margin;
+    /**
+     * Sets the padding of the labels.
+     */
+    padding?: number | Padding;
+    /**
+     * Sets the function which returns the label content.
+     *
+     * The available fields in the function argument are:
+     *
+     * - `value`&mdash;The value of the label.
+     * @param {any} e - The parameters for the content callback.
+     * @returns {string} - Returns the label string that will be displayed.
+     */
+    content?: (e: any) => string;
+    /**
+     * Sets the visibility of the labels.
+     */
+    visible?: boolean;
+}
+
+/**
+ * Represents the possible positions of the RadialGauge labels.
+ */
+type RadialLabelPosition = 'inside' | 'outside';
+
+/**
+ * Represents the labels configuration of the Gauge.
+ */
+interface RadialLabels extends Labels {
+    /**
+     * Sets the position of the labels.
+     * This property determines where the labels will be placed relative to the radial gauge.
+     */
+    position?: RadialLabelPosition;
+}
+
+/**
+ * Represents the options for the scale ticks.
+ */
+interface Ticks {
+    /**
+     * Defines the color of the ticks. Accepts a valid CSS color string, including `hex` and `rgb`.
+     */
+    color?: string;
+    /**
+     * Sets the size of the ticks. This sets the length of the line in pixels that shows the tick on the scale.
+     */
+    size?: number;
+    /**
+     * Determines if the ticks are visible.
+     */
+    visible?: boolean;
+    /**
+     * Sets the width of the ticks in pixels.
+     */
+    width?: number;
+}
+
+/**
+ * Represents the scale options of the Gauge.
+ */
+interface Scale {
+    /**
+     * Sets the scale labels.
+     */
+    labels?: Labels;
+    /**
+     * Sets the major scale ticks.
+     */
+    majorTicks?: Ticks;
+    /**
+     * Sets the minor scale ticks.
+     */
+    minorTicks?: Ticks;
+    /**
+     * Specifies the minimum value of the scale.
+     */
+    min?: number;
+    /**
+     * Specifies the maximum value of the scale.
+     */
+    max?: number;
+    /**
+     * Defines the interval between minor divisions.
+     */
+    minorUnit?: number;
+    /**
+     * Defines the interval between major divisions.
+     */
+    majorUnit?: number;
+    /**
+     * Reverses the scale direction.
+     */
+    reverse?: boolean;
+    /**
+     * Specifies the width of the range indicators.
+     */
+    rangeSize?: number;
+    /**
+     * Sets the default color of the ranges.
+     */
+    rangePlaceholderColor?: string;
+}
+
+/**
+ * Represents the cap style of a line.
+ */
+type LineCap = 'butt' | 'round' | 'square';
+
+/**
+ * Represents the scale options of the Gauge.
+ */
+interface ArcScale extends Scale {
+    /**
+     * Sets the scale labels configuration.
+     */
+    labels?: RadialLabels;
+    /**
+     * Sets the distance between the range indicators and the ticks in pixels.
+     */
+    rangeDistance?: number;
+    /**
+     * Sets the `lineCap` style of the ranges.
+     */
+    rangeLineCap?: LineCap;
+    /**
+     * Sets the starting angle of the Gauge in degrees.
+     * The Gauge renders clockwise where 0 degrees equals 180 degrees in the polar coordinate system.
+     */
+    startAngle?: number;
+    /**
+     * Sets the ending angle of the Gauge in degrees.
+     * The Gauge renders clockwise where 0 degrees equals 180 degrees in the polar coordinate system.
+     */
+    endAngle?: number;
+}
+
+/**
+ * Represents the configuration options for the RadialGauge pointer cap.
+ */
+interface Cap {
+    /**
+     * Sets the color of the cap.
+     * Accepts valid CSS color strings, including hex and rgb.
+     */
+    color?: string;
+    /**
+     * Sets the size of the cap as a percentage from 0 to 1.
+     */
+    size?: number;
+}
+
+/**
+ * Represents the color range configuration.
+ */
+interface ColorRange {
+    /**
+     * Sets the color of the range. Accepts valid CSS color strings, including hex and rgb.
+     */
+    color?: string;
+    /**
+     * Sets the opacity of the range.
+     */
+    opacity?: number;
+    /**
+     * Sets the range start value.
+     */
+    from?: number;
+    /**
+     * Sets the range end value.
+     */
+    to?: number;
+}
+
+/**
+ * Represents the scale options of the Gauge.
+ */
+interface CircularGaugeScale extends ArcScale {
+    /**
+     * @hidden
+     */
+    endAngle?: number;
+}
+
+/**
+ * Represents the configuration options for the Gauge area.
+ * Controls the entire visible area of the Gauge.
+ */
+interface GaugeArea {
+    /**
+     * Sets the background of the Gauge area. Accepts valid CSS color strings, including hex and rgb.
+     */
+    background?: string;
+    /**
+     * Sets the border of the Gauge area.
+     */
+    border?: Border;
+    /**
+     * Sets the height of the Gauge area in pixels.
+     */
+    height?: number;
+    /**
+     * Sets the margin of the Gauge area.
+     */
+    margin?: number | Margin;
+    /**
+     * Sets the width of the Gauge area in pixels.
+     */
+    width?: number;
+}
+
+/**
+ * Represents the scale line options.
+ */
+interface Line {
+    /**
+     * Sets the color of the lines.
+     * Accepts valid CSS color strings, including hex and rgb.
+     */
+    color?: string;
+    /**
+     * Sets the dash type of the line.
+     */
+    dashType?: DashType;
+    /**
+     * Sets the visibility of the lines.
+     */
+    visible?: boolean;
+    /**
+     * Sets the width of the line in pixels.
+     */
+    width?: number;
+}
+
+/**
+ * Represents the shape of the pointer.
+ */
+type LinearPointerShape = 'barIndicator' | 'arrow';
+
+/**
+ * Represents the configuration options for the LinearGauge pointer.
+ */
+interface LinearPointer {
+    /**
+     * Sets the border settings of the pointer.
+     */
+    border?: Border;
+    /**
+     * Sets the color of the pointer.
+     * Accepts valid CSS color strings, including `hex` and `rgb`.
+     */
+    color?: string;
+    /**
+     * Specifies the margin of the pointer.
+     */
+    margin?: number | Margin;
+    /**
+     * Sets the opacity of the pointer.
+     */
+    opacity?: number;
+    /**
+     * Sets the shape of the pointer.
+     */
+    shape?: LinearPointerShape;
+    /**
+     * Specifies the size of the pointer.
+     */
+    size?: number;
+    /**
+     * Sets the value of the pointer.
+     */
+    value?: number;
+}
+
+/**
+ * Represents the configuration for the scale ranges.
+ */
+interface Range {
+    /**
+     * Sets the start position of the range.
+     */
+    from?: number;
+    /**
+     * Sets the end position of the range.
+     */
+    to?: number;
+    /**
+     * Sets the range opacity.
+     */
+    opacity?: number;
+    /**
+     * Sets the color of the range. Accepts valid CSS color strings, including hex and rgb.
+     */
+    color?: string;
+}
+
+/**
+ * Represents the scale options of the Gauge.
+ */
+interface LinearScale extends Scale {
+    /**
+     * Sets up the scale line.
+     */
+    line?: Line;
+    /**
+     * Defines the ranges of the scale.
+     */
+    ranges?: Range[];
+    /**
+     * Mirrors the scale labels and ticks.
+     * If the labels are normally on the left side of the scale,
+     * mirroring the scale renders them to the right.
+     */
+    mirror?: boolean;
+    /**
+     * Determines if the scale is vertical
+     * ([see example](https://www.telerik.com/kendo-angular-ui/components/gauges/lineargauge/orientation)).
+     * @default true
+     */
+    vertical?: boolean;
+}
+
+/**
+ * Represents the configuration options for the RadialGauge pointer.
+ */
+interface RadialPointer {
+    /**
+     * Defines the settings for the cap.
+     */
+    cap?: Cap;
+    /**
+     * Sets the color of the pointer.
+     * Accepts valid CSS color strings, including `hex` and `rgb`.
+     */
+    color?: string;
+    /**
+     * Sets the pointer length in percent based on the distance to the scale.
+     * The default length of `1` means that the pointer exactly reaches the scale.
+     * Accepts values between `0.1` and `1.5`.
+     */
+    length?: number;
+    /**
+     * Sets the pointer value.
+     */
+    value?: number;
+}
+
+/**
+ * Represents the scale options of the Gauge.
+ */
+interface RadialScale extends Scale {
+    /**
+     * Sets up the scale labels.
+     */
+    labels?: RadialLabels;
+    /**
+     * Defines the distance between the range indicators and the ticks.
+     */
+    rangeDistance?: number;
+    /**
+     * Defines the ranges of the scale.
+     */
+    ranges?: Range[];
+    /**
+     * Sets the starting angle of the gauge.
+     * The Gauge renders clockwise where 0 degrees equals 180 degrees in the polar coordinate system.
+     */
+    startAngle?: number;
+    /**
+     * Sets the ending angle of the gauge.
+     * The Gauge renders clockwise where 0 degrees equals 180 degrees in the polar coordinate system.
+     */
+    endAngle?: number;
+}
+
+/**
+ * @hidden
+ */
+declare class CollectionItemComponent implements OnChanges {
+    configurationService: ConfigurationService;
+    collectionChangesService: CollectionChangesService;
+    constructor(configurationService: ConfigurationService, collectionChangesService: CollectionChangesService);
+    ngOnChanges(changes: {
+        [propertyName: string]: SimpleChange;
+    }): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CollectionItemComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CollectionItemComponent, never, never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * @hidden
+ */
+declare abstract class CollectionComponent implements AfterContentInit, AfterContentChecked, OnDestroy {
+    protected key: string;
+    protected configurationService: ConfigurationService;
+    protected collectionChangesService: CollectionChangesService;
+    children: QueryList<CollectionItemComponent>;
+    private subscription;
+    constructor(key: string, configurationService: ConfigurationService, collectionChangesService: CollectionChangesService);
+    ngOnDestroy(): void;
+    ngAfterContentInit(): void;
+    ngAfterContentChecked(): void;
+    private readItems;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CollectionComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CollectionComponent, never, never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * @hidden
+ */
+declare abstract class GaugeComponent implements AfterViewChecked, OnDestroy, OnInit, OnChanges {
+    protected configurationService: ConfigurationService;
+    protected themeService: ThemeService;
+    protected intlService: IntlService;
+    protected localizationService: LocalizationService;
+    protected element: ElementRef;
+    protected renderer: Renderer2;
+    protected ngZone: NgZone;
+    /**
+     * Specifies options for the Gauge area.
+     */
+    set gaugeArea(value: GaugeArea);
+    get gaugeArea(): GaugeArea;
+    /**
+     * Specifies the output type.
+     */
+    set renderAs(value: 'canvas' | 'svg');
+    get renderAs(): 'canvas' | 'svg';
+    /**
+     * The maximum number of times the Gauge resizes per second.
+     * Defaults to `10`. To disable the automatic resizing, set `resizeRateLimit` to `0`.
+     */
+    set resizeRateLimit(value: number);
+    get resizeRateLimit(): number;
+    /**
+     * Specifies the scale options.
+     */
+    set scale(value: Scale);
+    get scale(): Scale;
+    /**
+     * Specifies if the changes will be animated.
+     */
+    set transitions(value: boolean);
+    get transitions(): boolean;
+    resizeSensor: ResizeSensorComponent;
+    className: boolean;
+    protected options: any;
+    protected theme: any;
+    protected instance: any;
+    protected subscriptions: any;
+    protected redrawTimeout: any;
+    protected rtl: boolean;
+    private _transitions;
+    private _scale;
+    private _resizeRateLimit;
+    private _renderAs;
+    private _gaugeArea;
+    constructor(configurationService: ConfigurationService, themeService: ThemeService, intlService: IntlService, localizationService: LocalizationService, element: ElementRef, renderer: Renderer2, ngZone: NgZone);
+    ngOnInit(): void;
+    ngOnChanges(changes: {
+        [propertyName: string]: SimpleChange;
+    }): void;
+    ngAfterViewChecked(): void;
+    ngOnDestroy(): void;
+    protected updateCall(updateMethod: any): void;
+    protected updateOptions(): void;
+    protected setValues(): void;
+    /**
+     * Exports the Gauge as an image. The export operation is asynchronous and returns a promise.
+     *
+     * @param {ImageExportOptions} options - The parameters for the exported image.
+     * @returns {Promise<string>} - A promise that will be resolved with a PNG image that is encoded as a Data URI.
+     */
+    exportImage(options?: ImageExportOptions): Promise<string>;
+    /**
+     * Exports the Gauge as an SVG document. The export operation is asynchronous and returns a promise.
+     *
+     * @param {SVGExportOptions} options - The parameters for the exported file.
+     * @returns {Promise<string>} - A promise that will be resolved with an SVG document that is encoded as a Data URI.
+     */
+    exportSVG(options?: SVGExportOptions): Promise<string>;
+    /**
+     * Exports the Gauge as a Drawing `Scene`.
+     *
+     * @returns {Promise<Group>} - A promise that will be resolved with the export visual.
+     */
+    exportVisual(): Promise<Group>;
+    /**
+     * @hidden
+     */
+    onResize(): void;
+    /**
+     * Detects the size of the container and redraws the Gauge.
+     * Resizing is automatic unless you set the `resizeRateLimit` option to `0`.
+     */
+    resize(): void;
+    protected abstract createInstance(element: any, options: any, theme: any, context: any): void;
+    protected init(): void;
+    protected get autoResize(): boolean;
+    protected updateSize(): void;
+    protected intlChange(): void;
+    protected rtlChange(): void;
+    protected deferredRedraw(): void;
+    protected defer(callback: any): void;
+    protected updateDirection(): void;
+    protected setDirection(): void;
+    protected get isRTL(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GaugeComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GaugeComponent, never, never, { "gaugeArea": { "alias": "gaugeArea"; "required": false; }; "renderAs": { "alias": "renderAs"; "required": false; }; "resizeRateLimit": { "alias": "resizeRateLimit"; "required": false; }; "scale": { "alias": "scale"; "required": false; }; "transitions": { "alias": "transitions"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * @hidden
+ */
+declare abstract class SettingsComponent implements OnChanges, OnDestroy {
+    protected key: string;
+    protected configurationService?: ConfigurationService;
+    constructor(key: string, configurationService?: ConfigurationService);
+    ngOnChanges(changes: {
+        [propertyName: string]: SimpleChange;
+    }): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SettingsComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SettingsComponent, never, never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * @hidden
+ */
+declare class GaugeAreaComponent extends SettingsComponent implements GaugeArea {
+    protected key: string;
+    protected configurationService: ConfigurationService;
+    /**
+     * The background of the Gauge area. Accepts valid CSS color strings, including hex and rgb.
+     */
+    set background(value: string);
+    get background(): string;
+    /**
+     * The border of the Gauge area.
+     */
+    set border(value: Border);
+    get border(): Border;
+    /**
+     * The height of the Gauge area.
+     */
+    set height(value: number);
+    get height(): number;
+    /**
+     * The margin of the Gauge area.
+     */
+    set margin(value: number | Margin);
+    get margin(): number | Margin;
+    /**
+     * The width of the Gauge area.
+     */
+    set width(value: number);
+    get width(): number;
+    private _width;
+    private _margin;
+    private _height;
+    private _background;
+    private _border;
+    constructor(key: string, configurationService: ConfigurationService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<GaugeAreaComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GaugeAreaComponent, never, never, { "background": { "alias": "background"; "required": false; }; "border": { "alias": "border"; "required": false; }; "height": { "alias": "height"; "required": false; }; "margin": { "alias": "margin"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * @hidden
+ */
+declare class LabelsComponent extends SettingsComponent implements Labels {
+    protected key: string;
+    protected configurationService: ConfigurationService;
+    /**
+     * The background of the labels.
+     * Accepts valid CSS color strings, including hex and rgb.
+     */
+    set background(value: string);
+    get background(): string;
+    /**
+     * The border of the labels.
+     */
+    set border(value: Border);
+    get border(): Border;
+    /**
+     * The color of the labels.
+     * Accepts valid CSS color strings, including hex and rgb.
+     */
+    set color(value: string);
+    get color(): string;
+    /**
+     * The font of the labels.
+     */
+    set font(value: string);
+    get font(): string;
+    /**
+     * The format that is used to display the labels.
+     * Uses the IntlService [`format`](https://www.telerik.com/kendo-angular-ui/components/globalization/internationalization/api/intlservice#format) method.
+     */
+    set format(value: string);
+    get format(): string;
+    /**
+     * The margin of the labels.
+     */
+    set margin(value: number | Margin);
+    get margin(): number | Margin;
+    /**
+     * The padding of the labels.
+     */
+    set padding(value: number | Padding);
+    get padding(): number | Padding;
+    /**
+     * The function which returns the label content.
+     *
+     * The available fields in the function argument are:
+     *
+     * - `value`&mdash;The value of the label.
+     */
+    set content(value: (e: any) => string);
+    get content(): (e: any) => string;
+    /**
+     * The visibility of the labels.
+     */
+    set visible(value: boolean);
+    get visible(): boolean;
+    private _visible;
+    private _content;
+    private _padding;
+    private _margin;
+    private _format;
+    private _font;
+    private _color;
+    private _border;
+    private _background;
+    constructor(key: string, configurationService: ConfigurationService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<LabelsComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LabelsComponent, never, never, { "background": { "alias": "background"; "required": false; }; "border": { "alias": "border"; "required": false; }; "color": { "alias": "color"; "required": false; }; "font": { "alias": "font"; "required": false; }; "format": { "alias": "format"; "required": false; }; "margin": { "alias": "margin"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "content": { "alias": "content"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * @hidden
+ */
+declare class RangeComponent extends CollectionItemComponent implements Range {
+    /**
+     * The start position of the range.
+     */
+    set from(value: number);
+    get from(): number;
+    /**
+     * The end position of the range.
+     */
+    set to(value: number);
+    get to(): number;
+    /**
+     * The range opacity.
+     */
+    set opacity(value: number);
+    get opacity(): number;
+    /**
+     * The color of the range. Accepts valid CSS color strings, including hex and rgb.
+     */
+    set color(value: string);
+    get color(): string;
+    private _to;
+    private _from;
+    private _opacity;
+    private _color;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RangeComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RangeComponent, never, never, { "from": { "alias": "from"; "required": false; }; "to": { "alias": "to"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * @hidden
+ */
+declare class ScaleComponent extends SettingsComponent implements Scale {
+    protected key: string;
+    protected configurationService: ConfigurationService;
+    set labels(value: Labels);
+    get labels(): Labels;
+    set majorTicks(value: Ticks);
+    get majorTicks(): Ticks;
+    set minorTicks(value: Ticks);
+    get minorTicks(): Ticks;
+    set min(value: number);
+    get min(): number;
+    set max(value: number);
+    get max(): number;
+    set minorUnit(value: number);
+    get minorUnit(): number;
+    set majorUnit(value: number);
+    get majorUnit(): number;
+    set reverse(value: boolean);
+    get reverse(): boolean;
+    set rangeSize(value: number);
+    get rangeSize(): number;
+    set rangePlaceholderColor(value: string);
+    get rangePlaceholderColor(): string;
+    private _rangePlaceholderColor;
+    private _rangeSize;
+    private _reverse;
+    private _majorUnit;
+    private _minorUnit;
+    private _max;
+    private _min;
+    private _minorTicks;
+    private _majorTicks;
+    private _labels;
+    constructor(key: string, configurationService: ConfigurationService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScaleComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScaleComponent, never, never, { "labels": { "alias": "labels"; "required": false; }; "majorTicks": { "alias": "majorTicks"; "required": false; }; "minorTicks": { "alias": "minorTicks"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "minorUnit": { "alias": "minorUnit"; "required": false; }; "majorUnit": { "alias": "majorUnit"; "required": false; }; "reverse": { "alias": "reverse"; "required": false; }; "rangeSize": { "alias": "rangeSize"; "required": false; }; "rangePlaceholderColor": { "alias": "rangePlaceholderColor"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Represents a directive that allows customizing the center part of the `<kendo-arcgauge>` component.
+ * Use this directive to create a center template
+ * ([more information and example](https://www.telerik.com/kendo-angular-ui/components/gauges/circulargauge/center-template)).
+ *
+ * The template context provides access to the current ArcGauge value through the `value` and `color` fields.
+ *
+ * @example
+ * ```html
+ * <kendo-arcgauge [value]="value">
+ *    <ng-template kendoArcGaugeCenterTemplate let-value="value" let-color="color">
+ *         {{ value }}%
+ *     </ng-template>
+ * </kendo-arcgauge>
+ * ```
+ */
+declare class ArcCenterTemplateDirective {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArcCenterTemplateDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArcCenterTemplateDirective, "[kendoArcGaugeCenterTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Represents the [Kendo UI ArcGauge component for Angular](https://www.telerik.com/kendo-angular-ui/components/gauges/arcgauge).
+ *
+ * @example
+ * ```ts
+ * import { Component } from '@angular/core';
+ *
+ * @Component({
+ *   selector: 'my-app',
+ *   template: `
+ *      <kendo-arcgauge [value]="value" [scale]="{ max: 100 }">
+ *          <ng-template kendoArcGaugeCenterTemplate let-value="value">
+ *              {{ value }}%
+ *          </ng-template>
+ *      </kendo-arcgauge>
+ *   `
+ * })
+ * class AppComponent {
+ *   public value: number = 10;
+ * }
+ * ```
+ *
+ * @remarks
+ * Supported children components are: {@link ArcScaleComponent}, {@link ArcLabelsComponent}, {@link ArcGaugeAreaComponent}, {@link ColorsComponent}.
+ */
+declare class ArcGaugeComponent extends GaugeComponent {
+    protected changeDetector: ChangeDetectorRef;
+    /**
+     * Sets the value of the gauge.
+     */
+    set value(v: number);
+    get value(): number;
+    /**
+     * Sets the color of the value pointer. Accepts a valid CSS color string, including hex and rgb.
+     */
+    set color(v: string);
+    get color(): string;
+    /**
+     * Sets the color ranges of the value pointer.
+     */
+    set colors(v: ColorRange[]);
+    get colors(): ColorRange[];
+    /**
+     * Sets the opacity of the value pointer.
+     */
+    set opacity(v: number);
+    get opacity(): number;
+    /**
+     * Sets the scale options of the ArcGauge.
+     */
+    set scale(value: ArcScale);
+    get scale(): ArcScale;
+    centerTemplate: ArcCenterTemplateDirective;
+    labelElement: ElementRef;
+    className: boolean;
+    get centerTemplateContext(): any;
+    set centerTemplateContext(value: any);
+    private _centerTemplateContext;
+    private _colors;
+    private _color;
+    private _value;
+    private _opacity;
+    constructor(changeDetector: ChangeDetectorRef, configurationService: ConfigurationService, themeService: ThemeService, intlService: IntlService, localizationService: LocalizationService, element: ElementRef, renderer: Renderer2, ngZone: NgZone);
+    ngOnInit(): void;
+    ngAfterViewChecked(): void;
+    /**
+     * Exports the Gauge as a Drawing `Scene`.
+     *
+     * @returns A promise that resolves with the export visual.
+     */
+    exportVisual(): Promise<Group>;
+    /**
+     * Detects the size of the container and redraws the Gauge.
+     * Resizing happens automatically unless you set the `resizeRateLimit` option to `0`.
+     */
+    resize(): void;
+    protected createInstance(element: any, options: any, theme: any, context: any): void;
+    protected updateOptions(): void;
+    protected setValues(): void;
+    protected updateElements(): void;
+    protected updateCenterTemplate(): void;
+    protected positionLabel(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArcGaugeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArcGaugeComponent, "kendo-arcgauge", ["kendoArcGauge"], { "value": { "alias": "value"; "required": false; }; "color": { "alias": "color"; "required": false; }; "colors": { "alias": "colors"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "scale": { "alias": "scale"; "required": false; }; }, {}, ["centerTemplate"], never, true, never>;
+}
+
+/**
+ * Represents the configuration options of the ArcGauge area.
+ * Controls the entire visible area of the ArcGauge.
+ *
+ * @example
+ * ```ts
+ * import { Component } from '@angular/core';
+ *
+ * @Component({
+ *     selector: 'my-app',
+ *     template: `
+ *         <kendo-arcgauge [value]="value">
+ *             <kendo-arcgauge-area
+ *                 background="lightgray"
+ *                 [margin]="10">
+ *             </kendo-arcgauge-area>
+ *         </kendo-arcgauge>
+ *     `
+ * })
+ * export class AppComponent {
+ *     public value: number = 40;
+ * }
+ * ```
+ */
+declare class ArcGaugeAreaComponent extends GaugeAreaComponent {
+    protected configurationService: ConfigurationService;
+    constructor(configurationService: ConfigurationService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArcGaugeAreaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArcGaugeAreaComponent, "kendo-arcgauge-area", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Represents the configuration options for the scale of the ArcGauge
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/gauges/arcgauge/scale-options)).
+ *
+ * @example
+ * ```ts
+ * import { Component } from '@angular/core';
+ *
+ * @Component({
+ *     selector: 'my-app',
+ *     template: `
+ *         <kendo-arcgauge [value]="value">
+ *             <kendo-arcgauge-scale
+ *                 [startAngle]="-90"
+ *                 [endAngle]="90"
+ *                 [rangeDistance]="10">
+ *             </kendo-arcgauge-scale>
+ *         </kendo-arcgauge>
+ *     `
+ * })
+ * export class AppComponent {
+ *     public value: number = 30;
+ * }
+ * ```
+ *
+ * @remarks
+ * Supported children components are: {@link ArcLabelsComponent}
+ */
+declare class ArcScaleComponent extends ScaleComponent implements ArcScale {
+    protected configurationService: ConfigurationService;
+    /**
+     * Sets the scale labels configuration.
+     */
+    set labels(value: RadialLabels);
+    get labels(): RadialLabels;
+    /**
+     * Sets the distance between the scale ranges in pixels.
+     */
+    set rangeDistance(value: number);
+    get rangeDistance(): number;
+    /**
+     * Sets the line cap style for the scale ranges.
+     */
+    set rangeLineCap(value: LineCap);
+    get rangeLineCap(): LineCap;
+    /**
+     * Sets the start angle of the Gauge in degrees.
+     */
+    set startAngle(value: number);
+    get startAngle(): number;
+    /**
+     * Sets the end angle of the Gauge in degrees.
+     */
+    set endAngle(value: number);
+    get endAngle(): number;
+    private _endAngle;
+    private _startAngle;
+    private _rangeLineCap;
+    private _rangeDistance;
+    constructor(configurationService: ConfigurationService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArcScaleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArcScaleComponent, "kendo-arcgauge-scale", never, { "labels": { "alias": "labels"; "required": false; }; "rangeDistance": { "alias": "rangeDistance"; "required": false; }; "rangeLineCap": { "alias": "rangeLineCap"; "required": false; }; "startAngle": { "alias": "startAngle"; "required": false; }; "endAngle": { "alias": "endAngle"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Configures the configuration options for the scale labels of the RadialGauge.
+ *
+ * @example
+ * ```html
+ * <kendo-radialgauge>
+ *    <kendo-radialgauge-scale>
+ *          <kendo-radialgauge-scale-labels [visible]="true" [format]="'N0'">
+ *          </kendo-radialgauge-scale-labels>
+ *     </kendo-radialgauge-scale>
+ * </kendo-radialgauge>
+ * ```
+ */
+declare class RadialLabelsComponent extends LabelsComponent implements RadialLabels {
+    protected configurationService: ConfigurationService;
+    /**
+     * Sepcifies rhe position of the labels relative to the scale.
+     */
+    set position(value: RadialLabelPosition);
+    get position(): RadialLabelPosition;
+    private _position;
+    constructor(configurationService: ConfigurationService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadialLabelsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadialLabelsComponent, "kendo-radialgauge-scale-labels", never, { "position": { "alias": "position"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Represents the configuration options for the scale labels of the ArcGauge.
+ *
+ * @example
+ * ```ts
+ * import { Component } from '@angular/core';
+ *
+ * @Component({
+ *     selector: 'my-app',
+ *     template: `
+ *         <kendo-arcgauge [value]="value">
+ *             <kendo-arcgauge-scale>
+ *                 <kendo-arcgauge-scale-labels
+ *                     color="blue"
+ *                     font="12px Arial">
+ *                 </kendo-arcgauge-scale-labels>
+ *             </kendo-arcgauge-scale>
+ *         </kendo-arcgauge>
+ *     `
+ * })
+ * export class AppComponent {
+ *     public value: number = 50;
+ * }
+ * ```
+ */
+declare class ArcLabelsComponent extends RadialLabelsComponent {
+    protected configurationService: ConfigurationService;
+    constructor(configurationService: ConfigurationService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArcLabelsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArcLabelsComponent, "kendo-arcgauge-scale-labels", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Represents a collection of one or more ArcGauge colors
+ * ([more information and example](https://www.telerik.com/kendo-angular-ui/components/gauges/arcgauge/color-ranges)).
+ *
+ * @example
+ * ```ts
+ * import { Component } from '@angular/core';
+ *
+ * @Component({
+ *     selector: 'my-app',
+ *     template: `
+ *         <kendo-arcgauge [value]="value">
+ *              <kendo-arcgauge-colors>
+ *                  @for (item of colors; track item) {
+ *                    <kendo-arcgauge-color
+ *                      [from]="item.from" [to]="item.to" [color]="item.color">
+ *                    </kendo-arcgauge-color>
+ *                  }
+ *              </kendo-arcgauge-colors>
+ *         </kendo-arcgauge>
+ *     `
+ * })
+ * export class AppComponent {
+ *     public value: number = 10;
+ *
+ *     public colors: any[] = [{
+ *         to: 25,
+ *         color: '#0058e9'
+ *     }, {
+ *         from: 25,
+ *         to: 50,
+ *         color: '#37b400'
+ *     }, {
+ *         from: 50,
+ *         to: 75,
+ *         color: '#ffc000'
+ *     }, {
+ *         from: 75,
+ *         color: '#f31700'
+ *     }];
+ * }
+ * ```
+ *
+ * @remarks
+ * Supported children components are: {@link ColorComponent}.
+ */
+declare class ColorsComponent extends CollectionComponent {
+    children: QueryList<CollectionItemComponent>;
+    constructor(configurationService: ConfigurationService, collectionChangesService: CollectionChangesService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColorsComponent, "kendo-arcgauge-colors", never, {}, {}, ["children"], never, true, never>;
+}
+
+/**
+ * Represents the configuration options for an ArcGauge color item.
+ *
+ * @example
+ * ```ts
+ * import { Component } from '@angular/core';
+ *
+ * @Component({
+ *     selector: 'my-app',
+ *     template: `
+ *         <kendo-arcgauge [value]="value">
+ *             <kendo-arcgauge-colors>
+ *                 <kendo-arcgauge-color
+ *                     [from]="0"
+ *                     [to]="50"
+ *                     color="green">
+ *                 </kendo-arcgauge-color>
+ *             </kendo-arcgauge-colors>
+ *         </kendo-arcgauge>
+ *     `
+ * })
+ * export class AppComponent {
+ *     public value: number = 25;
+ * }
+ * ```
+ */
+declare class ColorComponent extends CollectionItemComponent implements ColorRange {
+    /**
+     * Sets the color of the range. Accepts a valid CSS color string, including hex and rgb.
+     */
+    set color(value: string);
+    get color(): string;
+    /**
+     * Sets the opacity of the range.
+     */
+    set opacity(value: number);
+    get opacity(): number;
+    /**
+     * Sets the start value of the range.
+     */
+    set from(value: number);
+    get from(): number;
+    /**
+     * Sets the end value of the range.
+     */
+    set to(value: number);
+    get to(): number;
+    private _to;
+    private _from;
+    private _opacity;
+    private _color;
+    constructor(configurationService: ConfigurationService, collectionChangesService: CollectionChangesService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColorComponent, "kendo-arcgauge-color", never, { "color": { "alias": "color"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "from": { "alias": "from"; "required": false; }; "to": { "alias": "to"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Represents the [`NgModule`](link:site.data.urls.angular['ngmodules']) definition that includes the ArcGauge component and its directives.
+ * Import 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
+ * ```typescript
+ * 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 { }
+ * ```
+ */
+declare class ArcGaugeModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArcGaugeModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ArcGaugeModule, never, [typeof ArcGaugeComponent, typeof ArcCenterTemplateDirective, typeof ArcGaugeAreaComponent, typeof ArcScaleComponent, typeof ArcLabelsComponent, typeof ColorsComponent, typeof ColorComponent], [typeof ArcGaugeComponent, typeof ArcCenterTemplateDirective, typeof ArcGaugeAreaComponent, typeof ArcScaleComponent, typeof ArcLabelsComponent, typeof ColorsComponent, typeof ColorComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ArcGaugeModule>;
+}
+
+/**
+ * Represents the [Kendo UI LinearGauge component for Angular](https://www.telerik.com/kendo-angular-ui/components/gauges/lineargauge).
+ *
+ * @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;
+ * }
+ * ```
+ *
+ * @remarks
+ * Supported children components are: {@link LinearScaleComponent}, {@link LinearLabelsComponent}, {@link LinearGaugeAreaComponent}, {@link LinearPointersComponent}, {@link LinearRangesComponent}.
+ */
+declare class LinearGaugeComponent extends GaugeComponent {
+    /**
+     * Configures the pointers of the LinearGauge.
+     */
+    set pointer(value: LinearPointer | LinearPointer[]);
+    get pointer(): LinearPointer | LinearPointer[];
+    /**
+     * Configures the scale of the LinearGauge.
+     */
+    set scale(value: LinearScale);
+    get scale(): LinearScale;
+    private _pointer;
+    constructor(configurationService: ConfigurationService, themeService: ThemeService, intlService: IntlService, localizationService: LocalizationService, element: ElementRef, renderer: Renderer2, ngZone: NgZone);
+    protected createInstance(element: any, options: any, theme: any, context: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LinearGaugeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LinearGaugeComponent, "kendo-lineargauge", ["kendoLinearGauge"], { "pointer": { "alias": "pointer"; "required": false; }; "scale": { "alias": "scale"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Represents the configuration options for the LinearGauge area.
+ * This component controls the entire visible area of the LinearGauge.
+ *
+ * @example
+ * ```html
+ * <kendo-lineargauge>
+ *   <kendo-lineargauge-area background="lightblue" [border]="{ width: 2 }">
+ *   </kendo-lineargauge-area>
+ * </kendo-lineargauge>
+ * ```
+ */
+declare class LinearGaugeAreaComponent extends GaugeAreaComponent {
+    protected configurationService: ConfigurationService;
+    constructor(configurationService: ConfigurationService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<LinearGaugeAreaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LinearGaugeAreaComponent, "kendo-lineargauge-area", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Represents the configuration options for the scale of the LinearGauge
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/gauges/lineargauge/scale-options)).
+ *
+ * @example
+ * ```html
+ * <kendo-lineargauge>
+ *     <kendo-lineargauge-scale [mirror]="true" [vertical]="false">
+ *     </kendo-lineargauge-scale>
+ * </kendo-lineargauge>
+ * ```
+ *
+ * @remarks
+ * Supported children components are: {@link LinearLabelsComponent}, {@link LinearRangesComponent}.
+ */
+declare class LinearScaleComponent extends ScaleComponent implements LinearScale {
+    protected configurationService: ConfigurationService;
+    /**
+     * Configures the appearance of the scale line.
+     */
+    set line(value: Line);
+    get line(): Line;
+    /**
+     * Configures the ranges that are displayed on the scale.
+     */
+    set ranges(value: Range[]);
+    get ranges(): Range[];
+    /**
+     * Mirrors the scale labels and ticks. When you set this option to `true`, the labels and ticks appear on the opposite side of the scale.
+     *
+     * @default false
+     */
+    set mirror(value: boolean);
+    get mirror(): boolean;
+    /**
+     * Sets the orientation of the scale. When you set this option to `false`, the scale displays horizontally.
+     *
+     * @default true
+     */
+    set vertical(value: boolean);
+    get vertical(): boolean;
+    private _vertical;
+    private _mirror;
+    private _ranges;
+    private _line;
+    constructor(configurationService: ConfigurationService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<LinearScaleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LinearScaleComponent, "kendo-lineargauge-scale", never, { "line": { "alias": "line"; "required": false; }; "ranges": { "alias": "ranges"; "required": false; }; "mirror": { "alias": "mirror"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Represents the configuration options for the LinearGauge scale labels.
+ *
+ * @example
+ * ```html
+ * <kendo-lineargauge>
+ *    <kendo-lineargauge-scale>
+ *          <kendo-lineargauge-scale-labels [visible]="true" [format]="'N0'">
+ *          </kendo-lineargauge-scale-labels>
+ *     </kendo-lineargauge-scale>
+ * </kendo-lineargauge>
+ * ```
+ */
+declare class LinearLabelsComponent extends LabelsComponent {
+    protected configurationService: ConfigurationService;
+    constructor(configurationService: ConfigurationService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<LinearLabelsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LinearLabelsComponent, "kendo-lineargauge-scale-labels", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Represents a collection of one or more LinearGauge pointers
+ * ([more information](https://www.telerik.com/kendo-angular-ui/components/gauges/lineargauge/multiple-pointers)).
+ *
+ * @example
+ * ```ts
+ * import { Component } from '@angular/core';
+ *
+ * @Component({
+ *     selector: 'my-app',
+ *     template: `
+ *         <kendo-lineargauge>
+ *             <kendo-lineargauge-pointers>
+ *                 @for (pointer of pointers; track pointer) {
+ *                   <kendo-lineargauge-pointer
+ *                     [value]="pointer.value" [color]="pointer.color" shape="barIndicator">
+ *                   </kendo-lineargauge-pointer>
+ *                 }
+ *             </kendo-lineargauge-pointers>
+ *         </kendo-lineargauge>
+ *     `
+ * })
+ * export class AppComponent {
+ *     public pointers: any[] = [{
+ *         value: 10,
+ *         color: '#ff4500'
+ *     }, {
+ *         value: 12,
+ *         color: '#28b4c8'
+ *     }, {
+ *         value: 20,
+ *         color: '#8b0000'
+ *     }];
+ * }
+ * ```
+ *
+ * @remarks
+ * Supported children components are: {@link LinearPointerComponent}
+ */
+declare class LinearPointersComponent extends CollectionComponent {
+    children: QueryList<CollectionItemComponent>;
+    constructor(configurationService: ConfigurationService, collectionChangesService: CollectionChangesService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<LinearPointersComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LinearPointersComponent, "kendo-lineargauge-pointers", never, {}, {}, ["children"], never, true, never>;
+}
+
+/**
+ * Represents the configuration options for a pointer item of a LinearGauge.
+ *
+ * @example
+ * ```html
+ * <kendo-lineargauge>
+ *    <kendo-lineargauge-pointers>
+ *          <kendo-lineargauge-pointer [value]="35" color="#ff4500" shape="barIndicator">
+ *          </kendo-lineargauge-pointer>
+ *    </kendo-lineargauge-pointers>
+ * </kendo-lineargauge>
+ * ```
+ */
+declare class LinearPointerComponent extends CollectionItemComponent implements LinearPointer {
+    /**
+     * Configures the border settings of the pointer.
+     */
+    set border(value: Border);
+    get border(): Border;
+    /**
+     * Specifies the color of the pointer.
+     */
+    set color(value: string);
+    get color(): string;
+    /**
+     * Sets the margin of the pointer. You can set this option to a number or an object with specific margin values.
+     */
+    set margin(value: number | Margin);
+    get margin(): number | Margin;
+    /**
+     * Controls the transparency of the pointer. The value ranges from 0 (transparent) to 1 (opaque).
+     */
+    set opacity(value: number);
+    get opacity(): number;
+    /**
+     * Defines the shape of the pointer.
+     */
+    set shape(value: LinearPointerShape);
+    get shape(): LinearPointerShape;
+    /**
+     * Sets the size of the pointer in pixels.
+     */
+    set size(value: number);
+    get size(): number;
+    /**
+     * Specifies the value that the pointer displays on the scale.
+     */
+    set value(v: number);
+    get value(): number;
+    private _value;
+    private _size;
+    private _shape;
+    private _opacity;
+    private _margin;
+    private _border;
+    private _color;
+    constructor(configurationService: ConfigurationService, collectionChangesService: CollectionChangesService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<LinearPointerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LinearPointerComponent, "kendo-lineargauge-pointer", never, { "border": { "alias": "border"; "required": false; }; "color": { "alias": "color"; "required": false; }; "margin": { "alias": "margin"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Represents the configuration options for a scale range item of a LinearGauge.
+ *
+ * @example
+ * ```html
+ * <kendo-lineargauge>
+ *    <kendo-lineargauge-scale>
+ *        <kendo-lineargauge-scale-ranges>
+ *            @for (range of ranges; track range) {
+ *              <kendo-lineargauge-scale-range [from]="range.from" [to]="range.to" [color]="range.color">
+ *              </kendo-lineargauge-scale-range>
+ *            }
+ *          </kendo-lineargauge-scale-ranges>
+ *    </kendo-lineargauge-scale>
+ * </kendo-lineargauge>
+ * ```
+ */
+declare class LinearRangeComponent extends RangeComponent {
+    constructor(configurationService: ConfigurationService, collectionChangesService: CollectionChangesService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<LinearRangeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LinearRangeComponent, "kendo-lineargauge-scale-range", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Represents a collection of one or more LinearGauge scale ranges
+ * ([more information and example](https://www.telerik.com/kendo-angular-ui/components/gauges/lineargauge/scale-ranges)).
+ *
+ * You can use this component to define multiple ranges on your LinearGauge scale. Each range displays a colored segment
+ * that highlights specific value intervals on the LinearGauge.
+ *
+ * @example
+ * ```ts
+ * import { Component } from '@angular/core';
+ *
+ * @Component({
+ *     selector: 'my-app',
+ *     template: `
+ *         <kendo-lineargauge>
+ *             <kendo-lineargauge-scale>
+ *                 <kendo-lineargauge-scale-ranges>
+ *                     @for (range of ranges; track range) {
+ *                       <kendo-lineargauge-scale-range
+ *                         [from]="range.from" [to]="range.to" [color]="range.color">
+ *                       </kendo-lineargauge-scale-range>
+ *                     }
+ *                 </kendo-lineargauge-scale-ranges>
+ *             </kendo-lineargauge-scale>
+ *         </kendo-lineargauge>
+ *     `
+ * })
+ * export class AppComponent {
+ *     public ranges: any[] = [{
+ *         from: 0,
+ *         to: 15,
+ *         color: '#ffd246'
+ *     }, {
+ *         from: 15,
+ *         to: 30,
+ *         color: '#28b4c8'
+ *     }, {
+ *         from: 30,
+ *         to: 50,
+ *         color: '#78d237'
+ *     }];
+ * }
+ * ```
+ *
+ * @remarks
+ * Supported children components are: {@link LinearRangeComponent}
+ */
+declare class LinearRangesComponent extends CollectionComponent {
+    children: QueryList<CollectionItemComponent>;
+    constructor(configurationService: ConfigurationService, collectionChangesService: CollectionChangesService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<LinearRangesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LinearRangesComponent, "kendo-lineargauge-scale-ranges", never, {}, {}, ["children"], never, true, never>;
+}
+
+/**
+ * Represents the [NgModule](link:site.data.urls.angular['ngmodules']) definition that includes the LinearGauge component and its directives.
+ * Import 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 { 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 {
+ * }
+ * ```
+ */
+declare class LinearGaugeModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<LinearGaugeModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LinearGaugeModule, never, [typeof LinearGaugeComponent, typeof LinearGaugeAreaComponent, typeof LinearScaleComponent, typeof LinearLabelsComponent, typeof LinearPointersComponent, typeof LinearPointerComponent, typeof LinearRangeComponent, typeof LinearRangesComponent], [typeof LinearGaugeComponent, typeof LinearGaugeAreaComponent, typeof LinearScaleComponent, typeof LinearLabelsComponent, typeof LinearPointersComponent, typeof LinearPointerComponent, typeof LinearRangeComponent, typeof LinearRangesComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<LinearGaugeModule>;
+}
+
+/**
+ * Represents the [Kendo UI RadialGauge component for Angular](https://www.telerik.com/kendo-angular-ui/components/gauges/radialgauge).
+ *
+ * @example
+ * ```ts
+ * import { Component } from '@angular/core';
+ *
+ * @Component({
+ *   selector: 'my-app',
+ *   template: `
+ *      <kendo-radialgauge [pointer]="{ value: value }">
+ *      </kendo-radialgauge>
+ *   `
+ * })
+ * export class AppComponent {
+ *   public value: number = 10;
+ * }
+ * ```
+ *
+ * @remarks
+ * Supported children components are: {@link RadialGaugeAreaComponent}, {@link RadialLabelsComponent}, {@link RadialPointersComponent}, {@link RadialRangesComponent}, {@link RadialScaleComponent}.
+ */
+declare class RadialGaugeComponent extends GaugeComponent {
+    /**
+     * Sets the configuration of the pointers.
+     * You can configure single or multiple pointers for the RadialGauge.
+     */
+    set pointer(value: RadialPointer | RadialPointer[]);
+    get pointer(): RadialPointer | RadialPointer[];
+    /**
+     * Sets the configuration of the scale.
+     * The scale defines the range, appearance, and behavior of the gauge.
+     */
+    set scale(value: RadialScale);
+    get scale(): RadialScale;
+    private _pointer;
+    constructor(configurationService: ConfigurationService, themeService: ThemeService, intlService: IntlService, localizationService: LocalizationService, element: ElementRef, renderer: Renderer2, ngZone: NgZone);
+    protected createInstance(element: any, options: any, theme: any, context: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadialGaugeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadialGaugeComponent, "kendo-radialgauge", ["kendoRadialGauge"], { "pointer": { "alias": "pointer"; "required": false; }; "scale": { "alias": "scale"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Represents the configuration options for the RadialGauge area.
+ * This component controls the entire visible area of the RadialGauge.
+ *
+ * @example
+ * ```ts
+ * import { Component } from '@angular/core';
+ *
+ * @Component({
+ *   selector: 'my-app',
+ *   template: `
+ *     <kendo-radialgauge-area background="lightblue">
+ *     </kendo-radialgauge-area>
+ *   `
+ * })
+ * class AppComponent {
+ * }
+ * ```
+ */
+declare class RadialGaugeAreaComponent extends GaugeAreaComponent {
+    protected configurationService: ConfigurationService;
+    constructor(configurationService: ConfigurationService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadialGaugeAreaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadialGaugeAreaComponent, "kendo-radialgauge-area", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Represents the configuration options for the scale of a RadialGauge
+ * ([more information and example](https://www.telerik.com/kendo-angular-ui/components/gauges/radialgauge/scale-options)).
+ *
+ * @example
+ * ```html
+ * <kendo-radialgauge>
+ *    <kendo-radialgauge-scale [startAngle]="0" [endAngle]="180">
+ *    </kendo-radialgauge-scale>
+ * </kendo-radialgauge>
+ * ```
+ *
+ * @remarks
+ * Supported children components are: {@link RadialLabelsComponent}, {@link RadialRangesComponent}
+ */
+declare class RadialScaleComponent extends ScaleComponent implements RadialScale {
+    protected configurationService: ConfigurationService;
+    /**
+     * Configures the scale labels.
+     */
+    set labels(value: RadialLabels);
+    get labels(): RadialLabels;
+    /**
+     * Specifies the distance between the scale ranges and the ticks.
+     */
+    set rangeDistance(value: number);
+    get rangeDistance(): number;
+    /**
+     * Sets the ranges of the scale.
+     */
+    set ranges(value: Range[]);
+    get ranges(): Range[];
+    /**
+     * Specifies the start angle of the Gauge in degrees.
+     */
+    set startAngle(value: number);
+    get startAngle(): number;
+    /**
+     * Specifies the end angle of the Gauge in degrees.
+     */
+    set endAngle(value: number);
+    get endAngle(): number;
+    private _endAngle;
+    private _startAngle;
+    private _ranges;
+    private _rangeDistance;
+    constructor(configurationService: ConfigurationService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadialScaleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadialScaleComponent, "kendo-radialgauge-scale", never, { "labels": { "alias": "labels"; "required": false; }; "rangeDistance": { "alias": "rangeDistance"; "required": false; }; "ranges": { "alias": "ranges"; "required": false; }; "startAngle": { "alias": "startAngle"; "required": false; }; "endAngle": { "alias": "endAngle"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Represents a collection of one or more RadialGauge pointers
+ * ([more information and example](https://www.telerik.com/kendo-angular-ui/components/gauges/radialgauge/multiple-pointers)).
+ *
+ * Use this component to group multiple pointer components within a RadialGauge.
+ * Each pointer displays a specific value on the gauge.
+ *
+ * @example
+ * ```ts
+ * import { Component } from '@angular/core';
+ *
+ * @Component({
+ *     selector: 'my-app',
+ *     template: `
+ *         <kendo-radialgauge>
+ *             <kendo-radialgauge-pointers>
+ *                 @for (pointer of pointers; track pointer) {
+ *                   <kendo-radialgauge-pointer
+ *                     [value]="pointer.value" [color]="pointer.color">
+ *                   </kendo-radialgauge-pointer>
+ *                 }
+ *             </kendo-radialgauge-pointers>
+ *         </kendo-radialgauge>
+ *     `
+ * })
+ * export class AppComponent {
+ *     public pointers: any[] = [{
+ *         value: 10,
+ *         color: '#ffd246'
+ *     }, {
+ *         value: 20,
+ *         color: '#28b4c8'
+ *     }, {
+ *         value: 30,
+ *         color: '#78d237'
+ *     }];
+ * }
+ * ```
+ *
+ * @remarks
+ * Supported children components are: {@link RadialPointerComponent}
+ */
+declare class RadialPointersComponent extends CollectionComponent {
+    children: QueryList<CollectionItemComponent>;
+    constructor(configurationService: ConfigurationService, collectionChangesService: CollectionChangesService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadialPointersComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadialPointersComponent, "kendo-radialgauge-pointers", never, {}, {}, ["children"], never, true, never>;
+}
+
+/**
+ * Represents the configuration options for a pointer in the RadialGauge.
+ *
+ * @example
+ * ```html
+ * <kendo-radialgauge>
+ *    <kendo-radialgauge-pointers>
+ *          <kendo-radialgauge-pointer [value]="35" color="#ff4500" shape="barIndicator">
+ *          </kendo-radialgauge-pointer>
+ *    </kendo-radialgauge-pointers>
+ * </kendo-radialgauge>
+ * ```
+ */
+declare class RadialPointerComponent extends CollectionItemComponent implements RadialPointer {
+    /**
+     * Configures the pointer cap.
+     */
+    set cap(value: Cap);
+    get cap(): Cap;
+    /**
+     * Specifies the color of the pointer.
+     */
+    set color(value: string);
+    get color(): string;
+    /**
+     * Sets the length of the pointer as a percentage of the scale radius.
+     */
+    set length(value: number);
+    get length(): number;
+    /**
+     * Sets the value of the pointer.
+     */
+    set value(v: number);
+    get value(): number;
+    private _color;
+    private _cap;
+    private _length;
+    private _value;
+    constructor(configurationService: ConfigurationService, collectionChangesService: CollectionChangesService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadialPointerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadialPointerComponent, "kendo-radialgauge-pointer", never, { "cap": { "alias": "cap"; "required": false; }; "color": { "alias": "color"; "required": false; }; "length": { "alias": "length"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Represents the configuration options for a range in the RadialGauge scale.
+ *
+ * @example
+ * ```html
+ * <kendo-radialgauge>
+ *    <kendo-radialgauge-scale>
+ *        <kendo-radialgauge-scale-ranges>
+ *            <kendo-radialgauge-scale-range [from]="0" [to]="50" color="red">
+ *            </kendo-radialgauge-scale-range>
+ *          </kendo-radialgauge-scale-ranges>
+ *    </kendo-radialgauge-scale>
+ * </kendo-radialgauge>
+ * ```
+ */
+declare class RadialRangeComponent extends RangeComponent {
+    constructor(configurationService: ConfigurationService, collectionChangesService: CollectionChangesService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadialRangeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadialRangeComponent, "kendo-radialgauge-scale-range", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Represents a collection of one or more RadialGauge scale ranges
+ * ([more information and example](https://www.telerik.com/kendo-angular-ui/components/gauges/radialgauge/scale-ranges)).
+ *
+ * Use this component to define multiple ranges on your RadialGauge scale.
+ * Each range displays a colored segment that highlights specific value intervals.
+ *
+ * @example
+ * ```ts
+ * import { Component } from '@angular/core';
+ *
+ * @Component({
+ *     selector: 'my-app',
+ *     template: `
+ *         <kendo-radialgauge>
+ *             <kendo-radialgauge-scale>
+ *                 <kendo-radialgauge-scale-ranges>
+ *                     @for (range of ranges; track range) {
+ *                       <kendo-radialgauge-scale-range
+ *                         [from]="range.from" [to]="range.to" [color]="range.color">
+ *                       </kendo-radialgauge-scale-range>
+ *                     }
+ *                 </kendo-radialgauge-scale-ranges>
+ *             </kendo-radialgauge-scale>
+ *         </kendo-radialgauge>
+ *     `
+ * })
+ * export class AppComponent {
+ *     public ranges: any[] = [{
+ *         from: 0,
+ *         to: 15,
+ *         color: '#ffd246'
+ *     }, {
+ *         from: 15,
+ *         to: 30,
+ *         color: '#28b4c8'
+ *     }, {
+ *         from: 30,
+ *         to: 50,
+ *         color: '#78d237'
+ *     }];
+ * }
+ * ```
+ *
+ * @remarks
+ * Supported children components are: {@link RadialRangeComponent}
+ */
+declare class RadialRangesComponent extends CollectionComponent {
+    children: QueryList<CollectionItemComponent>;
+    constructor(configurationService: ConfigurationService, collectionChangesService: CollectionChangesService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadialRangesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadialRangesComponent, "kendo-radialgauge-scale-ranges", never, {}, {}, ["children"], never, true, never>;
+}
+
+/**
+ * Represents the [NgModule](link:site.data.urls.angular['ngmodules']) definition that includes the RadialGauge component and its directives.
+ * Import the RadialGaugeModule into your application
+ * [root module](link:site.data.urls.angular['ngmodules']#angular-modularity) or any other sub-module
+ * that uses the RadialGauge component.
+ *
+ * @example
+ * ```ts
+ * import { NgModule } from '@angular/core';
+ * import { BrowserModule } from '@angular/platform-browser';
+ * import { RadialGaugeModule } from '@progress/kendo-angular-gauges';
+ * import { AppComponent } from './app.component';
+ *
+ * @NgModule({
+ *     bootstrap:    [AppComponent],
+ *     declarations: [AppComponent],
+ *     imports:      [BrowserModule, RadialGaugeModule]
+ * })
+ * export class AppModule {
+ * }
+ * ```
+ */
+declare class RadialGaugeModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadialGaugeModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RadialGaugeModule, never, [typeof RadialGaugeComponent, typeof RadialGaugeAreaComponent, typeof RadialScaleComponent, typeof RadialLabelsComponent, typeof RadialPointersComponent, typeof RadialPointerComponent, typeof RadialRangeComponent, typeof RadialRangesComponent], [typeof RadialGaugeComponent, typeof RadialGaugeAreaComponent, typeof RadialScaleComponent, typeof RadialLabelsComponent, typeof RadialPointersComponent, typeof RadialPointerComponent, typeof RadialRangeComponent, typeof RadialRangesComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<RadialGaugeModule>;
+}
+
+/**
+ * Represents a directive that allows customizing the center part of the `<kendo-circulargauge>` component
+ * ([more information and example](https://www.telerik.com/kendo-angular-ui/components/gauges/circulargauge/center-template)).
+ *
+ * The template context provides access to the current CircularGauge value through the `value` and `color` fields.
+ *
+ * @example
+ * ```html
+ * <kendo-circulargauge [value]="value">
+ *     <ng-template kendoCircularGaugeCenterTemplate let-value="value" let-color="color">
+ *          {{ value }}%
+ *     </ng-template>
+ * </kendo-circulargauge>
+ * ```
+ */
+declare class CircularGaugeCenterTemplateDirective {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<CircularGaugeCenterTemplateDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CircularGaugeCenterTemplateDirective, "[kendoCircularGaugeCenterTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Represents the [Kendo UI CircularGauge component for Angular](https://www.telerik.com/kendo-angular-ui/components/gauges/circulargauge).
+ *
+ * @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;
+ * }
+ * ```
+ *
+ * @remarks
+ * Supported children components are: {@link CircularGaugeScaleComponent}, {@link CircularGaugeLabelsComponent}, {@link CircularGaugeAreaComponent}.
+ */
+declare class CircularGaugeComponent extends ArcGaugeComponent {
+    /**
+     * Specifies the scale options of the Gauge.
+     */
+    set scale(value: CircularGaugeScale);
+    get scale(): CircularGaugeScale;
+    centerTemplate: CircularGaugeCenterTemplateDirective;
+    protected createInstance(element: any, options: any, theme: any, context: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CircularGaugeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CircularGaugeComponent, "kendo-circulargauge", ["kendoCircularGauge"], { "scale": { "alias": "scale"; "required": false; }; }, {}, ["centerTemplate"], never, true, never>;
+}
+
+/**
+ * Represents the configuration options of the Circular Gauge area.
+ * Sets up the entire visible area of the CircularGauge.
+ *
+ * @example
+ * ```typescript
+ * @Component({
+ *   selector: 'my-app',
+ *   template: `
+ *     <kendo-circulargauge>
+ *       <kendo-circulargauge-area background="lightblue" margin="10">
+ *       </kendo-circulargauge-area>
+ *     </kendo-circulargauge>
+ *   `
+ * })
+ * export class AppComponent { }
+ * ```
+ */
+declare class CircularGaugeAreaComponent extends ArcGaugeAreaComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CircularGaugeAreaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CircularGaugeAreaComponent, "kendo-circulargauge-area", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Represents the configuration options for the scale of the Circular Gauge
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/gauges/circulargauge/scale-options)).
+ *
+ * @example
+ * ```typescript
+ * @Component({
+ *   selector: 'my-app',
+ *   template: `
+ *     <kendo-circulargauge>
+ *       <kendo-circulargauge-scale [min]="0" [max]="100">
+ *       </kendo-circulargauge-scale>
+ *     </kendo-circulargauge>
+ *   `
+ * })
+ * class AppComponent { }
+ * ```
+ *
+ * @remarks
+ * Supported children components are: {@link CircularGaugeLabelsComponent}
+ */
+declare class CircularGaugeScaleComponent extends ArcScaleComponent implements CircularGaugeScale {
+    /**
+     * @hidden
+     */
+    set endAngle(value: number);
+    get endAngle(): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CircularGaugeScaleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CircularGaugeScaleComponent, "kendo-circulargauge-scale", never, { "endAngle": { "alias": "endAngle"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Represents the configuration options for the scale labels of the Circular Gauge.
+ *
+ * @example
+ * ```ts
+ * import { Component } from '@angular/core';
+ *
+ * @Component({
+ *     selector: 'my-app',
+ *     template: `
+ *         <kendo-circulargauge [value]="value">
+ *             <kendo-circulargauge-scale>
+ *                 <kendo-circulargauge-scale-labels
+ *                     color="blue"
+ *                     font="12px Arial">
+ *                 </kendo-circulargauge-scale-labels>
+ *             </kendo-circulargauge-scale>
+ *         </kendo-circulargauge>
+ *     `
+ * })
+ * export class AppComponent {
+ *     public value: number = 75;
+ * }
+ * ```
+ */
+declare class CircularGaugeLabelsComponent extends ArcLabelsComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CircularGaugeLabelsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CircularGaugeLabelsComponent, "kendo-circulargauge-scale-labels", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Represents the [`NgModule`](link:site.data.urls.angular['ngmodules']) definition that includes the CircularGauge component and its directives.
+ * Import the `CircularGaugeModule` into your application
+ * [root module](link:site.data.urls.angular['ngmodules']#angular-modularity) or any other sub-module
+ * that uses the CircularGauge component.
+ *
+ * @example
+ * ```ts
+ * import { NgModule } from '@angular/core';
+ * import { BrowserModule } from '@angular/platform-browser';
+ * import { CircularGaugeModule } from '@progress/kendo-angular-gauges';
+ * import { AppComponent } from './app.component';
+ *
+ * @NgModule({
+ *     bootstrap:    [AppComponent],
+ *     declarations: [AppComponent],
+ *     imports:      [BrowserModule, CircularGaugeModule]
+ * })
+ * export class AppModule { }
+ * ```
+ */
+declare class CircularGaugeModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CircularGaugeModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CircularGaugeModule, never, [typeof CircularGaugeComponent, typeof CircularGaugeCenterTemplateDirective, typeof CircularGaugeAreaComponent, typeof CircularGaugeScaleComponent, typeof CircularGaugeLabelsComponent], [typeof CircularGaugeComponent, typeof CircularGaugeCenterTemplateDirective, typeof CircularGaugeAreaComponent, typeof CircularGaugeScaleComponent, typeof CircularGaugeLabelsComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CircularGaugeModule>;
+}
+
+/**
+ * Represents the [NgModule](link:site.data.urls.angular['ngmodules']) definition that includes all Gauge components and directives.
+ *
+ * Import the `GaugesModule` into your application
+ * [root module](link:site.data.urls.angular['ngmodules']#angular-modularity) or any other sub-module
+ * that will use the Gauge components.
+ *
+ * @example
+ * ```ts-no-run
+ * import { NgModule } from '@angular/core';
+ * import { BrowserModule } from '@angular/platform-browser';
+ * import { GaugesModule } from '@progress/kendo-angular-gauges';
+ * import { AppComponent } from './app.component';
+ *
+ * _@NgModule({
+ *     bootstrap:    [AppComponent],
+ *     declarations: [AppComponent],
+ *     imports:      [BrowserModule, GaugesModule]
+ * })
+ * export class AppModule {
+ * }
+ * ```
+ */
+declare class GaugesModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GaugesModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GaugesModule, never, [typeof ArcGaugeComponent, typeof ArcCenterTemplateDirective, typeof ArcGaugeAreaComponent, typeof ArcScaleComponent, typeof ArcLabelsComponent, typeof ColorsComponent, typeof ColorComponent, typeof CircularGaugeComponent, typeof CircularGaugeCenterTemplateDirective, typeof CircularGaugeAreaComponent, typeof CircularGaugeScaleComponent, typeof CircularGaugeLabelsComponent, typeof LinearGaugeComponent, typeof LinearGaugeAreaComponent, typeof LinearScaleComponent, typeof LinearLabelsComponent, typeof LinearPointersComponent, typeof LinearPointerComponent, typeof LinearRangeComponent, typeof LinearRangesComponent, typeof RadialGaugeComponent, typeof RadialGaugeAreaComponent, typeof RadialScaleComponent, typeof RadialLabelsComponent, typeof RadialPointersComponent, typeof RadialPointerComponent, typeof RadialRangeComponent, typeof RadialRangesComponent], [typeof ArcGaugeComponent, typeof ArcCenterTemplateDirective, typeof ArcGaugeAreaComponent, typeof ArcScaleComponent, typeof ArcLabelsComponent, typeof ColorsComponent, typeof ColorComponent, typeof CircularGaugeComponent, typeof CircularGaugeCenterTemplateDirective, typeof CircularGaugeAreaComponent, typeof CircularGaugeScaleComponent, typeof CircularGaugeLabelsComponent, typeof LinearGaugeComponent, typeof LinearGaugeAreaComponent, typeof LinearScaleComponent, typeof LinearLabelsComponent, typeof LinearPointersComponent, typeof LinearPointerComponent, typeof LinearRangeComponent, typeof LinearRangesComponent, typeof RadialGaugeComponent, typeof RadialGaugeAreaComponent, typeof RadialScaleComponent, typeof RadialLabelsComponent, typeof RadialPointersComponent, typeof RadialPointerComponent, typeof RadialRangeComponent, typeof RadialRangesComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<GaugesModule>;
+}
+
+/**
+ * Use this utility array to access all ArcGauge-related components and directives in a standalone Angular component.
+ */
+declare const KENDO_ARCGAUGE: readonly [typeof ArcGaugeComponent, typeof ArcCenterTemplateDirective, typeof ArcGaugeAreaComponent, typeof ArcScaleComponent, typeof ArcLabelsComponent, typeof ColorsComponent, typeof ColorComponent];
+/**
+ * Use this utility array to access all CircularGauge-related components and directives in a standalone Angular component.
+ */
+declare const KENDO_CIRCULARGAUGE: readonly [typeof CircularGaugeComponent, typeof CircularGaugeCenterTemplateDirective, typeof CircularGaugeAreaComponent, typeof CircularGaugeScaleComponent, typeof CircularGaugeLabelsComponent];
+/**
+ * Use this utility array to access all LinearGauge-related components and directives in a standalone Angular component.
+ */
+declare const KENDO_LINEARGAUGE: readonly [typeof LinearGaugeComponent, typeof LinearGaugeAreaComponent, typeof LinearScaleComponent, typeof LinearLabelsComponent, typeof LinearPointersComponent, typeof LinearPointerComponent, typeof LinearRangeComponent, typeof LinearRangesComponent];
+/**
+ * Use this utility array to access all RadialGauge-related components and directives in a standalone Angular component.
+ */
+declare const KENDO_RADIALGAUGE: readonly [typeof RadialGaugeComponent, typeof RadialGaugeAreaComponent, typeof RadialScaleComponent, typeof RadialLabelsComponent, typeof RadialPointersComponent, typeof RadialPointerComponent, typeof RadialRangeComponent, typeof RadialRangesComponent];
+/**
+ * Use this utility array to access all `@progress/kendo-angular-gauges`-related components and directives in a standalone Angular component.
+ */
+declare const KENDO_GAUGES: readonly [typeof ArcGaugeComponent, typeof ArcCenterTemplateDirective, typeof ArcGaugeAreaComponent, typeof ArcScaleComponent, typeof ArcLabelsComponent, typeof ColorsComponent, typeof ColorComponent, typeof CircularGaugeComponent, typeof CircularGaugeCenterTemplateDirective, typeof CircularGaugeAreaComponent, typeof CircularGaugeScaleComponent, typeof CircularGaugeLabelsComponent, typeof LinearGaugeComponent, typeof LinearGaugeAreaComponent, typeof LinearScaleComponent, typeof LinearLabelsComponent, typeof LinearPointersComponent, typeof LinearPointerComponent, typeof LinearRangeComponent, typeof LinearRangesComponent, typeof RadialGaugeComponent, typeof RadialGaugeAreaComponent, typeof RadialScaleComponent, typeof RadialLabelsComponent, typeof RadialPointersComponent, typeof RadialPointerComponent, typeof RadialRangeComponent, typeof RadialRangesComponent];
+
+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 };
+export type { ArcScale, Border, Cap, CircularGaugeScale, ColorRange, DashType, GaugeArea, Labels, Line, LineCap, LinearPointer, LinearPointerShape, LinearScale, Margin, Padding, RadialLabelPosition, RadialLabels, RadialPointer, RadialScale, Range, Scale, Ticks };