devextreme-angular
Version:
Angular UI and visualization components based on DevExtreme widgets
1,289 lines (1,237 loc) • 222 kB
JavaScript
/*!
* devextreme-angular
* Version: 20.2.5
* Build date: Fri Jan 15 2021
*
* Copyright (c) 2012 - 2021 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 * as tslib_1 from "tslib";
/* tslint:disable:max-line-length */
import { BrowserTransferStateModule } from '@angular/platform-browser';
import { TransferState } from '@angular/platform-browser';
import { Component, NgModule, ElementRef, NgZone, PLATFORM_ID, Inject, Input, Output, OnDestroy, EventEmitter, OnChanges, DoCheck, SimpleChanges, ContentChildren, QueryList } from '@angular/core';
import DxChart from 'devextreme/viz/chart';
import { DxComponent, DxTemplateHost, DxIntegrationModule, DxTemplateModule, NestedOptionHost, IterableDifferHelper, WatcherHelper } from 'devextreme-angular/core';
import { DxoAdaptiveLayoutModule } from 'devextreme-angular/ui/nested';
import { DxoAnimationModule } from 'devextreme-angular/ui/nested';
import { DxiAnnotationModule } from 'devextreme-angular/ui/nested';
import { DxoBorderModule } from 'devextreme-angular/ui/nested';
import { DxoFontModule } from 'devextreme-angular/ui/nested';
import { DxoImageModule } from 'devextreme-angular/ui/nested';
import { DxoShadowModule } from 'devextreme-angular/ui/nested';
import { DxoArgumentAxisModule } from 'devextreme-angular/ui/nested';
import { DxoAggregationIntervalModule } from 'devextreme-angular/ui/nested';
import { DxiBreakModule } from 'devextreme-angular/ui/nested';
import { DxoBreakStyleModule } from 'devextreme-angular/ui/nested';
import { DxiConstantLineModule } from 'devextreme-angular/ui/nested';
import { DxoLabelModule } from 'devextreme-angular/ui/nested';
import { DxoConstantLineStyleModule } from 'devextreme-angular/ui/nested';
import { DxoGridModule } from 'devextreme-angular/ui/nested';
import { DxoFormatModule } from 'devextreme-angular/ui/nested';
import { DxoMinorGridModule } from 'devextreme-angular/ui/nested';
import { DxoMinorTickModule } from 'devextreme-angular/ui/nested';
import { DxoMinorTickIntervalModule } from 'devextreme-angular/ui/nested';
import { DxoMinVisualRangeLengthModule } from 'devextreme-angular/ui/nested';
import { DxiStripModule } from 'devextreme-angular/ui/nested';
import { DxoStripStyleModule } from 'devextreme-angular/ui/nested';
import { DxoTickModule } from 'devextreme-angular/ui/nested';
import { DxoTickIntervalModule } from 'devextreme-angular/ui/nested';
import { DxoTitleModule } from 'devextreme-angular/ui/nested';
import { DxoCommonAnnotationSettingsModule } from 'devextreme-angular/ui/nested';
import { DxoCommonAxisSettingsModule } from 'devextreme-angular/ui/nested';
import { DxoCommonPaneSettingsModule } from 'devextreme-angular/ui/nested';
import { DxoCommonSeriesSettingsModule } from 'devextreme-angular/ui/nested';
import { DxoAggregationModule } from 'devextreme-angular/ui/nested';
import { DxoAreaModule } from 'devextreme-angular/ui/nested';
import { DxoHoverStyleModule } from 'devextreme-angular/ui/nested';
import { DxoHatchingModule } from 'devextreme-angular/ui/nested';
import { DxoConnectorModule } from 'devextreme-angular/ui/nested';
import { DxoPointModule } from 'devextreme-angular/ui/nested';
import { DxoHeightModule } from 'devextreme-angular/ui/nested';
import { DxoUrlModule } from 'devextreme-angular/ui/nested';
import { DxoWidthModule } from 'devextreme-angular/ui/nested';
import { DxoSelectionStyleModule } from 'devextreme-angular/ui/nested';
import { DxoReductionModule } from 'devextreme-angular/ui/nested';
import { DxoValueErrorBarModule } from 'devextreme-angular/ui/nested';
import { DxoBarModule } from 'devextreme-angular/ui/nested';
import { DxoBubbleModule } from 'devextreme-angular/ui/nested';
import { DxoCandlestickModule } from 'devextreme-angular/ui/nested';
import { DxoFullstackedareaModule } from 'devextreme-angular/ui/nested';
import { DxoFullstackedbarModule } from 'devextreme-angular/ui/nested';
import { DxoFullstackedlineModule } from 'devextreme-angular/ui/nested';
import { DxoFullstackedsplineModule } from 'devextreme-angular/ui/nested';
import { DxoFullstackedsplineareaModule } from 'devextreme-angular/ui/nested';
import { DxoArgumentFormatModule } from 'devextreme-angular/ui/nested';
import { DxoLineModule } from 'devextreme-angular/ui/nested';
import { DxoRangeareaModule } from 'devextreme-angular/ui/nested';
import { DxoRangebarModule } from 'devextreme-angular/ui/nested';
import { DxoScatterModule } from 'devextreme-angular/ui/nested';
import { DxoSplineModule } from 'devextreme-angular/ui/nested';
import { DxoSplineareaModule } from 'devextreme-angular/ui/nested';
import { DxoStackedareaModule } from 'devextreme-angular/ui/nested';
import { DxoStackedbarModule } from 'devextreme-angular/ui/nested';
import { DxoStackedlineModule } from 'devextreme-angular/ui/nested';
import { DxoStackedsplineModule } from 'devextreme-angular/ui/nested';
import { DxoStackedsplineareaModule } from 'devextreme-angular/ui/nested';
import { DxoStepareaModule } from 'devextreme-angular/ui/nested';
import { DxoSteplineModule } from 'devextreme-angular/ui/nested';
import { DxoStockModule } from 'devextreme-angular/ui/nested';
import { DxoCrosshairModule } from 'devextreme-angular/ui/nested';
import { DxoHorizontalLineModule } from 'devextreme-angular/ui/nested';
import { DxoVerticalLineModule } from 'devextreme-angular/ui/nested';
import { DxoDataPrepareSettingsModule } from 'devextreme-angular/ui/nested';
import { DxoExportModule } from 'devextreme-angular/ui/nested';
import { DxoLegendModule } from 'devextreme-angular/ui/nested';
import { DxoMarginModule } from 'devextreme-angular/ui/nested';
import { DxoSubtitleModule } from 'devextreme-angular/ui/nested';
import { DxoLoadingIndicatorModule } from 'devextreme-angular/ui/nested';
import { DxiPaneModule } from 'devextreme-angular/ui/nested';
import { DxoScrollBarModule } from 'devextreme-angular/ui/nested';
import { DxiSeriesModule } from 'devextreme-angular/ui/nested';
import { DxoSeriesTemplateModule } from 'devextreme-angular/ui/nested';
import { DxoSizeModule } from 'devextreme-angular/ui/nested';
import { DxoTooltipModule } from 'devextreme-angular/ui/nested';
import { DxiValueAxisModule } from 'devextreme-angular/ui/nested';
import { DxoZoomAndPanModule } from 'devextreme-angular/ui/nested';
import { DxoDragBoxStyleModule } from 'devextreme-angular/ui/nested';
import { DxiAnnotationComponent } from 'devextreme-angular/ui/nested';
import { DxiPaneComponent } from 'devextreme-angular/ui/nested';
import { DxiSeriesComponent } from 'devextreme-angular/ui/nested';
import { DxiValueAxisComponent } from 'devextreme-angular/ui/nested';
/**
* The Chart is a UI component that visualizes data from a local or remote storage using a great variety of series types along with different interactive elements, such as tooltips, crosshair pointer, legend, etc.
*/
var DxChartComponent = /** @class */ (function (_super) {
tslib_1.__extends(DxChartComponent, _super);
function DxChartComponent(elementRef, ngZone, templateHost, _watcherHelper, _idh, optionHost, transferState, platformId) {
var _this = _super.call(this, elementRef, ngZone, templateHost, _watcherHelper, transferState, platformId) || this;
_this._watcherHelper = _watcherHelper;
_this._idh = _idh;
_this._createEventEmitters([
{ subscribe: 'argumentAxisClick', emit: 'onArgumentAxisClick' },
{ subscribe: 'disposing', emit: 'onDisposing' },
{ subscribe: 'done', emit: 'onDone' },
{ subscribe: 'drawn', emit: 'onDrawn' },
{ subscribe: 'exported', emit: 'onExported' },
{ subscribe: 'exporting', emit: 'onExporting' },
{ subscribe: 'fileSaving', emit: 'onFileSaving' },
{ subscribe: 'incidentOccurred', emit: 'onIncidentOccurred' },
{ subscribe: 'initialized', emit: 'onInitialized' },
{ subscribe: 'legendClick', emit: 'onLegendClick' },
{ subscribe: 'optionChanged', emit: 'onOptionChanged' },
{ subscribe: 'pointClick', emit: 'onPointClick' },
{ subscribe: 'pointHoverChanged', emit: 'onPointHoverChanged' },
{ subscribe: 'pointSelectionChanged', emit: 'onPointSelectionChanged' },
{ subscribe: 'seriesClick', emit: 'onSeriesClick' },
{ subscribe: 'seriesHoverChanged', emit: 'onSeriesHoverChanged' },
{ subscribe: 'seriesSelectionChanged', emit: 'onSeriesSelectionChanged' },
{ subscribe: 'tooltipHidden', emit: 'onTooltipHidden' },
{ subscribe: 'tooltipShown', emit: 'onTooltipShown' },
{ subscribe: 'zoomEnd', emit: 'onZoomEnd' },
{ subscribe: 'zoomStart', emit: 'onZoomStart' },
{ emit: 'adaptiveLayoutChange' },
{ emit: 'adjustOnZoomChange' },
{ emit: 'animationChange' },
{ emit: 'annotationsChange' },
{ emit: 'argumentAxisChange' },
{ emit: 'autoHidePointMarkersChange' },
{ emit: 'barGroupPaddingChange' },
{ emit: 'barGroupWidthChange' },
{ emit: 'commonAnnotationSettingsChange' },
{ emit: 'commonAxisSettingsChange' },
{ emit: 'commonPaneSettingsChange' },
{ emit: 'commonSeriesSettingsChange' },
{ emit: 'containerBackgroundColorChange' },
{ emit: 'crosshairChange' },
{ emit: 'customizeAnnotationChange' },
{ emit: 'customizeLabelChange' },
{ emit: 'customizePointChange' },
{ emit: 'dataPrepareSettingsChange' },
{ emit: 'dataSourceChange' },
{ emit: 'defaultPaneChange' },
{ emit: 'disabledChange' },
{ emit: 'elementAttrChange' },
{ emit: 'exportChange' },
{ emit: 'legendChange' },
{ emit: 'loadingIndicatorChange' },
{ emit: 'marginChange' },
{ emit: 'maxBubbleSizeChange' },
{ emit: 'minBubbleSizeChange' },
{ emit: 'negativesAsZeroesChange' },
{ emit: 'paletteChange' },
{ emit: 'paletteExtensionModeChange' },
{ emit: 'panesChange' },
{ emit: 'pathModifiedChange' },
{ emit: 'pointSelectionModeChange' },
{ emit: 'redrawOnResizeChange' },
{ emit: 'resizePanesOnZoomChange' },
{ emit: 'resolveLabelOverlappingChange' },
{ emit: 'rotatedChange' },
{ emit: 'rtlEnabledChange' },
{ emit: 'scrollBarChange' },
{ emit: 'seriesChange' },
{ emit: 'seriesSelectionModeChange' },
{ emit: 'seriesTemplateChange' },
{ emit: 'sizeChange' },
{ emit: 'stickyHoveringChange' },
{ emit: 'synchronizeMultiAxesChange' },
{ emit: 'themeChange' },
{ emit: 'titleChange' },
{ emit: 'tooltipChange' },
{ emit: 'valueAxisChange' },
{ emit: 'zoomAndPanChange' }
]);
_this._idh.setHost(_this);
optionHost.setHost(_this);
return _this;
}
Object.defineProperty(DxChartComponent.prototype, "adaptiveLayout", {
/**
* Specifies adaptive layout properties.
*/
get: function () {
return this._getOption('adaptiveLayout');
},
set: function (value) {
this._setOption('adaptiveLayout', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "adjustOnZoom", {
/**
* Specifies whether to adjust the value axis's visualRange when the argument axis is being zoomed or panned.
*/
get: function () {
return this._getOption('adjustOnZoom');
},
set: function (value) {
this._setOption('adjustOnZoom', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "animation", {
/**
* Specifies animation properties.
*/
get: function () {
return this._getOption('animation');
},
set: function (value) {
this._setOption('animation', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "annotations", {
/**
* Specifies the annotation collection.
*/
get: function () {
return this._getOption('annotations');
},
set: function (value) {
this._setOption('annotations', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "argumentAxis", {
/**
* Configures the argument axis.
*/
get: function () {
return this._getOption('argumentAxis');
},
set: function (value) {
this._setOption('argumentAxis', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "autoHidePointMarkers", {
/**
* Specifies whether to hide series point markers automatically to reduce visual clutter.
*/
get: function () {
return this._getOption('autoHidePointMarkers');
},
set: function (value) {
this._setOption('autoHidePointMarkers', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "barGroupPadding", {
/**
* Controls the padding and consequently the width of a group of bars with the same argument using relative units. Ignored if the barGroupWidth property is set.
*/
get: function () {
return this._getOption('barGroupPadding');
},
set: function (value) {
this._setOption('barGroupPadding', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "barGroupWidth", {
/**
* Specifies a fixed width for groups of bars with the same argument, measured in pixels. Takes precedence over the barGroupPadding property.
*/
get: function () {
return this._getOption('barGroupWidth');
},
set: function (value) {
this._setOption('barGroupWidth', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "commonAnnotationSettings", {
/**
* Specifies settings common for all annotations in the chart.
*/
get: function () {
return this._getOption('commonAnnotationSettings');
},
set: function (value) {
this._setOption('commonAnnotationSettings', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "commonAxisSettings", {
/**
* Defines common settings for both the argument and value axis in a chart.
*/
get: function () {
return this._getOption('commonAxisSettings');
},
set: function (value) {
this._setOption('commonAxisSettings', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "commonPaneSettings", {
/**
* Defines common settings for all panes in a chart.
*/
get: function () {
return this._getOption('commonPaneSettings');
},
set: function (value) {
this._setOption('commonPaneSettings', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "commonSeriesSettings", {
/**
* Specifies settings common for all series in the chart.
*/
get: function () {
return this._getOption('commonSeriesSettings');
},
set: function (value) {
this._setOption('commonSeriesSettings', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "containerBackgroundColor", {
/**
* Colors the background of the chart container.
*/
get: function () {
return this._getOption('containerBackgroundColor');
},
set: function (value) {
this._setOption('containerBackgroundColor', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "crosshair", {
/**
* Configures the crosshair feature.
*/
get: function () {
return this._getOption('crosshair');
},
set: function (value) {
this._setOption('crosshair', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "customizeAnnotation", {
/**
* Customizes an individual annotation.
*/
get: function () {
return this._getOption('customizeAnnotation');
},
set: function (value) {
this._setOption('customizeAnnotation', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "customizeLabel", {
/**
* Customizes the appearance of an individual point label.
*/
get: function () {
return this._getOption('customizeLabel');
},
set: function (value) {
this._setOption('customizeLabel', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "customizePoint", {
/**
* Customizes the appearance of an individual series point.
*/
get: function () {
return this._getOption('customizePoint');
},
set: function (value) {
this._setOption('customizePoint', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "dataPrepareSettings", {
/**
* Processes data before visualizing it.
*/
get: function () {
return this._getOption('dataPrepareSettings');
},
set: function (value) {
this._setOption('dataPrepareSettings', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "dataSource", {
/**
* Binds the UI component to data.
*/
get: function () {
return this._getOption('dataSource');
},
set: function (value) {
this._setOption('dataSource', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "defaultPane", {
/**
* Specifies which pane should be used by default.
*/
get: function () {
return this._getOption('defaultPane');
},
set: function (value) {
this._setOption('defaultPane', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "disabled", {
/**
* Specifies whether the UI component responds to user interaction.
*/
get: function () {
return this._getOption('disabled');
},
set: function (value) {
this._setOption('disabled', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "elementAttr", {
/**
* Specifies the global attributes to be attached to the UI component's container element.
*/
get: function () {
return this._getOption('elementAttr');
},
set: function (value) {
this._setOption('elementAttr', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "export", {
/**
* Configures the exporting and printing features.
*/
get: function () {
return this._getOption('export');
},
set: function (value) {
this._setOption('export', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "legend", {
/**
* Specifies the properties of a chart's legend.
*/
get: function () {
return this._getOption('legend');
},
set: function (value) {
this._setOption('legend', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "loadingIndicator", {
/**
* Configures the loading indicator.
*/
get: function () {
return this._getOption('loadingIndicator');
},
set: function (value) {
this._setOption('loadingIndicator', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "margin", {
/**
* Generates space around the UI component.
*/
get: function () {
return this._getOption('margin');
},
set: function (value) {
this._setOption('margin', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "maxBubbleSize", {
/**
* Specifies a coefficient determining the diameter of the largest bubble.
*/
get: function () {
return this._getOption('maxBubbleSize');
},
set: function (value) {
this._setOption('maxBubbleSize', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "minBubbleSize", {
/**
* Specifies the diameter of the smallest bubble measured in pixels.
*/
get: function () {
return this._getOption('minBubbleSize');
},
set: function (value) {
this._setOption('minBubbleSize', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "negativesAsZeroes", {
/**
* Forces the UI component to treat negative values as zeroes. Applies to stacked-like series only.
*/
get: function () {
return this._getOption('negativesAsZeroes');
},
set: function (value) {
this._setOption('negativesAsZeroes', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "palette", {
/**
* Sets the palette to be used for colorizing series and their elements.
*/
get: function () {
return this._getOption('palette');
},
set: function (value) {
this._setOption('palette', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "paletteExtensionMode", {
/**
* Specifies what to do with colors in the palette when their number is less than the number of series (in the Chart UI component) or points in a series (in the PieChart UI component).
*/
get: function () {
return this._getOption('paletteExtensionMode');
},
set: function (value) {
this._setOption('paletteExtensionMode', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "panes", {
/**
* Declares a collection of panes.
*/
get: function () {
return this._getOption('panes');
},
set: function (value) {
this._setOption('panes', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "pathModified", {
/**
* Notifies the UI component that it is embedded into an HTML page that uses a tag modifying the path.
*/
get: function () {
return this._getOption('pathModified');
},
set: function (value) {
this._setOption('pathModified', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "pointSelectionMode", {
/**
* Specifies whether a single point or multiple points can be selected in the chart.
*/
get: function () {
return this._getOption('pointSelectionMode');
},
set: function (value) {
this._setOption('pointSelectionMode', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "redrawOnResize", {
/**
* Specifies whether to redraw the UI component when the size of the parent browser window changes or a mobile device rotates.
*/
get: function () {
return this._getOption('redrawOnResize');
},
set: function (value) {
this._setOption('redrawOnResize', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "resizePanesOnZoom", {
/**
* Specifies whether panes can be resized if other chart elements require more space after zooming or panning.
*/
get: function () {
return this._getOption('resizePanesOnZoom');
},
set: function (value) {
this._setOption('resizePanesOnZoom', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "resolveLabelOverlapping", {
/**
* Specifies how the chart must behave when series point labels overlap.
*/
get: function () {
return this._getOption('resolveLabelOverlapping');
},
set: function (value) {
this._setOption('resolveLabelOverlapping', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "rotated", {
/**
* Swaps the axes around making the value axis horizontal and the argument axis vertical.
*/
get: function () {
return this._getOption('rotated');
},
set: function (value) {
this._setOption('rotated', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "rtlEnabled", {
/**
* Switches the UI component to a right-to-left representation.
*/
get: function () {
return this._getOption('rtlEnabled');
},
set: function (value) {
this._setOption('rtlEnabled', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "scrollBar", {
/**
* Specifies the settings of the scroll bar.
*/
get: function () {
return this._getOption('scrollBar');
},
set: function (value) {
this._setOption('scrollBar', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "series", {
/**
* Specifies properties for Chart UI component series.
*/
get: function () {
return this._getOption('series');
},
set: function (value) {
this._setOption('series', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "seriesSelectionMode", {
/**
* Specifies whether a single series or multiple series can be selected in the chart.
*/
get: function () {
return this._getOption('seriesSelectionMode');
},
set: function (value) {
this._setOption('seriesSelectionMode', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "seriesTemplate", {
/**
* Defines properties for the series template.
*/
get: function () {
return this._getOption('seriesTemplate');
},
set: function (value) {
this._setOption('seriesTemplate', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "size", {
/**
* Specifies the UI component's size in pixels.
*/
get: function () {
return this._getOption('size');
},
set: function (value) {
this._setOption('size', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "stickyHovering", {
/**
* Specifies whether a point should remain in the hover state when the mouse pointer moves away.
*/
get: function () {
return this._getOption('stickyHovering');
},
set: function (value) {
this._setOption('stickyHovering', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "synchronizeMultiAxes", {
/**
* Indicates whether or not to synchronize value axes when they are displayed on a single pane.
*/
get: function () {
return this._getOption('synchronizeMultiAxes');
},
set: function (value) {
this._setOption('synchronizeMultiAxes', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "theme", {
/**
* Sets the name of the theme the UI component uses.
*/
get: function () {
return this._getOption('theme');
},
set: function (value) {
this._setOption('theme', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "title", {
/**
* Configures the UI component's title.
*/
get: function () {
return this._getOption('title');
},
set: function (value) {
this._setOption('title', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "tooltip", {
/**
* Configures tooltips.
*/
get: function () {
return this._getOption('tooltip');
},
set: function (value) {
this._setOption('tooltip', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "valueAxis", {
/**
* Configures the value axis.
*/
get: function () {
return this._getOption('valueAxis');
},
set: function (value) {
this._setOption('valueAxis', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "zoomAndPan", {
/**
* Configures zooming and panning.
*/
get: function () {
return this._getOption('zoomAndPan');
},
set: function (value) {
this._setOption('zoomAndPan', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "annotationsChildren", {
get: function () {
return this._getOption('annotations');
},
set: function (value) {
this.setChildren('annotations', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "panesChildren", {
get: function () {
return this._getOption('panes');
},
set: function (value) {
this.setChildren('panes', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "seriesChildren", {
get: function () {
return this._getOption('series');
},
set: function (value) {
this.setChildren('series', value);
},
enumerable: true,
configurable: true
});
Object.defineProperty(DxChartComponent.prototype, "valueAxisChildren", {
get: function () {
return this._getOption('valueAxis');
},
set: function (value) {
this.setChildren('valueAxis', value);
},
enumerable: true,
configurable: true
});
DxChartComponent.prototype._createInstance = function (element, options) {
return new DxChart(element, options);
};
DxChartComponent.prototype.ngOnDestroy = function () {
this._destroyWidget();
};
DxChartComponent.prototype.ngOnChanges = function (changes) {
_super.prototype.ngOnChanges.call(this, changes);
this.setupChanges('annotations', changes);
this.setupChanges('dataSource', changes);
this.setupChanges('palette', changes);
this.setupChanges('panes', changes);
this.setupChanges('series', changes);
this.setupChanges('valueAxis', changes);
};
DxChartComponent.prototype.setupChanges = function (prop, changes) {
if (!(prop in this._optionsToUpdate)) {
this._idh.setup(prop, changes);
}
};
DxChartComponent.prototype.ngDoCheck = function () {
this._idh.doCheck('annotations');
this._idh.doCheck('dataSource');
this._idh.doCheck('palette');
this._idh.doCheck('panes');
this._idh.doCheck('series');
this._idh.doCheck('valueAxis');
this._watcherHelper.checkWatchers();
_super.prototype.ngDoCheck.call(this);
_super.prototype.clearChangedOptions.call(this);
};
DxChartComponent.prototype._setOption = function (name, value) {
var isSetup = this._idh.setupSingle(name, value);
var isChanged = this._idh.getChanges(name, value) !== null;
if (isSetup || isChanged) {
_super.prototype._setOption.call(this, name, value);
}
};
DxChartComponent.ctorParameters = function () { return [
{ type: ElementRef },
{ type: NgZone },
{ type: DxTemplateHost },
{ type: WatcherHelper },
{ type: IterableDifferHelper },
{ type: NestedOptionHost },
{ type: TransferState },
{ type: undefined, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] }
]; };
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Object),
tslib_1.__metadata("design:paramtypes", [Object])
], DxChartComponent.prototype, "adaptiveLayout", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Boolean),
tslib_1.__metadata("design:paramtypes", [Boolean])
], DxChartComponent.prototype, "adjustOnZoom", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Object),
tslib_1.__metadata("design:paramtypes", [Object])
], DxChartComponent.prototype, "animation", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Array),
tslib_1.__metadata("design:paramtypes", [Array])
], DxChartComponent.prototype, "annotations", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Object),
tslib_1.__metadata("design:paramtypes", [Object])
], DxChartComponent.prototype, "argumentAxis", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Boolean),
tslib_1.__metadata("design:paramtypes", [Boolean])
], DxChartComponent.prototype, "autoHidePointMarkers", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Number),
tslib_1.__metadata("design:paramtypes", [Number])
], DxChartComponent.prototype, "barGroupPadding", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Number),
tslib_1.__metadata("design:paramtypes", [Number])
], DxChartComponent.prototype, "barGroupWidth", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Object),
tslib_1.__metadata("design:paramtypes", [Object])
], DxChartComponent.prototype, "commonAnnotationSettings", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Object),
tslib_1.__metadata("design:paramtypes", [Object])
], DxChartComponent.prototype, "commonAxisSettings", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Object),
tslib_1.__metadata("design:paramtypes", [Object])
], DxChartComponent.prototype, "commonPaneSettings", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Object),
tslib_1.__metadata("design:paramtypes", [Object])
], DxChartComponent.prototype, "commonSeriesSettings", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", String),
tslib_1.__metadata("design:paramtypes", [String])
], DxChartComponent.prototype, "containerBackgroundColor", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Object),
tslib_1.__metadata("design:paramtypes", [Object])
], DxChartComponent.prototype, "crosshair", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Function),
tslib_1.__metadata("design:paramtypes", [Function])
], DxChartComponent.prototype, "customizeAnnotation", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Function),
tslib_1.__metadata("design:paramtypes", [Function])
], DxChartComponent.prototype, "customizeLabel", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Function),
tslib_1.__metadata("design:paramtypes", [Function])
], DxChartComponent.prototype, "customizePoint", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Object),
tslib_1.__metadata("design:paramtypes", [Object])
], DxChartComponent.prototype, "dataPrepareSettings", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Object),
tslib_1.__metadata("design:paramtypes", [Object])
], DxChartComponent.prototype, "dataSource", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", String),
tslib_1.__metadata("design:paramtypes", [String])
], DxChartComponent.prototype, "defaultPane", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Boolean),
tslib_1.__metadata("design:paramtypes", [Boolean])
], DxChartComponent.prototype, "disabled", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Object),
tslib_1.__metadata("design:paramtypes", [Object])
], DxChartComponent.prototype, "elementAttr", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Object),
tslib_1.__metadata("design:paramtypes", [Object])
], DxChartComponent.prototype, "export", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Object),
tslib_1.__metadata("design:paramtypes", [Object])
], DxChartComponent.prototype, "legend", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Object),
tslib_1.__metadata("design:paramtypes", [Object])
], DxChartComponent.prototype, "loadingIndicator", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Object),
tslib_1.__metadata("design:paramtypes", [Object])
], DxChartComponent.prototype, "margin", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Number),
tslib_1.__metadata("design:paramtypes", [Number])
], DxChartComponent.prototype, "maxBubbleSize", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Number),
tslib_1.__metadata("design:paramtypes", [Number])
], DxChartComponent.prototype, "minBubbleSize", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Boolean),
tslib_1.__metadata("design:paramtypes", [Boolean])
], DxChartComponent.prototype, "negativesAsZeroes", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Object),
tslib_1.__metadata("design:paramtypes", [Object])
], DxChartComponent.prototype, "palette", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", String),
tslib_1.__metadata("design:paramtypes", [String])
], DxChartComponent.prototype, "paletteExtensionMode", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Array),
tslib_1.__metadata("design:paramtypes", [Array])
], DxChartComponent.prototype, "panes", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Boolean),
tslib_1.__metadata("design:paramtypes", [Boolean])
], DxChartComponent.prototype, "pathModified", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", String),
tslib_1.__metadata("design:paramtypes", [String])
], DxChartComponent.prototype, "pointSelectionMode", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Boolean),
tslib_1.__metadata("design:paramtypes", [Boolean])
], DxChartComponent.prototype, "redrawOnResize", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Boolean),
tslib_1.__metadata("design:paramtypes", [Boolean])
], DxChartComponent.prototype, "resizePanesOnZoom", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", String),
tslib_1.__metadata("design:paramtypes", [String])
], DxChartComponent.prototype, "resolveLabelOverlapping", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Boolean),
tslib_1.__metadata("design:paramtypes", [Boolean])
], DxChartComponent.prototype, "rotated", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Boolean),
tslib_1.__metadata("design:paramtypes", [Boolean])
], DxChartComponent.prototype, "rtlEnabled", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Object),
tslib_1.__metadata("design:paramtypes", [Object])
], DxChartComponent.prototype, "scrollBar", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Object),
tslib_1.__metadata("design:paramtypes", [Object])
], DxChartComponent.prototype, "series", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", String),
tslib_1.__metadata("design:paramtypes", [String])
], DxChartComponent.prototype, "seriesSelectionMode", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Object),
tslib_1.__metadata("design:paramtypes", [Object])
], DxChartComponent.prototype, "seriesTemplate", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Object),
tslib_1.__metadata("design:paramtypes", [Object])
], DxChartComponent.prototype, "size", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Boolean),
tslib_1.__metadata("design:paramtypes", [Boolean])
], DxChartComponent.prototype, "stickyHovering", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Boolean),
tslib_1.__metadata("design:paramtypes", [Boolean])
], DxChartComponent.prototype, "synchronizeMultiAxes", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", String),
tslib_1.__metadata("design:paramtypes", [String])
], DxChartComponent.prototype, "theme", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Object),
tslib_1.__metadata("design:paramtypes", [Object])
], DxChartComponent.prototype, "title", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Object),
tslib_1.__metadata("design:paramtypes", [Object])
], DxChartComponent.prototype, "tooltip", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Array),
tslib_1.__metadata("design:paramtypes", [Array])
], DxChartComponent.prototype, "valueAxis", null);
tslib_1.__decorate([
Input(),
tslib_1.__metadata("design:type", Object),
tslib_1.__metadata("design:paramtypes", [Object])
], DxChartComponent.prototype, "zoomAndPan", null);
tslib_1.__decorate([
Output(),
tslib_1.__metadata("design:type", EventEmitter)
], DxChartComponent.prototype, "onArgumentAxisClick", void 0);
tslib_1.__decorate([
Output(),
tslib_1.__metadata("design:type", EventEmitter)
], DxChartComponent.prototype, "onDisposing", void 0);
tslib_1.__decorate([
Output(),
tslib_1.__metadata("design:type", EventEmitter)
], DxChartComponent.prototype, "onDone", void 0);
tslib_1.__decorate([
Output(),
tslib_1.__metadata("design:type", EventEmitter)
], DxChartComponent.prototype, "onDrawn", void 0);
tslib_1.__decorate([
Output(),
tslib_1.__metadata("design:type", EventEmitter)
], DxChartComponent.prototype, "onExported", void 0);
tslib_1.__decorate([
Output(),
tslib_1.__metadata("design:type", EventEmitter)
], DxChartComponent.prototype, "onExporting", void 0);
tslib_1.__decorate([
Output(),
tslib_1.__metadata("design:type", EventEmitter)
], DxChartComponent.prototype, "onFileSaving", void 0);
tslib_1.__decorate([
Output(),
tslib_1.__metadata("design:type", EventEmitter)
], DxChartComponent.prototype, "onIncidentOccurred", void 0);
tslib_1.__decorate([
Output(),
tslib_1.__metadata("design:type", EventEmitter)
], DxChartComponent.prototype, "onInitialized", void 0);
tslib_1.__decorate([
Output(),
tslib_1.__metadata("design:type", Event