devextreme-angular
Version:
DevExtreme UI and Visualization Components for Angular
1,027 lines (998 loc) • 173 kB
TypeScript
import * as i0 from '@angular/core';
import { OnDestroy, OnInit, QueryList, EventEmitter } from '@angular/core';
import { NestedOption, NestedOptionHost, CollectionNestedOption } from 'devextreme-angular/core';
import { chartPointAggregationInfoObject, chartSeriesObject, ChartSeriesAggregationMethod, dxChartCommonSeriesSettings, FinancialChartReductionLevel } from 'devextreme/viz/chart';
import { Format, SliderValueChangeMode, HorizontalAlignment, ExportFormat, VerticalEdge } from 'devextreme/common';
import { BackgroundImageLocation, ChartAxisScale, AxisScale } from 'devextreme/viz/range_selector';
import { DashStyle, ScaleBreakLineStyle, Palette, PaletteExtensionMode, ChartsDataType, ChartsColor, HatchDirection, Font, RelativePosition, SeriesHoverMode, PointInteractionMode, PointSymbol, SeriesSelectionMode, SeriesType, ValueErrorBarDisplayMode, ValueErrorBarType, LabelOverlap, TimeInterval, ScaleBreak, DiscreteAxisDivisionMode, TextOverflow, WordWrap } from 'devextreme/common/charts';
import { ChartSeries } from 'devextreme/viz/common';
import { Format as Format$1 } from 'devextreme/common/core/localization';
/*!
* devextreme-angular
* Version: 26.1.3
* Build date: Wed Jun 10 2026
*
* Copyright (c) 2012 - 2026 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
*/
declare class DxoRangeSelectorAggregationIntervalComponent extends NestedOption implements OnDestroy, OnInit {
get days(): number;
set days(value: number);
get hours(): number;
set hours(value: number);
get milliseconds(): number;
set milliseconds(value: number);
get minutes(): number;
set minutes(value: number);
get months(): number;
set months(value: number);
get quarters(): number;
set quarters(value: number);
get seconds(): number;
set seconds(value: number);
get weeks(): number;
set weeks(value: number);
get years(): number;
set years(value: number);
protected get _optionPath(): string;
constructor(parentOptionHost: NestedOptionHost, optionHost: NestedOptionHost);
ngOnInit(): void;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DxoRangeSelectorAggregationIntervalComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoRangeSelectorAggregationIntervalComponent, "dxo-range-selector-aggregation-interval", never, { "days": { "alias": "days"; "required": false; }; "hours": { "alias": "hours"; "required": false; }; "milliseconds": { "alias": "milliseconds"; "required": false; }; "minutes": { "alias": "minutes"; "required": false; }; "months": { "alias": "months"; "required": false; }; "quarters": { "alias": "quarters"; "required": false; }; "seconds": { "alias": "seconds"; "required": false; }; "weeks": { "alias": "weeks"; "required": false; }; "years": { "alias": "years"; "required": false; }; }, {}, never, never, true, never>;
}
declare class DxoRangeSelectorAggregationIntervalModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoRangeSelectorAggregationIntervalModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoRangeSelectorAggregationIntervalModule, never, [typeof DxoRangeSelectorAggregationIntervalComponent], [typeof DxoRangeSelectorAggregationIntervalComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoRangeSelectorAggregationIntervalModule>;
}
/*!
* devextreme-angular
* Version: 26.1.3
* Build date: Wed Jun 10 2026
*
* Copyright (c) 2012 - 2026 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
*/
declare class DxoRangeSelectorAggregationComponent extends NestedOption implements OnDestroy, OnInit {
get calculate(): ((aggregationInfo: chartPointAggregationInfoObject, series: chartSeriesObject) => Record<string, any> | Array<Record<string, any>>) | undefined;
set calculate(value: ((aggregationInfo: chartPointAggregationInfoObject, series: chartSeriesObject) => Record<string, any> | Array<Record<string, any>>) | undefined);
get enabled(): boolean;
set enabled(value: boolean);
get method(): ChartSeriesAggregationMethod;
set method(value: ChartSeriesAggregationMethod);
protected get _optionPath(): string;
constructor(parentOptionHost: NestedOptionHost, optionHost: NestedOptionHost);
ngOnInit(): void;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DxoRangeSelectorAggregationComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoRangeSelectorAggregationComponent, "dxo-range-selector-aggregation", never, { "calculate": { "alias": "calculate"; "required": false; }; "enabled": { "alias": "enabled"; "required": false; }; "method": { "alias": "method"; "required": false; }; }, {}, never, never, true, never>;
}
declare class DxoRangeSelectorAggregationModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoRangeSelectorAggregationModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoRangeSelectorAggregationModule, never, [typeof DxoRangeSelectorAggregationComponent], [typeof DxoRangeSelectorAggregationComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoRangeSelectorAggregationModule>;
}
/*!
* devextreme-angular
* Version: 26.1.3
* Build date: Wed Jun 10 2026
*
* Copyright (c) 2012 - 2026 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
*/
declare class DxoRangeSelectorArgumentFormatComponent extends NestedOption implements OnDestroy, OnInit {
get currency(): string;
set currency(value: string);
get formatter(): ((value: number | Date) => string);
set formatter(value: ((value: number | Date) => string));
get parser(): ((value: string) => number | Date);
set parser(value: ((value: string) => number | Date));
get precision(): number;
set precision(value: number);
get type(): Format | string;
set type(value: Format | string);
get useCurrencyAccountingStyle(): boolean;
set useCurrencyAccountingStyle(value: boolean);
protected get _optionPath(): string;
constructor(parentOptionHost: NestedOptionHost, optionHost: NestedOptionHost);
ngOnInit(): void;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DxoRangeSelectorArgumentFormatComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoRangeSelectorArgumentFormatComponent, "dxo-range-selector-argument-format", never, { "currency": { "alias": "currency"; "required": false; }; "formatter": { "alias": "formatter"; "required": false; }; "parser": { "alias": "parser"; "required": false; }; "precision": { "alias": "precision"; "required": false; }; "type": { "alias": "type"; "required": false; }; "useCurrencyAccountingStyle": { "alias": "useCurrencyAccountingStyle"; "required": false; }; }, {}, never, never, true, never>;
}
declare class DxoRangeSelectorArgumentFormatModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoRangeSelectorArgumentFormatModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoRangeSelectorArgumentFormatModule, never, [typeof DxoRangeSelectorArgumentFormatComponent], [typeof DxoRangeSelectorArgumentFormatComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoRangeSelectorArgumentFormatModule>;
}
/*!
* devextreme-angular
* Version: 26.1.3
* Build date: Wed Jun 10 2026
*
* Copyright (c) 2012 - 2026 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
*/
declare class DxoRangeSelectorBackgroundImageComponent extends NestedOption implements OnDestroy, OnInit {
get location(): BackgroundImageLocation;
set location(value: BackgroundImageLocation);
get url(): string | undefined;
set url(value: string | undefined);
protected get _optionPath(): string;
constructor(parentOptionHost: NestedOptionHost, optionHost: NestedOptionHost);
ngOnInit(): void;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DxoRangeSelectorBackgroundImageComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoRangeSelectorBackgroundImageComponent, "dxo-range-selector-background-image", never, { "location": { "alias": "location"; "required": false; }; "url": { "alias": "url"; "required": false; }; }, {}, never, never, true, never>;
}
declare class DxoRangeSelectorBackgroundImageModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoRangeSelectorBackgroundImageModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoRangeSelectorBackgroundImageModule, never, [typeof DxoRangeSelectorBackgroundImageComponent], [typeof DxoRangeSelectorBackgroundImageComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoRangeSelectorBackgroundImageModule>;
}
/*!
* devextreme-angular
* Version: 26.1.3
* Build date: Wed Jun 10 2026
*
* Copyright (c) 2012 - 2026 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
*/
declare class DxoRangeSelectorBackgroundComponent extends NestedOption implements OnDestroy, OnInit {
get color(): string;
set color(value: string);
get image(): {
location?: BackgroundImageLocation;
url?: string | undefined;
};
set image(value: {
location?: BackgroundImageLocation;
url?: string | undefined;
});
get visible(): boolean;
set visible(value: boolean);
protected get _optionPath(): string;
constructor(parentOptionHost: NestedOptionHost, optionHost: NestedOptionHost);
ngOnInit(): void;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DxoRangeSelectorBackgroundComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoRangeSelectorBackgroundComponent, "dxo-range-selector-background", never, { "color": { "alias": "color"; "required": false; }; "image": { "alias": "image"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, {}, never, never, true, never>;
}
declare class DxoRangeSelectorBackgroundModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoRangeSelectorBackgroundModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoRangeSelectorBackgroundModule, never, [typeof DxoRangeSelectorBackgroundComponent], [typeof DxoRangeSelectorBackgroundComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoRangeSelectorBackgroundModule>;
}
/*!
* devextreme-angular
* Version: 26.1.3
* Build date: Wed Jun 10 2026
*
* Copyright (c) 2012 - 2026 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
*/
declare class DxoRangeSelectorBehaviorComponent extends NestedOption implements OnDestroy, OnInit {
get allowSlidersSwap(): boolean;
set allowSlidersSwap(value: boolean);
get animationEnabled(): boolean;
set animationEnabled(value: boolean);
get manualRangeSelectionEnabled(): boolean;
set manualRangeSelectionEnabled(value: boolean);
get moveSelectedRangeByClick(): boolean;
set moveSelectedRangeByClick(value: boolean);
get snapToTicks(): boolean;
set snapToTicks(value: boolean);
get valueChangeMode(): SliderValueChangeMode;
set valueChangeMode(value: SliderValueChangeMode);
protected get _optionPath(): string;
constructor(parentOptionHost: NestedOptionHost, optionHost: NestedOptionHost);
ngOnInit(): void;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DxoRangeSelectorBehaviorComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoRangeSelectorBehaviorComponent, "dxo-range-selector-behavior", never, { "allowSlidersSwap": { "alias": "allowSlidersSwap"; "required": false; }; "animationEnabled": { "alias": "animationEnabled"; "required": false; }; "manualRangeSelectionEnabled": { "alias": "manualRangeSelectionEnabled"; "required": false; }; "moveSelectedRangeByClick": { "alias": "moveSelectedRangeByClick"; "required": false; }; "snapToTicks": { "alias": "snapToTicks"; "required": false; }; "valueChangeMode": { "alias": "valueChangeMode"; "required": false; }; }, {}, never, never, true, never>;
}
declare class DxoRangeSelectorBehaviorModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoRangeSelectorBehaviorModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoRangeSelectorBehaviorModule, never, [typeof DxoRangeSelectorBehaviorComponent], [typeof DxoRangeSelectorBehaviorComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoRangeSelectorBehaviorModule>;
}
/*!
* devextreme-angular
* Version: 26.1.3
* Build date: Wed Jun 10 2026
*
* Copyright (c) 2012 - 2026 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
*/
declare class DxoRangeSelectorBorderComponent extends NestedOption implements OnDestroy, OnInit {
get color(): string | undefined;
set color(value: string | undefined);
get dashStyle(): DashStyle | undefined;
set dashStyle(value: DashStyle | undefined);
get visible(): boolean;
set visible(value: boolean);
get width(): number;
set width(value: number);
protected get _optionPath(): string;
constructor(parentOptionHost: NestedOptionHost, optionHost: NestedOptionHost);
ngOnInit(): void;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DxoRangeSelectorBorderComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoRangeSelectorBorderComponent, "dxo-range-selector-border", never, { "color": { "alias": "color"; "required": false; }; "dashStyle": { "alias": "dashStyle"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, never, true, never>;
}
declare class DxoRangeSelectorBorderModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoRangeSelectorBorderModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoRangeSelectorBorderModule, never, [typeof DxoRangeSelectorBorderComponent], [typeof DxoRangeSelectorBorderComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoRangeSelectorBorderModule>;
}
declare class DxiRangeSelectorBreakComponent extends CollectionNestedOption {
get endValue(): Date | number | string | undefined;
set endValue(value: Date | number | string | undefined);
get startValue(): Date | number | string | undefined;
set startValue(value: Date | number | string | undefined);
protected get _optionPath(): string;
constructor(parentOptionHost: NestedOptionHost, optionHost: NestedOptionHost);
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DxiRangeSelectorBreakComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxiRangeSelectorBreakComponent, "dxi-range-selector-break", never, { "endValue": { "alias": "endValue"; "required": false; }; "startValue": { "alias": "startValue"; "required": false; }; }, {}, never, never, true, never>;
}
declare class DxiRangeSelectorBreakModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxiRangeSelectorBreakModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxiRangeSelectorBreakModule, never, [typeof DxiRangeSelectorBreakComponent], [typeof DxiRangeSelectorBreakComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxiRangeSelectorBreakModule>;
}
/*!
* devextreme-angular
* Version: 26.1.3
* Build date: Wed Jun 10 2026
*
* Copyright (c) 2012 - 2026 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
*/
declare class DxoRangeSelectorBreakStyleComponent extends NestedOption implements OnDestroy, OnInit {
get color(): string;
set color(value: string);
get line(): ScaleBreakLineStyle;
set line(value: ScaleBreakLineStyle);
get width(): number;
set width(value: number);
protected get _optionPath(): string;
constructor(parentOptionHost: NestedOptionHost, optionHost: NestedOptionHost);
ngOnInit(): void;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DxoRangeSelectorBreakStyleComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoRangeSelectorBreakStyleComponent, "dxo-range-selector-break-style", never, { "color": { "alias": "color"; "required": false; }; "line": { "alias": "line"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, never, true, never>;
}
declare class DxoRangeSelectorBreakStyleModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoRangeSelectorBreakStyleModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoRangeSelectorBreakStyleModule, never, [typeof DxoRangeSelectorBreakStyleComponent], [typeof DxoRangeSelectorBreakStyleComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoRangeSelectorBreakStyleModule>;
}
/*!
* devextreme-angular
* Version: 26.1.3
* Build date: Wed Jun 10 2026
*
* Copyright (c) 2012 - 2026 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
*/
declare class DxoRangeSelectorChartComponent extends NestedOption implements OnDestroy, OnInit {
set _seriesContentChildren(value: QueryList<CollectionNestedOption>);
get barGroupPadding(): number;
set barGroupPadding(value: number);
get barGroupWidth(): number | undefined;
set barGroupWidth(value: number | undefined);
get bottomIndent(): number;
set bottomIndent(value: number);
get commonSeriesSettings(): dxChartCommonSeriesSettings;
set commonSeriesSettings(value: dxChartCommonSeriesSettings);
get dataPrepareSettings(): {
checkTypeForAllData?: boolean;
convertToAxisDataType?: boolean;
sortingMethod?: boolean | ((a: {
arg: Date | number | string;
val: Date | number | string;
}, b: {
arg: Date | number | string;
val: Date | number | string;
}) => number);
};
set dataPrepareSettings(value: {
checkTypeForAllData?: boolean;
convertToAxisDataType?: boolean;
sortingMethod?: boolean | ((a: {
arg: Date | number | string;
val: Date | number | string;
}, b: {
arg: Date | number | string;
val: Date | number | string;
}) => number);
});
get maxBubbleSize(): number;
set maxBubbleSize(value: number);
get minBubbleSize(): number;
set minBubbleSize(value: number);
get negativesAsZeroes(): boolean;
set negativesAsZeroes(value: boolean);
get palette(): Array<string> | Palette;
set palette(value: Array<string> | Palette);
get paletteExtensionMode(): PaletteExtensionMode;
set paletteExtensionMode(value: PaletteExtensionMode);
get series(): Array<ChartSeries> | ChartSeries | undefined;
set series(value: Array<ChartSeries> | ChartSeries | undefined);
get seriesTemplate(): any;
set seriesTemplate(value: any);
get topIndent(): number;
set topIndent(value: number);
get valueAxis(): {
inverted?: boolean;
logarithmBase?: number;
max?: number | undefined;
min?: number | undefined;
type?: ChartAxisScale | undefined;
valueType?: ChartsDataType | undefined;
};
set valueAxis(value: {
inverted?: boolean;
logarithmBase?: number;
max?: number | undefined;
min?: number | undefined;
type?: ChartAxisScale | undefined;
valueType?: ChartsDataType | undefined;
});
protected get _optionPath(): string;
constructor(parentOptionHost: NestedOptionHost, optionHost: NestedOptionHost);
ngOnInit(): void;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DxoRangeSelectorChartComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoRangeSelectorChartComponent, "dxo-range-selector-chart", never, { "barGroupPadding": { "alias": "barGroupPadding"; "required": false; }; "barGroupWidth": { "alias": "barGroupWidth"; "required": false; }; "bottomIndent": { "alias": "bottomIndent"; "required": false; }; "commonSeriesSettings": { "alias": "commonSeriesSettings"; "required": false; }; "dataPrepareSettings": { "alias": "dataPrepareSettings"; "required": false; }; "maxBubbleSize": { "alias": "maxBubbleSize"; "required": false; }; "minBubbleSize": { "alias": "minBubbleSize"; "required": false; }; "negativesAsZeroes": { "alias": "negativesAsZeroes"; "required": false; }; "palette": { "alias": "palette"; "required": false; }; "paletteExtensionMode": { "alias": "paletteExtensionMode"; "required": false; }; "series": { "alias": "series"; "required": false; }; "seriesTemplate": { "alias": "seriesTemplate"; "required": false; }; "topIndent": { "alias": "topIndent"; "required": false; }; "valueAxis": { "alias": "valueAxis"; "required": false; }; }, {}, ["_seriesContentChildren"], never, true, never>;
}
declare class DxoRangeSelectorChartModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoRangeSelectorChartModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoRangeSelectorChartModule, never, [typeof DxoRangeSelectorChartComponent], [typeof DxoRangeSelectorChartComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoRangeSelectorChartModule>;
}
/*!
* devextreme-angular
* Version: 26.1.3
* Build date: Wed Jun 10 2026
*
* Copyright (c) 2012 - 2026 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
*/
declare class DxoRangeSelectorColorComponent extends NestedOption implements OnDestroy, OnInit {
get base(): string | undefined;
set base(value: string | undefined);
get fillId(): string | undefined;
set fillId(value: string | undefined);
protected get _optionPath(): string;
constructor(parentOptionHost: NestedOptionHost, optionHost: NestedOptionHost);
ngOnInit(): void;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DxoRangeSelectorColorComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoRangeSelectorColorComponent, "dxo-range-selector-color", never, { "base": { "alias": "base"; "required": false; }; "fillId": { "alias": "fillId"; "required": false; }; }, {}, never, never, true, never>;
}
declare class DxoRangeSelectorColorModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoRangeSelectorColorModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoRangeSelectorColorModule, never, [typeof DxoRangeSelectorColorComponent], [typeof DxoRangeSelectorColorComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoRangeSelectorColorModule>;
}
/*!
* devextreme-angular
* Version: 26.1.3
* Build date: Wed Jun 10 2026
*
* Copyright (c) 2012 - 2026 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
*/
declare class DxoRangeSelectorCommonSeriesSettingsHoverStyleComponent extends NestedOption implements OnDestroy, OnInit {
get border(): {
color?: string | undefined;
dashStyle?: DashStyle | undefined;
visible?: boolean;
width?: number;
};
set border(value: {
color?: string | undefined;
dashStyle?: DashStyle | undefined;
visible?: boolean;
width?: number;
});
get color(): ChartsColor | string | undefined;
set color(value: ChartsColor | string | undefined);
get dashStyle(): DashStyle;
set dashStyle(value: DashStyle);
get hatching(): {
direction?: HatchDirection;
opacity?: number;
step?: number;
width?: number;
};
set hatching(value: {
direction?: HatchDirection;
opacity?: number;
step?: number;
width?: number;
});
get highlight(): boolean;
set highlight(value: boolean);
get width(): number;
set width(value: number);
protected get _optionPath(): string;
constructor(parentOptionHost: NestedOptionHost, optionHost: NestedOptionHost);
ngOnInit(): void;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DxoRangeSelectorCommonSeriesSettingsHoverStyleComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoRangeSelectorCommonSeriesSettingsHoverStyleComponent, "dxo-range-selector-common-series-settings-hover-style", never, { "border": { "alias": "border"; "required": false; }; "color": { "alias": "color"; "required": false; }; "dashStyle": { "alias": "dashStyle"; "required": false; }; "hatching": { "alias": "hatching"; "required": false; }; "highlight": { "alias": "highlight"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, never, true, never>;
}
declare class DxoRangeSelectorCommonSeriesSettingsHoverStyleModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoRangeSelectorCommonSeriesSettingsHoverStyleModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoRangeSelectorCommonSeriesSettingsHoverStyleModule, never, [typeof DxoRangeSelectorCommonSeriesSettingsHoverStyleComponent], [typeof DxoRangeSelectorCommonSeriesSettingsHoverStyleComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoRangeSelectorCommonSeriesSettingsHoverStyleModule>;
}
/*!
* devextreme-angular
* Version: 26.1.3
* Build date: Wed Jun 10 2026
*
* Copyright (c) 2012 - 2026 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
*/
declare class DxoRangeSelectorCommonSeriesSettingsLabelComponent extends NestedOption implements OnDestroy, OnInit {
get alignment(): HorizontalAlignment;
set alignment(value: HorizontalAlignment);
get argumentFormat(): Format$1 | undefined;
set argumentFormat(value: Format$1 | undefined);
get backgroundColor(): string | undefined;
set backgroundColor(value: string | undefined);
get border(): {
color?: string | undefined;
dashStyle?: DashStyle | undefined;
visible?: boolean;
width?: number;
};
set border(value: {
color?: string | undefined;
dashStyle?: DashStyle | undefined;
visible?: boolean;
width?: number;
});
get connector(): {
color?: string | undefined;
visible?: boolean;
width?: number;
};
set connector(value: {
color?: string | undefined;
visible?: boolean;
width?: number;
});
get customizeText(): ((pointInfo: any) => string);
set customizeText(value: ((pointInfo: any) => string));
get displayFormat(): string | undefined;
set displayFormat(value: string | undefined);
get font(): Font;
set font(value: Font);
get format(): Format$1 | undefined;
set format(value: Format$1 | undefined);
get horizontalOffset(): number;
set horizontalOffset(value: number);
get position(): RelativePosition;
set position(value: RelativePosition);
get rotationAngle(): number;
set rotationAngle(value: number);
get showForZeroValues(): boolean;
set showForZeroValues(value: boolean);
get verticalOffset(): number;
set verticalOffset(value: number);
get visible(): boolean;
set visible(value: boolean);
protected get _optionPath(): string;
constructor(parentOptionHost: NestedOptionHost, optionHost: NestedOptionHost);
ngOnInit(): void;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DxoRangeSelectorCommonSeriesSettingsLabelComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoRangeSelectorCommonSeriesSettingsLabelComponent, "dxo-range-selector-common-series-settings-label", never, { "alignment": { "alias": "alignment"; "required": false; }; "argumentFormat": { "alias": "argumentFormat"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "border": { "alias": "border"; "required": false; }; "connector": { "alias": "connector"; "required": false; }; "customizeText": { "alias": "customizeText"; "required": false; }; "displayFormat": { "alias": "displayFormat"; "required": false; }; "font": { "alias": "font"; "required": false; }; "format": { "alias": "format"; "required": false; }; "horizontalOffset": { "alias": "horizontalOffset"; "required": false; }; "position": { "alias": "position"; "required": false; }; "rotationAngle": { "alias": "rotationAngle"; "required": false; }; "showForZeroValues": { "alias": "showForZeroValues"; "required": false; }; "verticalOffset": { "alias": "verticalOffset"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, {}, never, never, true, never>;
}
declare class DxoRangeSelectorCommonSeriesSettingsLabelModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoRangeSelectorCommonSeriesSettingsLabelModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoRangeSelectorCommonSeriesSettingsLabelModule, never, [typeof DxoRangeSelectorCommonSeriesSettingsLabelComponent], [typeof DxoRangeSelectorCommonSeriesSettingsLabelComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoRangeSelectorCommonSeriesSettingsLabelModule>;
}
/*!
* devextreme-angular
* Version: 26.1.3
* Build date: Wed Jun 10 2026
*
* Copyright (c) 2012 - 2026 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
*/
declare class DxoRangeSelectorCommonSeriesSettingsSelectionStyleComponent extends NestedOption implements OnDestroy, OnInit {
get border(): {
color?: string | undefined;
dashStyle?: DashStyle | undefined;
visible?: boolean;
width?: number;
};
set border(value: {
color?: string | undefined;
dashStyle?: DashStyle | undefined;
visible?: boolean;
width?: number;
});
get color(): ChartsColor | string | undefined;
set color(value: ChartsColor | string | undefined);
get dashStyle(): DashStyle;
set dashStyle(value: DashStyle);
get hatching(): {
direction?: HatchDirection;
opacity?: number;
step?: number;
width?: number;
};
set hatching(value: {
direction?: HatchDirection;
opacity?: number;
step?: number;
width?: number;
});
get highlight(): boolean;
set highlight(value: boolean);
get width(): number;
set width(value: number);
protected get _optionPath(): string;
constructor(parentOptionHost: NestedOptionHost, optionHost: NestedOptionHost);
ngOnInit(): void;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DxoRangeSelectorCommonSeriesSettingsSelectionStyleComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoRangeSelectorCommonSeriesSettingsSelectionStyleComponent, "dxo-range-selector-common-series-settings-selection-style", never, { "border": { "alias": "border"; "required": false; }; "color": { "alias": "color"; "required": false; }; "dashStyle": { "alias": "dashStyle"; "required": false; }; "hatching": { "alias": "hatching"; "required": false; }; "highlight": { "alias": "highlight"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, never, true, never>;
}
declare class DxoRangeSelectorCommonSeriesSettingsSelectionStyleModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoRangeSelectorCommonSeriesSettingsSelectionStyleModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoRangeSelectorCommonSeriesSettingsSelectionStyleModule, never, [typeof DxoRangeSelectorCommonSeriesSettingsSelectionStyleComponent], [typeof DxoRangeSelectorCommonSeriesSettingsSelectionStyleComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoRangeSelectorCommonSeriesSettingsSelectionStyleModule>;
}
/*!
* devextreme-angular
* Version: 26.1.3
* Build date: Wed Jun 10 2026
*
* Copyright (c) 2012 - 2026 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
*/
declare class DxoRangeSelectorCommonSeriesSettingsComponent extends NestedOption implements OnDestroy, OnInit {
get aggregation(): {
calculate?: ((aggregationInfo: chartPointAggregationInfoObject, series: chartSeriesObject) => Record<string, any> | Array<Record<string, any>>) | undefined;
enabled?: boolean;
method?: ChartSeriesAggregationMethod;
};
set aggregation(value: {
calculate?: ((aggregationInfo: chartPointAggregationInfoObject, series: chartSeriesObject) => Record<string, any> | Array<Record<string, any>>) | undefined;
enabled?: boolean;
method?: ChartSeriesAggregationMethod;
});
get area(): any;
set area(value: any);
get argumentField(): string;
set argumentField(value: string);
get axis(): string | undefined;
set axis(value: string | undefined);
get bar(): any;
set bar(value: any);
get barOverlapGroup(): string | undefined;
set barOverlapGroup(value: string | undefined);
get barPadding(): number | undefined;
set barPadding(value: number | undefined);
get barWidth(): number | undefined;
set barWidth(value: number | undefined);
get border(): {
color?: string | undefined;
dashStyle?: DashStyle | undefined;
visible?: boolean;
width?: number;
};
set border(value: {
color?: string | undefined;
dashStyle?: DashStyle | undefined;
visible?: boolean;
width?: number;
});
get bubble(): any;
set bubble(value: any);
get candlestick(): any;
set candlestick(value: any);
get closeValueField(): string;
set closeValueField(value: string);
get color(): ChartsColor | string | undefined;
set color(value: ChartsColor | string | undefined);
get cornerRadius(): number;
set cornerRadius(value: number);
get dashStyle(): DashStyle;
set dashStyle(value: DashStyle);
get fullstackedarea(): any;
set fullstackedarea(value: any);
get fullstackedbar(): any;
set fullstackedbar(value: any);
get fullstackedline(): any;
set fullstackedline(value: any);
get fullstackedspline(): any;
set fullstackedspline(value: any);
get fullstackedsplinearea(): any;
set fullstackedsplinearea(value: any);
get highValueField(): string;
set highValueField(value: string);
get hoverMode(): SeriesHoverMode;
set hoverMode(value: SeriesHoverMode);
get hoverStyle(): {
border?: {
color?: string | undefined;
dashStyle?: DashStyle | undefined;
visible?: boolean;
width?: number;
};
color?: ChartsColor | string | undefined;
dashStyle?: DashStyle;
hatching?: {
direction?: HatchDirection;
opacity?: number;
step?: number;
width?: number;
};
highlight?: boolean;
width?: number;
};
set hoverStyle(value: {
border?: {
color?: string | undefined;
dashStyle?: DashStyle | undefined;
visible?: boolean;
width?: number;
};
color?: ChartsColor | string | undefined;
dashStyle?: DashStyle;
hatching?: {
direction?: HatchDirection;
opacity?: number;
step?: number;
width?: number;
};
highlight?: boolean;
width?: number;
});
get ignoreEmptyPoints(): boolean;
set ignoreEmptyPoints(value: boolean);
get innerColor(): string;
set innerColor(value: string);
get label(): {
alignment?: HorizontalAlignment;
argumentFormat?: Format$1 | undefined;
backgroundColor?: string | undefined;
border?: {
color?: string | undefined;
dashStyle?: DashStyle | undefined;
visible?: boolean;
width?: number;
};
connector?: {
color?: string | undefined;
visible?: boolean;
width?: number;
};
customizeText?: ((pointInfo: any) => string);
displayFormat?: string | undefined;
font?: Font;
format?: Format$1 | undefined;
horizontalOffset?: number;
position?: RelativePosition;
rotationAngle?: number;
showForZeroValues?: boolean;
verticalOffset?: number;
visible?: boolean;
};
set label(value: {
alignment?: HorizontalAlignment;
argumentFormat?: Format$1 | undefined;
backgroundColor?: string | undefined;
border?: {
color?: string | undefined;
dashStyle?: DashStyle | undefined;
visible?: boolean;
width?: number;
};
connector?: {
color?: string | undefined;
visible?: boolean;
width?: number;
};
customizeText?: ((pointInfo: any) => string);
displayFormat?: string | undefined;
font?: Font;
format?: Format$1 | undefined;
horizontalOffset?: number;
position?: RelativePosition;
rotationAngle?: number;
showForZeroValues?: boolean;
verticalOffset?: number;
visible?: boolean;
});
get line(): any;
set line(value: any);
get lowValueField(): string;
set lowValueField(value: string);
get maxLabelCount(): number | undefined;
set maxLabelCount(value: number | undefined);
get minBarSize(): number | undefined;
set minBarSize(value: number | undefined);
get opacity(): number;
set opacity(value: number);
get openValueField(): string;
set openValueField(value: string);
get pane(): string;
set pane(value: string);
get point(): {
border?: {
color?: string | undefined;
visible?: boolean;
width?: number;
};
color?: ChartsColor | string | undefined;
hoverMode?: PointInteractionMode;
hoverStyle?: {
border?: {
color?: string | undefined;
visible?: boolean;
width?: number;
};
color?: ChartsColor | string | undefined;
size?: number | undefined;
};
image?: string | undefined | {
height?: number | {
rangeMaxPoint?: number | undefined;
rangeMinPoint?: number | undefined;
};
url?: string | undefined | {
rangeMaxPoint?: string | undefined;
rangeMinPoint?: string | undefined;
};
width?: number | {
rangeMaxPoint?: number | undefined;
rangeMinPoint?: number | undefined;
};
};
selectionMode?: PointInteractionMode;
selectionStyle?: {
border?: {
color?: string | undefined;
visible?: boolean;
width?: number;
};
color?: ChartsColor | string | undefined;
size?: number | undefined;
};
size?: number;
symbol?: PointSymbol;
visible?: boolean;
};
set point(value: {
border?: {
color?: string | undefined;
visible?: boolean;
width?: number;
};
color?: ChartsColor | string | undefined;
hoverMode?: PointInteractionMode;
hoverStyle?: {
border?: {
color?: string | undefined;
visible?: boolean;
width?: number;
};
color?: ChartsColor | string | undefined;
size?: number | undefined;
};
image?: string | undefined | {
height?: number | {
rangeMaxPoint?: number | undefined;
rangeMinPoint?: number | undefined;
};
url?: string | undefined | {
rangeMaxPoint?: string | undefined;
rangeMinPoint?: string | undefined;
};
width?: number | {
rangeMaxPoint?: number | undefined;
rangeMinPoint?: number | undefined;
};
};
selectionMode?: PointInteractionMode;
selectionStyle?: {
border?: {
color?: string | undefined;
visible?: boolean;
width?: number;
};
color?: ChartsColor | string | undefined;
size?: number | undefined;
};
size?: number;
symbol?: PointSymbol;
visible?: boolean;
});
get rangearea(): any;
set rangearea(value: any);
get rangebar(): any;
set rangebar(value: any);
get rangeValue1Field(): string;
set rangeValue1Field(value: string);
get rangeValue2Field(): string;
set rangeValue2Field(value: string);
get reduction(): {
color?: string;
level?: FinancialChartReductionLevel;
};
set reduction(value: {
color?: string;
level?: FinancialChartReductionLevel;
});
get scatter(): any;
set scatter(value: any);
get selectionMode(): SeriesSelectionMode;
set selectionMode(value: SeriesSelectionMode);
get selectionStyle(): {
border?: {
color?: string | undefined;
dashStyle?: DashStyle | undefined;
visible?: boolean;
width?: number;
};
color?: ChartsColor | string | undefined;
dashStyle?: DashStyle;
hatching?: {
direction?: HatchDirection;
opacity?: number;
step?: number;
width?: number;
};
highlight?: boolean;
width?: number;
};
set selectionStyle(value: {
border?: {
color?: string | undefined;
dashStyle?: DashStyle | undefined;
visible?: boolean;
width?: number;
};
color?: ChartsColor | string | undefined;
dashStyle?: DashStyle;
hatching?: {
direction?: HatchDirection;
opacity?: number;
step?: number;
width?: number;
};
highlight?: boolean;
width?: number;
});
get showInLegend(): boolean;
set showInLegend(value: boolean);
get sizeField(): string;
set sizeField(value: string);
get spline(): any;
set spline(value: any);
get splinearea(): any;
set splinearea(value: any);
get stack(): string;
set stack(value: string);
get stackedarea(): any;
set stackedarea(value: any);
get stackedbar(): any;
set stackedbar(value: any);
get stackedline(): any;
set stackedline(value: any);
get stackedspline(): any;
set stackedspline(value: any);
get stackedsplinearea(): any;
set stackedsplinearea(value: any);
get steparea(): any;
set steparea(value: any);
get stepline(): any;
set stepline(value: any);
get stock(): any;
set stock(value: any);
get tagField(): string;
set tagField(value: string);
get type(): SeriesType;
set type(value: SeriesType);
get valueErrorBar(): {
color?: string;
displayMode?: ValueErrorBarDisplayMode;
edgeLength?: number;
highValueField?: string | undefined;
lineWidth?: number;
lowValueField?: string | undefined;
opacity?: number | undefined;
type?: undefined | ValueErrorBarType;
value?: number;
};
set valueErrorBar(value: {
color?: string;
displayMode?: ValueErrorBarDisplayMode;
edgeLength?: number;
highValueField?: string | undefined;
lineWidth?: number;
lowValueField?: string | undefined;
opacity?: number | undefined;
type?: undefined | ValueErrorBarType;
value?: number;
});
get valueField(): string;
set valueField(value: string);
get visible(): boolean;
set visible(value: boolean);
get width(): number;
set width(value: number);
protected get _optionPath(): string;
constructor(parentOptionHost: NestedOptionHost, optionHost: NestedOptionHost);
ngOnInit(): void;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DxoRangeSelectorCommonSeriesSettingsComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoRangeSelectorCommonSeriesSettingsComponent, "dxo-range-selector-common-series-settings", never, { "aggregation": { "alias": "aggregation"; "required": false; }; "area": { "alias": "area"; "required": false; }; "argumentField": { "alias": "argumentField"; "required": false; }; "axis": { "alias": "axis"; "required": false; }; "bar": { "alias": "bar"; "required": false; }; "barOverlapGroup": { "alias": "barOverlapGroup"; "required": false; }; "barPadding": { "alias": "barPadding"; "required": false; }; "barWidth": { "alias": "barWidth"; "required": false; }; "border": { "alias": "border"; "required": false; }; "bubble": { "alias": "bubble"; "required": false; }; "candlestick": { "alias": "candlestick"; "required": false; }; "closeValueField": { "alias": "closeValueField"; "required": false; }; "color": { "alias": "color"; "required": false; }; "cornerRadius": { "alias": "cornerRadius"; "required": false; }; "dashStyle": { "alias": "dashStyle"; "required": false; }; "fullstackedarea": { "alias": "fullstackedarea"; "required": false; }; "fullstackedbar": { "alias": "fullstackedbar"; "required": false; }; "fullstackedline": { "alias": "fullstackedline"; "required": false; }; "fullstackedspline": { "alias": "fullstackedspline"; "required": false; }; "fullstackedsplinearea": { "alias": "fullstackedsplinearea"; "required": false; }; "highValueField": { "alias": "highValueField"; "required": false; }; "hoverMode": { "alias": "hoverMode"; "required": false; }; "hoverStyle": { "alias": "hoverStyle"; "required": false; }; "ignoreEmptyPoints": { "alias": "ignoreEmptyPoints"; "required": false; }; "innerColor": { "alias": "innerColor"; "required": false; }; "label": { "alias": "label"; "required": false; }; "line": { "alias": "line"; "required": false; }; "lowValueField": { "alias": "lowValueField"; "required": false; }; "maxLabelCount": { "alias": "maxLabelCount"; "required": false; }; "minBarSize": { "alias": "minBarSize"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "openValueField": { "alias": "openValueField"; "required": false; }; "pane": { "alias": "pane"; "required": false; }; "point": { "alias": "point"; "required": false; }; "rangearea": { "alias": "rangearea"; "required": false; }; "rangebar": { "alias": "rangebar"; "required": false; }; "rangeValue1Field": { "alias": "rangeValue1Field"; "required": false; }; "rangeValue2Field": { "alias": "rangeValue2Field"; "required": false; }; "reduction": { "alias": "reduction"; "required": false; }; "scatter": { "alias": "scatter"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "selectionStyle": { "alias": "selectionStyle"; "required": false; }; "showInLegend": { "alias": "showInLegend"; "required": false; }; "sizeField": { "alias": "sizeField"; "required": false; }; "spline": { "alias": "spline"; "required": false; }; "splinearea": { "alias": "splinearea"; "required": false; }; "stack": { "alias": "stack"; "required": false; }; "stackedarea": { "alias": "stackedarea"; "required": false; }; "stackedbar": { "alias": "stackedbar"; "required": false; }; "stackedline": { "alias": "stackedline"; "required": false; }; "stackedspline": { "alias": "stackedspline"; "required": false; }; "stackedsplinearea": { "alias": "stackedsplinearea"; "required": false; }; "steparea": { "alias": "steparea"; "required": false; }; "stepline": { "alias": "stepline"; "required": false; }; "stock": { "alias": "stock"; "required": false; };