/** 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 { }