/** Angular */
import * as ng from "@angular/core";
/** Core */
import { CoreComponent } from "cmf.core/src/core";
import { VisualDataValue } from "../visualDataUtils";
/**
 * @whatItDoes
 * DeltaArrow component
 * This component is used to an arrow indicator of a delta value. Arrow is up when delta is positive and down
 * when delta is negative
 *
 * @howToUse
 * This component is used with the inputs and outputs mentioned below.
 *
 * ### Inputs
 * `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` : **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-delta-arrow
            [animated]="_animated"
            [value]="_value"
            [target]="_target"
            [units]="_units"
            [ranges]="_ranges">
 * </cmf-core-controls-visual-data-delta-arrow>
 * ```
 *
 */
export declare class DeltaArrow extends CoreComponent implements ng.OnChanges, ng.OnInit {
    /**
     * percentageContainer
     */
    private _percentageContainer;
    /**
     * Stores the element query
     */
    private _elementQuery;
    private _currentWidth;
    private _currentHeight;
    value: number;
    target: number;
    min: number;
    max: number;
    ranges: Array<VisualDataValue>;
    isExclusiveRanges: boolean;
    isAnimated: boolean;
    isReversedDeltaPercentage: boolean;
    percentagesDecimalPlacesCount: number;
    showUnits: boolean;
    showPrimaryLabel: boolean;
    blurOnResize: boolean;
    _blurred: boolean;
    _deltaPercentage: number;
    _currentColor: string;
    _primaryFontSize: string;
    _secondaryFontSize: string;
    _arrowFontSize: number;
    private _onChangesDebounced;
    /**
     * Constructor
     */
    constructor();
    /**
     * 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 DeltaArrowModule {
}