/** Angular */
import * as ng from "@angular/core";
/** Core */
import { CoreComponent } from "cmf.core/src/core";
import { VisualDataValue } from "../visualDataUtils";
/**
 * Temperature Unit
 */
export declare enum TemperatureUnit {
    Celsius = 0,
    Fahrenheit = 1,
    Kelvin = 2
}
/**
 * @whatItDoes
 * RadialGauge component
 * This component is used to represent a thermometer display
 *
 * @howToUse
 * This component is used with the inputs and outputs mentioned below.
 *
 * ### Inputs
 * `TemperatureUnit` : **temperatureUnit** - The temperature units (ºC, ºF, K)
 * `number` : **value** - The value
 * `number` : **delta** - The delta value
 * `number` : **target** - The target value
 * `string` : **units** - The value units
 * `number` : **min** - The min value
 * `number` : **max** - The max value
 * `VisualDataValue[]` : **ranges** - The value ranges
 * `boolean` : **showPrimaryLabel** - If primary label is visible
 * `boolean` : **showUnits** - If units are visible
 * `boolean` : **isExclusiveRanges** - If range intervals are exclusive
 * `boolean` : **isAnimated** - If gauge transitions are animated
 * `boolean` : **isReversedDeltaPercentage** - If calculation of delta percentage is reversed
 * `number` : **valuesDecimalPlacesCount** - Value max decimal places
 * `number` : **percentagesDecimalPlacesCount** - Percentages max decimal places
 * `boolean` : **blurOnResize** - If chart is blurred when being resized
 *
 * ### Outputs
 *
 * ### Example
 * To use the component, assume this HTML Template as an example:
 *
 * ```HTML
 * <cmf-core-controls-visual-data-thermometer
 *          [temperatureUnit]="TemperatureUnit.Celsius"
            [animated]="_animated"
            [value]="_value"
            [target]="_target"
            [units]="_units"
            [ranges]="_ranges">
 * </cmf-core-controls-visual-data-thermometer>
 * ```
 *
 */
export declare class Thermometer extends CoreComponent implements ng.OnChanges, ng.OnInit, ng.OnDestroy {
    private zone;
    /**
     * valueContainer
     */
    private _valueContainer;
    /**
     * Canvas element
     */
    private _canvas;
    /**
     * Stores the element query
     */
    private _elementQuery;
    private _currentWidth;
    private _currentHeight;
    temperatureUnit: TemperatureUnit;
    value: number;
    target: number;
    min: number;
    max: number;
    ranges: Array<VisualDataValue>;
    isExclusiveRanges: boolean;
    isReversedDeltaPercentage: boolean;
    valuesDecimalPlacesCount: number;
    percentagesDecimalPlacesCount: number;
    isAnimated: boolean;
    showPrimaryLabel: boolean;
    showUnits: boolean;
    blurOnResize: boolean;
    _blurred: boolean;
    _verticalOrientation: boolean;
    _value: number;
    _barPercentage: number;
    _percentage: number;
    _unitsLabel: string;
    _primaryFontSize: string;
    _secondaryFontSize: string;
    _thermometerColor: string;
    _currentColor: string;
    private _colorTransitionAnimator;
    private _valueTransitionAnimator;
    private _onChangesDebounced;
    /**
     * Constructor
     */
    constructor(zone: ng.NgZone);
    /**
     * On destroy
     */
    ngOnDestroy(): void;
    /**
     * Update canvas
     */
    private updateCanvas;
    /**
     * Update font sizes
     */
    private updateFontSizes;
    /**
     * On init
     */
    ngOnInit(): void;
    /**
     * On Changes
     */
    ngOnChanges(changes: ng.SimpleChanges): void;
    /**
     * On changes to debounce
     */
    private onChanges;
}
export declare class ThermometerModule {
}