devextreme-angular
Version:
DevExtreme UI and Visualization Components for Angular
1,091 lines (1,069 loc) • 887 kB
TypeScript
import * as i0 from '@angular/core';
import { OnDestroy, OnInit, QueryList, EventEmitter, AfterViewInit, Renderer2, ElementRef } from '@angular/core';
import { NestedOption, NestedOptionHost, CollectionNestedOption, IDxTemplateHost, DxTemplateHost, DxTemplateDirective } from 'devextreme-angular/core';
import { ChartSeriesAggregationMethod, FinancialChartReductionLevel, AggregatedPointsPosition, ChartLabelDisplayMode, ChartTooltipLocation, ChartZoomAndPanMode, EventKeyModifier } from 'devextreme/viz/chart';
import { AnimationEaseMode, DashStyle, Font, TextOverflow, AnnotationType, WordWrap, ChartsColor, SeriesHoverMode, HatchDirection, RelativePosition, LabelPosition, PointInteractionMode, PointSymbol, SeriesSelectionMode, SeriesType, ValueErrorBarDisplayMode, ValueErrorBarType, ChartsDataType, TimeInterval, ScaleBreak, ScaleBreakLineStyle, DiscreteAxisDivisionMode, ArgumentAxisHoverMode, ChartsAxisLabelOverlap, LabelOverlap, AxisScaleType, VisualRange, VisualRangeUpdateMode, Palette, PaletteExtensionMode, LegendHoverMode, ValueAxisVisualRangeUpdateMode } from 'devextreme/common/charts';
import { AnimationConfig, CollisionResolution, PositionConfig, AnimationState, AnimationType, CollisionResolutionCombination } from 'devextreme/common/core/animation';
import { PieChartAnnotationLocation, PieChartSeriesInteractionMode, SmallValuesGroupingMode, PieChartLegendHoverMode } from 'devextreme/viz/pie_chart';
import { HorizontalAlignment, VerticalAlignment, Position, Format as Format$1, Orientation, SliderValueChangeMode, TextEditorButtonLocation, ButtonStyle, ButtonType, DayOfWeek, ValidationMessageMode, ValidationStatus, SortOrder, DataType, RequiredRule, NumericRule, RangeRule, StringLengthRule, CustomRule, CompareRule, PatternRule, EmailRule, AsyncRule, ToolbarItemLocation, VerticalEdge, PositionAlignment, ExportFormat, FieldChooserLayout, ToolbarItemComponent, Mode, SearchMode, Direction, DragDirection, DragHighlight, HorizontalEdge, SingleMultipleOrNone, DisplayMode, ScrollMode, ScrollbarMode, TextBoxPredefinedButton, TextEditorButton, LabelMode, MaskMode, EditorStyle, SelectAllMode, SubmenuShowMode, TabsIconPosition, TabsStyle, TooltipShowMode, ValidationRuleType, ComparisonOperator } from 'devextreme/common';
import { Format } from 'devextreme/common/core/localization';
import { PolarChartSeriesType } from 'devextreme/viz/polar_chart';
import { DataLayoutType, CustomCommand, Command, ShapeCategory, ToolboxDisplayMode, ShapeType, ConnectorLineEnd, ConnectorLineType, PanelVisibility } from 'devextreme/ui/diagram';
import { BackgroundImageLocation, ChartAxisScale, AxisScale } from 'devextreme/viz/range_selector';
import { Distribution, CrosswiseDistribution, dxBoxItem, BoxDirection, Properties, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, OptionChangedEvent } from 'devextreme/ui/box';
import { Store } from 'devextreme/data';
import DataSource, { Options } from 'devextreme/data/data_source';
import { Properties as Properties$1, ClickEvent, ContentReadyEvent as ContentReadyEvent$1, DisposingEvent as DisposingEvent$1, InitializedEvent as InitializedEvent$1, OptionChangedEvent as OptionChangedEvent$1 } from 'devextreme/ui/button';
import { DataGridPredefinedColumnButton, ColumnButtonClickEvent, dxDataGridColumnButton, dxDataGridColumn, DataGridCommandColumnType, DataGridExportFormat, DataGridPredefinedToolbarItem, DataGridScrollMode, SelectionSensitivity, dxDataGridToolbarItem } from 'devextreme/ui/data_grid';
import { TreeListPredefinedColumnButton, dxTreeListColumnButton, dxTreeListColumn, TreeListCommandColumnType, TreeListPredefinedToolbarItem, dxTreeListToolbarItem } from 'devextreme/ui/tree_list';
import { CalendarZoomLevel, DisposingEvent as DisposingEvent$2, InitializedEvent as InitializedEvent$2, OptionChangedEvent as OptionChangedEvent$2, ValueChangedEvent, CalendarSelectionMode, WeekNumberRule } from 'devextreme/ui/calendar';
import { DataChangeType, ColumnChooserMode, ColumnChooserSearchConfig, ColumnChooserSelectionConfig, FilterOperation, FilterType, FixedPosition, ColumnHeaderFilter, SelectedFilterOperation, DataChange, GridsEditMode, NewRowPosition, GridsEditRefreshMode, StartEditAction, ApplyChangesMode, FilterPanelTexts, ApplyFilterMode, SummaryType, GroupExpandMode, HeaderFilterGroupInterval, ColumnHeaderFilterSearchConfig, HeaderFilterSearchConfig, HeaderFilterTexts, EnterKeyAction, EnterKeyDirection, PagerPageSize, DataRenderMode, SelectionColumnDisplayMode, StateStoreType } from 'devextreme/common/grids';
import { ChartSeries } from 'devextreme/viz/common';
import { TreeMapColorizerType } from 'devextreme/viz/tree_map';
import { UserDefinedElement } from 'devextreme/core/element';
import { SimpleItem, Properties as Properties$2, FormItemComponent, FormItemType, LabelLocation, GroupItem, TabbedItem, EmptyItem, ButtonItem, FormLabelMode, ContentReadyEvent as ContentReadyEvent$4, DisposingEvent as DisposingEvent$5, EditorEnterKeyEvent, FieldDataChangedEvent, InitializedEvent as InitializedEvent$5, OptionChangedEvent as OptionChangedEvent$5 } from 'devextreme/ui/form';
import { AICommandNameExtended, HtmlEditorImageUploadMode, dxHtmlEditorImageUploadTabItem, HtmlEditorImageUploadTab, HtmlEditorPredefinedContextMenuItem, HtmlEditorPredefinedToolbarItem, AICommandName, AICommand, dxHtmlEditorToolbarItem, AIToolbarItem } from 'devextreme/ui/html_editor';
import { dxContextMenuItem } from 'devextreme/ui/context_menu';
import { dxFileManagerContextMenuItem, FileManagerPredefinedContextMenuItem, dxFileManagerDetailsColumn, FileManagerPredefinedToolbarItem, FileManagerItemViewMode, dxFileManagerToolbarItem } from 'devextreme/ui/file_manager';
import { GanttPredefinedContextMenuItem, dxGanttFilterRowOperationDescriptions, dxGanttHeaderFilterTexts, GanttPredefinedToolbarItem, GanttScaleType, dxGanttToolbarItem } from 'devextreme/ui/gantt';
import { dxPopupToolbarItem, Properties as Properties$3, ToolbarLocation } from 'devextreme/ui/popup';
import { FilterBuilderOperation, dxFilterBuilderCustomOperation, dxFilterBuilderField, GroupOperation, ContentReadyEvent as ContentReadyEvent$3, DisposingEvent as DisposingEvent$4, EditorPreparedEvent, EditorPreparingEvent, InitializedEvent as InitializedEvent$4, OptionChangedEvent as OptionChangedEvent$4, ValueChangedEvent as ValueChangedEvent$2 } from 'devextreme/ui/filter_builder';
import { LocateInMenuMode, ShowTextMode } from 'devextreme/ui/toolbar';
import { BeforeSendEvent, ContentReadyEvent as ContentReadyEvent$2, DisposingEvent as DisposingEvent$3, DropZoneEnterEvent, DropZoneLeaveEvent, FilesUploadedEvent, InitializedEvent as InitializedEvent$3, OptionChangedEvent as OptionChangedEvent$3, ProgressEvent, UploadAbortedEvent, UploadedEvent, UploadErrorEvent, UploadStartedEvent, ValueChangedEvent as ValueChangedEvent$1, UploadHttpMethod, FileUploadMode, dxFileUploaderOptions } from 'devextreme/ui/file_uploader';
import { AddEvent, DisposingEvent as DisposingEvent$6, DragChangeEvent, DragEndEvent, DragMoveEvent, DragStartEvent, InitializedEvent as InitializedEvent$6, OptionChangedEvent as OptionChangedEvent$6, RemoveEvent, ReorderEvent } from 'devextreme/ui/sortable';
import { User } from 'devextreme/ui/chat';
import { dxMenuItem } from 'devextreme/ui/menu';
import { Properties as Properties$5, dxSplitterItem, ContentReadyEvent as ContentReadyEvent$6, DisposingEvent as DisposingEvent$8, InitializedEvent as InitializedEvent$8, ItemClickEvent as ItemClickEvent$1, ItemCollapsedEvent, ItemContextMenuEvent as ItemContextMenuEvent$1, ItemExpandedEvent, ItemRenderedEvent as ItemRenderedEvent$1, OptionChangedEvent as OptionChangedEvent$8, ResizeEvent, ResizeEndEvent, ResizeStartEvent } from 'devextreme/ui/splitter';
import { Properties as Properties$4, dxTabPanelItem, ContentReadyEvent as ContentReadyEvent$7, DisposingEvent as DisposingEvent$9, InitializedEvent as InitializedEvent$9, ItemClickEvent as ItemClickEvent$2, ItemContextMenuEvent as ItemContextMenuEvent$2, ItemHoldEvent as ItemHoldEvent$1, ItemRenderedEvent as ItemRenderedEvent$2, OptionChangedEvent as OptionChangedEvent$9, SelectionChangedEvent, SelectionChangingEvent, TitleClickEvent, TitleHoldEvent, TitleRenderedEvent } from 'devextreme/ui/tab_panel';
import { dxTreeViewItem } from 'devextreme/ui/tree_view';
import { CircularGaugeLabelOverlap, CircularGaugeElementOrientation } from 'devextreme/viz/circular_gauge';
import { VectorMapMarkerType, VectorMapLayerType, VectorMapMarkerShape } from 'devextreme/viz/vector_map';
import { SankeyColorMode } from 'devextreme/viz/sankey';
import { RouteMode } from 'devextreme/ui/map';
import { TextBoxType, ChangeEvent, ContentReadyEvent as ContentReadyEvent$5, CopyEvent, CutEvent, DisposingEvent as DisposingEvent$7, EnterKeyEvent, FocusInEvent, FocusOutEvent, InitializedEvent as InitializedEvent$7, InputEvent, KeyDownEvent, KeyUpEvent, OptionChangedEvent as OptionChangedEvent$7, PasteEvent, ValueChangedEvent as ValueChangedEvent$3 } from 'devextreme/ui/text_box';
import { AllDayPanelMode, CellAppointmentsLimit, dxSchedulerScrolling, ViewType } from 'devextreme/ui/scheduler';
/*!
* 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 DxoAdapterComponent extends NestedOption implements OnDestroy, OnInit {
get applyValidationResults(): Function;
set applyValidationResults(value: Function);
get bypass(): Function;
set bypass(value: Function);
get focus(): Function;
set focus(value: Function);
get getValue(): Function;
set getValue(value: Function);
get reset(): Function;
set reset(value: Function);
get validationRequestsCallbacks(): Array<Function>;
set validationRequestsCallbacks(value: Array<Function>);
protected get _optionPath(): string;
constructor(parentOptionHost: NestedOptionHost, optionHost: NestedOptionHost);
ngOnInit(): void;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DxoAdapterComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoAdapterComponent, "dxo-adapter", never, { "applyValidationResults": { "alias": "applyValidationResults"; "required": false; }; "bypass": { "alias": "bypass"; "required": false; }; "focus": { "alias": "focus"; "required": false; }; "getValue": { "alias": "getValue"; "required": false; }; "reset": { "alias": "reset"; "required": false; }; "validationRequestsCallbacks": { "alias": "validationRequestsCallbacks"; "required": false; }; }, {}, never, never, true, never>;
}
declare class DxoAdapterModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoAdapterModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoAdapterModule, never, [typeof DxoAdapterComponent], [typeof DxoAdapterComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoAdapterModule>;
}
/*!
* 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 DxoAdaptiveLayoutComponent extends NestedOption implements OnDestroy, OnInit {
get height(): number;
set height(value: number);
get keepLabels(): boolean;
set keepLabels(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<DxoAdaptiveLayoutComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoAdaptiveLayoutComponent, "dxo-adaptive-layout", never, { "height": { "alias": "height"; "required": false; }; "keepLabels": { "alias": "keepLabels"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, never, true, never>;
}
declare class DxoAdaptiveLayoutModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoAdaptiveLayoutModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoAdaptiveLayoutModule, never, [typeof DxoAdaptiveLayoutComponent], [typeof DxoAdaptiveLayoutComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoAdaptiveLayoutModule>;
}
/*!
* 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 DxoAggregationIntervalComponent 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<DxoAggregationIntervalComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoAggregationIntervalComponent, "dxo-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 DxoAggregationIntervalModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoAggregationIntervalModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoAggregationIntervalModule, never, [typeof DxoAggregationIntervalComponent], [typeof DxoAggregationIntervalComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoAggregationIntervalModule>;
}
/*!
* 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 DxoAggregationComponent extends NestedOption implements OnDestroy, OnInit {
get calculate(): Function | undefined;
set calculate(value: Function | 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<DxoAggregationComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoAggregationComponent, "dxo-aggregation", never, { "calculate": { "alias": "calculate"; "required": false; }; "enabled": { "alias": "enabled"; "required": false; }; "method": { "alias": "method"; "required": false; }; }, {}, never, never, true, never>;
}
declare class DxoAggregationModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoAggregationModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoAggregationModule, never, [typeof DxoAggregationComponent], [typeof DxoAggregationComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoAggregationModule>;
}
/*!
* 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 abstract class DxiAlert extends CollectionNestedOption {
get id(): number | string;
set id(value: number | string);
get message(): string;
set message(value: string);
static ɵfac: i0.ɵɵFactoryDeclaration<DxiAlert, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxiAlert, "ng-component", never, {}, {}, never, never, true, never>;
}
declare class DxiAlertComponent extends DxiAlert {
protected get _optionPath(): string;
constructor(parentOptionHost: NestedOptionHost, optionHost: NestedOptionHost);
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DxiAlertComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxiAlertComponent, "dxi-alert", never, { "id": { "alias": "id"; "required": false; }; "message": { "alias": "message"; "required": false; }; }, {}, never, never, true, never>;
}
declare class DxiAlertModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxiAlertModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxiAlertModule, never, [typeof DxiAlertComponent], [typeof DxiAlertComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxiAlertModule>;
}
/*!
* 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 DxoAnimationComponent extends NestedOption implements OnDestroy, OnInit {
get hide(): AnimationConfig;
set hide(value: AnimationConfig);
get show(): AnimationConfig;
set show(value: AnimationConfig);
get duration(): number;
set duration(value: number);
get easing(): AnimationEaseMode;
set easing(value: AnimationEaseMode);
get enabled(): boolean;
set enabled(value: boolean);
get maxPointCountSupported(): number;
set maxPointCountSupported(value: number);
protected get _optionPath(): string;
constructor(parentOptionHost: NestedOptionHost, optionHost: NestedOptionHost);
ngOnInit(): void;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DxoAnimationComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoAnimationComponent, "dxo-animation", never, { "hide": { "alias": "hide"; "required": false; }; "show": { "alias": "show"; "required": false; }; "duration": { "alias": "duration"; "required": false; }; "easing": { "alias": "easing"; "required": false; }; "enabled": { "alias": "enabled"; "required": false; }; "maxPointCountSupported": { "alias": "maxPointCountSupported"; "required": false; }; }, {}, never, never, true, never>;
}
declare class DxoAnimationModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoAnimationModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoAnimationModule, never, [typeof DxoAnimationComponent], [typeof DxoAnimationComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoAnimationModule>;
}
/*!
* 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 abstract class DxiChartAnnotationConfig extends CollectionNestedOption {
get allowDragging(): boolean;
set allowDragging(value: boolean);
get argument(): Date | number | string | undefined;
set argument(value: Date | number | string | undefined);
get arrowLength(): number;
set arrowLength(value: number);
get arrowWidth(): number;
set arrowWidth(value: number);
get axis(): string | undefined;
set axis(value: string | undefined);
get border(): {
color?: string;
cornerRadius?: number;
dashStyle?: DashStyle;
opacity?: number | undefined;
visible?: boolean;
width?: number;
};
set border(value: {
color?: string;
cornerRadius?: number;
dashStyle?: DashStyle;
opacity?: number | undefined;
visible?: boolean;
width?: number;
});
get color(): string;
set color(value: string);
get customizeTooltip(): Function | undefined;
set customizeTooltip(value: Function | undefined);
get data(): any;
set data(value: any);
get description(): string | undefined;
set description(value: string | undefined);
get font(): Font;
set font(value: Font);
get height(): number | undefined;
set height(value: number | undefined);
get image(): string | {
height?: number;
url?: string | undefined;
width?: number;
};
set image(value: string | {
height?: number;
url?: string | undefined;
width?: number;
});
get name(): string | undefined;
set name(value: string | undefined);
get offsetX(): number | undefined;
set offsetX(value: number | undefined);
get offsetY(): number | undefined;
set offsetY(value: number | undefined);
get opacity(): number;
set opacity(value: number);
get paddingLeftRight(): number;
set paddingLeftRight(value: number);
get paddingTopBottom(): number;
set paddingTopBottom(value: number);
get series(): string | undefined;
set series(value: string | undefined);
get shadow(): {
blur?: number;
color?: string;
offsetX?: number;
offsetY?: number;
opacity?: number;
};
set shadow(value: {
blur?: number;
color?: string;
offsetX?: number;
offsetY?: number;
opacity?: number;
});
get template(): any | undefined;
set template(value: any | undefined);
get text(): string | undefined;
set text(value: string | undefined);
get textOverflow(): TextOverflow;
set textOverflow(value: TextOverflow);
get tooltipEnabled(): boolean;
set tooltipEnabled(value: boolean);
get tooltipTemplate(): any | undefined;
set tooltipTemplate(value: any | undefined);
get type(): AnnotationType | undefined;
set type(value: AnnotationType | undefined);
get value(): Date | number | string | undefined;
set value(value: Date | number | string | undefined);
get width(): number | undefined;
set width(value: number | undefined);
get wordWrap(): WordWrap;
set wordWrap(value: WordWrap);
get x(): number | undefined;
set x(value: number | undefined);
get y(): number | undefined;
set y(value: number | undefined);
get location(): PieChartAnnotationLocation;
set location(value: PieChartAnnotationLocation);
get angle(): number | undefined;
set angle(value: number | undefined);
get radius(): number | undefined;
set radius(value: number | undefined);
get coordinates(): Array<number>;
set coordinates(value: Array<number>);
static ɵfac: i0.ɵɵFactoryDeclaration<DxiChartAnnotationConfig, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxiChartAnnotationConfig, "ng-component", never, {}, {}, never, never, true, never>;
}
declare class DxiAnnotationComponent extends DxiChartAnnotationConfig {
protected get _optionPath(): string;
constructor(parentOptionHost: NestedOptionHost, optionHost: NestedOptionHost);
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DxiAnnotationComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxiAnnotationComponent, "dxi-annotation", never, { "allowDragging": { "alias": "allowDragging"; "required": false; }; "argument": { "alias": "argument"; "required": false; }; "arrowLength": { "alias": "arrowLength"; "required": false; }; "arrowWidth": { "alias": "arrowWidth"; "required": false; }; "axis": { "alias": "axis"; "required": false; }; "border": { "alias": "border"; "required": false; }; "color": { "alias": "color"; "required": false; }; "customizeTooltip": { "alias": "customizeTooltip"; "required": false; }; "data": { "alias": "data"; "required": false; }; "description": { "alias": "description"; "required": false; }; "font": { "alias": "font"; "required": false; }; "height": { "alias": "height"; "required": false; }; "image": { "alias": "image"; "required": false; }; "name": { "alias": "name"; "required": false; }; "offsetX": { "alias": "offsetX"; "required": false; }; "offsetY": { "alias": "offsetY"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "paddingLeftRight": { "alias": "paddingLeftRight"; "required": false; }; "paddingTopBottom": { "alias": "paddingTopBottom"; "required": false; }; "series": { "alias": "series"; "required": false; }; "shadow": { "alias": "shadow"; "required": false; }; "template": { "alias": "template"; "required": false; }; "text": { "alias": "text"; "required": false; }; "textOverflow": { "alias": "textOverflow"; "required": false; }; "tooltipEnabled": { "alias": "tooltipEnabled"; "required": false; }; "tooltipTemplate": { "alias": "tooltipTemplate"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; "width": { "alias": "width"; "required": false; }; "wordWrap": { "alias": "wordWrap"; "required": false; }; "x": { "alias": "x"; "required": false; }; "y": { "alias": "y"; "required": false; }; "location": { "alias": "location"; "required": false; }; "angle": { "alias": "angle"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; "coordinates": { "alias": "coordinates"; "required": false; }; }, {}, never, never, true, never>;
}
declare class DxiAnnotationModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxiAnnotationModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxiAnnotationModule, never, [typeof DxiAnnotationComponent], [typeof DxiAnnotationComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxiAnnotationModule>;
}
/*!
* 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 DxoApiKeyComponent extends NestedOption implements OnDestroy, OnInit {
get azure(): string;
set azure(value: string);
get bing(): string;
set bing(value: string);
get google(): string;
set google(value: string);
get googleStatic(): string;
set googleStatic(value: string);
protected get _optionPath(): string;
constructor(parentOptionHost: NestedOptionHost, optionHost: NestedOptionHost);
ngOnInit(): void;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DxoApiKeyComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoApiKeyComponent, "dxo-api-key", never, { "azure": { "alias": "azure"; "required": false; }; "bing": { "alias": "bing"; "required": false; }; "google": { "alias": "google"; "required": false; }; "googleStatic": { "alias": "googleStatic"; "required": false; }; }, {}, never, never, true, never>;
}
declare class DxoApiKeyModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoApiKeyModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoApiKeyModule, never, [typeof DxoApiKeyComponent], [typeof DxoApiKeyComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoApiKeyModule>;
}
/*!
* 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 DxoAppointmentDraggingComponent extends NestedOption implements OnDestroy, OnInit {
get autoScroll(): boolean;
set autoScroll(value: boolean);
get data(): any | undefined;
set data(value: any | undefined);
get group(): string | undefined;
set group(value: string | undefined);
get onAdd(): Function;
set onAdd(value: Function);
get onDragEnd(): Function;
set onDragEnd(value: Function);
get onDragMove(): Function;
set onDragMove(value: Function);
get onDragStart(): Function;
set onDragStart(value: Function);
get onRemove(): Function;
set onRemove(value: Function);
get scrollSensitivity(): number;
set scrollSensitivity(value: number);
get scrollSpeed(): number;
set scrollSpeed(value: number);
protected get _optionPath(): string;
constructor(parentOptionHost: NestedOptionHost, optionHost: NestedOptionHost);
ngOnInit(): void;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DxoAppointmentDraggingComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoAppointmentDraggingComponent, "dxo-appointment-dragging", never, { "autoScroll": { "alias": "autoScroll"; "required": false; }; "data": { "alias": "data"; "required": false; }; "group": { "alias": "group"; "required": false; }; "onAdd": { "alias": "onAdd"; "required": false; }; "onDragEnd": { "alias": "onDragEnd"; "required": false; }; "onDragMove": { "alias": "onDragMove"; "required": false; }; "onDragStart": { "alias": "onDragStart"; "required": false; }; "onRemove": { "alias": "onRemove"; "required": false; }; "scrollSensitivity": { "alias": "scrollSensitivity"; "required": false; }; "scrollSpeed": { "alias": "scrollSpeed"; "required": false; }; }, {}, never, never, true, never>;
}
declare class DxoAppointmentDraggingModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoAppointmentDraggingModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoAppointmentDraggingModule, never, [typeof DxoAppointmentDraggingComponent], [typeof DxoAppointmentDraggingComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoAppointmentDraggingModule>;
}
/*!
* 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 abstract class DxoChartCommonSeriesSettings extends NestedOption {
get aggregation(): {
calculate?: Function | undefined;
enabled?: boolean;
method?: ChartSeriesAggregationMethod;
};
set aggregation(value: {
calculate?: Function | 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 | PieChartSeriesInteractionMode;
set hoverMode(value: SeriesHoverMode | PieChartSeriesInteractionMode);
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;
} | {
border?: {
color?: string | undefined;
dashStyle?: DashStyle | undefined;
visible?: boolean;
width?: number;
};
color?: ChartsColor | string | undefined;
hatching?: {
direction?: HatchDirection;
opacity?: number;
step?: number;
width?: number;
};
highlight?: boolean;
};
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;
} | {
border?: {
color?: string | undefined;
dashStyle?: DashStyle | undefined;
visible?: boolean;
width?: number;
};
color?: ChartsColor | string | undefined;
hatching?: {
direction?: HatchDirection;
opacity?: number;
step?: number;
width?: number;
};
highlight?: boolean;
});
get ignoreEmptyPoints(): boolean;
set ignoreEmptyPoints(value: boolean);
get innerColor(): string;
set innerColor(value: string);
get label(): {
alignment?: HorizontalAlignment;
argumentFormat?: Format | string | undefined;
backgroundColor?: string | undefined;
border?: {
color?: string | undefined;
dashStyle?: DashStyle | undefined;
visible?: boolean;
width?: number;
};
connector?: {
color?: string | undefined;
visible?: boolean;
width?: number;
};
customizeText?: Function;
displayFormat?: string | undefined;
font?: Font;
format?: Format | string | undefined;
horizontalOffset?: number;
position?: RelativePosition;
rotationAngle?: number;
showForZeroValues?: boolean;
verticalOffset?: number;
visible?: boolean;
} | {
argumentFormat?: Format | string | undefined;
backgroundColor?: string | undefined;
border?: {
color?: string | undefined;
dashStyle?: DashStyle | undefined;
visible?: boolean;
width?: number;
};
connector?: {
color?: string | undefined;
visible?: boolean;
width?: number;
};
customizeText?: Function;
displayFormat?: string | undefined;
font?: Font;
format?: Format | string | undefined;
position?: LabelPosition;
radialOffset?: number;
rotationAngle?: number;
textOverflow?: TextOverflow;
visible?: boolean;
wordWrap?: WordWrap;
} | {
argumentFormat?: Format | string | undefined;
backgroundColor?: string | undefined;
border?: {
color?: string | undefined;
dashStyle?: DashStyle | undefined;
visible?: boolean;
width?: number;
};
connector?: {
color?: string | undefined;
visible?: boolean;
width?: number;
};
customizeText?: Function;
displayFormat?: string | undefined;
font?: Font;
format?: Format | string | undefined;
position?: RelativePosition;
rotationAngle?: number;
showForZeroValues?: boolean;
visible?: boolean;
};
set label(value: {
alignment?: HorizontalAlignment;
argumentFormat?: Format | string | undefined;
backgroundColor?: string | undefined;
border?: {
color?: string | undefined;
dashStyle?: DashStyle | undefined;
visible?: boolean;
width?: number;
};
connector?: {
color?: string | undefined;
visible?: boolean;
width?: number;
};
customizeText?: Function;
displayFormat?: string | undefined;
font?: Font;
format?: Format | string | undefined;
horizontalOffset?: number;
position?: RelativePosition;
rotationAngle?: number;
showForZeroValues?: boolean;
verticalOffset?: number;
visible?: boolean;
} | {
argumentFormat?: Format | string | undefined;
backgroundColor?: string | undefined;
border?: {
color?: string | undefined;
dashStyle?: DashStyle | undefined;
visible?: boolean;
width?: number;
};
connector?: {
color?: string | undefined;
visible?: boolean;
width?: number;
};
customizeText?: Function;
displayFormat?: string | undefined;
font?: Font;
format?: Format | string | undefined;
position?: LabelPosition;
radialOffset?: number;
rotationAngle?: number;
textOverflow?: TextOverflow;
visible?: boolean;
wordWrap?: WordWrap;
} | {
argumentFormat?: Format | string | undefined;
backgroundColor?: string | undefined;
border?: {
color?: string | undefined;
dashStyle?: DashStyle | undefined;
visible?: boolean;
width?: number;
};
connector?: {
color?: string | undefined;
visible?: boolean;
width?: number;
};
customizeText?: Function;
displayFormat?: string | undefined;
font?: Font;
format?: Format | string | undefined;
position?: RelativePosition;
rotationAngle?: number;
showForZeroValues?: boolean;
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;
} | {
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;
};
image?: string | undefined | {
height?: number;
url?: string | undefined;
width?: number;
};
selectionMode?: PointInteractionMode;
selectionStyle?: {
border?: {
color?: string | undefined;
visible?: boolean;
width?: number;
};
color?: ChartsColor | string | undefined;
size?: number;
};
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;
} | {
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;
};
image?: string | undefined | {
height?: number;
url?: string | undefined;
width?: number;
};
selectionMode?: PointInteractionMode;
selectionStyle?: {
border?: {
color?: string | undefined;
visible?: boolean;
width?: number;
};
color?: ChartsColor | string | undefined;
size?: number;
};
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 | PieChartSeriesInteractionMode;
set selectionMode(value: SeriesSelectionMode | PieChartSeriesInteractionMode);
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;
} | {
border?: {
color?: string | undefined;
dashStyle?: DashStyle | undefined;
visible?: boolean;
width?: number;
};
color?: ChartsColor | string | undefined;
hatching?: {
direction?: HatchDirection;
opacity?: number;
step?: number;
width?: number;
};
highlight?: boolean;
};
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;
} | {
border?: {
color?: string | undefined;
dashStyle?: DashStyle | undefined;
visible?: boolean;
width?: number;
};
color?: ChartsColor | string | undefined;
hatching?: {
direction?: HatchDirection;
opacity?: number;
step?: number;
width?: number;
};
highlight?: boolean;
});
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 | PolarChartSeriesType;
set type(value: SeriesType | PolarChartSeriesType);
get valueErrorBar(): {
color?: string;
displayMode?: ValueErrorBarDisplayMode;
edgeLength?: number;
highValueField?: string | undefined;
lineWidth?: number;
lowValueField?: string | undefined;
opacity?: number | undefined;
type?: ValueErrorBarType | undefined;
value?: number;
};
set valueErrorBar(value: {
color?: string;
displayMode?: ValueErrorBarDisplayMode;
edgeLength?: number;
highValueField?: string | undefined;
lineWidth?: number;
lowValueField?: string | undefined;
opacity?: number | undefined;
type?: ValueErrorBarType | undefined;
value?: number;
});
get valueField(): s