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

package/index.d.ts

@@ -2,16 +2,1992 @@
 * 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 of the Gauge area.
+     */
+    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, OnChanges, OnDestroy, OnInit {
+    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.
+     */
+    gaugeArea: GaugeArea;
+    /**
+     * Specifies the output type.
+     */
+    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`.
+     */
+    resizeRateLimit: number;
+    /**
+     * Specifies the scale options.
+     */
+    scale: Scale;
+    /**
+     * Specifies if the changes will be animated.
+     */
+    transitions: boolean;
+    resizeSensor: ResizeSensorComponent;
+    className: boolean;
+    protected options: any;
+    protected theme: any;
+    protected instance: any;
+    protected subscriptions: any;
+    protected redrawTimeout: any;
+    protected rtl: boolean;
+    constructor(configurationService: ConfigurationService, themeService: ThemeService, intlService: IntlService, localizationService: LocalizationService, element: ElementRef, renderer: Renderer2, ngZone: NgZone);
+    ngOnInit(): void;
+    ngAfterViewChecked(): void;
+    protected updateCall(updateMethod: any): void;
+    protected updateOptions(): void;
+    protected setValues(): void;
+    ngOnChanges(changes: {
+        [propertyName: string]: SimpleChange;
+    }): void;
+    ngOnDestroy(): 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.
+     */
+    background?: string;
+    /**
+     * The border of the Gauge area.
+     */
+    border?: Border;
+    /**
+     * The height of the Gauge area.
+     */
+    height?: number;
+    /**
+     * The margin of the Gauge area.
+     */
+    margin?: number | Margin;
+    /**
+     * The width of the Gauge area.
+     */
+    width?: number;
+    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.
+     */
+    background?: string;
+    /**
+     * The border of the labels.
+     */
+    border?: Border;
+    /**
+     * The color of the labels.
+     * Accepts valid CSS color strings, including hex and rgb.
+     */
+    color?: string;
+    /**
+     * The font of the labels.
+     */
+    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.
+     */
+    format?: string;
+    /**
+     * The margin of the labels.
+     */
+    margin?: number | Margin;
+    /**
+     * The padding of the labels.
+     */
+    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.
+     */
+    content?: (e: any) => string;
+    /**
+     * The visibility of the labels.
+     */
+    visible?: boolean;
+    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.
+     */
+    from?: number;
+    /**
+     * The end position of the range.
+     */
+    to?: number;
+    /**
+     * The range opacity.
+     */
+    opacity?: number;
+    /**
+     * The color of the range. Accepts valid CSS color strings, including hex and rgb.
+     */
+    color?: string;
+    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;
+    labels?: Labels;
+    majorTicks?: Ticks;
+    minorTicks?: Ticks;
+    min?: number;
+    max?: number;
+    minorUnit?: number;
+    majorUnit?: number;
+    reverse?: boolean;
+    rangeSize?: number;
+    rangePlaceholderColor?: string;
+    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.
+     */
+    value: number;
+    /**
+     * Sets the color of the value pointer. Accepts a valid CSS color string, including hex and rgb.
+     */
+    color: string;
+    /**
+     * Sets the color ranges of the value pointer.
+     */
+    colors: ColorRange[];
+    /**
+     * Sets the opacity of the value pointer.
+     */
+    opacity: number;
+    /**
+     * Sets the scale options of the ArcGauge.
+     */
+    scale: ArcScale;
+    centerTemplate: ArcCenterTemplateDirective;
+    labelElement: ElementRef;
+    className: boolean;
+    centerTemplateContext: any;
+    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.
+     */
+    labels?: RadialLabels;
+    /**
+     * Sets the distance between the scale ranges in pixels.
+     */
+    rangeDistance?: number;
+    /**
+     * Sets the line cap style for the scale ranges.
+     */
+    rangeLineCap?: LineCap;
+    /**
+     * Sets the start angle of the Gauge in degrees.
+     */
+    startAngle?: number;
+    /**
+     * Sets the end angle of the Gauge in degrees.
+     */
+    endAngle?: number;
+    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.
+     */
+    position: RadialLabelPosition;
+    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.
+     */
+    color?: string;
+    /**
+     * Sets the opacity of the range.
+     */
+    opacity?: number;
+    /**
+     * Sets the start value of the range.
+     */
+    from?: number;
+    /**
+     * Sets the end value of the range.
+     */
+    to?: number;
+    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.
+     */
+    pointer: LinearPointer | LinearPointer[];
+    /**
+     * Configures the scale of the LinearGauge.
+     */
+    scale: LinearScale;
+    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.
+     */
+    line?: Line;
+    /**
+     * Configures the ranges that are displayed on the scale.
+     */
+    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
+     */
+    mirror?: boolean;
+    /**
+     * Sets the orientation of the scale. When you set this option to `false`, the scale displays horizontally.
+     *
+     * @default true
+     */
+    vertical?: boolean;
+    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.
+     */
+    border?: Border;
+    /**
+     * Specifies the color of the pointer.
+     */
+    color?: string;
+    /**
+     * Sets the margin of the pointer. You can set this option to a number or an object with specific margin values.
+     */
+    margin?: number | Margin;
+    /**
+     * Controls the transparency of the pointer. The value ranges from 0 (transparent) to 1 (opaque).
+     */
+    opacity?: number;
+    /**
+     * Defines the shape of the pointer.
+     */
+    shape?: LinearPointerShape;
+    /**
+     * Sets the size of the pointer in pixels.
+     */
+    size?: number;
+    /**
+     * Specifies the value that the pointer displays on the scale.
+     */
+    value?: number;
+    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.
+     */
+    pointer: RadialPointer | RadialPointer[];
+    /**
+     * Sets the configuration of the scale.
+     * The scale defines the range, appearance, and behavior of the gauge.
+     */
+    scale: RadialScale;
+    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.
+     */
+    labels?: RadialLabels;
+    /**
+     * Specifies the distance between the scale ranges and the ticks.
+     */
+    rangeDistance?: number;
+    /**
+     * Sets the ranges of the scale.
+     */
+    ranges?: Range[];
+    /**
+     * Specifies the start angle of the Gauge in degrees.
+     */
+    startAngle?: number;
+    /**
+     * Specifies the end angle of the Gauge in degrees.
+     */
+    endAngle?: number;
+    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.
+     */
+    cap?: Cap;
+    /**
+     * Specifies the color of the pointer.
+     */
+    color?: string;
+    /**
+     * Sets the length of the pointer as a percentage of the scale radius.
+     */
+    length?: number;
+    /**
+     * Sets the value of the pointer.
+     */
+    value?: number;
+    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.
+     */
+    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
+     */
+    endAngle?: number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CircularGaugeScaleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CircularGaugeScaleComponent, "kendo-circulargauge-scale", never, {}, {}, 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 };