/** Angular */
import * as ng from "@angular/core";
/** Core */
import { CoreComponent } from "cmf.core/src/core";
import { VisualDataValue } from "../visualDataUtils";
/**
* NumberDeltaType
*/
export declare enum NumberDeltaType {
Number = 0,
Delta = 1,
NumberDelta = 2,
DeltaIndicator = 3
}
/**
* NumberDeltaColorChangeArgs
*/
export interface NumberDeltaColorChangeArgs {
color: string;
textColor: string;
}
/**
* @whatItDoes
* NumberDelta component
* This component is used to represent a value accompanied with the delta value and percentage.
* The component can show only the value, only the delta value or both combined
*
* @howToUse
* This component is used with the inputs and outputs mentioned below.
*
* ### Inputs
* `NumberDeltaType` : **visualType** - If gauge is only Number, only Delta or both (NumberDelta)
* `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` : **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` : **showBackgroundColorOnNumberDisplay** - If current range color is also represented in background of Number
* `boolean` : **blurOnResize** - If chart is blurred when being resized
*
* ### Outputs
* `NumberDeltaColorChangeArgs` : **onCurrentColorsChange** - When chart colors change
*
* ### Example
* To use the component, assume this HTML Template as an example:
*
* ```HTML
*
*
* ```
*
*/
export declare class NumberDelta extends CoreComponent implements ng.OnChanges, ng.OnInit {
/**
* Stores the element query
*/
private _elementQuery;
/**
* Current width
*/
private _currentWidth;
/**
* Current height
*/
private _currentHeight;
/**
* On changes debounced
*/
private _onChangesDebounced;
/**
* Delta
*/
delta: number;
/**
* Delta percentage
*/
deltaPercentage: number;
/**
* Delta percentage ABS
*/
deltaPercentageABS: number;
/**
* Primary font size
*/
primaryFontSize: string;
/**
* Secondary font size
*/
secondaryFontSize: string;
/**
* Color
*/
color: string;
/**
* Text color
*/
textColor: string;
/**
* If arrow is positive
*/
isPositive: boolean;
/**
* Value details
*/
valueDetails: string;
visualType: NumberDeltaType;
units: string;
value: number;
target: number;
min: number;
max: number;
ranges: Array;
isExclusiveRanges: boolean;
isAnimated: boolean;
isReversedDeltaPercentage: boolean;
percentagesDecimalPlacesCount: number;
valuesDecimalPlacesCount: number;
showUnits: boolean;
showBackgroundColorOnNumberDisplay: boolean;
blurOnResize: boolean;
/**
* On current colors change
*/
onCurrentColorsChange: ng.EventEmitter;
/**
* 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 NumberDeltaModule {
}