/*! * devextreme-angular * Version: 19.1.16 * Build date: Tue Oct 18 2022 * * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED * * This software may be modified and distributed under the terms * of the MIT license. See the LICENSE file in the root of the project for details. * * https://github.com/DevExpress/devextreme-angular */ import { TransferState } from '@angular/platform-browser'; import { ElementRef, NgZone, OnDestroy, EventEmitter, OnChanges, DoCheck, SimpleChanges } from '@angular/core'; import DevExpress from 'devextreme/bundles/dx.all'; import DxBarGauge from 'devextreme/viz/bar_gauge'; import { DxComponent } from '../core/component'; import { DxTemplateHost } from '../core/template-host'; import { NestedOptionHost } from '../core/nested-option'; import { WatcherHelper } from '../core/watcher-helper'; import { IterableDifferHelper } from '../core/iterable-differ-helper'; /** * The BarGauge widget contains several circular bars that each indicates a single value. */ export declare class DxBarGaugeComponent extends DxComponent implements OnDestroy, OnChanges, DoCheck { private _watcherHelper; private _idh; instance: DxBarGauge; /** * Specifies animation options. */ animation: { duration?: number; easing?: string; enabled?: boolean; }; /** * Specifies a color for the remaining segment of the bar's track. */ backgroundColor: string; /** * Specifies a distance between bars in pixels. */ barSpacing: number; /** * Specifies a base value for bars. */ baseValue: number; /** * Specifies whether the widget responds to the user interaction. */ disabled: boolean; /** * Specifies the attributes to be attached to the widget's root element. */ elementAttr: any; /** * Specifies an end value for the gauge's invisible scale. */ endValue: number; /** * Configures the exporting and printing features. */ export: { backgroundColor?: string; enabled?: boolean; fileName?: string; formats?: Array; margin?: number; printingEnabled?: boolean; proxyUrl?: string; }; /** * Defines the shape of the gauge's arc. */ geometry: { endAngle?: number; startAngle?: number; }; /** * Specifies the options of the labels that accompany gauge bars. */ label: { connectorColor?: string; connectorWidth?: number; customizeText?: Function; font?: DevExpress.viz.Font; format?: DevExpress.ui.format | string; indent?: number; visible?: boolean; }; /** * Configures the legend. */ legend: { backgroundColor?: string; border?: { color?: string; cornerRadius?: number; dashStyle?: string; opacity?: number; visible?: boolean; width?: number; }; columnCount?: number; columnItemSpacing?: number; customizeHint?: Function; customizeItems?: Function; customizeText?: Function; font?: DevExpress.viz.Font; horizontalAlignment?: string; itemsAlignment?: string; itemTextFormat?: DevExpress.ui.format | string; itemTextPosition?: string; margin?: number | { bottom?: number; left?: number; right?: number; top?: number; }; markerSize?: number; orientation?: string; paddingLeftRight?: number; paddingTopBottom?: number; rowCount?: number; rowItemSpacing?: number; title?: string | { font?: DevExpress.viz.Font; horizontalAlignment?: string; margin?: { bottom?: number; left?: number; right?: number; top?: number; }; placeholderSize?: number; subtitle?: string | { font?: DevExpress.viz.Font; offset?: number; text?: string; }; text?: string; verticalAlignment?: string; }; verticalAlignment?: string; visible?: boolean; }; /** * Configures the loading indicator. */ loadingIndicator: { backgroundColor?: string; font?: DevExpress.viz.Font; show?: boolean; text?: string; }; /** * Generates space around the widget. */ margin: { bottom?: number; left?: number; right?: number; top?: number; }; /** * Sets the palette to be used for colorizing bars in the gauge. */ palette: string | Array; /** * Specifies what to do with colors in the palette when their number is less than the number of bars in the gauge. */ paletteExtensionMode: string; /** * Notifies the widget that it is embedded into an HTML page that uses a tag modifying the path. */ pathModified: boolean; /** * Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */ redrawOnResize: boolean; /** * Defines the radius of the bar that is closest to the center relatively to the radius of the topmost bar. */ relativeInnerRadius: number; /** * Specifies how the widget should behave when bar labels overlap: hide certain labels or leave them overlapped. */ resolveLabelOverlapping: string; /** * Switches the widget to a right-to-left representation. */ rtlEnabled: boolean; /** * Specifies the widget's size in pixels. */ size: { height?: number; width?: number; }; /** * Specifies a start value for the gauge's invisible scale. */ startValue: number; /** * Sets the name of the theme the widget uses. */ theme: string; /** * Configures the widget's title. */ title: string | { font?: DevExpress.viz.Font; horizontalAlignment?: string; margin?: number | { bottom?: number; left?: number; right?: number; top?: number; }; placeholderSize?: number; subtitle?: string | { font?: DevExpress.viz.Font; offset?: number; text?: string; textOverflow?: string; wordWrap?: string; }; text?: string; textOverflow?: string; verticalAlignment?: string; wordWrap?: string; }; /** * Configures tooltips. */ tooltip: { arrowLength?: number; border?: { color?: string; dashStyle?: string; opacity?: number; visible?: boolean; width?: number; }; color?: string; container?: Element | JQuery; cornerRadius?: number; customizeTooltip?: Function; enabled?: boolean; font?: DevExpress.viz.Font; format?: DevExpress.ui.format | string; opacity?: number; paddingLeftRight?: number; paddingTopBottom?: number; shadow?: { blur?: number; color?: string; offsetX?: number; offsetY?: number; opacity?: number; }; zIndex?: number; }; /** * Specifies the array of values to be indicated on a bar gauge. */ values: Array; /** * A function that is executed before the widget is disposed of. */ onDisposing: EventEmitter; /** * A function that is executed when the widget's rendering has finished. */ onDrawn: EventEmitter; /** * A function that is executed after the widget is exported. */ onExported: EventEmitter; /** * A function that is executed before the widget is exported. */ onExporting: EventEmitter; /** * A function that is executed before a file with exported widget is saved to the user's local storage. */ onFileSaving: EventEmitter; /** * A function that is executed when an error or warning occurs. */ onIncidentOccurred: EventEmitter; /** * A function used in JavaScript frameworks to save the widget instance. */ onInitialized: EventEmitter; /** * A function that is executed after a widget option is changed. */ onOptionChanged: EventEmitter; /** * A function that is executed when a tooltip becomes hidden. */ onTooltipHidden: EventEmitter; /** * A function that is executed when a tooltip appears. */ onTooltipShown: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ animationChange: EventEmitter<{ duration?: number; easing?: string; enabled?: boolean; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ backgroundColorChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ barSpacingChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ baseValueChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ disabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ elementAttrChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ endValueChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ exportChange: EventEmitter<{ backgroundColor?: string; enabled?: boolean; fileName?: string; formats?: Array; margin?: number; printingEnabled?: boolean; proxyUrl?: string; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ geometryChange: EventEmitter<{ endAngle?: number; startAngle?: number; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ labelChange: EventEmitter<{ connectorColor?: string; connectorWidth?: number; customizeText?: Function; font?: DevExpress.viz.Font; format?: DevExpress.ui.format | string; indent?: number; visible?: boolean; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ legendChange: EventEmitter<{ backgroundColor?: string; border?: { color?: string; cornerRadius?: number; dashStyle?: string; opacity?: number; visible?: boolean; width?: number; }; columnCount?: number; columnItemSpacing?: number; customizeHint?: Function; customizeItems?: Function; customizeText?: Function; font?: DevExpress.viz.Font; horizontalAlignment?: string; itemsAlignment?: string; itemTextFormat?: DevExpress.ui.format | string; itemTextPosition?: string; margin?: number | { bottom?: number; left?: number; right?: number; top?: number; }; markerSize?: number; orientation?: string; paddingLeftRight?: number; paddingTopBottom?: number; rowCount?: number; rowItemSpacing?: number; title?: string | { font?: DevExpress.viz.Font; horizontalAlignment?: string; margin?: { bottom?: number; left?: number; right?: number; top?: number; }; placeholderSize?: number; subtitle?: string | { font?: DevExpress.viz.Font; offset?: number; text?: string; }; text?: string; verticalAlignment?: string; }; verticalAlignment?: string; visible?: boolean; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ loadingIndicatorChange: EventEmitter<{ backgroundColor?: string; font?: DevExpress.viz.Font; show?: boolean; text?: string; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ marginChange: EventEmitter<{ bottom?: number; left?: number; right?: number; top?: number; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ paletteChange: EventEmitter>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ paletteExtensionModeChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ pathModifiedChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ redrawOnResizeChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ relativeInnerRadiusChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ resolveLabelOverlappingChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ rtlEnabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ sizeChange: EventEmitter<{ height?: number; width?: number; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ startValueChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ themeChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ titleChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ tooltipChange: EventEmitter<{ arrowLength?: number; border?: { color?: string; dashStyle?: string; opacity?: number; visible?: boolean; width?: number; }; color?: string; container?: Element | JQuery; cornerRadius?: number; customizeTooltip?: Function; enabled?: boolean; font?: DevExpress.viz.Font; format?: DevExpress.ui.format | string; opacity?: number; paddingLeftRight?: number; paddingTopBottom?: number; shadow?: { blur?: number; color?: string; offsetX?: number; offsetY?: number; opacity?: number; }; zIndex?: number; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ valuesChange: EventEmitter>; constructor(elementRef: ElementRef, ngZone: NgZone, templateHost: DxTemplateHost, _watcherHelper: WatcherHelper, _idh: IterableDifferHelper, optionHost: NestedOptionHost, transferState: TransferState, platformId: any); protected _createInstance(element: any, options: any): DxBarGauge; ngOnDestroy(): void; ngOnChanges(changes: SimpleChanges): void; setupChanges(prop: string, changes: SimpleChanges): void; ngDoCheck(): void; _setOption(name: string, value: any): void; } export declare class DxBarGaugeModule { }