/** Angular */
import * as ng from "@angular/core";
/** Core */
import { CoreComponent } from "cmf.core/src/core";
/** Nested modules */
import { ElementQuerySize } from "../../../directives/elementQuery/elementQuery";
import { VisualDataValue } from "../visualDataUtils";
/**
 * @whatItDoes
 * ProgressBar component
 * This component is used to represent a horizontal progress bar dvidied by steps
 *
 * @howToUse
 * This component is used with the inputs and outputs mentioned below.
 *
 * ### Inputs
 * `string` : **mainTitle** - The mainTitle of the component
 * `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` : **showSecondaryLabel** - If secondary label is visible
 * `boolean` : **useSecondaryLabelAsName** - If secondary label will show the mainTitle instead
 * `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-progress-bar
            [animated]="_animated"
            [value]="_value"
            [target]="_target"
            [units]="_units"
            [ranges]="_ranges">
 * </cmf-core-controls-visual-data-progress-bar>
 * ```
 *
 */
export declare class ProgressBar extends CoreComponent implements ng.OnChanges, ng.OnInit, ng.OnDestroy {
    /**
     * percentageContainer
     */
    private _percentageContainer;
    /**
     * valueContainer
     */
    private _valueContainer;
    /**
     * Stores the element query
     */
    private _elementQuery;
    private _currentWidth;
    private _currentHeight;
    _sizeClass: ElementQuerySize;
    _widthClass: ElementQuerySize;
    value: number;
    target: number;
    min: number;
    max: number;
    ranges: Array<VisualDataValue>;
    isExclusiveRanges: boolean;
    isReversedDeltaPercentage: boolean;
    valuesDecimalPlacesCount: number;
    percentagesDecimalPlacesCount: number;
    mainTitle: string;
    units: string;
    showUnits: boolean;
    isAnimated: boolean;
    showPrimaryLabel: boolean;
    showSecondaryLabel: boolean;
    useSecondaryLabelAsName: boolean;
    blurOnResize: boolean;
    _blurred: boolean;
    private _firstTimeChanges;
    _horizontalOrientation: boolean;
    _largeWidth: boolean;
    _fragmentsCount: number;
    _barFragments: boolean[];
    _value: number;
    _valueDisplayed: string;
    _barPercentage: number;
    _percentage: number;
    _primaryFontSize: string;
    _secondaryFontSize: string;
    _currentColor: string;
    private _onChangesDebounced;
    /**
     * Constructor
     */
    constructor();
    /**
     * On destroy
     */
    ngOnDestroy(): void;
    /**
     * Update bar fragments
     */
    private updateBarFragments;
    /**
     * 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 ProgressBarModule {
}