Socket
Socket
Sign inDemoInstall

@syncfusion/ej2-charts

Package Overview
Dependencies
4
Maintainers
2
Versions
284
Alerts
File Explorer

Advanced tools

npm Scripts
License

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 15.4.17 to 15.4.20

387

dist/es6/accumulation-chart/accumulation.js

@@ -17,2 +17,5 @@ var __extends = (this && this.__extends) || (function () {

};
/**
* AccumulationChart file
*/
import { Property, Component, Complex, Collection, NotifyPropertyChanges } from '@syncfusion/ej2-base';

@@ -35,6 +38,21 @@ import { Internationalization, Event, Browser, EventHandler, Touch } from '@syncfusion/ej2-base';

import { ExportUtils } from '../common/utils/export';
var AccumulationChart = (function (_super) {
/**
* Represents the AccumulationChart control.
* ```html
* <div id="accumulation"/>
* <script>
* var accObj = new AccumulationChart({ });
* accObj.appendTo("#accumulation");
* </script>
* ```
*/
var AccumulationChart = /** @class */ (function (_super) {
__extends(AccumulationChart, _super);
/**
* Constructor for creating the AccumulationChart widget
* @private
*/
function AccumulationChart(options, element) {
var _this = _super.call(this, options, element) || this;
/** @private explode radius internal property */
_this.explodeDistance = 0;

@@ -44,2 +62,3 @@ return _this;

Object.defineProperty(AccumulationChart.prototype, "type", {
/** @private */
get: function () {

@@ -54,2 +73,6 @@ if (this.series && this.series.length) {

});
// accumulation chart methods
/**
* To create svg object, renderer and binding events for the container.
*/
AccumulationChart.prototype.preRender = function () {

@@ -62,2 +85,5 @@ this.unWireEvents();

};
/**
* To render the accumulation chart elements
*/
AccumulationChart.prototype.render = function () {

@@ -70,3 +96,7 @@ this.trigger(load, { accumulation: this });

};
/**
* Method to unbind events for accumulation chart
*/
AccumulationChart.prototype.unWireEvents = function () {
/*! Find the Events type */
var isIE11Pointer = Browser.isPointer;

@@ -77,2 +107,3 @@ var start = Browser.touchStartEvent;

var cancel = isIE11Pointer ? 'pointerleave' : 'mouseleave';
/*! UnBind the Event handler */
EventHandler.remove(this.element, move, this.accumulationMouseMove);

@@ -86,3 +117,7 @@ EventHandler.remove(this.element, stop, this.accumulationMouseEnd);

};
/**
* Method to bind events for the accumulation chart
*/
AccumulationChart.prototype.wireEvents = function () {
/*! Find the Events type */
var isIE11Pointer = Browser.isPointer;

@@ -93,2 +128,3 @@ var start = Browser.touchStartEvent;

var cancel = isIE11Pointer ? 'pointerleave' : 'mouseleave';
/*! Bind the Event handler */
EventHandler.add(this.element, move, this.accumulationMouseMove, this);

@@ -101,5 +137,9 @@ EventHandler.add(this.element, stop, this.accumulationMouseEnd, this);

window.addEventListener((Browser.isTouch && ('orientation' in window && 'onorientationchange' in window)) ? 'orientationchange' : 'resize', this.accumulationResize.bind(this));
new Touch(this.element);
new Touch(this.element); // To avoid geasture blocking for browser
/*! Apply the style for chart */
this.setStyle(this.element);
};
/**
* Method to set mouse x, y from events
*/
AccumulationChart.prototype.setMouseXY = function (e) {

@@ -122,2 +162,7 @@ var pageX;

};
/**
* Handles the mouse end.
* @return {boolean}
* @private
*/
AccumulationChart.prototype.accumulationMouseEnd = function (e) {

@@ -141,2 +186,6 @@ this.setMouseXY(e);

};
/**
* To find mouse x, y for aligned chart element svg position
* @private
*/
AccumulationChart.prototype.removeSvgOffset = function (x, y) {

@@ -147,2 +196,7 @@ var rect = this.element.getBoundingClientRect();

};
/**
* Handles the mouse start.
* @return {boolean}
* @private
*/
AccumulationChart.prototype.accumulationMouseStart = function (e) {

@@ -153,2 +207,7 @@ this.setMouseXY(e);

};
/**
* Handles the accumulation chart resize.
* @return {boolean}
* @private
*/
AccumulationChart.prototype.accumulationResize = function (e) {

@@ -178,2 +237,5 @@ var _this = this;

};
/**
* Handles the export method for chart control.
*/
AccumulationChart.prototype.export = function (type, fileName) {

@@ -183,2 +245,5 @@ var exportChart = new ExportUtils(this);

};
/**
* Handles the print method for accumulation chart control.
*/
AccumulationChart.prototype.print = function (id) {

@@ -188,2 +253,5 @@ var exportChart = new ExportUtils(this);

};
/**
* Applying styles for accumulation chart element
*/
AccumulationChart.prototype.setStyle = function (element) {

@@ -197,2 +265,7 @@ element.style.touchAction = 'element';

};
/**
* Handles the mouse move on accumulation chart.
* @return {boolean}
* @private
*/
AccumulationChart.prototype.accumulationMouseMove = function (e) {

@@ -224,2 +297,7 @@ this.setMouseXY(e);

};
/**
* Handles the mouse click on accumulation chart.
* @return {boolean}
* @private
*/
AccumulationChart.prototype.accumulationOnMouseClick = function (e) {

@@ -239,2 +317,7 @@ this.setMouseXY(e);

};
/**
* Handles the mouse right click on accumulation chart.
* @return {boolean}
* @private
*/
AccumulationChart.prototype.accumulationRightClick = function (event) {

@@ -248,2 +331,7 @@ if (event.buttons === 2 || event.pointerType === 'touch') {

};
/**
* Handles the mouse leave on accumulation chart.
* @return {boolean}
* @private
*/
AccumulationChart.prototype.accumulationMouseLeave = function (e) {

@@ -257,5 +345,11 @@ this.setMouseXY(e);

};
/**
* Method to set culture for chart
*/
AccumulationChart.prototype.setCulture = function () {
this.intl = new Internationalization();
};
/**
* Method to create SVG element for accumulation chart.
*/
AccumulationChart.prototype.createPieSvg = function () {

@@ -265,2 +359,7 @@ this.removeSvg();

};
/**
* To Remove the SVG from accumulation chart.
* @return {boolean}
* @private
*/
AccumulationChart.prototype.removeSvg = function () {

@@ -279,2 +378,5 @@ removeElement(this.element.id + '_Secondary_Element');

};
/**
* Method to create the secondary element for tooltip, datalabel and annotaitons.
*/
AccumulationChart.prototype.createSecondaryElement = function () {

@@ -286,2 +388,5 @@ this.element.appendChild(createElement('div', {

};
/**
* Method to find visible series based on series types
*/
AccumulationChart.prototype.calculateVisibleSeries = function () {

@@ -297,2 +402,5 @@ this.visibleSeries = [];

};
/**
* To find points from dataSource
*/
AccumulationChart.prototype.processData = function () {

@@ -306,2 +414,6 @@ this.seriesCounts = 0;

};
/**
* To refresh the accumulation chart
* @private
*/
AccumulationChart.prototype.refreshChart = function () {

@@ -313,2 +425,5 @@ this.doGrouppingProcess();

};
/**
* Method to find groupped points
*/
AccumulationChart.prototype.doGrouppingProcess = function () {

@@ -321,2 +436,5 @@ var series = this.visibleSeries[0];

};
/**
* Method to calculate bounds for accumulation chart
*/
AccumulationChart.prototype.calculateBounds = function () {

@@ -327,2 +445,5 @@ this.initialClipRect = new Rect(this.margin.left, this.margin.top, this.availableSize.width, this.availableSize.height);

};
/*
* Method to calculate legend bounds for accumulation chart
*/
AccumulationChart.prototype.calculateLegendBounds = function () {

@@ -335,2 +456,6 @@ if (!this.accumulationLegendModule || !this.legendSettings.visible) {

};
/**
* To render elements for accumulation chart
* @private
*/
AccumulationChart.prototype.renderElements = function () {

@@ -350,2 +475,5 @@ this.renderBorder();

};
/**
* To set the left and top position for data label template for center aligned chart
*/
AccumulationChart.prototype.setSecondaryElementPosition = function () {

@@ -366,2 +494,5 @@ var tooltipParent = getElement(this.element.id + '_Secondary_Element');

};
/**
* To render the annotaitions for accumulation series.
*/
AccumulationChart.prototype.renderAnnotation = function () {

@@ -372,2 +503,5 @@ if (this.annotationModule) {

};
/**
* Method to process the explode in accumulation chart
*/
AccumulationChart.prototype.processExplode = function () {

@@ -379,2 +513,5 @@ if (!this.visibleSeries[0].explode) {

};
/**
* Method to render series for accumulation chart
*/
AccumulationChart.prototype.renderSeries = function () {

@@ -390,2 +527,5 @@ this.svgObject.appendChild(this.renderer.createGroup({ id: this.element.id + '_SeriesCollection' }));

};
/**
* Method to render border for accumulation chart
*/
AccumulationChart.prototype.renderBorder = function () {

@@ -395,2 +535,5 @@ var padding = this.border.width;

};
/**
* Method to render legend for accumulation chart
*/
AccumulationChart.prototype.renderLegend = function () {

@@ -407,2 +550,5 @@ if (!this.accumulationLegendModule || !this.legendSettings.visible) {

};
/**
* To process the selection in accumulation chart
*/
AccumulationChart.prototype.processSelection = function () {

@@ -419,2 +565,5 @@ if (!this.accumulationSelectionModule || this.selectionMode === 'None') {

};
/**
* To render title for accumulation chart
*/
AccumulationChart.prototype.renderTitle = function () {

@@ -429,5 +578,13 @@ if (!this.title) {

};
/**
* To get the series parent element
* @private
*/
AccumulationChart.prototype.getSeriesElement = function () {
return this.svgObject.getElementsByTagName('g')[0];
};
/**
* To refresh the all visible series points
* @private
*/
AccumulationChart.prototype.refreshSeries = function () {

@@ -439,2 +596,6 @@ for (var _i = 0, _a = this.visibleSeries; _i < _a.length; _i++) {

};
/**
* To refresh points label region and visible
* @private
*/
AccumulationChart.prototype.refreshPoints = function (points) {

@@ -448,5 +609,13 @@ for (var _i = 0, points_1 = points; _i < points_1.length; _i++) {

};
/**
* To get Module name
* @private
*/
AccumulationChart.prototype.getModuleName = function () {
return 'accumulationchart';
};
/**
* To destroy the accumulationcharts
* @private
*/
AccumulationChart.prototype.destroy = function () {

@@ -457,2 +626,7 @@ this.unWireEvents();

};
/**
* To provide the array of modules needed for control rendering
* @return {ModuleDeclaration[]}
* @private
*/
AccumulationChart.prototype.requiredModules = function () {

@@ -500,2 +674,5 @@ var modules = [];

};
/**
* To find datalabel visibility in series
*/
AccumulationChart.prototype.findDatalabelVisibility = function () {

@@ -510,5 +687,13 @@ for (var _i = 0, _a = this.series; _i < _a.length; _i++) {

};
/**
* Get the properties to be maintained in the persisted state.
* @private
*/
AccumulationChart.prototype.getPersistData = function () {
return '';
};
/**
* Called internally if any of the property value changed.
* @private
*/
AccumulationChart.prototype.onPropertyChanged = function (newProp, oldProp) {

@@ -580,103 +765,103 @@ var update = {

};
__decorate([
Property(null)
], AccumulationChart.prototype, "width", void 0);
__decorate([
Property(null)
], AccumulationChart.prototype, "height", void 0);
__decorate([
Property(null)
], AccumulationChart.prototype, "title", void 0);
__decorate([
Complex(Theme.chartTitleFont, Font)
], AccumulationChart.prototype, "titleStyle", void 0);
__decorate([
Complex({}, LegendSettings)
], AccumulationChart.prototype, "legendSettings", void 0);
__decorate([
Complex({}, AccumulationTooltipSettings)
], AccumulationChart.prototype, "tooltip", void 0);
__decorate([
Property('None')
], AccumulationChart.prototype, "selectionMode", void 0);
__decorate([
Property(false)
], AccumulationChart.prototype, "isMultiSelect", void 0);
__decorate([
Collection([], Indexes)
], AccumulationChart.prototype, "selectedDataIndexes", void 0);
__decorate([
Complex({}, Margin)
], AccumulationChart.prototype, "margin", void 0);
__decorate([
Property(true)
], AccumulationChart.prototype, "enableSmartLabels", void 0);
__decorate([
Complex({ color: '#DDDDDD', width: 0 }, Border)
], AccumulationChart.prototype, "border", void 0);
__decorate([
Property(Theme.chartBackgroundColor)
], AccumulationChart.prototype, "background", void 0);
__decorate([
Collection([{}], AccumulationSeries)
], AccumulationChart.prototype, "series", void 0);
__decorate([
Collection([{}], AccumulationAnnotationSettings)
], AccumulationChart.prototype, "annotations", void 0);
__decorate([
Property('Material')
], AccumulationChart.prototype, "theme", void 0);
__decorate([
Event()
], AccumulationChart.prototype, "loaded", void 0);
__decorate([
Event()
], AccumulationChart.prototype, "load", void 0);
__decorate([
Event()
], AccumulationChart.prototype, "seriesRender", void 0);
__decorate([
Event()
], AccumulationChart.prototype, "legendRender", void 0);
__decorate([
Event()
], AccumulationChart.prototype, "textRender", void 0);
__decorate([
Event()
], AccumulationChart.prototype, "tooltipRender", void 0);
__decorate([
Event()
], AccumulationChart.prototype, "pointRender", void 0);
__decorate([
Event()
], AccumulationChart.prototype, "annotationRender", void 0);
__decorate([
Event()
], AccumulationChart.prototype, "beforePrint", void 0);
__decorate([
Event()
], AccumulationChart.prototype, "chartMouseMove", void 0);
__decorate([
Event()
], AccumulationChart.prototype, "chartMouseClick", void 0);
__decorate([
Event()
], AccumulationChart.prototype, "animationComplete", void 0);
__decorate([
Event()
], AccumulationChart.prototype, "chartMouseDown", void 0);
__decorate([
Event()
], AccumulationChart.prototype, "chartMouseLeave", void 0);
__decorate([
Event()
], AccumulationChart.prototype, "chartMouseUp", void 0);
__decorate([
Event()
], AccumulationChart.prototype, "resized", void 0);
AccumulationChart = __decorate([
NotifyPropertyChanges
], AccumulationChart);
return AccumulationChart;
}(Component));
__decorate([
Property(null)
], AccumulationChart.prototype, "width", void 0);
__decorate([
Property(null)
], AccumulationChart.prototype, "height", void 0);
__decorate([
Property(null)
], AccumulationChart.prototype, "title", void 0);
__decorate([
Complex(Theme.chartTitleFont, Font)
], AccumulationChart.prototype, "titleStyle", void 0);
__decorate([
Complex({}, LegendSettings)
], AccumulationChart.prototype, "legendSettings", void 0);
__decorate([
Complex({}, AccumulationTooltipSettings)
], AccumulationChart.prototype, "tooltip", void 0);
__decorate([
Property('None')
], AccumulationChart.prototype, "selectionMode", void 0);
__decorate([
Property(false)
], AccumulationChart.prototype, "isMultiSelect", void 0);
__decorate([
Collection([], Indexes)
], AccumulationChart.prototype, "selectedDataIndexes", void 0);
__decorate([
Complex({}, Margin)
], AccumulationChart.prototype, "margin", void 0);
__decorate([
Property(true)
], AccumulationChart.prototype, "enableSmartLabels", void 0);
__decorate([
Complex({ color: '#DDDDDD', width: 0 }, Border)
], AccumulationChart.prototype, "border", void 0);
__decorate([
Property(Theme.chartBackgroundColor)
], AccumulationChart.prototype, "background", void 0);
__decorate([
Collection([{}], AccumulationSeries)
], AccumulationChart.prototype, "series", void 0);
__decorate([
Collection([{}], AccumulationAnnotationSettings)
], AccumulationChart.prototype, "annotations", void 0);
__decorate([
Property('Material')
], AccumulationChart.prototype, "theme", void 0);
__decorate([
Event()
], AccumulationChart.prototype, "loaded", void 0);
__decorate([
Event()
], AccumulationChart.prototype, "load", void 0);
__decorate([
Event()
], AccumulationChart.prototype, "seriesRender", void 0);
__decorate([
Event()
], AccumulationChart.prototype, "legendRender", void 0);
__decorate([
Event()
], AccumulationChart.prototype, "textRender", void 0);
__decorate([
Event()
], AccumulationChart.prototype, "tooltipRender", void 0);
__decorate([
Event()
], AccumulationChart.prototype, "pointRender", void 0);
__decorate([
Event()
], AccumulationChart.prototype, "annotationRender", void 0);
__decorate([
Event()
], AccumulationChart.prototype, "beforePrint", void 0);
__decorate([
Event()
], AccumulationChart.prototype, "chartMouseMove", void 0);
__decorate([
Event()
], AccumulationChart.prototype, "chartMouseClick", void 0);
__decorate([
Event()
], AccumulationChart.prototype, "animationComplete", void 0);
__decorate([
Event()
], AccumulationChart.prototype, "chartMouseDown", void 0);
__decorate([
Event()
], AccumulationChart.prototype, "chartMouseLeave", void 0);
__decorate([
Event()
], AccumulationChart.prototype, "chartMouseUp", void 0);
__decorate([
Event()
], AccumulationChart.prototype, "resized", void 0);
AccumulationChart = __decorate([
NotifyPropertyChanges
], AccumulationChart);
export { AccumulationChart };

27

dist/es6/accumulation-chart/annotation/annotation.js

@@ -0,1 +1,4 @@

/**
* AccumulationChart annotation properties
*/
var __extends = (this && this.__extends) || (function () {

@@ -14,4 +17,11 @@ var extendStatics = Object.setPrototypeOf ||

import { createElement } from '@syncfusion/ej2-base';
var AccumulationAnnotation = (function (_super) {
/**
* Annotation Module handles the Annotation for accumulation chart.
*/
var AccumulationAnnotation = /** @class */ (function (_super) {
__extends(AccumulationAnnotation, _super);
/**
* Constructor for Accumulation chart annotation.
* @private.
*/
function AccumulationAnnotation(control, annotations) {

@@ -23,2 +33,7 @@ var _this = _super.call(this, control) || this;

}
/**
* Method to render the annotation for accumulation chart
* @private
* @param element
*/
AccumulationAnnotation.prototype.renderAnnotations = function (element) {

@@ -40,6 +55,16 @@ var _this = this;

};
/**
* Get module name.
*/
AccumulationAnnotation.prototype.getModuleName = function () {
// Returns te module name
return 'Annotation';
};
/**
* To destroy the annotation.
* @return {void}
* @private
*/
AccumulationAnnotation.prototype.destroy = function (control) {
// Destroy method performed here
};

@@ -46,0 +71,0 @@ return AccumulationAnnotation;

3

dist/es6/accumulation-chart/index.js

@@ -0,1 +1,4 @@

/**
* Pie Component items exported
*/
export * from './accumulation';

@@ -2,0 +5,0 @@ export * from './model/acc-base';

439

dist/es6/accumulation-chart/model/acc-base.js

@@ -17,2 +17,5 @@ var __extends = (this && this.__extends) || (function () {

};
/**
* AccumulationChart base file
*/
import { Property, ChildProperty, Complex, createElement } from '@syncfusion/ej2-base';

@@ -25,3 +28,6 @@ import { isNullOrUndefined } from '@syncfusion/ej2-base';

import { getElement, firstToLowerCase } from '../../common/utils/helper';
var AccumulationAnnotationSettings = (function (_super) {
/**
* Annotation for accumulation series
*/
var AccumulationAnnotationSettings = /** @class */ (function (_super) {
__extends(AccumulationAnnotationSettings, _super);

@@ -31,30 +37,33 @@ function AccumulationAnnotationSettings() {

}
__decorate([
Property(null)
], AccumulationAnnotationSettings.prototype, "content", void 0);
__decorate([
Property('0')
], AccumulationAnnotationSettings.prototype, "x", void 0);
__decorate([
Property('0')
], AccumulationAnnotationSettings.prototype, "y", void 0);
__decorate([
Property('Pixel')
], AccumulationAnnotationSettings.prototype, "coordinateUnits", void 0);
__decorate([
Property('Chart')
], AccumulationAnnotationSettings.prototype, "region", void 0);
__decorate([
Property('Middle')
], AccumulationAnnotationSettings.prototype, "verticalAlignment", void 0);
__decorate([
Property('Center')
], AccumulationAnnotationSettings.prototype, "horizontalAlignment", void 0);
__decorate([
Property(null)
], AccumulationAnnotationSettings.prototype, "description", void 0);
return AccumulationAnnotationSettings;
}(ChildProperty));
export { AccumulationAnnotationSettings };
__decorate([
Property(null)
], AccumulationAnnotationSettings.prototype, "content", void 0);
__decorate([
Property('0')
], AccumulationAnnotationSettings.prototype, "x", void 0);
__decorate([
Property('0')
], AccumulationAnnotationSettings.prototype, "y", void 0);
__decorate([
Property('Pixel')
], AccumulationAnnotationSettings.prototype, "coordinateUnits", void 0);
__decorate([
Property('Chart')
], AccumulationAnnotationSettings.prototype, "region", void 0);
__decorate([
Property('Middle')
], AccumulationAnnotationSettings.prototype, "verticalAlignment", void 0);
__decorate([
Property('Center')
], AccumulationAnnotationSettings.prototype, "horizontalAlignment", void 0);
__decorate([
Property(null)
], AccumulationAnnotationSettings.prototype, "description", void 0);
var AccumulationDataLabelSettings = (function (_super) {
/**
* Configures the dataLabel in accumulation chart.
*/
var AccumulationDataLabelSettings = /** @class */ (function (_super) {
__extends(AccumulationDataLabelSettings, _super);

@@ -64,36 +73,39 @@ function AccumulationDataLabelSettings() {

}
__decorate([
Property(false)
], AccumulationDataLabelSettings.prototype, "visible", void 0);
__decorate([
Property(null)
], AccumulationDataLabelSettings.prototype, "name", void 0);
__decorate([
Property('transparent')
], AccumulationDataLabelSettings.prototype, "fill", void 0);
__decorate([
Property('Inside')
], AccumulationDataLabelSettings.prototype, "position", void 0);
__decorate([
Property(5)
], AccumulationDataLabelSettings.prototype, "rx", void 0);
__decorate([
Property(5)
], AccumulationDataLabelSettings.prototype, "ry", void 0);
__decorate([
Complex({ width: null, color: null }, Border)
], AccumulationDataLabelSettings.prototype, "border", void 0);
__decorate([
Complex({ size: '11px', color: null }, Font)
], AccumulationDataLabelSettings.prototype, "font", void 0);
__decorate([
Complex({}, Connector)
], AccumulationDataLabelSettings.prototype, "connectorStyle", void 0);
__decorate([
Property(null)
], AccumulationDataLabelSettings.prototype, "template", void 0);
return AccumulationDataLabelSettings;
}(ChildProperty));
export { AccumulationDataLabelSettings };
__decorate([
Property(false)
], AccumulationDataLabelSettings.prototype, "visible", void 0);
__decorate([
Property(null)
], AccumulationDataLabelSettings.prototype, "name", void 0);
__decorate([
Property('transparent')
], AccumulationDataLabelSettings.prototype, "fill", void 0);
__decorate([
Property('Inside')
], AccumulationDataLabelSettings.prototype, "position", void 0);
__decorate([
Property(5)
], AccumulationDataLabelSettings.prototype, "rx", void 0);
__decorate([
Property(5)
], AccumulationDataLabelSettings.prototype, "ry", void 0);
__decorate([
Complex({ width: null, color: null }, Border)
], AccumulationDataLabelSettings.prototype, "border", void 0);
__decorate([
Complex({ size: '11px', color: null }, Font)
], AccumulationDataLabelSettings.prototype, "font", void 0);
__decorate([
Complex({}, Connector)
], AccumulationDataLabelSettings.prototype, "connectorStyle", void 0);
__decorate([
Property(null)
], AccumulationDataLabelSettings.prototype, "template", void 0);
var AccumulationTooltipSettings = (function (_super) {
/**
* Configures the tooltip in accumulation chart.
*/
var AccumulationTooltipSettings = /** @class */ (function (_super) {
__extends(AccumulationTooltipSettings, _super);

@@ -103,32 +115,39 @@ function AccumulationTooltipSettings() {

}
__decorate([
Property(false)
], AccumulationTooltipSettings.prototype, "enable", void 0);
__decorate([
Property(true)
], AccumulationTooltipSettings.prototype, "enableAnimation", void 0);
__decorate([
Property(null)
], AccumulationTooltipSettings.prototype, "format", void 0);
__decorate([
Property('#FFFFFF')
], AccumulationTooltipSettings.prototype, "fill", void 0);
__decorate([
Complex({ color: null }, Border)
], AccumulationTooltipSettings.prototype, "border", void 0);
__decorate([
Property(null)
], AccumulationTooltipSettings.prototype, "template", void 0);
__decorate([
Complex(Theme.tooltipLabelFont, Font)
], AccumulationTooltipSettings.prototype, "textStyle", void 0);
return AccumulationTooltipSettings;
}(ChildProperty));
export { AccumulationTooltipSettings };
__decorate([
Property(false)
], AccumulationTooltipSettings.prototype, "enable", void 0);
__decorate([
Property(true)
], AccumulationTooltipSettings.prototype, "enableAnimation", void 0);
__decorate([
Property(null)
], AccumulationTooltipSettings.prototype, "format", void 0);
__decorate([
Property('#FFFFFF')
], AccumulationTooltipSettings.prototype, "fill", void 0);
__decorate([
Complex({ color: null }, Border)
], AccumulationTooltipSettings.prototype, "border", void 0);
__decorate([
Property(null)
], AccumulationTooltipSettings.prototype, "template", void 0);
__decorate([
Complex(Theme.tooltipLabelFont, Font)
], AccumulationTooltipSettings.prototype, "textStyle", void 0);
var AccPoints = (function () {
/**
* Points model for the series.
* @private
*/
var AccPoints = /** @class */ (function () {
function AccPoints() {
this.visible = true;
this.symbolLocation = null;
/** @private */
this.region = null;
/** @private */
this.labelRegion = null;
/** @private */
this.labelVisible = true;

@@ -139,10 +158,40 @@ }

export { AccPoints };
var AccumulationSeries = (function (_super) {
/**
* Configures the series in accumulation chart.
*/
var AccumulationSeries = /** @class */ (function (_super) {
__extends(AccumulationSeries, _super);
function AccumulationSeries() {
/**
* Specifies the dataSource for the series. It can be an array of JSON objects or an instance of DataManager.
* ```html
* <div id='Pie'></div>
* ```
* ```typescript
* let dataManager: DataManager = new DataManager({
* url: 'http://mvc.syncfusion.com/Services/Northwnd.svc/Tasks/'
* });
* let query: Query = new Query().take(50).where('Estimate', 'greaterThan', 0, false);
* let pie: AccumulationChart = new AccumulationChart({
* ...
* series: [{
* dataSource: dataManager,
* xName: 'Id',
* yName: 'Estimate',
* query: query
* }],
* ...
* });
* pie.appendTo('#Pie');
* ```
* @default ''
*/
var _this = _super !== null && _super.apply(this, arguments) || this;
/** @private */
_this.points = [];
/** @private */
_this.sumOfPoints = 0;
return _this;
}
/** @private To refresh the Datamanager for series */
AccumulationSeries.prototype.refreshDataManager = function (accumulation) {

@@ -157,2 +206,6 @@ var _this = this;

};
/**
* To get points on dataManager is success
* @private
*/
AccumulationSeries.prototype.dataManagerSuccess = function (e, accumulation) {

@@ -169,2 +222,3 @@ var argsData = {

};
/** @private To find points from result data */
AccumulationSeries.prototype.getPoints = function (result, accumulation) {

@@ -201,2 +255,5 @@ var length = Object.keys(result).length;

};
/**
* Method to set point index and color
*/
AccumulationSeries.prototype.pushPoints = function (point, colors) {

@@ -207,2 +264,5 @@ point.index = this.points.length;

};
/**
* Method to find club point
*/
AccumulationSeries.prototype.isClub = function (point, clubValue) {

@@ -215,2 +275,5 @@ if (Math.abs(point.y) <= clubValue && !isNullOrUndefined(clubValue)) {

};
/**
* Method to find sum of points in the series
*/
AccumulationSeries.prototype.findSumOfPoints = function (result) {

@@ -224,2 +287,5 @@ var length = Object.keys(result).length;

};
/**
* Method to set points x, y and text from data source
*/
AccumulationSeries.prototype.setPoints = function (data, i, colors) {

@@ -233,2 +299,6 @@ var point = new AccPoints();

};
/**
* Method render the series elements for accumulation chart
* @private
*/
AccumulationSeries.prototype.renderSeries = function (accumulation) {

@@ -255,2 +325,5 @@ var seriesGroup = accumulation.renderer.createGroup({ id: accumulation.element.id + '_Series_' + this.index });

};
/**
* Method render the points elements for accumulation chart series.
*/
AccumulationSeries.prototype.renderPoints = function (accumulation, seriesGroup) {

@@ -277,2 +350,5 @@ var pointId = accumulation.element.id + '_Series_' + this.index + '_Point_';

};
/**
* Method render the datalabel elements for accumulation chart.
*/
AccumulationSeries.prototype.renderDataLabel = function (accumulation, datalabelGroup) {

@@ -294,2 +370,6 @@ accumulation.accumulationDataLabelModule.findAreaRect();

};
/**
* To find maximum bounds for smart legend placing
* @private
*/
AccumulationSeries.prototype.findMaxBounds = function (totalbound, bound) {

@@ -301,2 +381,6 @@ totalbound.x = bound.x < totalbound.x ? bound.x : totalbound.x;

};
/**
* To set empty point value for null points
* @private
*/
AccumulationSeries.prototype.setAccEmptyPoint = function (point, i, data, colors) {

@@ -324,98 +408,105 @@ if (!isNullOrUndefined(point.y)) {

};
/**
* To find point is empty
*/
AccumulationSeries.prototype.isEmpty = function (point) {
return point.color === this.emptyPointSettings.fill;
};
__decorate([
Property('')
], AccumulationSeries.prototype, "dataSource", void 0);
__decorate([
Property()
], AccumulationSeries.prototype, "query", void 0);
__decorate([
Property('')
], AccumulationSeries.prototype, "xName", void 0);
__decorate([
Property('')
], AccumulationSeries.prototype, "name", void 0);
__decorate([
Property('')
], AccumulationSeries.prototype, "yName", void 0);
__decorate([
Property(true)
], AccumulationSeries.prototype, "visible", void 0);
__decorate([
Complex({ color: null, width: 0 }, Border)
], AccumulationSeries.prototype, "border", void 0);
__decorate([
Complex(null, Animation)
], AccumulationSeries.prototype, "animation", void 0);
__decorate([
Property('SeriesType')
], AccumulationSeries.prototype, "legendShape", void 0);
__decorate([
Property(null)
], AccumulationSeries.prototype, "selectionStyle", void 0);
__decorate([
Property(null)
], AccumulationSeries.prototype, "groupTo", void 0);
__decorate([
Complex({}, AccumulationDataLabelSettings)
], AccumulationSeries.prototype, "dataLabel", void 0);
__decorate([
Property([])
], AccumulationSeries.prototype, "palettes", void 0);
__decorate([
Property(0)
], AccumulationSeries.prototype, "startAngle", void 0);
__decorate([
Property(360)
], AccumulationSeries.prototype, "endAngle", void 0);
__decorate([
Property('80%')
], AccumulationSeries.prototype, "radius", void 0);
__decorate([
Property('0')
], AccumulationSeries.prototype, "innerRadius", void 0);
__decorate([
Property('Pie')
], AccumulationSeries.prototype, "type", void 0);
__decorate([
Property(true)
], AccumulationSeries.prototype, "enableTooltip", void 0);
__decorate([
Property(false)
], AccumulationSeries.prototype, "explode", void 0);
__decorate([
Property('30%')
], AccumulationSeries.prototype, "explodeOffset", void 0);
__decorate([
Property(false)
], AccumulationSeries.prototype, "explodeAll", void 0);
__decorate([
Property(null)
], AccumulationSeries.prototype, "explodeIndex", void 0);
__decorate([
Complex({ mode: 'Drop' }, EmptyPointSettings)
], AccumulationSeries.prototype, "emptyPointSettings", void 0);
__decorate([
Property(0)
], AccumulationSeries.prototype, "gapRatio", void 0);
__decorate([
Property('80%')
], AccumulationSeries.prototype, "width", void 0);
__decorate([
Property('80%')
], AccumulationSeries.prototype, "height", void 0);
__decorate([
Property('20%')
], AccumulationSeries.prototype, "neckWidth", void 0);
__decorate([
Property('20%')
], AccumulationSeries.prototype, "neckHeight", void 0);
__decorate([
Property('Linear')
], AccumulationSeries.prototype, "pyramidMode", void 0);
return AccumulationSeries;
}(ChildProperty));
export { AccumulationSeries };
__decorate([
Property('')
], AccumulationSeries.prototype, "dataSource", void 0);
__decorate([
Property()
], AccumulationSeries.prototype, "query", void 0);
__decorate([
Property('')
], AccumulationSeries.prototype, "xName", void 0);
__decorate([
Property('')
], AccumulationSeries.prototype, "name", void 0);
__decorate([
Property('')
], AccumulationSeries.prototype, "yName", void 0);
__decorate([
Property(true)
], AccumulationSeries.prototype, "visible", void 0);
__decorate([
Complex({ color: null, width: 0 }, Border)
], AccumulationSeries.prototype, "border", void 0);
__decorate([
Complex(null, Animation)
], AccumulationSeries.prototype, "animation", void 0);
__decorate([
Property('SeriesType')
], AccumulationSeries.prototype, "legendShape", void 0);
__decorate([
Property(null)
], AccumulationSeries.prototype, "selectionStyle", void 0);
__decorate([
Property(null)
], AccumulationSeries.prototype, "groupTo", void 0);
__decorate([
Complex({}, AccumulationDataLabelSettings)
], AccumulationSeries.prototype, "dataLabel", void 0);
__decorate([
Property([])
], AccumulationSeries.prototype, "palettes", void 0);
__decorate([
Property(0)
], AccumulationSeries.prototype, "startAngle", void 0);
__decorate([
Property(360)
], AccumulationSeries.prototype, "endAngle", void 0);
__decorate([
Property('80%')
], AccumulationSeries.prototype, "radius", void 0);
__decorate([
Property('0')
], AccumulationSeries.prototype, "innerRadius", void 0);
__decorate([
Property('Pie')
], AccumulationSeries.prototype, "type", void 0);
__decorate([
Property(true)
], AccumulationSeries.prototype, "enableTooltip", void 0);
__decorate([
Property(false)
], AccumulationSeries.prototype, "explode", void 0);
__decorate([
Property('30%')
], AccumulationSeries.prototype, "explodeOffset", void 0);
__decorate([
Property(false)
], AccumulationSeries.prototype, "explodeAll", void 0);
__decorate([
Property(null)
], AccumulationSeries.prototype, "explodeIndex", void 0);
__decorate([
Complex({ mode: 'Drop' }, EmptyPointSettings)
], AccumulationSeries.prototype, "emptyPointSettings", void 0);
__decorate([
Property(0)
], AccumulationSeries.prototype, "gapRatio", void 0);
__decorate([
Property('80%')
], AccumulationSeries.prototype, "width", void 0);
__decorate([
Property('80%')
], AccumulationSeries.prototype, "height", void 0);
__decorate([
Property('20%')
], AccumulationSeries.prototype, "neckWidth", void 0);
__decorate([
Property('20%')
], AccumulationSeries.prototype, "neckHeight", void 0);
__decorate([
Property('Linear')
], AccumulationSeries.prototype, "pyramidMode", void 0);
/**
* method to get series from index
* @private
*/
export function getSeriesFromIndex(index, visibleSeries) {

@@ -430,2 +521,6 @@ for (var _i = 0, visibleSeries_1 = visibleSeries; _i < visibleSeries_1.length; _i++) {

}
/**
* method to get point from index
* @private
*/
export function pointByIndex(index, points) {

@@ -440,2 +535,6 @@ for (var _i = 0, points_1 = points; _i < points_1.length; _i++) {

}
/**
* method to find series, point index by element id
* @private
*/
export function indexFinder(id) {

@@ -442,0 +541,0 @@ var ids = ['NaN', 'NaN'];

77

dist/es6/accumulation-chart/renderer/accumulation-base.js

@@ -0,5 +1,12 @@

/**
* Defines the common functionalities of accumulation series
*/
import { isNullOrUndefined } from '@syncfusion/ej2-base';
import { degreeToLocation, getElement } from '../../common/utils/helper';
import { pointByIndex, indexFinder } from '../model/acc-base';
var AccumulationBase = (function () {
/**
* Accumulation Base used to do some base calculation for accumulation chart.
*/
var AccumulationBase = /** @class */ (function () {
/** @private */
function AccumulationBase(accumulation) {

@@ -9,2 +16,6 @@ this.accumulation = accumulation;

Object.defineProperty(AccumulationBase.prototype, "center", {
/**
* Gets the center of the pie
* @private
*/
get: function () {

@@ -14,2 +25,6 @@ return this.pieCenter || (this.accumulation.visibleSeries[0].type === 'Pie' ?

},
/**
* Sets the center of the pie
* @private
*/
set: function (value) {

@@ -22,2 +37,6 @@ this.pieCenter = value;

Object.defineProperty(AccumulationBase.prototype, "radius", {
/**
* Gets the radius of the pie
* @private
*/
get: function () {

@@ -27,2 +46,6 @@ return this.pieRadius !== undefined ? this.pieRadius :

},
/**
* Sets the radius of the pie
* @private
*/
set: function (value) {

@@ -35,2 +58,6 @@ this.pieRadius = value;

Object.defineProperty(AccumulationBase.prototype, "labelRadius", {
/**
* Gets the label radius of the pie
* @private
*/
get: function () {

@@ -40,2 +67,6 @@ return this.pieLabelRadius !== undefined ? this.pieLabelRadius :

},
/**
* Sets the label radius of the pie
* @private
*/
set: function (value) {

@@ -47,5 +78,13 @@ this.pieLabelRadius = value;

});
/**
* Checks whether the series is circular or not
* @private
*/
AccumulationBase.prototype.isCircular = function () {
return this.accumulation.type === 'Pie';
};
/**
* To get tooltip point from mouse x, y
* @private
*/
AccumulationBase.prototype.getTooltipPoint = function (e, accumulation, x, y) {

@@ -69,2 +108,5 @@ var target = e.target;

};
/**
* To find datalabel from target element
*/
AccumulationBase.prototype.isDataLabel = function (target) {

@@ -76,5 +118,12 @@ if (target.id.indexOf(this.accumulation.element.id + '_datalabel_Series_') > -1) {

};
/**
* To get series from index
*/
AccumulationBase.prototype.getSeriesFromIndex = function (index, visibleSeries) {
return visibleSeries[0];
};
/**
* To process the explode on accumulation chart loading
* @private
*/
AccumulationBase.prototype.processExplode = function (event) {

@@ -91,2 +140,6 @@ if (event.target.id.indexOf('_Series_') > -1 || event.target.id.indexOf('_datalabel_') > -1) {

};
/**
* To invoke the explode on accumulation chart loading
* @private
*/
AccumulationBase.prototype.invokeExplode = function () {

@@ -111,2 +164,5 @@ if (this.accumulation.visibleSeries[0].explodeAll) {

};
/**
* To deExplode all points in the series
*/
AccumulationBase.prototype.deExplodeAll = function (index) {

@@ -122,2 +178,6 @@ var pointId = this.accumulation.element.id + '_Series_0_Point_';

};
/**
* To explode point by index
* @private
*/
AccumulationBase.prototype.explodePoints = function (index, chart, explode) {

@@ -145,2 +205,5 @@ if (explode === void 0) { explode = false; }

};
/**
* To check point is exploded by id
*/
AccumulationBase.prototype.isExplode = function (id) {

@@ -156,2 +219,5 @@ var element = getElement(id);

};
/**
* To deExplode the point by index
*/
AccumulationBase.prototype.deExplodeSlice = function (index, sliceId, center) {

@@ -161,2 +227,5 @@ var position = 'translate(0, 0)';

};
/**
* To translate the point elements by index and position
*/
AccumulationBase.prototype.setTranslate = function (index, sliceId, position) {

@@ -171,2 +240,5 @@ this.setElementTransform(sliceId + index, position);

};
/**
* To translate the point element by id and position
*/
AccumulationBase.prototype.setElementTransform = function (id, position) {

@@ -178,2 +250,5 @@ var element = getElement(id);

};
/**
* To translate the point elements by index position
*/
AccumulationBase.prototype.explodeSlice = function (index, translate, sliceId, center) {

@@ -180,0 +255,0 @@ var position = 'translate(' + (translate.x - center.x) + ', ' + (translate.y - center.y) + ')';

125

dist/es6/accumulation-chart/renderer/dataLabel.js

@@ -11,2 +11,5 @@ var __extends = (this && this.__extends) || (function () {

})();
/**
* AccumulationChart DataLabel module file
*/
import { extend, createElement } from '@syncfusion/ej2-base';

@@ -21,3 +24,6 @@ import { ChartLocation, degreeToLocation, Rect, isOverlap, stringToNumber, getAngle, TextOption } from '../../common/utils/helper';

import { AccumulationBase } from './accumulation-base';
var AccumulationDataLabel = (function (_super) {
/**
* AccumulationDataLabel module used to render `dataLabel`.
*/
var AccumulationDataLabel = /** @class */ (function (_super) {
__extends(AccumulationDataLabel, _super);

@@ -33,2 +39,6 @@ function AccumulationDataLabel(accumulation) {

}
/**
* Method to get datalabel text location.
* @private
*/
AccumulationDataLabel.prototype.getDataLabelPosition = function (point, dataLabel, textSize, points, parent, id) {

@@ -43,2 +53,5 @@ var radius = this.isCircular() ? this.labelRadius : this.getLabelDistance(point, dataLabel);

};
/**
* Method to get datalabel bound.
*/
AccumulationDataLabel.prototype.getLabelRegion = function (point, position, textSize, labelRadius, margin, endAngle) {

@@ -63,2 +76,5 @@ if (endAngle === void 0) { endAngle = 0; }

};
/**
* Method to get datalabel smart position.
*/
AccumulationDataLabel.prototype.getSmartLabel = function (point, dataLabel, textSize, points, parent, id) {

@@ -111,2 +127,7 @@ var circular = this.isCircular();

};
/**
* To find trimmed datalabel tooltip needed.
* @return {void}
* @private
*/
AccumulationDataLabel.prototype.move = function (e, x, y, isTouch) {

@@ -137,2 +158,5 @@ var _this = this;

};
/**
* To find previous valid label point
*/
AccumulationDataLabel.prototype.findPreviousPoint = function (points, index, position) {

@@ -148,2 +172,5 @@ var point = points[0];

};
/**
* To find current point datalabel is overlapping with other points
*/
AccumulationDataLabel.prototype.isOverlapping = function (currentPoint, points) {

@@ -158,2 +185,5 @@ for (var i = currentPoint.index - 1; i >= 0; i--) {

};
/**
* To get text trimmed while exceeds the accumulation chart area.
*/
AccumulationDataLabel.prototype.textTrimming = function (point, rect, font, position) {

@@ -195,2 +225,5 @@ if (isOverlap(point.labelRegion, rect)) {

};
/**
* To set point label visible and region to disable.
*/
AccumulationDataLabel.prototype.setPointVisibileFalse = function (point) {

@@ -200,2 +233,5 @@ point.labelVisible = false;

};
/**
* To set datalabel angle position for outside labels
*/
AccumulationDataLabel.prototype.setOuterSmartLabel = function (previousPoint, point, border, labelRadius, textsize, margin) {

@@ -224,4 +260,8 @@ if (!this.isCircular()) {

};
/**
* Sets smart label positions for funnel and pyramid series
*/
AccumulationDataLabel.prototype.setSmartLabelForSegments = function (point, prevPoint, distance, textSize, margin) {
var textRegion = point.labelRegion;
//let overlapWidth: number = prevPoint.labelRegion.x + prevPoint.labelRegion.width - textRegion.x;
var overlapHeight = this.accumulation.type === 'Funnel' ?

@@ -234,2 +274,5 @@ prevPoint.labelRegion.y - (textRegion.y + textRegion.height) :

};
/**
* To find connector line overlapping.
*/
AccumulationDataLabel.prototype.isConnectorLineOverlapping = function (point, previous) {

@@ -246,2 +289,5 @@ var start = this.getLabelLocation(point);

};
/**
* To find two rectangle intersect
*/
AccumulationDataLabel.prototype.isLineRectangleIntersect = function (line1, line2, rect) {

@@ -265,2 +311,5 @@ var rectPoints = [

};
/**
* To find two line intersect
*/
AccumulationDataLabel.prototype.isLinesIntersect = function (point1, point2, point11, point12) {

@@ -285,2 +334,5 @@ var a1 = point2.y - point1.y;

};
/**
* To get two rectangle overlapping angles.
*/
AccumulationDataLabel.prototype.getOverlappedAngle = function (first, second, angle, padding) {

@@ -297,2 +349,5 @@ var x = first.x;

};
/**
* To get connector line path
*/
AccumulationDataLabel.prototype.getConnectorPath = function (label, point, dataLabel, end) {

@@ -320,2 +375,5 @@ if (end === void 0) { end = 0; }

};
/**
* Finds the curved path for funnel/pyramid data label connectors
*/
AccumulationDataLabel.prototype.getPolyLinePath = function (start, end) {

@@ -337,2 +395,5 @@ var controlPoints = [start, end];

};
/**
* Finds the bezier point for funnel/pyramid data label connectors
*/
AccumulationDataLabel.prototype.getBezierPoint = function (t, controlPoints, index, count) {

@@ -357,2 +418,5 @@ if (count === 1) {

};
/**
* To get label edges based on the center and label rect position.
*/
AccumulationDataLabel.prototype.getEdgeOfLabel = function (labelshape, angle, middle, border) {

@@ -375,2 +439,5 @@ if (border === void 0) { border = 1; }

};
/**
* Finds the distance between the label position and the edge/center of the funnel/pyramid
*/
AccumulationDataLabel.prototype.getLabelDistance = function (point, dataLabel) {

@@ -395,2 +462,5 @@ if (point.labelPosition && dataLabel.position !== point.labelPosition || dataLabel.connectorStyle.length) {

};
/**
* Finds the label position / beginning of the connector(ouside funnel labels)
*/
AccumulationDataLabel.prototype.getLabelLocation = function (point, position) {

@@ -417,2 +487,5 @@ if (position === void 0) { position = 'Outside'; }

};
/**
* Finds the beginning of connector line
*/
AccumulationDataLabel.prototype.getConnectorStartPoint = function (point, connector) {

@@ -422,2 +495,6 @@ return this.isCircular() ? degreeToLocation(point.midAngle, this.radius - connector.width, this.center) :

};
/**
* To find area rect based on margin, available size.
* @private
*/
AccumulationDataLabel.prototype.findAreaRect = function () {

@@ -428,2 +505,6 @@ this.areaRect = new Rect(0, 0, this.accumulation.availableSize.width, this.accumulation.availableSize.height);

};
/**
* To render the datalabels from series points.
* @private
*/
AccumulationDataLabel.prototype.renderDataLabel = function (point, dataLabel, parent, points, series, templateElement) {

@@ -442,2 +523,3 @@ var id = this.accumulation.element.id + '_datalabel_Series_' + series + '_';

this.marginValue = argsData.border.width ? (5 + argsData.border.width) : 1;
// Template element
var childElement = createElement('div', {

@@ -450,3 +532,3 @@ id: this.accumulation.element.id + '_Series_' + 0 + '_DataLabel_' + point.index,

measureText(point.label, dataLabel.font);
textSize.height += 4;
textSize.height += 4; // 4 for calculation with padding for smart label shape
textSize.width += 4;

@@ -474,2 +556,8 @@ this.getDataLabelPosition(point, dataLabel, textSize, points, datalabelGroup, id);

};
/**
* To find the template element size
* @param element
* @param point
* @param argsData
*/
AccumulationDataLabel.prototype.getTemplateSize = function (element, point, argsData) {

@@ -481,2 +569,10 @@ var clientRect;

};
/**
* To set the template element style
* @param childElement
* @param point
* @param parent
* @param labelColor
* @param fill
*/
AccumulationDataLabel.prototype.setTemplateStyle = function (childElement, point, parent, labelColor, fill) {

@@ -492,2 +588,5 @@ childElement.style.left = (point.labelRegion.x) + 'px';

};
/**
* To find saturated color for datalabel
*/
AccumulationDataLabel.prototype.getSaturatedColor = function (point, color) {

@@ -506,2 +605,7 @@ var saturatedColor;

};
/**
* Animates the data label template.
* @return {void}.
* @private
*/
AccumulationDataLabel.prototype.doTemplateAnimation = function (accumulation, element) {

@@ -515,5 +619,11 @@ var series = accumulation.visibleSeries[0];

};
/**
* To find background color for the datalabel
*/
AccumulationDataLabel.prototype.getLabelBackground = function (point) {
return point.labelPosition === 'Outside' ? this.accumulation.background : point.color;
};
/**
* To correct the padding between datalabel regions.
*/
AccumulationDataLabel.prototype.correctLabelRegion = function (labelRegion, textSize, padding) {

@@ -528,6 +638,17 @@ if (padding === void 0) { padding = 4; }

};
/**
* To get the dataLabel module name
*/
AccumulationDataLabel.prototype.getModuleName = function () {
return 'AccumulationDataLabel';
};
/**
* To destroy the data label.
* @return {void}
* @private
*/
AccumulationDataLabel.prototype.destroy = function (accumulation) {
/**
* Destroy method performed here
*/
};

@@ -534,0 +655,0 @@ return AccumulationDataLabel;

28

dist/es6/accumulation-chart/renderer/funnel-series.js

@@ -0,1 +1,4 @@

/**
* Defines the behavior of a funnel series
*/
var __extends = (this && this.__extends) || (function () {

@@ -12,3 +15,6 @@ var extendStatics = Object.setPrototypeOf ||

import { TriangularBase } from './triangular-base';
var FunnelSeries = (function (_super) {
/**
* FunnelSeries module used to render `Funnel` Series.
*/
var FunnelSeries = /** @class */ (function (_super) {
__extends(FunnelSeries, _super);

@@ -18,2 +24,5 @@ function FunnelSeries() {

}
/**
* Defines the path of a funnel segment
*/
FunnelSeries.prototype.getSegmentData = function (point, series, chart) {

@@ -33,2 +42,3 @@ var lineWidth;

var seriesTop = chart.initialClipRect.y + (chart.initialClipRect.height - area.height) / 2;
//defines the top and bottom of a segment
var top = point.yRatio * area.height;

@@ -40,2 +50,3 @@ var bottom = top + point.heightRatio * area.height;

topRadius = (area.width / 2) - lineWidth / 2;
//Calculating the middle slope change and bottom
endTop = topRadius + lineWidth;

@@ -79,2 +90,6 @@ if (bottom > area.height - neckSize.height || area.height === neckSize.height) {

};
/**
* Renders a funnel segment
* @private
*/
FunnelSeries.prototype.renderPoint = function (point, series, chart, options) {

@@ -85,6 +100,17 @@ var direction = this.getSegmentData(point, series, chart);

};
/**
* To get the module name of the funnel series.
*/
FunnelSeries.prototype.getModuleName = function () {
return 'FunnelSeries';
};
/**
* To destroy the funnel series.
* @return {void}
* @private
*/
FunnelSeries.prototype.destroy = function (accumulation) {
/**
* Destroys the funnel series
*/
};

@@ -91,0 +117,0 @@ return FunnelSeries;

60

dist/es6/accumulation-chart/renderer/legend.js

@@ -11,2 +11,5 @@ var __extends = (this && this.__extends) || (function () {

})();
/**
* AccumulationChart legend
*/
import { extend, isNullOrUndefined } from '@syncfusion/ej2-base';

@@ -16,4 +19,11 @@ import { pointByIndex } from '../model/acc-base';

import { Rect, measureText, textTrim } from '../../common/utils/helper';
var AccumulationLegend = (function (_super) {
/**
* AccumulationLegend module used to render `Legend` for Accumulation chart.
*/
var AccumulationLegend = /** @class */ (function (_super) {
__extends(AccumulationLegend, _super);
/**
* Constructor for Accumulation Legend.
* @param chart
*/
function AccumulationLegend(chart) {

@@ -25,2 +35,7 @@ var _this = _super.call(this, chart) || this;

}
/**
* Get the legend options.
* @return {void}
* @private
*/
AccumulationLegend.prototype.getLegendOptions = function (chart, series) {

@@ -42,2 +57,6 @@ this.legendCollections = [];

};
/**
* To find legend bounds for accumulation chart.
* @private
*/
AccumulationLegend.prototype.getLegendBounds = function (availableSize, legendBounds, legend) {

@@ -120,3 +139,3 @@ var extraWidth = 0;

}
this.maxColumns = 0;
this.maxColumns = 0; // initialization for max columns
var width = this.isVertical ? this.getMaxColumn(columnWidth, legendBounds.width, padding, rowWidth + padding) :

@@ -131,2 +150,5 @@ Math.max(rowWidth + padding, maximumWidth);

};
/**
* To find maximum column size for legend
*/
AccumulationLegend.prototype.getMaxColumn = function (columns, width, padding, rowWidth) {

@@ -153,2 +175,5 @@ var maxPageColumn = padding;

};
/**
* To find available width from legend x position.
*/
AccumulationLegend.prototype.getAvailWidth = function (tx, width, legendX) {

@@ -160,2 +185,6 @@ if (this.isVertical) {

};
/**
* To find legend rendering locations from legend options.
* @private
*/
AccumulationLegend.prototype.getRenderPoint = function (legendOption, start, textPadding, prevLegend, rect, count, firstLegend) {

@@ -191,2 +220,7 @@ var padding = this.legend.padding;

};
/**
* finding the smart legend place according to positions.
* @return {void}
* @private
*/
AccumulationLegend.prototype.getSmartLegendLocation = function (labelBound, legendBound, margin) {

@@ -218,2 +252,5 @@ var space;

};
/**
* To get title rect.
*/
AccumulationLegend.prototype.getTitleRect = function (accumulation) {

@@ -226,2 +263,5 @@ if (!accumulation.title) {

};
/**
* To get legend by index
*/
AccumulationLegend.prototype.legendByIndex = function (index, legendCollections) {

@@ -236,2 +276,7 @@ for (var _i = 0, legendCollections_1 = legendCollections; _i < legendCollections_1.length; _i++) {

};
/**
* To show or hide the legend on clicking the legend.
* @return {void}
* @private
*/
AccumulationLegend.prototype.click = function (event) {

@@ -277,6 +322,17 @@ var targetId = event.target.id;

};
/**
* Get module name
*/
AccumulationLegend.prototype.getModuleName = function () {
return 'AccumulationLegend';
};
/**
* To destroy the Legend.
* @return {void}
* @private
*/
AccumulationLegend.prototype.destroy = function (chart) {
/**
* Destroy method calling here
*/
};

@@ -283,0 +339,0 @@ return AccumulationLegend;

46

dist/es6/accumulation-chart/renderer/pie-base.js

@@ -11,2 +11,5 @@ var __extends = (this && this.__extends) || (function () {

})();
/**
* Accumulation charts base file
*/
import { Animation } from '@syncfusion/ej2-base';

@@ -16,3 +19,6 @@ import { stringToNumber, ChartLocation, degreeToLocation, Rect, getAnimationFunction, getElement } from '../../common/utils/helper';

import { AccumulationBase } from './accumulation-base';
var PieBase = (function (_super) {
/**
* PieBase class used to do pie base calculations.
*/
var PieBase = /** @class */ (function (_super) {
__extends(PieBase, _super);

@@ -22,2 +28,6 @@ function PieBase() {

}
/**
* To initialize the property values.
* @private
*/
PieBase.prototype.initProperties = function (chart, series) {

@@ -36,2 +46,6 @@ this.accumulation = chart;

};
/**
* To find the center of the accumulation.
* @private
*/
PieBase.prototype.findCenter = function (accumulation, series) {

@@ -49,2 +63,5 @@ this.accumulation = accumulation;

};
/**
* To find angles from series.
*/
PieBase.prototype.initAngles = function (series) {

@@ -56,2 +73,6 @@ this.totalAngle = (series.endAngle - series.startAngle) % 360;

};
/**
* To calculate data-label bound
* @private
*/
PieBase.prototype.defaultLabelBound = function (series, visible, position) {

@@ -65,2 +86,6 @@ var accumulationBound = this.getSeriesBound(series);

};
/**
* To calculate series bound
* @private
*/
PieBase.prototype.getSeriesBound = function (series) {

@@ -97,2 +122,5 @@ var rect = new Rect(Infinity, Infinity, -Infinity, -Infinity);

};
/**
* To get rect location size from angle
*/
PieBase.prototype.getRectFromAngle = function (angle) {

@@ -102,2 +130,5 @@ var location = degreeToLocation(angle, this.radius, this.center);

};
/**
* To get path arc direction
*/
PieBase.prototype.getPathArc = function (center, start, end, radius, innerRadius) {

@@ -114,2 +145,5 @@ var degree = end - start;

};
/**
* To get pie direction
*/
PieBase.prototype.getPiePath = function (center, start, end, radius, clockWise) {

@@ -119,2 +153,5 @@ return 'M ' + center.x + ' ' + center.y + ' L ' + start.x + ' ' + start.y + ' A ' + radius + ' ' +

};
/**
* To get doughnut direction
*/
PieBase.prototype.getDoughnutPath = function (center, start, end, radius, innerStart, innerEnd, innerRadius, clockWise) {

@@ -125,2 +162,5 @@ return 'M ' + start.x + ' ' + start.y + ' A ' + radius + ' ' + radius + ' 0 ' + clockWise +

};
/**
* Method to start animation for pie series.
*/
PieBase.prototype.doAnimation = function (slice, series) {

@@ -131,4 +171,4 @@ var _this = this;

var radius = Math.max(this.accumulation.availableSize.height, this.accumulation.availableSize.width) * 0.75;
radius += radius * (0.414);
var effect = getAnimationFunction('Linear');
radius += radius * (0.414); // formula r + r / 2 * (1.414 -1)
var effect = getAnimationFunction('Linear'); // need to check animation type
new Animation({}).animate(slice, {

@@ -135,0 +175,0 @@ duration: series.animation.duration,

27

dist/es6/accumulation-chart/renderer/pie-series.js

@@ -13,3 +13,6 @@ var __extends = (this && this.__extends) || (function () {

import { PieBase } from '../renderer/pie-base';
var PieSeries = (function (_super) {
/**
* PieSeries module used to render `Pie` Series.
*/
var PieSeries = /** @class */ (function (_super) {
__extends(PieSeries, _super);

@@ -19,2 +22,6 @@ function PieSeries() {

}
/**
* To get path option, degree, symbolLocation from the point.
* @private
*/
PieSeries.prototype.renderPoint = function (point, series, chart, option) {

@@ -29,2 +36,5 @@ var sum = series.sumOfPoints;

};
/**
* To get path option from the point.
*/
PieSeries.prototype.getPathOption = function (point, degree) {

@@ -35,2 +45,6 @@ var path = this.getPathArc(this.center, this.startAngle % 360, (this.startAngle + degree) % 360, this.radius, this.innerRadius);

};
/**
* To animate the pie series.
* @private
*/
PieSeries.prototype.animateSeries = function (accumulation, option, series, slice) {

@@ -48,6 +62,17 @@ var groupId = accumulation.element.id + 'SeriesGroup' + series.index;

};
/**
* To get the module name of the Pie series.
*/
PieSeries.prototype.getModuleName = function () {
return 'PieSeries';
};
/**
* To destroy the pie series.
* @return {void}
* @private
*/
PieSeries.prototype.destroy = function (accumulation) {
/**
* Destroy method calling here
*/
};

@@ -54,0 +79,0 @@ return PieSeries;

42

dist/es6/accumulation-chart/renderer/pyramid-series.js

@@ -0,1 +1,4 @@

/**
* Defines the behavior of a pyramid series
*/
var __extends = (this && this.__extends) || (function () {

@@ -12,3 +15,6 @@ var extendStatics = Object.setPrototypeOf ||

import { TriangularBase } from './triangular-base';
var PyramidSeries = (function (_super) {
/**
* PyramidSeries module used to render `Pyramid` Series.
*/
var PyramidSeries = /** @class */ (function (_super) {
__extends(PyramidSeries, _super);

@@ -18,11 +24,18 @@ function PyramidSeries() {

}
/**
* Defines the path of a pyramid segment
*/
PyramidSeries.prototype.getSegmentData = function (point, series, chart) {
var area = series.triangleSize;
//top of th series
var seriesTop = chart.initialClipRect.y + (chart.initialClipRect.height - area.height) / 2;
var points = [];
//consider, if the point is exploded
var offset = 0;
var extraSpace = (chart.initialClipRect.width - series.triangleSize.width) / 2;
var emptySpaceAtLeft = extraSpace + chart.initialClipRect.x;
//top and bottom
var top = point.yRatio;
var bottom = point.yRatio + point.heightRatio;
//width of the top and bottom edge
var topRadius = 0.5 * (1 - point.yRatio);

@@ -53,2 +66,6 @@ var bottomRadius = 0.5 * (1 - bottom);

};
/**
* Initializes the size of the pyramid segments
* @private
*/
PyramidSeries.prototype.initializeSizeRatio = function (points, series) {

@@ -62,2 +79,5 @@ if (series.pyramidMode === 'Linear') {

};
/**
* Defines the size of the pyramid segments, the surface of that will reflect the values
*/
PyramidSeries.prototype.calculateSurfaceSegments = function (series) {

@@ -88,2 +108,5 @@ var count = series.points.length;

};
/**
* Finds the height of pyramid segment
*/
PyramidSeries.prototype.getSurfaceHeight = function (y, surface) {

@@ -93,2 +116,5 @@ var result = this.solveQuadraticEquation(1, 2 * y, -surface);

};
/**
* Solves quadratic equation
*/
PyramidSeries.prototype.solveQuadraticEquation = function (a, b, c) {

@@ -106,2 +132,5 @@ var root1;

};
/**
* Renders a pyramid segment
*/
PyramidSeries.prototype.renderPoint = function (point, series, chart, options) {

@@ -112,6 +141,17 @@ var direction = this.getSegmentData(point, series, chart);

};
/**
* To get the module name of the Pyramid series.
*/
PyramidSeries.prototype.getModuleName = function () {
return 'PyramidSeries';
};
/**
* To destroy the pyramid series
* @return {void}
* @private
*/
PyramidSeries.prototype.destroy = function (accumulation) {
/**
* Destroys the pyramid series
*/
};

@@ -118,0 +158,0 @@ return PyramidSeries;

31

dist/es6/accumulation-chart/renderer/triangular-base.js

@@ -0,1 +1,4 @@

/**
* Defines the common behavior of funnel and pyramid series
*/
var __extends = (this && this.__extends) || (function () {

@@ -13,3 +16,6 @@ var extendStatics = Object.setPrototypeOf ||

import { AccumulationBase } from './accumulation-base';
var TriangularBase = (function (_super) {
/**
* TriangularBase is used to calculate base functions for funnel/pyramid series.
*/
var TriangularBase = /** @class */ (function (_super) {
__extends(TriangularBase, _super);

@@ -19,2 +25,6 @@ function TriangularBase() {

}
/**
* Initializes the properties of funnel/pyramid series
* @private
*/
TriangularBase.prototype.initProperties = function (chart, series) {

@@ -32,9 +42,16 @@ var actualChartArea = chart.initialClipRect;

};
/**
* Initializes the size of the pyramid/funnel segments
* @private
*/
TriangularBase.prototype.initializeSizeRatio = function (points, series, reverse) {
if (reverse === void 0) { reverse = false; }
var sumOfPoints = series.sumOfPoints;
//Limiting the ratio within the range of 0 to 1
var gapRatio = Math.min(Math.max(series.gapRatio, 0), 1);
//% equivalence of a value 1
var coEff = 1 / (sumOfPoints * (1 + gapRatio / (1 - gapRatio)));
var spacing = gapRatio / (points.length - 1);
var y = 0;
//starting from bottom
for (var i = points.length - 1; i >= 0; i--) {

@@ -50,2 +67,6 @@ var index = reverse ? points.length - 1 - i : i;

};
/**
* Marks the label location from the set of points that forms a pyramid/funnel segment
* @private
*/
TriangularBase.prototype.setLabelLocation = function (series, point, points) {

@@ -66,2 +87,6 @@ var last = points.length - 1;

};
/**
* Finds the path to connect the list of points
* @private
*/
TriangularBase.prototype.findPath = function (locations) {

@@ -77,2 +102,6 @@ var path = 'M';

};
/**
* To calculate data-label bounds
* @private
*/
TriangularBase.prototype.defaultLabelBound = function (series, visible, position, chart) {

@@ -79,0 +108,0 @@ var x = (chart.initialClipRect.width - series.triangleSize.width) / 2;

85

dist/es6/accumulation-chart/user-interaction/selection.js

@@ -15,3 +15,7 @@ var __extends = (this && this.__extends) || (function () {

import { BaseSelection } from '../../common/selection/selection';
var AccumulationSelection = (function (_super) {
/**
* Selection Module handles the selection for chart.
* @private
*/
var AccumulationSelection = /** @class */ (function (_super) {
__extends(AccumulationSelection, _super);

@@ -23,2 +27,5 @@ function AccumulationSelection(accumulation) {

}
/**
* To initialize the private variables
*/
AccumulationSelection.prototype.initPrivateVariables = function (accumulation) {

@@ -30,2 +37,7 @@ this.styleId = accumulation.element.id + '_ej2_chart_selection';

};
/**
* Method to select the point and series.
* @return {void}
* @private
*/
AccumulationSelection.prototype.invokeSelection = function (accumulation) {

@@ -37,8 +49,17 @@ this.initPrivateVariables(accumulation);

};
/**
* To get series selection style by series.
*/
AccumulationSelection.prototype.generateStyle = function (series) {
return (series.selectionStyle || this.styleId + '_series_' + series.index);
};
/**
* To get elements by index, series
*/
AccumulationSelection.prototype.findElements = function (accumulation, series, index) {
return [this.getElementByIndex(index)];
};
/**
* To get series point element by index
*/
AccumulationSelection.prototype.getElementByIndex = function (index) {

@@ -48,2 +69,6 @@ var elementId = this.control.element.id + '_Series_' + index.series + '_Point_' + index.point;

};
/**
* To calculate selected elements on mouse click or touch
* @private
*/
AccumulationSelection.prototype.calculateSelectedElements = function (accumulation, event) {

@@ -57,2 +82,5 @@ if (event.target.id.indexOf(accumulation.element.id + '_') === -1) {

};
/**
* To perform the selection process based on index and element.
*/
AccumulationSelection.prototype.performSelection = function (index, accumulation, element) {

@@ -71,2 +99,5 @@ element = element.id.indexOf('datalabel') > -1 ?

};
/**
* To select the element by index. Adding or removing selection style class name.
*/
AccumulationSelection.prototype.selection = function (accumulation, index, selectedElements) {

@@ -86,2 +117,6 @@ if (!accumulation.isMultiSelect) {

};
/**
* To redraw the selection process on accumulation chart refresh.
* @private
*/
AccumulationSelection.prototype.redrawSelection = function (accumulation, oldMode) {

@@ -93,2 +128,5 @@ var selectedDataIndexes = extend([], this.selectedDataIndexes, null, true);

};
/**
* To remove the selected elements style classes by indexes.
*/
AccumulationSelection.prototype.removeSelectedElements = function (accumulation, indexes) {

@@ -101,2 +139,6 @@ var seriesgroup = accumulation.getSeriesElement();

};
/**
* To perform the selection for legend elements.
* @private
*/
AccumulationSelection.prototype.legendSelection = function (accumulation, series, pointIndex) {

@@ -109,2 +151,5 @@ var element = accumulation.getSeriesElement().childNodes[series].childNodes[pointIndex];

};
/**
* To select the element by selected data indexes.
*/
AccumulationSelection.prototype.selectDataIndex = function (indexes, accumulation) {

@@ -120,2 +165,5 @@ var element;

};
/**
* To remove the selection styles for multi selection process.
*/
AccumulationSelection.prototype.removeMultiSelectEelments = function (accumulation, index, currentIndex, seriesCollection) {

@@ -132,4 +180,7 @@ var series;

};
/**
* To apply the opacity effect for accumulation chart series elements.
*/
AccumulationSelection.prototype.blurEffect = function (pieId, visibleSeries) {
var visibility = this.checkPointVisibility(this.selectedDataIndexes);
var visibility = this.checkPointVisibility(this.selectedDataIndexes); // legend click scenario
for (var _i = 0, visibleSeries_1 = visibleSeries; _i < visibleSeries_1.length; _i++) {

@@ -142,2 +193,5 @@ var series = visibleSeries_1[_i];

};
/**
* To check selection elements by style class name.
*/
AccumulationSelection.prototype.checkSelectionElements = function (element, className, visibility) {

@@ -170,2 +224,5 @@ var children = (element.childNodes[0].childNodes);

};
/**
* To apply selection style for elements.
*/
AccumulationSelection.prototype.applyStyles = function (elements, index) {

@@ -187,5 +244,11 @@ for (var _i = 0, elements_1 = elements; _i < elements_1.length; _i++) {

};
/**
* To get selection style class name by id
*/
AccumulationSelection.prototype.getSelectionClass = function (id) {
return this.generateStyle(this.control.series[indexFinder(id).series]);
};
/**
* To remove selection style for elements.
*/
AccumulationSelection.prototype.removeStyles = function (elements, index) {

@@ -204,2 +267,5 @@ var legendShape;

};
/**
* To apply or remove selected elements index.
*/
AccumulationSelection.prototype.addOrRemoveIndex = function (indexes, index, add) {

@@ -216,5 +282,11 @@ for (var i = 0; i < indexes.length; i++) {

};
/**
* To check two index, point and series are equal
*/
AccumulationSelection.prototype.checkEquals = function (first, second) {
return ((first.point === second.point) && (first.series === second.series));
};
/**
* To check selected points are visibility
*/
AccumulationSelection.prototype.checkPointVisibility = function (selectedDataIndexes) {

@@ -231,6 +303,15 @@ var visible = false;

};
/**
* Get module name.
*/
AccumulationSelection.prototype.getModuleName = function () {
return 'AccumulationSelection';
};
/**
* To destroy the selection.
* @return {void}
* @private
*/
AccumulationSelection.prototype.destroy = function (accumulation) {
// Destroy method performed here
};

@@ -237,0 +318,0 @@ return AccumulationSelection;

50

dist/es6/accumulation-chart/user-interaction/tooltip.js

@@ -0,1 +1,4 @@

/**
* AccumulationChart Tooltip file
*/
import { compile as templateComplier } from '@syncfusion/ej2-base';

@@ -8,3 +11,6 @@ import { createElement, setStyleAttribute } from '@syncfusion/ej2-base';

import { tooltipRender } from '../../common/model/constants';
var AccumulationTooltip = (function () {
/**
* AccumulationTooltip module used to render `Tooltip` for Accumulation Chart.
*/
var AccumulationTooltip = /** @class */ (function () {
function AccumulationTooltip(accumulation) {

@@ -22,2 +28,5 @@ this.accumulation = accumulation;

}
/**
* To set template function for toooltip
*/
AccumulationTooltip.prototype.setTemplateFunction = function (template) {

@@ -34,2 +43,6 @@ var e;

};
/**
* To render the tooltip for the point
* @private
*/
AccumulationTooltip.prototype.renderTooltip = function (point, seriesIndex) {

@@ -47,2 +60,6 @@ var element = getElement(this.targetId);

};
/**
* To remove accumulation chart tooltip with animation
* @private
*/
AccumulationTooltip.prototype.fadeOutTooltip = function () {

@@ -53,2 +70,6 @@ clearTimeout(this.clearTooltip);

};
/**
* To remove accumulation chart tooltip element
* @private
*/
AccumulationTooltip.prototype.removeTooltip = function () {

@@ -59,2 +80,5 @@ if (this.tooltip) {

};
/**
* To get accumulation chart point tooltip content
*/
AccumulationTooltip.prototype.getTooltipContent = function (point, seriesIndex) {

@@ -73,2 +97,5 @@ if (this.tooltipOption.template && this.templateFn) {

};
/**
* To customize the accumulation chart tooltip
*/
AccumulationTooltip.prototype.tooltipCustomization = function (args) {

@@ -124,2 +151,6 @@ var argsData = {

};
/**
* To update the tooltip element position
* @private
*/
AccumulationTooltip.prototype.updatePosition = function (id, x, y, pointId) {

@@ -150,2 +181,5 @@ var pointElement = getElement(pointId);

};
/**
* To get accumulation chart tooltip text from format.
*/
AccumulationTooltip.prototype.getTooltipText = function (point, tooltip, seriesIndex) {

@@ -156,2 +190,5 @@ var format = tooltip.format ? tooltip.format : '${point.x} : ${point.y}';

};
/**
* To parse the tooltip template
*/
AccumulationTooltip.prototype.parseTemplate = function (point, format, series) {

@@ -173,6 +210,17 @@ var value;

};
/**
* Get module name
*/
AccumulationTooltip.prototype.getModuleName = function () {
return 'AccumulationTooltip';
};
/**
* To destroy the Tooltip.
* @return {void}
* @private
*/
AccumulationTooltip.prototype.destroy = function (chart) {
/**
* Destroy method calling here
*/
};

@@ -179,0 +227,0 @@ return AccumulationTooltip;

24

dist/es6/chart/annotation/annotation.js

@@ -14,4 +14,11 @@ var __extends = (this && this.__extends) || (function () {

import { createElement } from '@syncfusion/ej2-base';
var ChartAnnotation = (function (_super) {
/**
* Annotation Module handles the Annotation for chart.
*/
var ChartAnnotation = /** @class */ (function (_super) {
__extends(ChartAnnotation, _super);
/**
* Constructor for chart annotation.
* @private.
*/
function ChartAnnotation(control, annotations) {

@@ -23,2 +30,7 @@ var _this = _super.call(this, control) || this;

}
/**
* Method to render the annotation for chart
* @param element
* @private
*/
ChartAnnotation.prototype.renderAnnotations = function (element) {

@@ -40,5 +52,15 @@ var _this = this;

};
/**
* To destroy the annotation.
* @return {void}
* @private
*/
ChartAnnotation.prototype.destroy = function (control) {
// Destroy method performed here
};
/**
* Get module name.
*/
ChartAnnotation.prototype.getModuleName = function () {
// Returns te module name
return 'Annotation';

@@ -45,0 +67,0 @@ };

518

dist/es6/chart/axis/axis.js

@@ -26,11 +26,27 @@ var __extends = (this && this.__extends) || (function () {

var axisPadding = 10;
var Row = (function (_super) {
/**
* Configures the `rows` of the chart.
*/
var Row = /** @class */ (function (_super) {
__extends(Row, _super);
function Row() {
/**
* The height of the row as a string accept input both as '100px' and '100%'.
* If specified as '100%, row renders to the full height of its chart.
* @default 100%.
*/
var _this = _super !== null && _super.apply(this, arguments) || this;
/** @private */
_this.axes = [];
/** @private */
_this.nearSizes = [];
/** @private */
_this.farSizes = [];
return _this;
}
/**
* Measure the row size
* @return {void}
* @private
*/
Row.prototype.computeSize = function (axis, clipRect) {

@@ -54,21 +70,38 @@ var titleSize = 0;

};
__decorate([
Property('100%')
], Row.prototype, "height", void 0);
__decorate([
Complex({}, Border)
], Row.prototype, "border", void 0);
return Row;
}(ChildProperty));
export { Row };
__decorate([
Property('100%')
], Row.prototype, "height", void 0);
__decorate([
Complex({}, Border)
], Row.prototype, "border", void 0);
var Column = (function (_super) {
/**
* Configures the `columns` of the chart.
*/
var Column = /** @class */ (function (_super) {
__extends(Column, _super);
function Column() {
/**
* The width of the column as a string accepts input both as like '100px' or '100%'.
* If specified as '100%, column renders to the full width of its chart.
* @default 100%.
*/
var _this = _super !== null && _super.apply(this, arguments) || this;
/** @private */
_this.axes = [];
/** @private */
_this.nearSizes = [];
/** @private */
_this.farSizes = [];
/** @private */
_this.padding = 0;
return _this;
}
/**
* Measure the column size
* @return {void}
* @private
*/
Column.prototype.computeSize = function (axis, clipRect) {

@@ -92,12 +125,15 @@ var titleSize = 0;

};
__decorate([
Property('100%')
], Column.prototype, "width", void 0);
__decorate([
Complex({}, Border)
], Column.prototype, "border", void 0);
return Column;
}(ChildProperty));
export { Column };
__decorate([
Property('100%')
], Column.prototype, "width", void 0);
__decorate([
Complex({}, Border)
], Column.prototype, "border", void 0);
var MajorGridLines = (function (_super) {
/**
* Configures the major grid lines in the `axis`.
*/
var MajorGridLines = /** @class */ (function (_super) {
__extends(MajorGridLines, _super);

@@ -107,15 +143,18 @@ function MajorGridLines() {

}
__decorate([
Property(1)
], MajorGridLines.prototype, "width", void 0);
__decorate([
Property('')
], MajorGridLines.prototype, "dashArray", void 0);
__decorate([
Property(Theme.axisMajorGridLineColor)
], MajorGridLines.prototype, "color", void 0);
return MajorGridLines;
}(ChildProperty));
export { MajorGridLines };
__decorate([
Property(1)
], MajorGridLines.prototype, "width", void 0);
__decorate([
Property('')
], MajorGridLines.prototype, "dashArray", void 0);
__decorate([
Property(Theme.axisMajorGridLineColor)
], MajorGridLines.prototype, "color", void 0);
var MinorGridLines = (function (_super) {
/**
* Configures the minor grid lines in the `axis`.
*/
var MinorGridLines = /** @class */ (function (_super) {
__extends(MinorGridLines, _super);

@@ -125,15 +164,18 @@ function MinorGridLines() {

}
__decorate([
Property(0.7)
], MinorGridLines.prototype, "width", void 0);
__decorate([
Property('')
], MinorGridLines.prototype, "dashArray", void 0);
__decorate([
Property(Theme.axisMinorGridLineColor)
], MinorGridLines.prototype, "color", void 0);
return MinorGridLines;
}(ChildProperty));
export { MinorGridLines };
__decorate([
Property(0.7)
], MinorGridLines.prototype, "width", void 0);
__decorate([
Property('')
], MinorGridLines.prototype, "dashArray", void 0);
__decorate([
Property(Theme.axisMinorGridLineColor)
], MinorGridLines.prototype, "color", void 0);
var AxisLine = (function (_super) {
/**
* Configures the axis line of a chart.
*/
var AxisLine = /** @class */ (function (_super) {
__extends(AxisLine, _super);

@@ -143,15 +185,18 @@ function AxisLine() {

}
__decorate([
Property(1)
], AxisLine.prototype, "width", void 0);
__decorate([
Property('')
], AxisLine.prototype, "dashArray", void 0);
__decorate([
Property(Theme.axisLineColor)
], AxisLine.prototype, "color", void 0);
return AxisLine;
}(ChildProperty));
export { AxisLine };
__decorate([
Property(1)
], AxisLine.prototype, "width", void 0);
__decorate([
Property('')
], AxisLine.prototype, "dashArray", void 0);
__decorate([
Property(Theme.axisLineColor)
], AxisLine.prototype, "color", void 0);
var MajorTickLines = (function (_super) {
/**
* Configures the major tick lines.
*/
var MajorTickLines = /** @class */ (function (_super) {
__extends(MajorTickLines, _super);

@@ -161,15 +206,18 @@ function MajorTickLines() {

}
__decorate([
Property(1)
], MajorTickLines.prototype, "width", void 0);
__decorate([
Property(5)
], MajorTickLines.prototype, "height", void 0);
__decorate([
Property(Theme.axisMajorTickLineColor)
], MajorTickLines.prototype, "color", void 0);
return MajorTickLines;
}(ChildProperty));
export { MajorTickLines };
__decorate([
Property(1)
], MajorTickLines.prototype, "width", void 0);
__decorate([
Property(5)
], MajorTickLines.prototype, "height", void 0);
__decorate([
Property(Theme.axisMajorTickLineColor)
], MajorTickLines.prototype, "color", void 0);
var MinorTickLines = (function (_super) {
/**
* Configures the minor tick lines.
*/
var MinorTickLines = /** @class */ (function (_super) {
__extends(MinorTickLines, _super);

@@ -179,15 +227,18 @@ function MinorTickLines() {

}
__decorate([
Property(0.7)
], MinorTickLines.prototype, "width", void 0);
__decorate([
Property(5)
], MinorTickLines.prototype, "height", void 0);
__decorate([
Property(Theme.axisMinorTickLineColor)
], MinorTickLines.prototype, "color", void 0);
return MinorTickLines;
}(ChildProperty));
export { MinorTickLines };
__decorate([
Property(0.7)
], MinorTickLines.prototype, "width", void 0);
__decorate([
Property(5)
], MinorTickLines.prototype, "height", void 0);
__decorate([
Property(Theme.axisMinorTickLineColor)
], MinorTickLines.prototype, "color", void 0);
var CrosshairTooltip = (function (_super) {
/**
* Configures the crosshair ToolTip.
*/
var CrosshairTooltip = /** @class */ (function (_super) {
__extends(CrosshairTooltip, _super);

@@ -197,27 +248,45 @@ function CrosshairTooltip() {

}
__decorate([
Property(false)
], CrosshairTooltip.prototype, "enable", void 0);
__decorate([
Property(Theme.crossHairLabelColor)
], CrosshairTooltip.prototype, "fill", void 0);
__decorate([
Complex(Theme.crosshairLabelFont, Font)
], CrosshairTooltip.prototype, "textStyle", void 0);
return CrosshairTooltip;
}(ChildProperty));
export { CrosshairTooltip };
__decorate([
Property(false)
], CrosshairTooltip.prototype, "enable", void 0);
__decorate([
Property(Theme.crossHairLabelColor)
], CrosshairTooltip.prototype, "fill", void 0);
__decorate([
Complex(Theme.crosshairLabelFont, Font)
], CrosshairTooltip.prototype, "textStyle", void 0);
var Axis = (function (_super) {
/**
* Configures the axes in the chart.
*/
var Axis = /** @class */ (function (_super) {
__extends(Axis, _super);
function Axis() {
/**
* Options to customize the axis label.
*/
var _this = _super !== null && _super.apply(this, arguments) || this;
/** @private */
_this.visibleLabels = [];
/** @private */
_this.series = [];
/** @private */
_this.rect = new Rect(undefined, undefined, 0, 0);
/** @private */
_this.axisBottomLine = null;
/** @private */
_this.intervalDivs = [10, 5, 2, 1];
/** @private */
_this.angle = _this.labelRotation;
/** @private */
_this.isStack100 = false;
return _this;
}
/**
* The function used to find whether the range is set.
* @return {boolean}
* @private
*/
Axis.prototype.setRange = function () {

@@ -229,2 +298,7 @@ if (this.minimum != null && this.maximum != null) {

};
/**
* Calculate visible range for axis.
* @return {void}
* @private
*/
Axis.prototype.calculateVisibleRange = function (size) {

@@ -257,2 +331,7 @@ if (this.zoomFactor < 1 || this.zoomPosition > 0) {

};
/**
* Calculate desired interval for the axis.
* @return {void}
* @private
*/
Axis.prototype.getActualDesiredIntervalsCount = function (availableSize) {

@@ -269,2 +348,7 @@ var size = this.orientation === 'Horizontal' ? availableSize.width : availableSize.height;

};
/**
* Triggers the event.
* @return {void}
* @private
*/
Axis.prototype.triggerLabelRender = function (chart, tempInterval, text) {

@@ -281,2 +365,7 @@ var argsData;

};
/**
* Calculate padding for the axis.
* @return {string}
* @private
*/
Axis.prototype.getRangePadding = function (chart) {

@@ -307,2 +396,7 @@ var padding = this.rangePadding;

};
/**
* Calculate maximum label width for the axis.
* @return {void}
* @private
*/
Axis.prototype.getMaxLabelWidth = function (chart) {

@@ -366,2 +460,6 @@ var prevSize = new Size(0, 0);

};
/**
* Finds the wrap for axis label.
* @return {void}
*/
Axis.prototype.findWrap = function (width, currentX, currentLabel) {

@@ -398,2 +496,6 @@ var intervalLength = this.rect.width / this.visibleLabels.length;

};
/**
* Finds the multiple rows for axis.
* @return {void}
*/
Axis.prototype.findMultiRows = function (length, currentX, currentLabel) {

@@ -422,2 +524,7 @@ var label;

};
/**
* Finds the default module for axis.
* @return {void}
* @private
*/
Axis.prototype.getModule = function (chart) {

@@ -431,135 +538,136 @@ if (this.valueType === 'Double') {

};
__decorate([
Complex(Theme.axisLabelFont, Font)
], Axis.prototype, "labelStyle", void 0);
__decorate([
Complex({}, CrosshairTooltip)
], Axis.prototype, "crosshairTooltip", void 0);
__decorate([
Property('')
], Axis.prototype, "title", void 0);
__decorate([
Complex(Theme.axisTitleFont, Font)
], Axis.prototype, "titleStyle", void 0);
__decorate([
Property('')
], Axis.prototype, "labelFormat", void 0);
__decorate([
Property('')
], Axis.prototype, "skeleton", void 0);
__decorate([
Property('DateTime')
], Axis.prototype, "skeletonType", void 0);
__decorate([
Property(0)
], Axis.prototype, "plotOffset", void 0);
__decorate([
Property(false)
], Axis.prototype, "isIndexed", void 0);
__decorate([
Property(10)
], Axis.prototype, "logBase", void 0);
__decorate([
Property(0)
], Axis.prototype, "columnIndex", void 0);
__decorate([
Property(0)
], Axis.prototype, "rowIndex", void 0);
__decorate([
Property(1)
], Axis.prototype, "span", void 0);
__decorate([
Property(null)
], Axis.prototype, "desiredIntervals", void 0);
__decorate([
Property(3)
], Axis.prototype, "maximumLabels", void 0);
__decorate([
Property(1)
], Axis.prototype, "zoomFactor", void 0);
__decorate([
Property(0)
], Axis.prototype, "zoomPosition", void 0);
__decorate([
Property(false)
], Axis.prototype, "opposedPosition", void 0);
__decorate([
Property(true)
], Axis.prototype, "enableAutoIntervalOnZooming", void 0);
__decorate([
Property('Auto')
], Axis.prototype, "rangePadding", void 0);
__decorate([
Property('Double')
], Axis.prototype, "valueType", void 0);
__decorate([
Property('None')
], Axis.prototype, "edgeLabelPlacement", void 0);
__decorate([
Property('Auto')
], Axis.prototype, "intervalType", void 0);
__decorate([
Property('BetweenTicks')
], Axis.prototype, "labelPlacement", void 0);
__decorate([
Property('')
], Axis.prototype, "name", void 0);
__decorate([
Property(true)
], Axis.prototype, "visible", void 0);
__decorate([
Property(0)
], Axis.prototype, "minorTicksPerInterval", void 0);
__decorate([
Property(0)
], Axis.prototype, "labelRotation", void 0);
__decorate([
Property(null)
], Axis.prototype, "minimum", void 0);
__decorate([
Property(null)
], Axis.prototype, "maximum", void 0);
__decorate([
Property(null)
], Axis.prototype, "interval", void 0);
__decorate([
Complex({}, MajorTickLines)
], Axis.prototype, "majorTickLines", void 0);
__decorate([
Complex({}, MinorTickLines)
], Axis.prototype, "minorTickLines", void 0);
__decorate([
Complex({}, MajorGridLines)
], Axis.prototype, "majorGridLines", void 0);
__decorate([
Complex({}, MinorGridLines)
], Axis.prototype, "minorGridLines", void 0);
__decorate([
Complex({}, AxisLine)
], Axis.prototype, "lineStyle", void 0);
__decorate([
Property('Hide')
], Axis.prototype, "labelIntersectAction", void 0);
__decorate([
Property(false)
], Axis.prototype, "isInversed", void 0);
__decorate([
Property(100)
], Axis.prototype, "coefficient", void 0);
__decorate([
Property(0)
], Axis.prototype, "startAngle", void 0);
__decorate([
Property(null)
], Axis.prototype, "description", void 0);
__decorate([
Property(2)
], Axis.prototype, "tabIndex", void 0);
__decorate([
Collection([], StripLineSettings)
], Axis.prototype, "stripLines", void 0);
return Axis;
}(ChildProperty));
export { Axis };
__decorate([
Complex(Theme.axisLabelFont, Font)
], Axis.prototype, "labelStyle", void 0);
__decorate([
Complex({}, CrosshairTooltip)
], Axis.prototype, "crosshairTooltip", void 0);
__decorate([
Property('')
], Axis.prototype, "title", void 0);
__decorate([
Complex(Theme.axisTitleFont, Font)
], Axis.prototype, "titleStyle", void 0);
__decorate([
Property('')
], Axis.prototype, "labelFormat", void 0);
__decorate([
Property('')
], Axis.prototype, "skeleton", void 0);
__decorate([
Property('DateTime')
], Axis.prototype, "skeletonType", void 0);
__decorate([
Property(0)
], Axis.prototype, "plotOffset", void 0);
__decorate([
Property(false)
], Axis.prototype, "isIndexed", void 0);
__decorate([
Property(10)
], Axis.prototype, "logBase", void 0);
__decorate([
Property(0)
], Axis.prototype, "columnIndex", void 0);
__decorate([
Property(0)
], Axis.prototype, "rowIndex", void 0);
__decorate([
Property(1)
], Axis.prototype, "span", void 0);
__decorate([
Property(null)
], Axis.prototype, "desiredIntervals", void 0);
__decorate([
Property(3)
], Axis.prototype, "maximumLabels", void 0);
__decorate([
Property(1)
], Axis.prototype, "zoomFactor", void 0);
__decorate([
Property(0)
], Axis.prototype, "zoomPosition", void 0);
__decorate([
Property(false)
], Axis.prototype, "opposedPosition", void 0);
__decorate([
Property(true)
], Axis.prototype, "enableAutoIntervalOnZooming", void 0);
__decorate([
Property('Auto')
], Axis.prototype, "rangePadding", void 0);
__decorate([
Property('Double')
], Axis.prototype, "valueType", void 0);
__decorate([
Property('None')
], Axis.prototype, "edgeLabelPlacement", void 0);
__decorate([
Property('Auto')
], Axis.prototype, "intervalType", void 0);
__decorate([
Property('BetweenTicks')
], Axis.prototype, "labelPlacement", void 0);
__decorate([
Property('')
], Axis.prototype, "name", void 0);
__decorate([
Property(true)
], Axis.prototype, "visible", void 0);
__decorate([
Property(0)
], Axis.prototype, "minorTicksPerInterval", void 0);
__decorate([
Property(0)
], Axis.prototype, "labelRotation", void 0);
__decorate([
Property(null)
], Axis.prototype, "minimum", void 0);
__decorate([
Property(null)
], Axis.prototype, "maximum", void 0);
__decorate([
Property(null)
], Axis.prototype, "interval", void 0);
__decorate([
Complex({}, MajorTickLines)
], Axis.prototype, "majorTickLines", void 0);
__decorate([
Complex({}, MinorTickLines)
], Axis.prototype, "minorTickLines", void 0);
__decorate([
Complex({}, MajorGridLines)
], Axis.prototype, "majorGridLines", void 0);
__decorate([
Complex({}, MinorGridLines)
], Axis.prototype, "minorGridLines", void 0);
__decorate([
Complex({}, AxisLine)
], Axis.prototype, "lineStyle", void 0);
__decorate([
Property('Hide')
], Axis.prototype, "labelIntersectAction", void 0);
__decorate([
Property(false)
], Axis.prototype, "isInversed", void 0);
__decorate([
Property(100)
], Axis.prototype, "coefficient", void 0);
__decorate([
Property(0)
], Axis.prototype, "startAngle", void 0);
__decorate([
Property(null)
], Axis.prototype, "description", void 0);
__decorate([
Property(2)
], Axis.prototype, "tabIndex", void 0);
__decorate([
Collection([], StripLineSettings)
], Axis.prototype, "stripLines", void 0);
var VisibleLabels = (function () {
/** @private */
var VisibleLabels = /** @class */ (function () {
function VisibleLabels(text, value, size, index) {

@@ -566,0 +674,0 @@ if (size === void 0) { size = new Size(0, 0); }

56

dist/es6/chart/axis/cartesian-panel.js
import { subtractThickness, valueToCoefficient, sum, subArray, TextOption, inside, measureText } from '../../common/utils/helper';
import { Size, Rect, Thickness, PathOption, logBase, createZoomingLabels, getElement, rotateTextSize } from '../../common/utils/helper';
import { textElement, textTrim } from '../../common/utils/helper';
/**
* Specifies the Cartesian Axis Layout.
*/
var axisPadding = 10;
var CartesianAxisLayoutPanel = (function () {
var CartesianAxisLayoutPanel = /** @class */ (function () {
/** @private */
function CartesianAxisLayoutPanel(chartModule) {

@@ -10,2 +14,7 @@ this.chart = chartModule;

}
/**
* Measure the axis size.
* @return {void}
* @private
*/
CartesianAxisLayoutPanel.prototype.measureAxis = function (rect) {

@@ -19,2 +28,3 @@ var chart = this.chart;

this.bottomSize = 0;
//Measure Axis size with initial Rect
this.measureRowAxis(chart, this.initialClipRect);

@@ -31,2 +41,3 @@ this.initialClipRect = subtractThickness(this.initialClipRect, new Thickness(this.leftSize, this.rightSize, 0, 0));

this.bottomSize = 0;
//Measure Axis size with series Rect
this.measureRowAxis(chart, this.initialClipRect);

@@ -77,2 +88,7 @@ this.seriesClipRect = subtractThickness(this.seriesClipRect, new Thickness(this.leftSize, this.rightSize, 0, 0));

};
/**
* Measure the column and row in chart.
* @return {void}
* @private
*/
CartesianAxisLayoutPanel.prototype.measureDefinition = function (definition, chart, size, clipRect) {

@@ -94,2 +110,7 @@ var axis;

};
/**
* Measure the axis.
* @return {void}
* @private
*/
CartesianAxisLayoutPanel.prototype.calculateAxisSize = function (rect) {

@@ -165,2 +186,7 @@ var chart = this.chart;

};
/**
* Measure the axis.
* @return {void}
* @private
*/
CartesianAxisLayoutPanel.prototype.measure = function () {

@@ -177,2 +203,3 @@ var chart = this.chart;

var axis_2 = _a[_i];
//definition.Axes = axis;
if (axis_2.orientation === 'Vertical') {

@@ -235,3 +262,8 @@ chart.verticalAxes.push(axis_2);

};
/**
* Measure the row size.
* @return {void}
*/
CartesianAxisLayoutPanel.prototype.calculateRowSize = function (rect) {
/*! Calculate row size */
var chart = this.chart;

@@ -257,3 +289,8 @@ var row;

};
/**
* Measure the row size.
* @return {void}
*/
CartesianAxisLayoutPanel.prototype.calculateColumnSize = function (rect) {
/*! Calculate column size */
var chart = this.chart;

@@ -279,2 +316,7 @@ var column;

};
/**
* To render the axis element.
* @return {void}
* @private
*/
CartesianAxisLayoutPanel.prototype.renderAxes = function () {

@@ -399,2 +441,3 @@ var chart = this.chart;

}
//Gridlines
for (var i = 0; i < length; i++) {

@@ -442,2 +485,7 @@ tempInterval = !axis.visibleLabels[i] ? (axis.visibleLabels[i - 1].value + axis.visibleRange.interval) - ticksbwtLabel

};
/**
* To render the axis label.
* @return {void}
* @private
*/
CartesianAxisLayoutPanel.prototype.drawYAxisLabels = function (axis, index) {

@@ -521,2 +569,3 @@ var chart = this.chart;

}
//Gridlines
for (var i = 0; i < length; i++) {

@@ -608,2 +657,7 @@ tempInterval = axis.visibleLabels[i] ? axis.visibleLabels[i].value - ticksbwtLabel

};
/**
* To render the axis label.
* @return {void}
* @private
*/
CartesianAxisLayoutPanel.prototype.drawXAxisLabels = function (axis, index) {

@@ -610,0 +664,0 @@ var chart = this.chart;

41

dist/es6/chart/axis/category-axis.js

@@ -14,7 +14,19 @@ var __extends = (this && this.__extends) || (function () {

import { withIn } from '../../common/utils/helper';
var Category = (function (_super) {
/**
* Category module is used to render category axis.
*/
var Category = /** @class */ (function (_super) {
__extends(Category, _super);
/**
* Constructor for the category module.
* @private
*/
function Category(chart) {
return _super.call(this, chart) || this;
}
/**
* The function to calculate the range and labels for the axis.
* @return {void}
* @private
*/
Category.prototype.calculateRangeAndInterval = function (size, axis) {

@@ -26,2 +38,6 @@ this.calculateRange(axis, size);

};
/**
* Actual Range for the axis.
* @private
*/
Category.prototype.getActualRange = function (axis, size) {

@@ -40,2 +56,6 @@ axis.doubleRange = new DoubleRange(this.min, this.max);

};
/**
* Padding for the axis.
* @private
*/
Category.prototype.applyRangePadding = function (axis, size) {

@@ -54,3 +74,8 @@ var ticks = (axis.labelPlacement === 'BetweenTicks' && this.chart.chartAreaType !== 'PolarRadar') ? 0.5 : 0;

};
/**
* Calculate label for the axis.
* @private
*/
Category.prototype.calculateVisibleLabels = function (axis) {
/*! Generate axis labels */
axis.visibleLabels = [];

@@ -69,6 +94,20 @@ var tempInterval = axis.visibleRange.min - (axis.visibleRange.min % axis.visibleRange.interval);

};
/**
* Get module name
*/
Category.prototype.getModuleName = function () {
/**
* Returns the module name
*/
return 'Category';
};
/**
* To destroy the category axis.
* @return {void}
* @private
*/
Category.prototype.destroy = function (chart) {
/**
* Destroy method performed here
*/
};

@@ -75,0 +114,0 @@ return Category;

60

dist/es6/chart/axis/date-time-axis.js

@@ -14,7 +14,19 @@ var __extends = (this && this.__extends) || (function () {

import { withIn, firstToLowerCase } from '../../common/utils/helper';
var DateTime = (function (_super) {
/**
* DateTime module is used to render DateTime axis.
*/
var DateTime = /** @class */ (function (_super) {
__extends(DateTime, _super);
/**
* Constructor for the dateTime module.
* @private
*/
function DateTime(chart) {
return _super.call(this, chart) || this;
}
/**
* The function to calculate the range and labels for the axis.
* @return {void}
* @private
*/
DateTime.prototype.calculateRangeAndInterval = function (size, axis) {

@@ -26,2 +38,6 @@ this.calculateRange(axis, size);

};
/**
* Actual Range for the axis.
* @private
*/
DateTime.prototype.getActualRange = function (axis, size) {

@@ -34,2 +50,3 @@ var option = {

var dateFormatter = this.chart.intl.getDateFormat(option);
// Axis min
if ((axis.minimum) !== null) {

@@ -41,2 +58,3 @@ this.min = Date.parse(dateParser(dateFormatter(axis.minimum)));

}
// Axis Max
if ((axis.maximum) !== null) {

@@ -64,2 +82,6 @@ this.max = Date.parse(dateParser(dateFormatter(axis.maximum)));

};
/**
* Apply padding for the range.
* @private
*/
DateTime.prototype.applyRangePadding = function (axis, size) {

@@ -175,4 +197,13 @@ this.start = (axis.actualRange.min);

};
/**
* Calculate visible range for axis.
* @private
*/
DateTime.prototype.calculateVisibleRange = function (size, axis) {
axis.visibleRange = axis.actualRange;
axis.visibleRange = {
min: axis.actualRange.min,
max: axis.actualRange.max,
interval: axis.actualRange.interval,
delta: axis.actualRange.delta,
};
if (axis.zoomFactor < 1 || axis.zoomPosition > 0) {

@@ -187,2 +218,6 @@ axis.calculateVisibleRange(size);

};
/**
* Calculate visible labels for the axis.
* @private
*/
DateTime.prototype.calculateVisibleLabels = function (axis) {

@@ -207,2 +242,3 @@ axis.visibleLabels = [];

};
/** @private */
DateTime.prototype.increaseDateTimeInterval = function (axis, value, interval) {

@@ -263,2 +299,7 @@ var result = new Date(value);

};
/**
* To get the skeleton for the DateTime axis.
* @return {string}
* @private
*/
DateTime.prototype.getSkeleton = function (axis) {

@@ -293,2 +334,3 @@ var skeleton;

var endDate = new Date(end);
//var axisInterval ;
var totalDays = (Math.abs((startDate.getTime() - endDate.getTime()) / (oneDay)));

@@ -348,6 +390,20 @@ var interval;

};
/**
* Get module name
*/
DateTime.prototype.getModuleName = function () {
/**
* Returns the module name
*/
return 'DateTime';
};
/**
* To destroy the category axis.
* @return {void}
* @private
*/
DateTime.prototype.destroy = function (chart) {
/**
* Destroy method performed here
*/
};

@@ -354,0 +410,0 @@ return DateTime;

61

dist/es6/chart/axis/double-axis.js
import { getMinPointsDelta } from '../../common/utils/helper';
import { DoubleRange } from '../utils/double-range';
import { withIn, logBase } from '../../common/utils/helper';
var Double = (function () {
/**
* Numeric module is used to render numeric axis.
*/
var Double = /** @class */ (function () {
/**
* Constructor for the dateTime module.
* @private
*/
function Double(chart) {
this.chart = chart;
}
/**
* Numeric Nice Interval for the axis.
* @private
*/
Double.prototype.calculateNumericNiceInterval = function (axis, delta, size) {

@@ -25,2 +36,6 @@ var actualDesiredIntervalsCount = axis.getActualDesiredIntervalsCount(size);

};
/**
* Actual Range for the axis.
* @private
*/
Double.prototype.getActualRange = function (axis, size) {

@@ -32,3 +47,8 @@ this.initializeDoubleRange(axis);

};
/**
* Range for the axis.
* @private
*/
Double.prototype.initializeDoubleRange = function (axis) {
//Axis Min
if (axis.minimum !== null) {

@@ -40,2 +60,3 @@ this.min = axis.minimum;

}
// Axis Max
if (axis.maximum !== null) {

@@ -53,2 +74,7 @@ this.max = axis.maximum;

};
/**
* The function to calculate the range and labels for the axis.
* @return {void}
* @private
*/
Double.prototype.calculateRangeAndInterval = function (size, axis) {

@@ -60,3 +86,8 @@ this.calculateRange(axis, size);

};
/**
* Calculate Range for the axis.
* @private
*/
Double.prototype.calculateRange = function (axis, size) {
/*! Generate axis range */
var series;

@@ -79,2 +110,3 @@ this.min = null;

}
//For xRange
if (axis.orientation === 'Horizontal') {

@@ -88,2 +120,3 @@ if (this.chart.requireInvertedAxis) {

}
// For yRange
if (axis.orientation === 'Vertical') {

@@ -108,2 +141,6 @@ if (this.chart.requireInvertedAxis) {

};
/**
* Apply padding for the range.
* @private
*/
Double.prototype.applyRangePadding = function (axis, size) {

@@ -182,4 +219,11 @@ var range;

};
/**
* Calculate visible range for axis.
* @private
*/
Double.prototype.calculateVisibleRange = function (size, axis) {
axis.visibleRange = axis.actualRange;
axis.visibleRange = {
max: axis.actualRange.max, min: axis.actualRange.min,
delta: axis.actualRange.delta, interval: axis.actualRange.interval
};
if (axis.zoomFactor < 1 || axis.zoomPosition > 0) {

@@ -192,3 +236,8 @@ axis.calculateVisibleRange(size);

};
/**
* Calculate label for the axis.
* @private
*/
Double.prototype.calculateVisibleLabels = function (axis, chart) {
/*! Generate axis labels */
axis.visibleLabels = [];

@@ -212,2 +261,6 @@ var tempInterval = axis.visibleRange.min;

};
/**
* Format of the axis label.
* @private
*/
Double.prototype.getFormat = function (axis) {

@@ -219,2 +272,6 @@ if (axis.labelFormat) {

};
/**
* Formatted the axis label.
* @private
*/
Double.prototype.formatValue = function (axis, isCustom, format, tempInterval) {

@@ -221,0 +278,0 @@ return isCustom ? format.replace('{value}', axis.format(tempInterval))

52

dist/es6/chart/axis/logarithmic-axis.js

@@ -13,7 +13,19 @@ var __extends = (this && this.__extends) || (function () {

import { logBase, withIn } from '../../common/utils/helper';
var Logarithmic = (function (_super) {
/**
* Logarithmic module is used to render log axis.
*/
var Logarithmic = /** @class */ (function (_super) {
__extends(Logarithmic, _super);
/**
* Constructor for the logerithmic module.
* @private
*/
function Logarithmic(chart) {
return _super.call(this, chart) || this;
}
/**
* The method to calculate the range and labels for the axis.
* @return {void}
* @private
*/
Logarithmic.prototype.calculateRangeAndInterval = function (size, axis) {

@@ -25,2 +37,6 @@ this.calculateRange(axis, size);

};
/**
* Calculates actual range for the axis.
* @private
*/
Logarithmic.prototype.getActualRange = function (axis, size) {

@@ -40,4 +56,11 @@ this.initializeDoubleRange(axis);

};
/**
* Calculates visible range for the axis.
* @private
*/
Logarithmic.prototype.calculateVisibleRange = function (size, axis) {
axis.visibleRange = axis.actualRange;
axis.visibleRange = {
interval: axis.actualRange.interval, max: axis.actualRange.max,
min: axis.actualRange.min, delta: axis.actualRange.delta
};
if (axis.zoomFactor < 1 || axis.zoomPosition > 0) {

@@ -51,2 +74,6 @@ axis.calculateVisibleRange(size);

};
/**
* Calculates log iInteval for the axis.
* @private
*/
Logarithmic.prototype.calculateLogNiceInterval = function (delta, size, axis) {

@@ -65,3 +92,8 @@ var actualDesiredIntervalsCount = axis.getActualDesiredIntervalsCount(size);

};
/**
* Calculates labels for the axis.
* @private
*/
Logarithmic.prototype.calculateVisibleLabels = function (axis, chart) {
/*! Generate axis labels */
var tempInterval = axis.visibleRange.min;

@@ -79,3 +111,3 @@ axis.visibleLabels = [];

for (; tempInterval <= axis.visibleRange.max; tempInterval += axis.visibleRange.interval) {
if (withIn(tempInterval, axis.actualRange)) {
if (withIn(tempInterval, axis.visibleRange)) {
axis.triggerLabelRender(this.chart, tempInterval, this.formatValue(axis, isCustomFormat, axisFormat, Math.pow(axis.logBase, tempInterval)));

@@ -86,6 +118,20 @@ }

};
/**
* Get module name
*/
Logarithmic.prototype.getModuleName = function () {
/**
* Returns the module name
*/
return 'Logarithmic';
};
/**
* To destroy the category axis.
* @return {void}
* @private
*/
Logarithmic.prototype.destroy = function (chart) {
/**
* Destroy method performed here
*/
};

@@ -92,0 +138,0 @@ return Logarithmic;

47

dist/es6/chart/axis/polar-radar-panel.js

@@ -15,4 +15,7 @@ var __extends = (this && this.__extends) || (function () {

import { textElement, valueToPolarCoefficient, CoefficientToVector } from '../../common/utils/helper';
/**
* Specifies the Polar Axis Layout.
*/
var axisPadding = 10;
var PolarRadarPanel = (function (_super) {
var PolarRadarPanel = /** @class */ (function (_super) {
__extends(PolarRadarPanel, _super);

@@ -22,2 +25,7 @@ function PolarRadarPanel() {

}
/**
* Measure the polar radar axis size.
* @return {void}
* @private
*/
PolarRadarPanel.prototype.measureAxis = function (rect) {

@@ -27,2 +35,3 @@ var chart = this.chart;

this.seriesClipRect = new Rect(rect.x, rect.y, rect.width, rect.height);
//Measure axis size calculation
this.measureRowAxis(chart, this.initialClipRect);

@@ -42,2 +51,7 @@ this.measureColumnAxis(chart, this.initialClipRect);

};
/**
* Measure the column and row in chart.
* @return {void}
* @private
*/
PolarRadarPanel.prototype.measureDefinition = function (definition, chart, size, clipRect) {

@@ -50,2 +64,7 @@ for (var _i = 0, _a = definition.axes; _i < _a.length; _i++) {

};
/**
* Measure the axis.
* @return {void}
* @private
*/
PolarRadarPanel.prototype.calculateAxisSize = function () {

@@ -71,2 +90,7 @@ var chart = this.chart;

};
/**
* Measure the axis.
* @return {void}
* @private
*/
PolarRadarPanel.prototype.measure = function () {

@@ -83,3 +107,8 @@ var chart = this.chart;

};
/**
* Measure the row size.
* @return {void}
*/
PolarRadarPanel.prototype.calculateRowSize = function (rect) {
/*! Calculate row size */
var chart = this.chart;

@@ -91,3 +120,8 @@ var row = chart.rows[0];

};
/**
* Measure the row size.
* @return {void}
*/
PolarRadarPanel.prototype.calculateColumnSize = function (rect) {
/*! Calculate column size */
var chart = this.chart;

@@ -99,2 +133,7 @@ var column = chart.columns[0];

};
/**
* To render the axis element.
* @return {void}
* @private
*/
PolarRadarPanel.prototype.renderAxes = function () {

@@ -244,2 +283,3 @@ var axis;

var length = axis.visibleLabels.length;
//Gridlines
for (var i = 0; i < length; i++) {

@@ -289,2 +329,7 @@ tempInterval = axis.visibleLabels[i].value;

};
/**
* To render the axis label.
* @return {void}
* @private
*/
PolarRadarPanel.prototype.drawXAxisLabels = function (axis, index) {

@@ -291,0 +336,0 @@ var chart = this.chart;

27

dist/es6/chart/axis/strip-line.js

@@ -0,4 +1,10 @@

/**
* StripLine src
*/
import { isNullOrUndefined } from '@syncfusion/ej2-base';
import { Rect, TextOption, measureText, valueToCoefficient, textElement, logBase, RectOption } from '../../common/utils/helper';
var StripLine = (function () {
/**
* `StripLine` module used to render the stripLine in chart.
*/
var StripLine = /** @class */ (function () {
function StripLine() {

@@ -18,2 +24,5 @@ }

};
/**
* To get from to value from start, end, size, start from axis
*/
StripLine.prototype.getFromTovalue = function (start, end, size, startFromAxis, axis) {

@@ -44,2 +53,9 @@ var from = startFromAxis ? axis.visibleRange.min : this.findValue(Math.min(start, isNullOrUndefined(end) ? start : end), axis);

};
/**
* To render striplines based start and end.
* @private
* @param chart
* @param position
* @param axes
*/
StripLine.prototype.renderStripLine = function (chart, position, axes) {

@@ -125,6 +141,15 @@ var id = chart.element.id + '_stripline_' + position + '_';

};
/**
* To get the module name for `StripLine`.
* @private
*/
StripLine.prototype.getModuleName = function () {
return 'StripLine';
};
/**
* To destroy the `StripLine` module.
* @private
*/
StripLine.prototype.destroy = function () {
// destroy peform here
};

@@ -131,0 +156,0 @@ return StripLine;

593

dist/es6/chart/chart.js

@@ -39,3 +39,6 @@ var __extends = (this && this.__extends) || (function () {

import { getElement } from '../common/utils/helper';
var TooltipSettings = (function (_super) {
/**
* Configures the ToolTips in the chart.
*/
var TooltipSettings = /** @class */ (function (_super) {
__extends(TooltipSettings, _super);

@@ -45,36 +48,39 @@ function TooltipSettings() {

}
__decorate([
Property(false)
], TooltipSettings.prototype, "enable", void 0);
__decorate([
Property(false)
], TooltipSettings.prototype, "shared", void 0);
__decorate([
Property('#000816')
], TooltipSettings.prototype, "fill", void 0);
__decorate([
Property(null)
], TooltipSettings.prototype, "header", void 0);
__decorate([
Property(0.75)
], TooltipSettings.prototype, "opacity", void 0);
__decorate([
Complex(Theme.tooltipLabelFont, Font)
], TooltipSettings.prototype, "textStyle", void 0);
__decorate([
Property(null)
], TooltipSettings.prototype, "format", void 0);
__decorate([
Property(null)
], TooltipSettings.prototype, "template", void 0);
__decorate([
Property(true)
], TooltipSettings.prototype, "enableAnimation", void 0);
__decorate([
Complex({ color: '#cccccc', width: 0.5 }, Border)
], TooltipSettings.prototype, "border", void 0);
return TooltipSettings;
}(ChildProperty));
export { TooltipSettings };
__decorate([
Property(false)
], TooltipSettings.prototype, "enable", void 0);
__decorate([
Property(false)
], TooltipSettings.prototype, "shared", void 0);
__decorate([
Property('#000816')
], TooltipSettings.prototype, "fill", void 0);
__decorate([
Property(null)
], TooltipSettings.prototype, "header", void 0);
__decorate([
Property(0.75)
], TooltipSettings.prototype, "opacity", void 0);
__decorate([
Complex(Theme.tooltipLabelFont, Font)
], TooltipSettings.prototype, "textStyle", void 0);
__decorate([
Property(null)
], TooltipSettings.prototype, "format", void 0);
__decorate([
Property(null)
], TooltipSettings.prototype, "template", void 0);
__decorate([
Property(true)
], TooltipSettings.prototype, "enableAnimation", void 0);
__decorate([
Complex({ color: '#cccccc', width: 0.5 }, Border)
], TooltipSettings.prototype, "border", void 0);
var CrosshairSettings = (function (_super) {
/**
* Configures the crosshair in the chart.
*/
var CrosshairSettings = /** @class */ (function (_super) {
__extends(CrosshairSettings, _super);

@@ -84,15 +90,18 @@ function CrosshairSettings() {

}
__decorate([
Property(false)
], CrosshairSettings.prototype, "enable", void 0);
__decorate([
Complex({ color: '#4f4f4f', width: 1 }, Border)
], CrosshairSettings.prototype, "line", void 0);
__decorate([
Property('Both')
], CrosshairSettings.prototype, "lineType", void 0);
return CrosshairSettings;
}(ChildProperty));
export { CrosshairSettings };
__decorate([
Property(false)
], CrosshairSettings.prototype, "enable", void 0);
__decorate([
Complex({ color: '#4f4f4f', width: 1 }, Border)
], CrosshairSettings.prototype, "line", void 0);
__decorate([
Property('Both')
], CrosshairSettings.prototype, "lineType", void 0);
var ZoomSettings = (function (_super) {
/**
* Configures the zooming behavior for the chart.
*/
var ZoomSettings = /** @class */ (function (_super) {
__extends(ZoomSettings, _super);

@@ -102,30 +111,48 @@ function ZoomSettings() {

}
__decorate([
Property(false)
], ZoomSettings.prototype, "enableSelectionZooming", void 0);
__decorate([
Property(false)
], ZoomSettings.prototype, "enablePinchZooming", void 0);
__decorate([
Property(false)
], ZoomSettings.prototype, "enableMouseWheelZooming", void 0);
__decorate([
Property(true)
], ZoomSettings.prototype, "enableDeferredZooming", void 0);
__decorate([
Property('XY')
], ZoomSettings.prototype, "mode", void 0);
__decorate([
Property(['Zoom', 'ZoomIn', 'ZoomOut', 'Pan', 'Reset'])
], ZoomSettings.prototype, "toolbarItems", void 0);
return ZoomSettings;
}(ChildProperty));
export { ZoomSettings };
__decorate([
Property(false)
], ZoomSettings.prototype, "enableSelectionZooming", void 0);
__decorate([
Property(false)
], ZoomSettings.prototype, "enablePinchZooming", void 0);
__decorate([
Property(false)
], ZoomSettings.prototype, "enableMouseWheelZooming", void 0);
__decorate([
Property(true)
], ZoomSettings.prototype, "enableDeferredZooming", void 0);
__decorate([
Property('XY')
], ZoomSettings.prototype, "mode", void 0);
__decorate([
Property(['Zoom', 'ZoomIn', 'ZoomOut', 'Pan', 'Reset'])
], ZoomSettings.prototype, "toolbarItems", void 0);
var Chart = (function (_super) {
/**
* Represents the Chart control.
* ```html
* <div id="chart"/>
* <script>
* var chartObj = new Chart({ isResponsive : true });
* chartObj.appendTo("#chart");
* </script>
* ```
*/
var Chart = /** @class */ (function (_super) {
__extends(Chart, _super);
/**
* Constructor for creating the widget
* @hidden
*/
function Chart(options, element) {
var _this = _super.call(this, options, element) || this;
/** @private */
_this.chartAreaType = 'Cartesian';
return _this;
}
/**
* Initialize the event handler.
*/
Chart.prototype.preRender = function () {

@@ -150,2 +177,5 @@ this.unWireEvents();

};
/**
* To Initialize the control rendering.
*/
Chart.prototype.render = function () {

@@ -161,5 +191,14 @@ this.trigger(load, { chart: this });

};
/**
* Gets the localized label by locale keyword.
* @param {string} key
* @return {string}
*/
Chart.prototype.getLocalizedLabel = function (key) {
return this.localeObject.getConstant(key);
};
/**
* Refresh the chart bounds.
* @private
*/
Chart.prototype.refreshBound = function () {

@@ -193,2 +232,5 @@ if (this.legendModule && this.legendSettings.visible) {

};
/**
* To set the left and top position for data label template for center aligned chart
*/
Chart.prototype.setSecondaryElementPosition = function () {

@@ -228,2 +270,3 @@ var element = getElement(this.element.id + '_Secondary_Element');

Chart.prototype.renderSeriesElements = function () {
// Initialize the series elements values
this.initializeModuleElements();

@@ -236,2 +279,3 @@ if (this.rows.length > 0 && this.columns.length > 0) {

this.element.appendChild(tooltipDiv);
// For userInteraction
if (this.tooltip.enable) {

@@ -260,2 +304,3 @@ this.svgObject.appendChild(this.renderer.createGroup({ id: this.element.id + '_UserInteraction', style: 'pointer-events:none;' }));

}
//Append the series elements method calling here
this.appendSeriesElements();

@@ -360,2 +405,3 @@ };

var margin = this.margin;
// Title Height;
var titleHeight = 0;

@@ -375,2 +421,5 @@ if (this.title) {

};
/**
* Handles the print method for chart control.
*/
Chart.prototype.print = function (id) {

@@ -380,2 +429,7 @@ var exportChart = new ExportUtils(this);

};
/**
* Handles the export method for chart control.
* @param type
* @param fileName
*/
Chart.prototype.export = function (type, fileName) {

@@ -385,2 +439,5 @@ var exportChart = new ExportUtils(this);

};
/**
* Defines the trendline initialization
*/
Chart.prototype.initTrendLines = function () {

@@ -476,2 +533,3 @@ for (var _i = 0, _a = this.visibleSeries; _i < _a.length; _i++) {

};
/** @private */
Chart.prototype.refreshTechnicalIndicator = function (series) {

@@ -560,2 +618,7 @@ if (this.indicators.length) {

};
/**
* To add series for the chart
* @param {SeriesModel[]} seriesCollection - Defines the series collection to be added in chart.
* @return {void}.
*/
Chart.prototype.addSeries = function (seriesCollection) {

@@ -569,2 +632,8 @@ for (var _i = 0, seriesCollection_1 = seriesCollection; _i < seriesCollection_1.length; _i++) {

};
/**
* To destroy the widget
* @method destroy
* @return {void}.
* @member of Chart
*/
Chart.prototype.destroy = function () {

@@ -575,5 +644,12 @@ this.unWireEvents();

};
/**
* Get component name
*/
Chart.prototype.getModuleName = function () {
return 'chart';
};
/**
* Get the properties to be maintained in the persisted state.
* @private
*/
Chart.prototype.getPersistData = function () {

@@ -583,2 +659,5 @@ var keyEntity = ['loaded', 'animationComplete'];

};
/**
* Method to create SVG element.
*/
Chart.prototype.createChartSvg = function () {

@@ -588,3 +667,7 @@ this.removeSvg();

};
/**
* Method to bind events for chart
*/
Chart.prototype.unWireEvents = function () {
/*! Find the Events type */
var startEvent = Browser.touchStartEvent;

@@ -594,2 +677,3 @@ var moveEvent = Browser.touchMoveEvent;

var cancelEvent = Browser.isPointer ? 'pointerleave' : 'mouseleave';
/*! UnBind the Event handler */
EventHandler.remove(this.element, startEvent, this.chartOnMouseDown);

@@ -604,3 +688,5 @@ EventHandler.remove(this.element, moveEvent, this.mouseMove);

Chart.prototype.wireEvents = function () {
/*! Find the Events type */
var cancelEvent = Browser.isPointer ? 'pointerleave' : 'mouseleave';
/*! Bind the Event handler */
EventHandler.add(this.element, Browser.touchStartEvent, this.chartOnMouseDown, this);

@@ -615,2 +701,3 @@ EventHandler.add(this.element, Browser.touchMoveEvent, this.mouseMove, this);

new Touch(this.element, { tapHold: this.longPress, tapHoldThreshold: 500 });
/*! Apply the style for chart */
this.setStyle(this.element);

@@ -639,5 +726,15 @@ };

};
/**
* Finds the orientation.
* @return {boolean}
* @private
*/
Chart.prototype.isOrientation = function () {
return ('orientation' in window && 'onorientationchange' in window);
};
/**
* Handles the long press on chart.
* @return {boolean}
* @private
*/
Chart.prototype.longPress = function (e) {

@@ -651,2 +748,5 @@ this.mouseX = (e && e.originalEvent.changedTouches) ? (e.originalEvent.changedTouches[0].clientX) : 0;

};
/**
* To find mouse x, y for aligned chart element svg position
*/
Chart.prototype.setMouseXY = function (pageX, pageY) {

@@ -658,2 +758,7 @@ var rect = this.element.getBoundingClientRect();

};
/**
* Handles the chart resize.
* @return {boolean}
* @private
*/
Chart.prototype.chartResize = function (e) {

@@ -677,2 +782,7 @@ var _this = this;

};
/**
* Handles the mouse move.
* @return {boolean}
* @private
*/
Chart.prototype.mouseMove = function (e) {

@@ -697,2 +807,7 @@ var pageX;

};
/**
* Handles the mouse leave.
* @return {boolean}
* @private
*/
Chart.prototype.mouseLeave = function (e) {

@@ -717,2 +832,7 @@ var pageX;

};
/**
* Handles the mouse leave on chart.
* @return {boolean}
* @private
*/
Chart.prototype.chartOnMouseLeave = function (e) {

@@ -726,2 +846,7 @@ var element = e.target;

};
/**
* Handles the mouse click on chart.
* @return {boolean}
* @private
*/
Chart.prototype.chartOnMouseClick = function (e) {

@@ -733,5 +858,11 @@ var element = e.target;

};
/**
* Handles the mouse move on chart.
* @return {boolean}
* @private
*/
Chart.prototype.chartOnMouseMove = function (e) {
var element = e.target;
this.trigger(chartMouseMove, { target: element.id, x: this.mouseX, y: this.mouseY });
// Tooltip for chart series.
if (!this.isTouch) {

@@ -767,2 +898,7 @@ this.titleTooltip(e, this.mouseX, this.mouseY);

};
/**
* Handles the mouse down on chart.
* @return {boolean}
* @private
*/
Chart.prototype.chartOnMouseDown = function (e) {

@@ -803,2 +939,7 @@ var pageX;

};
/**
* Handles the mouse up.
* @return {boolean}
* @private
*/
Chart.prototype.mouseEnd = function (e) {

@@ -823,2 +964,7 @@ var pageY;

};
/**
* Handles the mouse up.
* @return {boolean}
* @private
*/
Chart.prototype.chartOnMouseUp = function (e) {

@@ -837,2 +983,5 @@ var element = e.target;

};
/**
* Method to set culture for chart
*/
Chart.prototype.setCulture = function () {

@@ -843,2 +992,5 @@ this.intl = new Internationalization();

};
/**
* Method to set locale constants
*/
Chart.prototype.setLocaleConstants = function () {

@@ -854,4 +1006,13 @@ this.defaultLocalConstants = {

};
/**
* Themeing for chart goes here
*/
Chart.prototype.setTheme = function () {
/*! Set theme */
};
/**
* To provide the array of modules needed for control rendering
* @return {ModuleDeclaration[]}
* @private
*/
Chart.prototype.requiredModules = function () {

@@ -1070,2 +1231,7 @@ var _this = this;

};
/**
* To Remove the SVG.
* @return {boolean}
* @private
*/
Chart.prototype.removeSvg = function () {

@@ -1097,2 +1263,7 @@ if (document.getElementById(this.element.id + '_Secondary_Element')) {

};
/**
* Refresh the axis default value.
* @return {boolean}
* @private
*/
Chart.prototype.refreshAxis = function () {

@@ -1121,2 +1292,7 @@ var axis = this.primaryXAxis;

};
/**
* Called internally if any of the property value changed.
* @private
*/
// tslint:disable-next-line:max-func-body-length
Chart.prototype.onPropertyChanged = function (newProp, oldProp) {

@@ -1126,2 +1302,3 @@ var renderer = false;

if (Object.keys(newProp).length === 1 && Object.keys(newProp)[0] === 'indicators') {
//add valid check, it should happen only when property change is triggered for target series
return;

@@ -1232,151 +1409,151 @@ }

};
__decorate([
Property(null)
], Chart.prototype, "width", void 0);
__decorate([
Property(null)
], Chart.prototype, "height", void 0);
__decorate([
Property('')
], Chart.prototype, "title", void 0);
__decorate([
Complex(Theme.chartTitleFont, Font)
], Chart.prototype, "titleStyle", void 0);
__decorate([
Complex({}, Margin)
], Chart.prototype, "margin", void 0);
__decorate([
Complex({ color: '#DDDDDD', width: 0 }, Border)
], Chart.prototype, "border", void 0);
__decorate([
Property(Theme.chartBackgroundColor)
], Chart.prototype, "background", void 0);
__decorate([
Complex({ border: { color: 'Gray', width: 0.5 }, background: 'transparent' }, ChartArea)
], Chart.prototype, "chartArea", void 0);
__decorate([
Complex({ name: 'primaryXAxis' }, Axis)
], Chart.prototype, "primaryXAxis", void 0);
__decorate([
Complex({ name: 'primaryYAxis' }, Axis)
], Chart.prototype, "primaryYAxis", void 0);
__decorate([
Collection([{}], Row)
], Chart.prototype, "rows", void 0);
__decorate([
Collection([{}], Column)
], Chart.prototype, "columns", void 0);
__decorate([
Collection([{}], Axis)
], Chart.prototype, "axes", void 0);
__decorate([
Collection([{}], Series)
], Chart.prototype, "series", void 0);
__decorate([
Collection([{}], ChartAnnotationSettings)
], Chart.prototype, "annotations", void 0);
__decorate([
Property([])
], Chart.prototype, "palettes", void 0);
__decorate([
Property('Material')
], Chart.prototype, "theme", void 0);
__decorate([
Complex({}, TooltipSettings)
], Chart.prototype, "tooltip", void 0);
__decorate([
Complex({}, CrosshairSettings)
], Chart.prototype, "crosshair", void 0);
__decorate([
Complex({}, LegendSettings)
], Chart.prototype, "legendSettings", void 0);
__decorate([
Complex({}, ZoomSettings)
], Chart.prototype, "zoomSettings", void 0);
__decorate([
Property('None')
], Chart.prototype, "selectionMode", void 0);
__decorate([
Property(false)
], Chart.prototype, "isMultiSelect", void 0);
__decorate([
Collection([], Indexes)
], Chart.prototype, "selectedDataIndexes", void 0);
__decorate([
Property(false)
], Chart.prototype, "useGroupingSeparator", void 0);
__decorate([
Property(false)
], Chart.prototype, "isTransposed", void 0);
__decorate([
Collection([], TechnicalIndicator)
], Chart.prototype, "indicators", void 0);
__decorate([
Property(null)
], Chart.prototype, "description", void 0);
__decorate([
Property(1)
], Chart.prototype, "tabIndex", void 0);
__decorate([
Property(true)
], Chart.prototype, "enableSideBySidePlacement", void 0);
__decorate([
Event()
], Chart.prototype, "annotationRender", void 0);
__decorate([
Event()
], Chart.prototype, "beforePrint", void 0);
__decorate([
Event()
], Chart.prototype, "loaded", void 0);
__decorate([
Event()
], Chart.prototype, "load", void 0);
__decorate([
Event()
], Chart.prototype, "animationComplete", void 0);
__decorate([
Event()
], Chart.prototype, "legendRender", void 0);
__decorate([
Event()
], Chart.prototype, "textRender", void 0);
__decorate([
Event()
], Chart.prototype, "pointRender", void 0);
__decorate([
Event()
], Chart.prototype, "seriesRender", void 0);
__decorate([
Event()
], Chart.prototype, "axisLabelRender", void 0);
__decorate([
Event()
], Chart.prototype, "tooltipRender", void 0);
__decorate([
Event()
], Chart.prototype, "chartMouseMove", void 0);
__decorate([
Event()
], Chart.prototype, "chartMouseClick", void 0);
__decorate([
Event()
], Chart.prototype, "chartMouseLeave", void 0);
__decorate([
Event()
], Chart.prototype, "chartMouseDown", void 0);
__decorate([
Event()
], Chart.prototype, "chartMouseUp", void 0);
__decorate([
Event()
], Chart.prototype, "dragComplete", void 0);
__decorate([
Event()
], Chart.prototype, "zoomComplete", void 0);
Chart = __decorate([
NotifyPropertyChanges
], Chart);
return Chart;
}(Component));
__decorate([
Property(null)
], Chart.prototype, "width", void 0);
__decorate([
Property(null)
], Chart.prototype, "height", void 0);
__decorate([
Property('')
], Chart.prototype, "title", void 0);
__decorate([
Complex(Theme.chartTitleFont, Font)
], Chart.prototype, "titleStyle", void 0);
__decorate([
Complex({}, Margin)
], Chart.prototype, "margin", void 0);
__decorate([
Complex({ color: '#DDDDDD', width: 0 }, Border)
], Chart.prototype, "border", void 0);
__decorate([
Property(Theme.chartBackgroundColor)
], Chart.prototype, "background", void 0);
__decorate([
Complex({ border: { color: 'Gray', width: 0.5 }, background: 'transparent' }, ChartArea)
], Chart.prototype, "chartArea", void 0);
__decorate([
Complex({ name: 'primaryXAxis' }, Axis)
], Chart.prototype, "primaryXAxis", void 0);
__decorate([
Complex({ name: 'primaryYAxis' }, Axis)
], Chart.prototype, "primaryYAxis", void 0);
__decorate([
Collection([{}], Row)
], Chart.prototype, "rows", void 0);
__decorate([
Collection([{}], Column)
], Chart.prototype, "columns", void 0);
__decorate([
Collection([{}], Axis)
], Chart.prototype, "axes", void 0);
__decorate([
Collection([{}], Series)
], Chart.prototype, "series", void 0);
__decorate([
Collection([{}], ChartAnnotationSettings)
], Chart.prototype, "annotations", void 0);
__decorate([
Property([])
], Chart.prototype, "palettes", void 0);
__decorate([
Property('Material')
], Chart.prototype, "theme", void 0);
__decorate([
Complex({}, TooltipSettings)
], Chart.prototype, "tooltip", void 0);
__decorate([
Complex({}, CrosshairSettings)
], Chart.prototype, "crosshair", void 0);
__decorate([
Complex({}, LegendSettings)
], Chart.prototype, "legendSettings", void 0);
__decorate([
Complex({}, ZoomSettings)
], Chart.prototype, "zoomSettings", void 0);
__decorate([
Property('None')
], Chart.prototype, "selectionMode", void 0);
__decorate([
Property(false)
], Chart.prototype, "isMultiSelect", void 0);
__decorate([
Collection([], Indexes)
], Chart.prototype, "selectedDataIndexes", void 0);
__decorate([
Property(false)
], Chart.prototype, "useGroupingSeparator", void 0);
__decorate([
Property(false)
], Chart.prototype, "isTransposed", void 0);
__decorate([
Collection([], TechnicalIndicator)
], Chart.prototype, "indicators", void 0);
__decorate([
Property(null)
], Chart.prototype, "description", void 0);
__decorate([
Property(1)
], Chart.prototype, "tabIndex", void 0);
__decorate([
Property(true)
], Chart.prototype, "enableSideBySidePlacement", void 0);
__decorate([
Event()
], Chart.prototype, "annotationRender", void 0);
__decorate([
Event()
], Chart.prototype, "beforePrint", void 0);
__decorate([
Event()
], Chart.prototype, "loaded", void 0);
__decorate([
Event()
], Chart.prototype, "load", void 0);
__decorate([
Event()
], Chart.prototype, "animationComplete", void 0);
__decorate([
Event()
], Chart.prototype, "legendRender", void 0);
__decorate([
Event()
], Chart.prototype, "textRender", void 0);
__decorate([
Event()
], Chart.prototype, "pointRender", void 0);
__decorate([
Event()
], Chart.prototype, "seriesRender", void 0);
__decorate([
Event()
], Chart.prototype, "axisLabelRender", void 0);
__decorate([
Event()
], Chart.prototype, "tooltipRender", void 0);
__decorate([
Event()
], Chart.prototype, "chartMouseMove", void 0);
__decorate([
Event()
], Chart.prototype, "chartMouseClick", void 0);
__decorate([
Event()
], Chart.prototype, "chartMouseLeave", void 0);
__decorate([
Event()
], Chart.prototype, "chartMouseDown", void 0);
__decorate([
Event()
], Chart.prototype, "chartMouseUp", void 0);
__decorate([
Event()
], Chart.prototype, "dragComplete", void 0);
__decorate([
Event()
], Chart.prototype, "zoomComplete", void 0);
Chart = __decorate([
NotifyPropertyChanges
], Chart);
export { Chart };

3

dist/es6/chart/index.js

@@ -0,1 +1,4 @@

/**
* Chart component exported items
*/
export * from './chart';

@@ -2,0 +5,0 @@ export * from './axis/axis';

41

dist/es6/chart/legend/legend.js

@@ -11,2 +11,5 @@ var __extends = (this && this.__extends) || (function () {

})();
/**
* Chart legend
*/
import { remove, Browser } from '@syncfusion/ej2-base';

@@ -17,3 +20,6 @@ import { extend } from '@syncfusion/ej2-base';

import { legendRender } from '../../common/model/constants';
var Legend = (function (_super) {
/**
* `Legend` module used to render legend for the chart.
*/
var Legend = /** @class */ (function (_super) {
__extends(Legend, _super);

@@ -26,2 +32,5 @@ function Legend(chart) {

}
/**
* Binding events for legend module.
*/
Legend.prototype.addEventListener = function () {

@@ -35,2 +44,5 @@ if (this.chart.isDestroyed) {

};
/**
* UnBinding events for legend module.
*/
Legend.prototype.removeEventListener = function () {

@@ -44,2 +56,5 @@ if (this.chart.isDestroyed) {

};
/**
* To handle mosue move for legend module
*/
Legend.prototype.mouseMove = function (e) {

@@ -50,2 +65,5 @@ if (this.chart.legendSettings.visible && !this.chart.isTouch) {

};
/**
* To handle mosue end for legend module
*/
Legend.prototype.mouseEnd = function (e) {

@@ -56,2 +74,7 @@ if (this.chart.legendSettings.visible && this.chart.isTouch) {

};
/**
* Get the legend options.
* @return {void}
* @private
*/
Legend.prototype.getLegendOptions = function (visibleSeriesCollection) {

@@ -69,2 +92,3 @@ this.legendCollections = [];

};
/** @private */
Legend.prototype.getLegendBounds = function (availableSize, legendBounds, legend) {

@@ -131,2 +155,3 @@ var padding = legend.padding;

};
/** @private */
Legend.prototype.getRenderPoint = function (legendOption, start, textPadding, prevLegend, rect, count, firstLegend) {

@@ -149,2 +174,3 @@ var padding = this.legend.padding;

};
/** @private */
Legend.prototype.LegendClick = function (seriesIndex) {

@@ -193,2 +219,7 @@ var chart = this.chart;

};
/**
* To show the tooltip for the trimmed text in legend.
* @return {void}
* @private
*/
Legend.prototype.click = function (event) {

@@ -216,5 +247,13 @@ if (!this.chart.legendSettings.visible) {

};
/**
* Get module name
*/
Legend.prototype.getModuleName = function () {
return 'Legend';
};
/**
* To destroy the Legend.
* @return {void}
* @private
*/
Legend.prototype.destroy = function (chart) {

@@ -221,0 +260,0 @@ this.removeEventListener();

154

dist/es6/chart/model/chart-base.js

@@ -20,3 +20,6 @@ var __extends = (this && this.__extends) || (function () {

import { Font, Border } from '../../common/model/base';
var ChartAnnotationSettings = (function (_super) {
/**
* Configures the Annotation for chart.
*/
var ChartAnnotationSettings = /** @class */ (function (_super) {
__extends(ChartAnnotationSettings, _super);

@@ -26,36 +29,39 @@ function ChartAnnotationSettings() {

}
__decorate([
Property('0')
], ChartAnnotationSettings.prototype, "x", void 0);
__decorate([
Property('0')
], ChartAnnotationSettings.prototype, "y", void 0);
__decorate([
Property(null)
], ChartAnnotationSettings.prototype, "content", void 0);
__decorate([
Property('Center')
], ChartAnnotationSettings.prototype, "horizontalAlignment", void 0);
__decorate([
Property('Pixel')
], ChartAnnotationSettings.prototype, "coordinateUnits", void 0);
__decorate([
Property('Chart')
], ChartAnnotationSettings.prototype, "region", void 0);
__decorate([
Property('Middle')
], ChartAnnotationSettings.prototype, "verticalAlignment", void 0);
__decorate([
Property(null)
], ChartAnnotationSettings.prototype, "xAxisName", void 0);
__decorate([
Property(null)
], ChartAnnotationSettings.prototype, "yAxisName", void 0);
__decorate([
Property(null)
], ChartAnnotationSettings.prototype, "description", void 0);
return ChartAnnotationSettings;
}(ChildProperty));
export { ChartAnnotationSettings };
__decorate([
Property('0')
], ChartAnnotationSettings.prototype, "x", void 0);
__decorate([
Property('0')
], ChartAnnotationSettings.prototype, "y", void 0);
__decorate([
Property(null)
], ChartAnnotationSettings.prototype, "content", void 0);
__decorate([
Property('Center')
], ChartAnnotationSettings.prototype, "horizontalAlignment", void 0);
__decorate([
Property('Pixel')
], ChartAnnotationSettings.prototype, "coordinateUnits", void 0);
__decorate([
Property('Chart')
], ChartAnnotationSettings.prototype, "region", void 0);
__decorate([
Property('Middle')
], ChartAnnotationSettings.prototype, "verticalAlignment", void 0);
__decorate([
Property(null)
], ChartAnnotationSettings.prototype, "xAxisName", void 0);
__decorate([
Property(null)
], ChartAnnotationSettings.prototype, "yAxisName", void 0);
__decorate([
Property(null)
], ChartAnnotationSettings.prototype, "description", void 0);
var StripLineSettings = (function (_super) {
/**
* Strip line properties
*/
var StripLineSettings = /** @class */ (function (_super) {
__extends(StripLineSettings, _super);

@@ -65,46 +71,46 @@ function StripLineSettings() {

}
__decorate([
Property(true)
], StripLineSettings.prototype, "visible", void 0);
__decorate([
Property(false)
], StripLineSettings.prototype, "startFromAxis", void 0);
__decorate([
Property(null)
], StripLineSettings.prototype, "start", void 0);
__decorate([
Property(null)
], StripLineSettings.prototype, "end", void 0);
__decorate([
Property(null)
], StripLineSettings.prototype, "size", void 0);
__decorate([
Property('#808080')
], StripLineSettings.prototype, "color", void 0);
__decorate([
Complex({ color: 'transparent', width: 1 }, Border)
], StripLineSettings.prototype, "border", void 0);
__decorate([
Property('')
], StripLineSettings.prototype, "text", void 0);
__decorate([
Property(null)
], StripLineSettings.prototype, "rotation", void 0);
__decorate([
Property('Middle')
], StripLineSettings.prototype, "horizontalAlignment", void 0);
__decorate([
Property('Middle')
], StripLineSettings.prototype, "verticalAlignment", void 0);
__decorate([
Complex(Theme.stripLineLabelFont, Font)
], StripLineSettings.prototype, "textStyle", void 0);
__decorate([
Property('Behind')
], StripLineSettings.prototype, "zIndex", void 0);
__decorate([
Property(1)
], StripLineSettings.prototype, "opacity", void 0);
return StripLineSettings;
}(ChildProperty));
export { StripLineSettings };
__decorate([
Property(true)
], StripLineSettings.prototype, "visible", void 0);
__decorate([
Property(false)
], StripLineSettings.prototype, "startFromAxis", void 0);
__decorate([
Property(null)
], StripLineSettings.prototype, "start", void 0);
__decorate([
Property(null)
], StripLineSettings.prototype, "end", void 0);
__decorate([
Property(null)
], StripLineSettings.prototype, "size", void 0);
__decorate([
Property('#808080')
], StripLineSettings.prototype, "color", void 0);
__decorate([
Complex({ color: 'transparent', width: 1 }, Border)
], StripLineSettings.prototype, "border", void 0);
__decorate([
Property('')
], StripLineSettings.prototype, "text", void 0);
__decorate([
Property(null)
], StripLineSettings.prototype, "rotation", void 0);
__decorate([
Property('Middle')
], StripLineSettings.prototype, "horizontalAlignment", void 0);
__decorate([
Property('Middle')
], StripLineSettings.prototype, "verticalAlignment", void 0);
__decorate([
Complex(Theme.stripLineLabelFont, Font)
], StripLineSettings.prototype, "textStyle", void 0);
__decorate([
Property('Behind')
], StripLineSettings.prototype, "zIndex", void 0);
__decorate([
Property(1)
], StripLineSettings.prototype, "opacity", void 0);

33

dist/es6/chart/series/area-series.js

@@ -13,3 +13,6 @@ var __extends = (this && this.__extends) || (function () {

import { LineBase } from './line-base';
var AreaSeries = (function (_super) {
/**
* Area Module used to render the Area series.
*/
var AreaSeries = /** @class */ (function (_super) {
__extends(AreaSeries, _super);

@@ -19,2 +22,7 @@ function AreaSeries() {

}
/**
* Render Area series.
* @return {void}
* @private
*/
AreaSeries.prototype.render = function (series, xAxis, yAxis, isInverted) {

@@ -41,9 +49,13 @@ var firstPoint;

startPoint = new ChartLocation(currentXValue, origin);
// Start point for the current path
firstPoint = getCoordinate(currentXValue, origin, xAxis, yAxis, isInverted, series);
direction += ('M' + ' ' + (firstPoint.x) + ' ' + (firstPoint.y) + ' ');
}
// First Point to draw the area path
firstPoint = getCoordinate(currentXValue, point.yValue, xAxis, yAxis, isInverted, series);
direction += ('L' + ' ' + (firstPoint.x) + ' ' + (firstPoint.y) + ' ');
if (series.points[i + 1] && !series.points[i + 1].visible && series.emptyPointSettings.mode !== 'Drop') {
// current start point
firstPoint = getCoordinate(currentXValue, origin, xAxis, yAxis, isInverted, series);
// current end point
endPoint = getCoordinate(startPoint.x, startPoint.y, xAxis, yAxis, isInverted, series);

@@ -74,7 +86,26 @@ direction += ('L' + ' ' + (firstPoint.x) + ' ' + (firstPoint.y) + ' ' + 'L' +

};
/**
* To destroy the area series.
* @return {void}
* @private
*/
AreaSeries.prototype.destroy = function (chart) {
/**
* Destroy method calling here
*/
};
/**
* Get module name
*/
AreaSeries.prototype.getModuleName = function () {
/**
* Returns the module name of the series
*/
return 'AreaSeries';
};
/**
* Animates the series.
* @return {void}
* @private
*/
AreaSeries.prototype.doAnimation = function (series) {

@@ -81,0 +112,0 @@ var option = series.animation;

26

dist/es6/chart/series/bar-series.js

@@ -13,3 +13,6 @@ var __extends = (this && this.__extends) || (function () {

import { ColumnBase } from './column-base';
var BarSeries = (function (_super) {
/**
* Bar Module used to render the bar series.
*/
var BarSeries = /** @class */ (function (_super) {
__extends(BarSeries, _super);

@@ -19,2 +22,7 @@ function BarSeries() {

}
/**
* Render Bar series.
* @return {void}
* @private
*/
BarSeries.prototype.render = function (series) {

@@ -39,7 +47,23 @@ var origin = Math.max(series.yAxis.visibleRange.min, 0);

};
/**
* Animates the series.
* @return {void}
* @private
*/
BarSeries.prototype.doAnimation = function (series) {
this.animate(series);
};
/**
* To destroy the bar series.
* @return {void}
* @private
*/
BarSeries.prototype.destroy = function (chart) {
/**
* Destroy method performed here
*/
};
/**
* Get module name
*/
BarSeries.prototype.getModuleName = function () {

@@ -46,0 +70,0 @@ return 'BarSeries';

93

dist/es6/chart/series/box-and-whisker-series.js

@@ -16,3 +16,6 @@ var __extends = (this && this.__extends) || (function () {

import { getMedian } from '../../common/utils/helper';
var BoxAndWhiskerSeries = (function (_super) {
/**
* Box and whisker Module used to render the box and whisker series.
*/
var BoxAndWhiskerSeries = /** @class */ (function (_super) {
__extends(BoxAndWhiskerSeries, _super);

@@ -22,2 +25,7 @@ function BoxAndWhiskerSeries() {

}
/**
* Render BoxAndWhisker series.
* @return {void}
* @private
*/
BoxAndWhiskerSeries.prototype.render = function (series, xAxis, yAxis, isInverted) {

@@ -35,3 +43,5 @@ var sideBySideInfo = this.getSideBySideInfo(series);

this.findBoxPlotValues(point.y, point, series.boxPlotMode);
//region to cover the top and bottom ticks
this.updateTipRegion(series, point, sideBySideInfo);
//get middleRect
centerRegion_1 = this.getRectangle((point.xValue + sideBySideInfo.start), point.upperQuartile, (point.xValue + sideBySideInfo.end), point.lowerQuartile, series);

@@ -53,2 +63,8 @@ point.regions.push(centerRegion_1);

};
/**
* update the tip region fo box plot
* @param series
* @param point
* @param sideBySideInfo
*/
BoxAndWhiskerSeries.prototype.updateTipRegion = function (series, point, sideBySideInfo) {

@@ -58,2 +74,9 @@ var tipRegion = this.getRectangle((point.xValue + sideBySideInfo.median), point.maximum, (point.xValue + sideBySideInfo.median), point.minimum, series);

};
/**
* Update tip size to tip regions
* @param series
* @param point
* @param region
* @param isInverted
*/
BoxAndWhiskerSeries.prototype.updateTipSize = function (series, point, region, isInverted) {

@@ -71,2 +94,9 @@ var borderWidth = series.border.width || 1;

};
/**
* Calculation for path direction performed here
* @param point
* @param series
* @param median
* @param average
*/
BoxAndWhiskerSeries.prototype.getPathString = function (point, series, median, average) {

@@ -113,2 +143,10 @@ var topRect = point.regions[0];

};
/**
* Rendering for box and whisker append here.
* @param series
* @param point
* @param rect
* @param argsData
* @param direction
*/
BoxAndWhiskerSeries.prototype.renderBoxAndWhisker = function (series, point, rect, argsData, direction) {

@@ -136,2 +174,8 @@ var location;

};
/**
* To find the box plot values
* @param yValues
* @param point
* @param mode
*/
BoxAndWhiskerSeries.prototype.findBoxPlotValues = function (yValues, point, mode) {

@@ -168,2 +212,8 @@ var yCount = yValues.length;

};
/**
* to find the exclusive quartile values
* @param yValues
* @param count
* @param percentile
*/
BoxAndWhiskerSeries.prototype.getExclusiveQuartileValue = function (yValues, count, percentile) {

@@ -191,2 +241,8 @@ if (count === 0) {

};
/**
* to find the inclusive quartile values
* @param yValues
* @param count
* @param percentile
*/
BoxAndWhiskerSeries.prototype.getInclusiveQuartileValue = function (yValues, count, percentile) {

@@ -206,2 +262,9 @@ if (count === 0) {

};
/**
* To find the quartile values
* @param yValues
* @param count
* @param lowerQuartile
* @param upperQuartile
*/
BoxAndWhiskerSeries.prototype.getQuartileValues = function (yValues, count, quartile) {

@@ -220,2 +283,11 @@ if (count === 1) {

};
/**
* To find the min, max and outlier values
* @param yValues
* @param lowerQuartile
* @param upperQuartile
* @param minimum
* @param maximum
* @param outliers
*/
BoxAndWhiskerSeries.prototype.getMinMaxOutlier = function (yValues, count, quartile) {

@@ -243,9 +315,28 @@ var interquartile = quartile.upperQuartile - quartile.lowerQuartile;

};
/**
* Animate the series
* @param series
* @private
*/
BoxAndWhiskerSeries.prototype.doAnimation = function (series) {
this.animate(series);
};
/**
* Get module name.
*/
BoxAndWhiskerSeries.prototype.getModuleName = function () {
return 'BoxAndWhiskerSeries';
/**
* return the module name
*/
};
/**
* To destroy the candle series.
* @return {void}
* @private
*/
BoxAndWhiskerSeries.prototype.destroy = function (chart) {
/**
* Destroys the candle series.
*/
};

@@ -252,0 +343,0 @@ return BoxAndWhiskerSeries;

30

dist/es6/chart/series/bubble-series.js
import { withInRange, getPoint, PathOption, drawSymbol, Size, Rect, markerAnimate } from '../../common/utils/helper';
import { pointRender } from '../../common/model/constants';
var BubbleSeries = (function () {
/**
* Bubble Module used to render the Bubble series.
*/
var BubbleSeries = /** @class */ (function () {
function BubbleSeries() {
}
/**
* Render the Bubble series.
* @return {void}
* @private
*/
BubbleSeries.prototype.render = function (series, xAxis, yAxis, isInverted) {

@@ -11,2 +19,3 @@ var marker = series.marker;

var argsData;
//let bubbleMode: RadiusMode = bubbleOptions.radiusMode;
var segmentRadius;

@@ -65,7 +74,26 @@ var radius;

};
/**
* To destroy the Bubble.
* @return {void}
* @private
*/
BubbleSeries.prototype.destroy = function (chart) {
/**
* Destroy method calling here
*/
};
/**
* Get module name.
*/
BubbleSeries.prototype.getModuleName = function () {
/**
* Returns the module name of the series
*/
return 'BubbleSeries';
};
/**
* Animates the series.
* @return {void}.
* @private
*/
BubbleSeries.prototype.doAnimation = function (series) {

@@ -72,0 +100,0 @@ var duration = series.animation.duration;

51

dist/es6/chart/series/candle-series.js

@@ -13,3 +13,6 @@ var __extends = (this && this.__extends) || (function () {

import { ColumnBase } from './column-base';
var CandleSeries = (function (_super) {
/**
* Candle Module used to render the candle series.
*/
var CandleSeries = /** @class */ (function (_super) {
__extends(CandleSeries, _super);

@@ -19,2 +22,7 @@ function CandleSeries() {

}
/**
* Render Candle series.
* @return {void}
* @private
*/
CandleSeries.prototype.render = function (series) {

@@ -31,5 +39,7 @@ var sideBySideInfo = this.getSideBySideInfo(series);

midPoint = (sideBySideInfo.start + sideBySideInfo.end) / 2;
//initializing after zooming and also normal initialization
point.regions = [];
point.symbolLocations = [];
if (point.visible && withInRange(series.points[point.index - 1], point, series.points[point.index + 1], series)) {
//region to cover the top and bottom ticks
tickRegion = this.getRectangle((point.xValue + sideBySideInfo.median), Math.max(point.high, point.low), (point.xValue + sideBySideInfo.median), Math.min(point.high, point.low), series);

@@ -44,2 +54,3 @@ if (!series.chart.requireInvertedAxis) {

}
//get middleRect
centerRegion = this.getRectangle((point.xValue + sideBySideInfo.start), Math.max(point.open, point.close), (point.xValue + sideBySideInfo.end), Math.min(point.open, point.close), series);

@@ -56,2 +67,5 @@ direction = this.getPathString(tickRegion, centerRegion, series);

};
/**
* Trigger point rendering event
*/
CandleSeries.prototype.triggerPointRenderEvent = function (series, point) {

@@ -63,2 +77,7 @@ var fill;

};
/**
* Find the color of the candle
* @param series
* @private
*/
CandleSeries.prototype.getCandleColor = function (point, series) {

@@ -81,2 +100,7 @@ var currentPoint = point;

};
/**
* Finds the path of the candle shape
* @param Series
* @private
*/
CandleSeries.prototype.getPathString = function (topRect, midRect, series) {

@@ -87,2 +111,3 @@ var direction = '';

topRect.x + topRect.width / 2;
//tick 1 segment
direction += !series.chart.requireInvertedAxis ?

@@ -104,2 +129,7 @@ 'M' + ' ' + (center) + ' ' + (topRect.y) + ' ' + 'L' + ' ' + (center) + ' ' + midRect.y :

};
/**
* Draws the candle shape
* @param series
* @private
*/
CandleSeries.prototype.drawCandle = function (series, point, rect, argsData, direction) {

@@ -119,9 +149,28 @@ var check = series.chart.requireInvertedAxis ? rect.height : rect.width;

};
/**
* Animate the series
* @param series
* @private
*/
CandleSeries.prototype.doAnimation = function (series) {
this.animate(series);
};
/**
* Get module name.
*/
CandleSeries.prototype.getModuleName = function () {
return 'CandleSeries';
/**
* return the module name
*/
};
/**
* To destroy the candle series.
* @return {void}
* @private
*/
CandleSeries.prototype.destroy = function (chart) {
/**
* Destroys the candle series.
*/
};

@@ -128,0 +177,0 @@ return CandleSeries;

728

dist/es6/chart/series/chart-series.js

@@ -23,3 +23,7 @@ var __extends = (this && this.__extends) || (function () {

import { seriesRender } from '../../common/model/constants';
var Points = (function () {
/**
* Points model for the series.
* @private
*/
var Points = /** @class */ (function () {
function Points() {

@@ -33,3 +37,6 @@ this.symbolLocations = null;

export { Points };
var DataLabelSettings = (function (_super) {
/**
* Configures the data label in the series.
*/
var DataLabelSettings = /** @class */ (function (_super) {
__extends(DataLabelSettings, _super);

@@ -39,42 +46,45 @@ function DataLabelSettings() {

}
__decorate([
Property(false)
], DataLabelSettings.prototype, "visible", void 0);
__decorate([
Property(null)
], DataLabelSettings.prototype, "name", void 0);
__decorate([
Property('transparent')
], DataLabelSettings.prototype, "fill", void 0);
__decorate([
Property(1)
], DataLabelSettings.prototype, "opacity", void 0);
__decorate([
Property('Auto')
], DataLabelSettings.prototype, "position", void 0);
__decorate([
Property(5)
], DataLabelSettings.prototype, "rx", void 0);
__decorate([
Property(5)
], DataLabelSettings.prototype, "ry", void 0);
__decorate([
Property('Center')
], DataLabelSettings.prototype, "alignment", void 0);
__decorate([
Complex({ width: null, color: null }, Border)
], DataLabelSettings.prototype, "border", void 0);
__decorate([
Complex({ left: 5, right: 5, top: 5, bottom: 5 }, Margin)
], DataLabelSettings.prototype, "margin", void 0);
__decorate([
Complex({ size: '11px', color: null }, Font)
], DataLabelSettings.prototype, "font", void 0);
__decorate([
Property(null)
], DataLabelSettings.prototype, "template", void 0);
return DataLabelSettings;
}(ChildProperty));
export { DataLabelSettings };
__decorate([
Property(false)
], DataLabelSettings.prototype, "visible", void 0);
__decorate([
Property(null)
], DataLabelSettings.prototype, "name", void 0);
__decorate([
Property('transparent')
], DataLabelSettings.prototype, "fill", void 0);
__decorate([
Property(1)
], DataLabelSettings.prototype, "opacity", void 0);
__decorate([
Property('Auto')
], DataLabelSettings.prototype, "position", void 0);
__decorate([
Property(5)
], DataLabelSettings.prototype, "rx", void 0);
__decorate([
Property(5)
], DataLabelSettings.prototype, "ry", void 0);
__decorate([
Property('Center')
], DataLabelSettings.prototype, "alignment", void 0);
__decorate([
Complex({ width: null, color: null }, Border)
], DataLabelSettings.prototype, "border", void 0);
__decorate([
Complex({ left: 5, right: 5, top: 5, bottom: 5 }, Margin)
], DataLabelSettings.prototype, "margin", void 0);
__decorate([
Complex({ size: '11px', color: null }, Font)
], DataLabelSettings.prototype, "font", void 0);
__decorate([
Property(null)
], DataLabelSettings.prototype, "template", void 0);
var MarkerSettings = (function (_super) {
/**
* Configures the marker in the series.
*/
var MarkerSettings = /** @class */ (function (_super) {
__extends(MarkerSettings, _super);

@@ -84,39 +94,44 @@ function MarkerSettings() {

}
__decorate([
Property(false)
], MarkerSettings.prototype, "visible", void 0);
__decorate([
Property('Circle')
], MarkerSettings.prototype, "shape", void 0);
__decorate([
Property('')
], MarkerSettings.prototype, "imageUrl", void 0);
__decorate([
Property(5)
], MarkerSettings.prototype, "height", void 0);
__decorate([
Property(5)
], MarkerSettings.prototype, "width", void 0);
__decorate([
Complex({ width: 2, color: null }, Border)
], MarkerSettings.prototype, "border", void 0);
__decorate([
Property(null)
], MarkerSettings.prototype, "fill", void 0);
__decorate([
Property(1)
], MarkerSettings.prototype, "opacity", void 0);
__decorate([
Complex({}, DataLabelSettings)
], MarkerSettings.prototype, "dataLabel", void 0);
return MarkerSettings;
}(ChildProperty));
export { MarkerSettings };
__decorate([
Property(false)
], MarkerSettings.prototype, "visible", void 0);
__decorate([
Property('Circle')
], MarkerSettings.prototype, "shape", void 0);
__decorate([
Property('')
], MarkerSettings.prototype, "imageUrl", void 0);
__decorate([
Property(5)
], MarkerSettings.prototype, "height", void 0);
__decorate([
Property(5)
], MarkerSettings.prototype, "width", void 0);
__decorate([
Complex({ width: 2, color: null }, Border)
], MarkerSettings.prototype, "border", void 0);
__decorate([
Property(null)
], MarkerSettings.prototype, "fill", void 0);
__decorate([
Property(1)
], MarkerSettings.prototype, "opacity", void 0);
__decorate([
Complex({}, DataLabelSettings)
], MarkerSettings.prototype, "dataLabel", void 0);
var Trendline = (function (_super) {
/**
* Defines the behavior of the Trendlines
*/
var Trendline = /** @class */ (function (_super) {
__extends(Trendline, _super);
function Trendline() {
var _this = _super !== null && _super.apply(this, arguments) || this;
/** @private */
_this.clipRect = new Rect(0, 0, 0, 0);
return _this;
}
/** @private */
Trendline.prototype.setDataSource = function (series, chart) {

@@ -130,45 +145,45 @@ if (series) {

};
__decorate([
Property('')
], Trendline.prototype, "name", void 0);
__decorate([
Property('Linear')
], Trendline.prototype, "type", void 0);
__decorate([
Property(2)
], Trendline.prototype, "period", void 0);
__decorate([
Property(2)
], Trendline.prototype, "polynomialOrder", void 0);
__decorate([
Property(0)
], Trendline.prototype, "backwardForecast", void 0);
__decorate([
Property(0)
], Trendline.prototype, "forwardForecast", void 0);
__decorate([
Complex({}, Animation)
], Trendline.prototype, "animation", void 0);
__decorate([
Complex({}, MarkerSettings)
], Trendline.prototype, "marker", void 0);
__decorate([
Property(true)
], Trendline.prototype, "enableTooltip", void 0);
__decorate([
Property(null)
], Trendline.prototype, "intercept", void 0);
__decorate([
Property('')
], Trendline.prototype, "fill", void 0);
__decorate([
Property(1)
], Trendline.prototype, "width", void 0);
__decorate([
Property('SeriesType')
], Trendline.prototype, "legendShape", void 0);
return Trendline;
}(ChildProperty));
export { Trendline };
__decorate([
Property('')
], Trendline.prototype, "name", void 0);
__decorate([
Property('Linear')
], Trendline.prototype, "type", void 0);
__decorate([
Property(2)
], Trendline.prototype, "period", void 0);
__decorate([
Property(2)
], Trendline.prototype, "polynomialOrder", void 0);
__decorate([
Property(0)
], Trendline.prototype, "backwardForecast", void 0);
__decorate([
Property(0)
], Trendline.prototype, "forwardForecast", void 0);
__decorate([
Complex({}, Animation)
], Trendline.prototype, "animation", void 0);
__decorate([
Complex({}, MarkerSettings)
], Trendline.prototype, "marker", void 0);
__decorate([
Property(true)
], Trendline.prototype, "enableTooltip", void 0);
__decorate([
Property(null)
], Trendline.prototype, "intercept", void 0);
__decorate([
Property('')
], Trendline.prototype, "fill", void 0);
__decorate([
Property(1)
], Trendline.prototype, "width", void 0);
__decorate([
Property('SeriesType')
], Trendline.prototype, "legendShape", void 0);
var ErrorBarCapSettings = (function (_super) {
var ErrorBarCapSettings = /** @class */ (function (_super) {
__extends(ErrorBarCapSettings, _super);

@@ -178,18 +193,18 @@ function ErrorBarCapSettings() {

}
__decorate([
Property(1)
], ErrorBarCapSettings.prototype, "width", void 0);
__decorate([
Property(10)
], ErrorBarCapSettings.prototype, "length", void 0);
__decorate([
Property('black')
], ErrorBarCapSettings.prototype, "color", void 0);
__decorate([
Property(1)
], ErrorBarCapSettings.prototype, "opacity", void 0);
return ErrorBarCapSettings;
}(ChildProperty));
export { ErrorBarCapSettings };
__decorate([
Property(1)
], ErrorBarCapSettings.prototype, "width", void 0);
__decorate([
Property(10)
], ErrorBarCapSettings.prototype, "length", void 0);
__decorate([
Property('black')
], ErrorBarCapSettings.prototype, "color", void 0);
__decorate([
Property(1)
], ErrorBarCapSettings.prototype, "opacity", void 0);
var ErrorBarSettings = (function (_super) {
var ErrorBarSettings = /** @class */ (function (_super) {
__extends(ErrorBarSettings, _super);

@@ -199,53 +214,68 @@ function ErrorBarSettings() {

}
__decorate([
Property(false)
], ErrorBarSettings.prototype, "visible", void 0);
__decorate([
Property('Fixed')
], ErrorBarSettings.prototype, "type", void 0);
__decorate([
Property('Both')
], ErrorBarSettings.prototype, "direction", void 0);
__decorate([
Property('Vertical')
], ErrorBarSettings.prototype, "mode", void 0);
__decorate([
Property('black')
], ErrorBarSettings.prototype, "color", void 0);
__decorate([
Property(1)
], ErrorBarSettings.prototype, "verticalError", void 0);
__decorate([
Property(1)
], ErrorBarSettings.prototype, "width", void 0);
__decorate([
Property(1)
], ErrorBarSettings.prototype, "horizontalError", void 0);
__decorate([
Property(3)
], ErrorBarSettings.prototype, "verticalPositiveError", void 0);
__decorate([
Property(3)
], ErrorBarSettings.prototype, "verticalNegativeError", void 0);
__decorate([
Property(1)
], ErrorBarSettings.prototype, "horizontalPositiveError", void 0);
__decorate([
Property(1)
], ErrorBarSettings.prototype, "horizontalNegativeError", void 0);
__decorate([
Complex(null, ErrorBarCapSettings)
], ErrorBarSettings.prototype, "errorBarCap", void 0);
return ErrorBarSettings;
}(ChildProperty));
export { ErrorBarSettings };
__decorate([
Property(false)
], ErrorBarSettings.prototype, "visible", void 0);
__decorate([
Property('Fixed')
], ErrorBarSettings.prototype, "type", void 0);
__decorate([
Property('Both')
], ErrorBarSettings.prototype, "direction", void 0);
__decorate([
Property('Vertical')
], ErrorBarSettings.prototype, "mode", void 0);
__decorate([
Property('black')
], ErrorBarSettings.prototype, "color", void 0);
__decorate([
Property(1)
], ErrorBarSettings.prototype, "verticalError", void 0);
__decorate([
Property(1)
], ErrorBarSettings.prototype, "width", void 0);
__decorate([
Property(1)
], ErrorBarSettings.prototype, "horizontalError", void 0);
__decorate([
Property(3)
], ErrorBarSettings.prototype, "verticalPositiveError", void 0);
__decorate([
Property(3)
], ErrorBarSettings.prototype, "verticalNegativeError", void 0);
__decorate([
Property(1)
], ErrorBarSettings.prototype, "horizontalPositiveError", void 0);
__decorate([
Property(1)
], ErrorBarSettings.prototype, "horizontalNegativeError", void 0);
__decorate([
Complex(null, ErrorBarCapSettings)
], ErrorBarSettings.prototype, "errorBarCap", void 0);
var SeriesBase = (function (_super) {
/**
* Defines the common behavior of Series and Technical Indicators
*/
var SeriesBase = /** @class */ (function (_super) {
__extends(SeriesBase, _super);
function SeriesBase() {
/**
* The DataSource field that contains the x value.
* It is applicable for series and technical indicators
* @default ''.
*/
var _this = _super !== null && _super.apply(this, arguments) || this;
/** @private */
_this.currentViewData = [];
/** @private */
_this.clipRect = new Rect(0, 0, 0, 0);
/** @private */
_this.seriesType = 'XY';
return _this;
}
/**
* Process data for the series.
* @hidden
*/
SeriesBase.prototype.processJsonData = function () {

@@ -309,2 +339,3 @@ var i = 0;

point.yValue = point.y;
// To find the min, max for the axis range.
this.xMin = Math.min(this.xMin, point.xValue);

@@ -314,2 +345,3 @@ this.xMax = Math.max(this.xMax, point.xValue);

};
/** @private */
SeriesBase.prototype.dataPoint = function (i, textMappingName) {

@@ -333,2 +365,6 @@ var point;

};
/**
* To set empty point value based on empty point mode
* @private
*/
SeriesBase.prototype.setEmptyPoint = function (point, i) {

@@ -408,2 +444,5 @@ if (!this.findVisibility(point)) {

};
/**
* To get Y min max for the provided point seriesType XY
*/
SeriesBase.prototype.setXYMinMax = function (yValue) {

@@ -413,2 +452,5 @@ this.yMin = Math.min(this.yMin, isNullOrUndefined(yValue) ? this.yMin : yValue);

};
/**
* To get Y min max for the provided point seriesType XY
*/
SeriesBase.prototype.setHiloMinMax = function (high, low) {

@@ -418,2 +460,6 @@ this.yMin = Math.min(this.yMin, Math.min(isNullOrUndefined(low) ? this.yMin : low, isNullOrUndefined(high) ? this.yMin : high));

};
/**
* Finds the type of the series
* @private
*/
SeriesBase.prototype.getSeriesType = function () {

@@ -444,2 +490,3 @@ var type;

};
/** @private */
SeriesBase.prototype.pushCategoryData = function (point, index) {

@@ -458,2 +505,5 @@ if (!this.xAxis.isIndexed) {

};
/**
* To find average of given property
*/
SeriesBase.prototype.getAverage = function (member, i, data) {

@@ -465,2 +515,7 @@ if (data === void 0) { data = this.currentViewData; }

};
/**
* To find the control points for spline.
* @return {void}
* @private
*/
SeriesBase.prototype.refreshDataManager = function (chart) {

@@ -503,2 +558,3 @@ var _this = this;

}
//if (chart.visibleSeries.length === (chart.visibleSeriesCount - chart.indicators.length)) {
if (chart.visibleSeries.length === (chart.visibleSeriesCount)) {

@@ -512,58 +568,71 @@ chart.refreshBound();

};
__decorate([
Property('')
], SeriesBase.prototype, "xName", void 0);
__decorate([
Property('')
], SeriesBase.prototype, "high", void 0);
__decorate([
Property('')
], SeriesBase.prototype, "low", void 0);
__decorate([
Property('')
], SeriesBase.prototype, "open", void 0);
__decorate([
Property('')
], SeriesBase.prototype, "close", void 0);
__decorate([
Property('')
], SeriesBase.prototype, "volume", void 0);
__decorate([
Property(null)
], SeriesBase.prototype, "xAxisName", void 0);
__decorate([
Property(null)
], SeriesBase.prototype, "yAxisName", void 0);
__decorate([
Complex(null, Animation)
], SeriesBase.prototype, "animation", void 0);
__decorate([
Property(null)
], SeriesBase.prototype, "fill", void 0);
__decorate([
Property(1)
], SeriesBase.prototype, "width", void 0);
__decorate([
Property('0')
], SeriesBase.prototype, "dashArray", void 0);
__decorate([
Property('')
], SeriesBase.prototype, "dataSource", void 0);
__decorate([
Property()
], SeriesBase.prototype, "query", void 0);
return SeriesBase;
}(ChildProperty));
export { SeriesBase };
__decorate([
Property('')
], SeriesBase.prototype, "xName", void 0);
__decorate([
Property('')
], SeriesBase.prototype, "high", void 0);
__decorate([
Property('')
], SeriesBase.prototype, "low", void 0);
__decorate([
Property('')
], SeriesBase.prototype, "open", void 0);
__decorate([
Property('')
], SeriesBase.prototype, "close", void 0);
__decorate([
Property('')
], SeriesBase.prototype, "volume", void 0);
__decorate([
Property(null)
], SeriesBase.prototype, "xAxisName", void 0);
__decorate([
Property(null)
], SeriesBase.prototype, "yAxisName", void 0);
__decorate([
Complex(null, Animation)
], SeriesBase.prototype, "animation", void 0);
__decorate([
Property(null)
], SeriesBase.prototype, "fill", void 0);
__decorate([
Property(1)
], SeriesBase.prototype, "width", void 0);
__decorate([
Property('0')
], SeriesBase.prototype, "dashArray", void 0);
__decorate([
Property('')
], SeriesBase.prototype, "dataSource", void 0);
__decorate([
Property()
], SeriesBase.prototype, "query", void 0);
var Series = (function (_super) {
/**
* Configures the series in charts.
*/
var Series = /** @class */ (function (_super) {
__extends(Series, _super);
// tslint:disable-next-line:no-any
function Series(parent, propName, defaultValue, isArray) {
var _this = _super.call(this, parent, propName, defaultValue, isArray) || this;
_this.visibleSeriesCount = 0;
/** @private */
_this.category = 'Series';
/** @private */
_this.isRectSeries = false;
/** @private */
_this.drawPoints = [];
/** @private */
_this.delayedAnimation = false;
return _this;
}
/**
* Refresh the axis label.
* @return {boolean}
* @private
*/
Series.prototype.refreshAxisLabel = function () {

@@ -588,2 +657,7 @@ if (this.xAxis.valueType !== 'Category') {

};
/**
* To get the series collection.
* @return {void}
* @private
*/
Series.prototype.findSeriesCollection = function (column, row, isStack) {

@@ -608,2 +682,7 @@ var seriesCollection = [];

};
/**
* To get the column type series.
* @return {void}
* @private
*/
Series.prototype.rectSeriesInChart = function (series, isStack) {

@@ -616,2 +695,7 @@ var type = (series.type).toLowerCase();

};
/**
* To calculate the stacked values.
* @return {void}
* @private
*/
Series.prototype.calculateStackedValue = function (isStacking100) {

@@ -718,2 +802,7 @@ var axisSeries;

};
/**
* To find the log values.
* @return {void}
* @private
*/
Series.prototype.logWithIn = function (value, axis) {

@@ -728,2 +817,7 @@ if (axis.valueType === 'Logarithmic') {

};
/* private dataManagerFailure(e: { result: Object[] }): void {
this.currentViewData = [];
this.refreshChart();
}*/
/** @private */
Series.prototype.renderSeries = function (chart, index) {

@@ -751,2 +845,7 @@ var seriesType = firstToLowerCase(this.type);

};
/**
* To create seris element.
* @return {void}
* @private
*/
Series.prototype.createSeriesElements = function (chart) {

@@ -756,2 +855,3 @@ if (this.category !== 'Indicator') {

var xAxisRect = this.xAxis.rect;
// 8 for extend border value 5 for extend size value
var explodeValue = this.marker.border.width + 8 + 5;

@@ -785,2 +885,7 @@ var yAxisRect = this.yAxis.rect;

};
/**
* To append the series.
* @return {void}
* @private
*/
Series.prototype.appendSeriesElement = function (element, chart) {

@@ -814,2 +919,7 @@ var marker = this.marker;

};
/**
* To perform animation for chart series.
* @return {void}
* @private
*/
Series.prototype.performAnimation = function (chart, type, errorBar, marker, dataLabel) {

@@ -829,5 +939,13 @@ if (this.animation.enable && chart.animateSeries) {

};
/**
* To set border color for empty point
* @private
*/
Series.prototype.setPointColor = function (point, color) {
return point.isEmpty ? (this.emptyPointSettings.fill || color) : color;
};
/**
* To set border color for empty point
* @private
*/
Series.prototype.setBorderColor = function (point, border) {

@@ -838,106 +956,106 @@ border.width = point.isEmpty ? (this.emptyPointSettings.border.width || border.width) : border.width;

};
__decorate([
Property('')
], Series.prototype, "name", void 0);
__decorate([
Property('')
], Series.prototype, "yName", void 0);
__decorate([
Property('Line')
], Series.prototype, "drawType", void 0);
__decorate([
Property(true)
], Series.prototype, "isClosed", void 0);
__decorate([
Property('#2ecd71')
], Series.prototype, "bearFillColor", void 0);
__decorate([
Property('#e74c3d')
], Series.prototype, "bullFillColor", void 0);
__decorate([
Property(false)
], Series.prototype, "enableSolidCandles", void 0);
__decorate([
Property('')
], Series.prototype, "size", void 0);
__decorate([
Property('')
], Series.prototype, "stackingGroup", void 0);
__decorate([
Property(true)
], Series.prototype, "visible", void 0);
__decorate([
Complex({ color: 'transparent', width: 0 }, Border)
], Series.prototype, "border", void 0);
__decorate([
Property(1)
], Series.prototype, "opacity", void 0);
__decorate([
Property('Line')
], Series.prototype, "type", void 0);
__decorate([
Complex(null, ErrorBarSettings)
], Series.prototype, "errorBar", void 0);
__decorate([
Complex(null, MarkerSettings)
], Series.prototype, "marker", void 0);
__decorate([
Collection([], Trendline)
], Series.prototype, "trendlines", void 0);
__decorate([
Property(true)
], Series.prototype, "enableTooltip", void 0);
__decorate([
Property('SeriesType')
], Series.prototype, "legendShape", void 0);
__decorate([
Property(null)
], Series.prototype, "selectionStyle", void 0);
__decorate([
Property(1)
], Series.prototype, "minRadius", void 0);
__decorate([
Property(3)
], Series.prototype, "maxRadius", void 0);
__decorate([
Property('Natural')
], Series.prototype, "splineType", void 0);
__decorate([
Property(0.5)
], Series.prototype, "cardinalSplineTension", void 0);
__decorate([
Complex(null, EmptyPointSettings)
], Series.prototype, "emptyPointSettings", void 0);
__decorate([
Property(true)
], Series.prototype, "showMean", void 0);
__decorate([
Property('Normal')
], Series.prototype, "boxPlotMode", void 0);
__decorate([
Property(0.7)
], Series.prototype, "columnWidth", void 0);
__decorate([
Property(0)
], Series.prototype, "columnSpacing", void 0);
__decorate([
Property('#C64E4A')
], Series.prototype, "negativeFillColor", void 0);
__decorate([
Property('#4E81BC')
], Series.prototype, "summaryFillColor", void 0);
__decorate([
Property()
], Series.prototype, "intermediateSumIndexes", void 0);
__decorate([
Property()
], Series.prototype, "sumIndexes", void 0);
__decorate([
Complex({ color: 'black', width: 2 }, Connector)
], Series.prototype, "connector", void 0);
__decorate([
Complex(null, CornerRadius)
], Series.prototype, "cornerRadius", void 0);
return Series;
}(SeriesBase));
export { Series };
__decorate([
Property('')
], Series.prototype, "name", void 0);
__decorate([
Property('')
], Series.prototype, "yName", void 0);
__decorate([
Property('Line')
], Series.prototype, "drawType", void 0);
__decorate([
Property(true)
], Series.prototype, "isClosed", void 0);
__decorate([
Property('#2ecd71')
], Series.prototype, "bearFillColor", void 0);
__decorate([
Property('#e74c3d')
], Series.prototype, "bullFillColor", void 0);
__decorate([
Property(false)
], Series.prototype, "enableSolidCandles", void 0);
__decorate([
Property('')
], Series.prototype, "size", void 0);
__decorate([
Property('')
], Series.prototype, "stackingGroup", void 0);
__decorate([
Property(true)
], Series.prototype, "visible", void 0);
__decorate([
Complex({ color: 'transparent', width: 0 }, Border)
], Series.prototype, "border", void 0);
__decorate([
Property(1)
], Series.prototype, "opacity", void 0);
__decorate([
Property('Line')
], Series.prototype, "type", void 0);
__decorate([
Complex(null, ErrorBarSettings)
], Series.prototype, "errorBar", void 0);
__decorate([
Complex(null, MarkerSettings)
], Series.prototype, "marker", void 0);
__decorate([
Collection([], Trendline)
], Series.prototype, "trendlines", void 0);
__decorate([
Property(true)
], Series.prototype, "enableTooltip", void 0);
__decorate([
Property('SeriesType')
], Series.prototype, "legendShape", void 0);
__decorate([
Property(null)
], Series.prototype, "selectionStyle", void 0);
__decorate([
Property(1)
], Series.prototype, "minRadius", void 0);
__decorate([
Property(3)
], Series.prototype, "maxRadius", void 0);
__decorate([
Property('Natural')
], Series.prototype, "splineType", void 0);
__decorate([
Property(0.5)
], Series.prototype, "cardinalSplineTension", void 0);
__decorate([
Complex(null, EmptyPointSettings)
], Series.prototype, "emptyPointSettings", void 0);
__decorate([
Property(true)
], Series.prototype, "showMean", void 0);
__decorate([
Property('Normal')
], Series.prototype, "boxPlotMode", void 0);
__decorate([
Property(0.7)
], Series.prototype, "columnWidth", void 0);
__decorate([
Property(0)
], Series.prototype, "columnSpacing", void 0);
__decorate([
Property('#C64E4A')
], Series.prototype, "negativeFillColor", void 0);
__decorate([
Property('#4E81BC')
], Series.prototype, "summaryFillColor", void 0);
__decorate([
Property()
], Series.prototype, "intermediateSumIndexes", void 0);
__decorate([
Property()
], Series.prototype, "sumIndexes", void 0);
__decorate([
Complex({ color: 'black', width: 2 }, Connector)
], Series.prototype, "connector", void 0);
__decorate([
Complex(null, CornerRadius)
], Series.prototype, "cornerRadius", void 0);

62

dist/es6/chart/series/column-base.js

@@ -6,5 +6,13 @@ import { Animation } from '@syncfusion/ej2-base';

import { pointRender } from '../../common/model/constants';
var ColumnBase = (function () {
/**
* Column Series Base
*/
var ColumnBase = /** @class */ (function () {
function ColumnBase() {
}
/**
* To get the position of the column series.
* @return {DoubleRange}
* @private
*/
ColumnBase.prototype.getSideBySideInfo = function (series) {

@@ -18,4 +26,4 @@ if (series.chart.enableSideBySidePlacement && !series.position) {

var visibleSeries = series.chart.visibleSeries;
var seriesSpacing = series.chart.enableSideBySidePlacement ? series.columnSpacing : 0;
var pointSpacing = series.columnWidth;
var seriesSpacing = series.chart.enableSideBySidePlacement ? series.columnSpacing : 0; // Column Spacing
var pointSpacing = series.columnWidth; // Column width
var minimumPointDelta = getMinPointsDelta(series.xAxis, visibleSeries);

@@ -33,2 +41,7 @@ var width = minimumPointDelta * pointSpacing;

};
/**
* To get the rect values.
* @return {Rect}
* @private
*/
ColumnBase.prototype.getRectangle = function (x1, y1, x2, y2, series) {

@@ -39,2 +52,7 @@ var point1 = getPoint(x1, y1, series.xAxis, series.yAxis, series.chart.requireInvertedAxis);

};
/**
* To get the position of each series.
* @return {void}
* @private
*/
ColumnBase.prototype.getSideBySidePositions = function (series) {

@@ -83,2 +101,7 @@ var chart = series.chart;

};
/**
* Updates the symbollocation for points
* @return void
* @private
*/
ColumnBase.prototype.updateSymbolLocation = function (point, rect, series) {

@@ -92,2 +115,7 @@ if (!series.chart.requireInvertedAxis) {

};
/**
* Update the region for the point.
* @return {void}
* @private
*/
ColumnBase.prototype.updateXRegion = function (point, rect, series) {

@@ -101,2 +129,7 @@ point.regions.push(rect);

};
/**
* Update the region for the point in bar series.
* @return {void}
* @private
*/
ColumnBase.prototype.updateYRegion = function (point, rect, series) {

@@ -110,2 +143,7 @@ point.regions.push(rect);

};
/**
* To trigger the point rendering event.
* @return {void}
* @private
*/
ColumnBase.prototype.triggerEvent = function (series, point, fill, border) {

@@ -121,2 +159,7 @@ var argsData = {

};
/**
* To draw the rectangle for points.
* @return {void}
* @private
*/
ColumnBase.prototype.drawRectangle = function (series, point, rect, argsData) {

@@ -142,2 +185,7 @@ var check = series.chart.requireInvertedAxis ? rect.height : rect.width;

};
/**
* To animate the series.
* @return {void}
* @private
*/
ColumnBase.prototype.animate = function (series) {

@@ -155,2 +203,7 @@ var rectElements = series.seriesElement.childNodes;

};
/**
* To animate the series.
* @return {void}
* @private
*/
ColumnBase.prototype.animateRect = function (element, series, point) {

@@ -235,2 +288,5 @@ var option = series.animation;

};
/**
* To get rounded rect path direction
*/
ColumnBase.prototype.calculateRoundedRectPath = function (rect, topLeft, topRight, bottomLeft, bottomRight) {

@@ -237,0 +293,0 @@ return 'M' + ' ' + rect.x + ' ' + (topLeft + rect.y) +

29

dist/es6/chart/series/column-series.js

@@ -13,3 +13,6 @@ var __extends = (this && this.__extends) || (function () {

import { ColumnBase } from './column-base';
var ColumnSeries = (function (_super) {
/**
* Column Module used to render the column series.
*/
var ColumnSeries = /** @class */ (function (_super) {
__extends(ColumnSeries, _super);

@@ -19,2 +22,7 @@ function ColumnSeries() {

}
/**
* Render Column series.
* @return {void}
* @private
*/
ColumnSeries.prototype.render = function (series) {

@@ -40,9 +48,28 @@ var rect;

};
/**
* Animates the series.
* @return {void}
* @private
*/
ColumnSeries.prototype.doAnimation = function (series) {
this.animate(series);
};
/**
* Get module name.
*/
ColumnSeries.prototype.getModuleName = function () {
return 'ColumnSeries';
/**
* return the module name
*/
};
/**
* To destroy the column series.
* @return {void}
* @private
*/
ColumnSeries.prototype.destroy = function (chart) {
/**
* Destroy method performed here
*/
};

@@ -49,0 +76,0 @@ return ColumnSeries;

50

dist/es6/chart/series/data-label.js

@@ -7,3 +7,10 @@ import { ChartLocation, Rect, TextOption, RectOption, isCollide, markerAnimate } from '../../common/utils/helper';

import { getPoint } from '../../common/utils/helper';
var DataLabel = (function () {
/**
* DataLabel Module used to render the column series.
*/
var DataLabel = /** @class */ (function () {
/**
* Constructor for the data label module.
* @private
*/
function DataLabel(chart) {

@@ -85,4 +92,10 @@ this.errorHeight = 0;

};
/**
* Render the data label for series.
* @return {void}
* @private
*/
DataLabel.prototype.render = function (series, chart, dataLabel) {
var _this = this;
// initialize the private variable
this.initPrivateVariables(series, series.marker);

@@ -100,2 +113,3 @@ var rect;

});
// Data label point iteration started
series.points.map(function (point, index) {

@@ -133,2 +147,3 @@ _this.margin = dataLabel.margin;

}
// Checking the font color
rgbValue = convertHexToColor(colorNameToHex(_this.fontBackground));

@@ -148,2 +163,7 @@ contrast = Math.round((rgbValue.r * 299 + rgbValue.g * 587 + rgbValue.b * 114) / 1000);

};
/**
* Render the data label template.
* @return {void}
* @private
*/
DataLabel.prototype.createDataLabelTemplate = function (parentElement, series, dataLabel, point, data, labelIndex) {

@@ -185,2 +205,3 @@ this.margin = { left: 0, right: 0, bottom: 0, top: 0 };

var rect;
// calculating alignment
if (!this.chart.requireInvertedAxis || !this.isRectSeries(series) || series.type === 'BoxAndWhisker') {

@@ -192,2 +213,3 @@ this.locationX = location.x;

this.calculateAlignment(alignmentValue, location.y, dataLabel.alignment, this.isRectSeries(series) ? point.yValue < 0 : false);
// calculating position
location.y = (!this.isRectSeries(series) || series.type === 'BoxAndWhisker') ?

@@ -208,2 +230,3 @@ this.calculatePathPosition(location.y, dataLabel.position, series, point, textSize, labelIndex) :

rect = calculateRect(location, textSize, this.margin);
// Checking the condition whether data Label has been exist the clip rect
if (!((rect.y > clipRect.height) || (rect.x > clipRect.width) ||

@@ -219,2 +242,3 @@ (rect.x + rect.width < 0) || (rect.y + rect.height < 0))) {

};
// Calculation label location for polar column draw types
DataLabel.prototype.calculatePolarRectPosition = function (location, position, series, point, size, labelIndex) {

@@ -267,2 +291,5 @@ var padding = 5;

};
/**
* Get the label location
*/
DataLabel.prototype.getLabelLocation = function (point, series, textSize, labelIndex) {

@@ -314,2 +341,3 @@ var location = new ChartLocation(0, 0);

}
//Aligning the label at the beginning of the tick, when tick size is less than text size
if (labelIndex > 1 && series.type === 'HiloOpenClose') {

@@ -424,2 +452,3 @@ if (series.chart.requireInvertedAxis) {

};
// alignment calculation assigned here
DataLabel.prototype.calculateAlignment = function (value, labelLocation, alignment, isMinus) {

@@ -441,2 +470,3 @@ switch (alignment) {

};
//calculation for top and outer position of datalabel for rect series
DataLabel.prototype.calculateTopAndOuterPosition = function (location, rect, position, series, index, extraSpace, isMinus) {

@@ -482,2 +512,5 @@ var margin = this.margin;

};
/**
* Updates the label location
*/
DataLabel.prototype.updateLabelLocation = function (position, location, extraSpace, margin, rect, top, inside) {

@@ -578,2 +611,7 @@ if (inside === void 0) { inside = false; }

};
/**
* Animates the data label.
* @return {void}.
* @private
*/
DataLabel.prototype.doDataLabelAnimation = function (series, element) {

@@ -603,6 +641,16 @@ var shapeElements = series.shapeElement.childNodes;

};
/**
* Get module name.
*/
DataLabel.prototype.getModuleName = function () {
// Returns the module name
return 'DataLabel';
};
/**
* To destroy the dataLabel for series.
* @return {void}
* @private
*/
DataLabel.prototype.destroy = function (chart) {
// Destroy method performed here
};

@@ -609,0 +657,0 @@ return DataLabel;

33

dist/es6/chart/series/error-bar.js
import { Mean, RectOption } from '../../common/utils/helper';
import { getPoint, PathOption, sum, templateAnimate } from '../../common/utils/helper';
var ErrorBar = (function () {
/**
* Error bar Module used to render the error bar for series.
*/
var ErrorBar = /** @class */ (function () {
/**
* Constructor for the error bar module.
* @private
*/
function ErrorBar(chart) {
this.chart = chart;
}
/**
* Render the error bar for series.
* @return {void}
* @private
*/
ErrorBar.prototype.render = function (series) {

@@ -57,2 +69,3 @@ if (this.chart.chartAreaType === 'PolarRadar') {

};
// path calculation for error bar
ErrorBar.prototype.findLocation = function (point, series, isInverted, x1, y1) {

@@ -82,2 +95,3 @@ var errorbar = series.errorBar;

location.push(endPoint);
// calculate error height for datalabel position alignment
point.error = (errorbar.mode === 'Vertical') ? errorbar.verticalError : errorbar.horizontalError;

@@ -90,2 +104,3 @@ this.negativeHeight = (errorbar.mode === 'Vertical' || errorbar.mode === 'Both') ? (isInverted ? (location[1].x - location[2].x) :

};
// calculations for eror bar types
ErrorBar.prototype.calculateFixedValue = function (point, series, isInverted, errorX, errorY, xAxis, yAxis) {

@@ -178,2 +193,3 @@ var errorbar = series.errorBar;

};
// mean calculation for standard deviation and standard error
ErrorBar.prototype.meanCalculation = function (series, mode) {

@@ -246,2 +262,7 @@ var sumOfX = 0;

};
/**
* Animates the error bar.
* @return {void}.
* @private
*/
ErrorBar.prototype.doErrorBarAnimation = function (series) {

@@ -265,6 +286,16 @@ var errorBarElements = series.errorBarElement.childNodes;

};
/**
* Get module name.
*/
ErrorBar.prototype.getModuleName = function () {
// Returns the module name
return 'ErrorBar';
};
/**
* To destroy the errorBar for series.
* @return {void}
* @private
*/
ErrorBar.prototype.destroy = function (chart) {
// Destroy method performed here
};

@@ -271,0 +302,0 @@ return ErrorBar;

46

dist/es6/chart/series/hilo-open-close-series.js

@@ -13,3 +13,6 @@ var __extends = (this && this.__extends) || (function () {

import { ColumnBase } from './column-base';
var HiloOpenCloseSeries = (function (_super) {
/**
* hiloOpenClose Module used to render the hiloOpenClose series.
*/
var HiloOpenCloseSeries = /** @class */ (function (_super) {
__extends(HiloOpenCloseSeries, _super);

@@ -19,2 +22,7 @@ function HiloOpenCloseSeries() {

}
/**
* Render HiloOpenCloseSeries series.
* @return {void}
* @private
*/
HiloOpenCloseSeries.prototype.render = function (series) {

@@ -33,6 +41,9 @@ var highLowRect;

withInRange(series.points[point.index - 1], point, series.points[point.index + 1], series)) {
//highlow
highLowRect = this.getRectangle(point.xValue + sideBySideInfo.start, Math.max(point.high, point.low), point.xValue + sideBySideInfo.end, Math.min(point.high, point.low), series);
point.regions.push(this.getRectangle(point.xValue + sideBySideInfo.median, Math.max(point.high, point.low), point.xValue + sideBySideInfo.median, Math.min(point.high, point.low), series));
this.updateTickRegion(!series.chart.requireInvertedAxis, point.regions[0], borderWidth);
//open
point.regions.push(this.getRectangle(point.xValue + sideBySideInfo.start, Math.max(point.open, point.close), point.xValue + sideBySideInfo.median, Math.max(point.open, point.close), series));
//close
point.regions.push(this.getRectangle(point.xValue + sideBySideInfo.median, Math.min(point.open, point.close), point.xValue + sideBySideInfo.end, Math.min(point.open, point.close), series));

@@ -51,2 +62,5 @@ argsData = this.triggerPointRenderEvent(series, point);

};
/**
* Updates the tick region
*/
HiloOpenCloseSeries.prototype.updateTickRegion = function (horizontal, region, borderWidth) {

@@ -62,2 +76,5 @@ if (horizontal) {

};
/**
* Trigger point rendering event
*/
HiloOpenCloseSeries.prototype.triggerPointRenderEvent = function (series, point) {

@@ -68,3 +85,9 @@ var fill = (point.open <= point.close) ? series.bearFillColor : series.bullFillColor;

};
/**
* To draw the rectangle for points.
* @return {void}
* @private
*/
HiloOpenCloseSeries.prototype.drawHiloOpenClosePath = function (series, point, open, close, rect, argsData) {
// region highlow
var direction;

@@ -83,4 +106,6 @@ var options;

'L' + ' ' + (rect.x + rect.width / 2) + ' ' + (rect.y) + ' ');
//region opentick
direction += ('M' + ' ' + (rect.x) + ' ' + (open.y) + ' ' +
'L' + ' ' + (rect.x + rect.width / 2) + ' ' + (open.y) + ' ');
//region closetick
direction += ('M' + ' ' + (rect.x + rect.width / 2) + ' ' + (close.y) + ' ' +

@@ -95,9 +120,28 @@ 'L' + ' ' + (rect.x + rect.width) + ' ' + (close.y) + ' ');

};
/**
* Get module name.
*/
HiloOpenCloseSeries.prototype.getModuleName = function () {
return 'HiloOpenCloseSeries';
/**
* return the module name
*/
};
/**
* Animates the series.
* @return {void}
* @private
*/
HiloOpenCloseSeries.prototype.doAnimation = function (series) {
this.animate(series);
};
/**
* To destroy the column series.
* @return {void}
* @private
*/
HiloOpenCloseSeries.prototype.destroy = function (chart) {
/**
* Destroy method performed here
*/
};

@@ -104,0 +148,0 @@ return HiloOpenCloseSeries;

34

dist/es6/chart/series/hilo-series.js

@@ -13,3 +13,6 @@ var __extends = (this && this.__extends) || (function () {

import { ColumnBase } from './column-base';
var HiloSeries = (function (_super) {
/**
* Hilo Module used to render the Hilo series.
*/
var HiloSeries = /** @class */ (function (_super) {
__extends(HiloSeries, _super);

@@ -19,2 +22,7 @@ function HiloSeries() {

}
/**
* Render Hiloseries.
* @return {void}
* @private
*/
HiloSeries.prototype.render = function (series) {

@@ -48,2 +56,7 @@ var region;

};
/**
* To trigger the point rendering event.
* @return {void}
* @private
*/
HiloSeries.prototype.triggerPointRenderEvent = function (series, point) {

@@ -53,9 +66,28 @@ var border = { color: series.fill, width: Math.max(series.border.width, 2) };

};
/**
* Get module name.
*/
HiloSeries.prototype.getModuleName = function () {
return 'HiloSeries';
/**
* return the module name
*/
};
/**
* Animates the series.
* @return {void}
* @private
*/
HiloSeries.prototype.doAnimation = function (series) {
this.animate(series);
};
/**
* To destroy the Hilo series.
* @return {void}
* @private
*/
HiloSeries.prototype.destroy = function (chart) {
/**
* Destroys the Hilo Series
*/
};

@@ -62,0 +94,0 @@ return HiloSeries;

31

dist/es6/chart/series/line-base.js
import { getAnimationFunction } from '../../common/utils/helper';
import { Animation } from '@syncfusion/ej2-base';
var LineBase = (function () {
/**
* render Line series
*/
var LineBase = /** @class */ (function () {
/** @private */
function LineBase(chartModule) {

@@ -8,2 +12,7 @@ this.chart = chartModule;

}
/**
* To improve the chart performance.
* @return {void}
* @private
*/
LineBase.prototype.improveChartPerformance = function (series) {

@@ -35,2 +44,7 @@ var tempPoints = [];

};
/**
* To append the line path.
* @return {void}
* @private
*/
LineBase.prototype.appendLinePath = function (options, series) {

@@ -42,2 +56,7 @@ var htmlObject = series.chart.renderer.drawPath(options);

};
/**
* To render the marker for the series.
* @return {void}
* @private
*/
LineBase.prototype.renderMarker = function (series) {

@@ -48,2 +67,7 @@ if (series.marker.visible) {

};
/**
* To do the progressive animation.
* @return {void}
* @private
*/
LineBase.prototype.doProgressiveAnimation = function (series, option) {

@@ -72,2 +96,7 @@ var animation = new Animation({});

};
/**
* To do the linear animation.
* @return {void}
* @private
*/
LineBase.prototype.doLinearAnimation = function (series, animation) {

@@ -74,0 +103,0 @@ var clipRect = series.clipRectElement.childNodes[0].childNodes[0];

29

dist/es6/chart/series/line-series.js

@@ -13,3 +13,6 @@ var __extends = (this && this.__extends) || (function () {

import { LineBase } from './line-base';
var LineSeries = (function (_super) {
/**
* Line Module used to render the line series.
*/
var LineSeries = /** @class */ (function (_super) {
__extends(LineSeries, _super);

@@ -19,2 +22,7 @@ function LineSeries() {

}
/**
* Render Line Series.
* @return {void}.
* @private
*/
LineSeries.prototype.render = function (series, xAxis, yAxis, isInverted) {

@@ -64,2 +72,7 @@ var point1;

};
/**
* Animates the series.
* @return {void}.
* @private
*/
LineSeries.prototype.doAnimation = function (series) {

@@ -69,6 +82,20 @@ var option = series.animation;

};
/**
* Get module name.
*/
LineSeries.prototype.getModuleName = function () {
/**
* Returns the module name of the series
*/
return 'LineSeries';
};
/**
* To destroy the line series.
* @return {void}
* @private
*/
LineSeries.prototype.destroy = function (chart) {
/**
* Destroy method performed here
*/
};

@@ -75,0 +102,0 @@ return LineSeries;

28

dist/es6/chart/series/marker-explode.js

@@ -16,4 +16,11 @@ var __extends = (this && this.__extends) || (function () {

import { colorNameToHex, convertHexToColor } from '../../common/utils/helper';
var MarkerExplode = (function (_super) {
/**
* Marker Module used to render the marker for line type series.
*/
var MarkerExplode = /** @class */ (function (_super) {
__extends(MarkerExplode, _super);
/**
* Constructor for the marker module.
* @private
*/
function MarkerExplode(chart) {

@@ -25,2 +32,5 @@ var _this = _super.call(this, chart) || this;

}
/**
* @hidden
*/
MarkerExplode.prototype.addEventListener = function () {

@@ -33,2 +43,12 @@ if (this.chart.isDestroyed) {

};
/**
* @hidden
*/
/* public removeEventListener(): void {
if (this.chart.isDestroyed) { return; }
this.chart.off(Browser.touchMoveEvent, this.mouseMoveHandler);
}*/
/**
* @hidden
*/
MarkerExplode.prototype.mouseUpHandler = function () {

@@ -40,2 +60,5 @@ var chart = this.chart;

};
/**
* @hidden
*/
MarkerExplode.prototype.mouseMoveHandler = function () {

@@ -142,2 +165,5 @@ var chart = this.chart;

};
/**
* @hidden
*/
MarkerExplode.prototype.removeHighlightedMarker = function () {

@@ -144,0 +170,0 @@ var elements = document.getElementsByClassName('EJ2-Trackball');

20

dist/es6/chart/series/marker.js

@@ -17,4 +17,11 @@ var __extends = (this && this.__extends) || (function () {

import { getSaturationColor } from '../../common/utils/helper';
var Marker = (function (_super) {
/**
* Marker Module used to render the marker for line type series.
*/
var Marker = /** @class */ (function (_super) {
__extends(Marker, _super);
/**
* Constructor for the marker module.
* @private
*/
function Marker(chart) {

@@ -25,2 +32,7 @@ var _this = _super.call(this, chart) || this;

}
/**
* Render the marker for series.
* @return {void}
* @private
*/
Marker.prototype.render = function (series) {

@@ -99,2 +111,3 @@ var _this = this;

var marker = series.marker;
// 8 for extend border value 5 for extend size value
var explodeValue = marker.border.width + 8 + 5;

@@ -138,2 +151,7 @@ var render = series.chart.renderer;

};
/**
* Animates the marker.
* @return {void}.
* @private
*/
Marker.prototype.doMarkerAnimation = function (series) {

@@ -140,0 +158,0 @@ if (!(series.isRectSeries || series.type === 'Scatter' || series.type === 'Bubble' ||

48

dist/es6/chart/series/polar-series.js

@@ -15,3 +15,6 @@ var __extends = (this && this.__extends) || (function () {

import { Animation } from '@syncfusion/ej2-base';
var PolarSeries = (function (_super) {
/**
* `PolarSeries` Module used to render the polar series.
*/
var PolarSeries = /** @class */ (function (_super) {
__extends(PolarSeries, _super);

@@ -21,2 +24,7 @@ function PolarSeries() {

}
/**
* Render Polar Series.
* @return {void}.
* @private
*/
PolarSeries.prototype.render = function (series) {

@@ -31,2 +39,7 @@ var seriesType = firstToLowerCase(series.drawType);

};
/**
* Render Column DrawType.
* @return {void}.
* @private
*/
PolarSeries.prototype.columnDrawTypeRender = function (series) {

@@ -154,2 +167,7 @@ var visiblePoints = series.points;

};
/**
* To trigger the point rendering event.
* @return {void}
* @private
*/
PolarSeries.prototype.triggerEvent = function (chart, series, point) {

@@ -165,2 +183,6 @@ var argsData = {

};
/** get position for column drawtypes
* @return {void}.
* @private
*/
PolarSeries.prototype.getSeriesPosition = function (series) {

@@ -206,2 +228,7 @@ var chart = series.chart;

};
/**
* Animates the series.
* @return {void}.
* @private
*/
PolarSeries.prototype.doAnimation = function (series) {

@@ -229,2 +256,7 @@ var option = series.animation;

};
/**
* To do the Polar Radar draw type column animation.
* @return {void}
* @private
*/
PolarSeries.prototype.doPolarRadarAnimation = function (animateElement, delay, duration, series) {

@@ -253,6 +285,20 @@ var chartcenterX = series.clipRect.width / 2 + series.clipRect.x;

};
/**
* Get module name.
*/
PolarSeries.prototype.getModuleName = function () {
/**
* Returns the module name of the series
*/
return 'PolarSeries';
};
/**
* To destroy the polar series.
* @return {void}
* @private
*/
PolarSeries.prototype.destroy = function (chart) {
/**
* Destroy method performed here
*/
};

@@ -259,0 +305,0 @@ return PolarSeries;

24

dist/es6/chart/series/radar-series.js

@@ -13,3 +13,6 @@ var __extends = (this && this.__extends) || (function () {

import { PolarSeries } from '../series/polar-series';
var RadarSeries = (function (_super) {
/**
* `RadarSeries` Module used to render the radar series.
*/
var RadarSeries = /** @class */ (function (_super) {
__extends(RadarSeries, _super);

@@ -19,2 +22,7 @@ function RadarSeries() {

}
/**
* Render radar Series.
* @return {void}.
* @private
*/
RadarSeries.prototype.render = function (series) {

@@ -29,6 +37,20 @@ var seriesType = firstToLowerCase(series.drawType);

};
/**
* Get module name.
*/
RadarSeries.prototype.getModuleName = function () {
/**
* Returns the module name of the series
*/
return 'RadarSeries';
};
/**
* To destroy the radar series.
* @return {void}
* @private
*/
RadarSeries.prototype.destroy = function (chart) {
/**
* Destroy method performed here
*/
};

@@ -35,0 +57,0 @@ return RadarSeries;

36

dist/es6/chart/series/range-area-series.js

@@ -13,3 +13,6 @@ var __extends = (this && this.__extends) || (function () {

import { LineBase } from './line-base';
var RangeAreaSeries = (function (_super) {
/**
* RangeAreaSeries Module used to render the rangeArea series.
*/
var RangeAreaSeries = /** @class */ (function (_super) {
__extends(RangeAreaSeries, _super);

@@ -19,2 +22,7 @@ function RangeAreaSeries() {

}
/**
* Render RangeArea Series.
* @return {void}.
* @private
*/
RangeAreaSeries.prototype.render = function (series) {

@@ -49,2 +57,3 @@ var point;

point.regions.push(rect);
//Path to connect the high points
if (point.visible && withInRange(visiblePoints[point.index - 1], point, visiblePoints[point.index + 1], series)) {

@@ -55,2 +64,3 @@ direction = direction.concat(command + ' ' + (lowPoint.x) + ' ' + (lowPoint.y) + ' ');

|| i === visiblePoints.length - 1) {
// Path to connect the low points
direction = this.closeRangeAreaPath(visiblePoints, point, series, direction, i);

@@ -78,2 +88,7 @@ command = 'M';

};
/**
* path for rendering the low points
* @return {void}.
* @private
*/
RangeAreaSeries.prototype.closeRangeAreaPath = function (visiblePoints, point, series, direction, i) {

@@ -91,2 +106,7 @@ for (var j = i; j >= 0; j--) {

};
/**
* Animates the series.
* @return {void}.
* @private
*/
RangeAreaSeries.prototype.doAnimation = function (series) {

@@ -96,6 +116,20 @@ var option = series.animation;

};
/**
* Get module name.
*/
RangeAreaSeries.prototype.getModuleName = function () {
/**
* Returns the module name of the series
*/
return 'RangeAreaSeries';
};
/**
* To destroy the line series.
* @return {void}
* @private
*/
RangeAreaSeries.prototype.destroy = function (chart) {
/**
* Destroys range area series
*/
};

@@ -102,0 +136,0 @@ return RangeAreaSeries;

30

dist/es6/chart/series/range-column-series.js

@@ -13,3 +13,6 @@ var __extends = (this && this.__extends) || (function () {

import { ColumnBase } from './column-base';
var RangeColumnSeries = (function (_super) {
/**
* `RangeColumnSeries` Module used to render the range column series.
*/
var RangeColumnSeries = /** @class */ (function (_super) {
__extends(RangeColumnSeries, _super);

@@ -19,5 +22,11 @@ function RangeColumnSeries() {

}
/**
* Render Range Column series.
* @return {void}
* @private
*/
RangeColumnSeries.prototype.render = function (series) {
var rect;
var sideBySideInfo = this.getSideBySideInfo(series);
//let origin: number = Math.max(<number>series.yAxis.visibleRange.min, 0);
var argsData;

@@ -38,9 +47,28 @@ for (var _i = 0, _a = series.points; _i < _a.length; _i++) {

};
/**
* Get module name.
*/
RangeColumnSeries.prototype.getModuleName = function () {
return 'RangeColumnSeries';
/**
* return the module name
*/
};
/**
* Animates the series.
* @return {void}
* @private
*/
RangeColumnSeries.prototype.doAnimation = function (series) {
this.animate(series);
};
/**
* To destroy the range column series.
* @return {void}
* @private
*/
RangeColumnSeries.prototype.destroy = function (chart) {
/**
* Destroy method performed here
*/
};

@@ -47,0 +75,0 @@ return RangeColumnSeries;

29

dist/es6/chart/series/scatter-series.js
import { withInRange, getPoint, PathOption, drawSymbol, Size, Rect, markerAnimate, TransformToVisible } from '../../common/utils/helper';
import { pointRender } from '../../common/model/constants';
var ScatterSeries = (function () {
/**
* Scatter Module used to render the scatter series.
*/
var ScatterSeries = /** @class */ (function () {
function ScatterSeries() {
}
/**
* Render the scatter series.
* @return {void}
* @private
*/
ScatterSeries.prototype.render = function (series, xAxis, yAxis, isInverted) {

@@ -40,2 +48,7 @@ var seriesIndex = series.index;

};
/**
* Animates the series.
* @return {void}.
* @private
*/
ScatterSeries.prototype.doAnimation = function (series) {

@@ -55,6 +68,20 @@ var duration = series.animation.duration;

};
/**
* Get module name.
*/
ScatterSeries.prototype.getModuleName = function () {
/**
* Returns the module name of the series
*/
return 'ScatterSeries';
};
/**
* To destroy the scatter.
* @return {void}
* @private
*/
ScatterSeries.prototype.destroy = function (chart) {
/**
* Destroy method calling here
*/
};

@@ -61,0 +88,0 @@ return ScatterSeries;

52

dist/es6/chart/series/spline-series.js

@@ -14,3 +14,6 @@ var __extends = (this && this.__extends) || (function () {

import { LineBase } from './line-base';
var SplineSeries = (function (_super) {
/**
* Spline Module used to render the spline series.
*/
var SplineSeries = /** @class */ (function (_super) {
__extends(SplineSeries, _super);

@@ -22,2 +25,7 @@ function SplineSeries() {

}
/**
* Render the spline series.
* @return {void}
* @private
*/
SplineSeries.prototype.render = function (series, xAxis, yAxis, isInverted) {

@@ -77,2 +85,7 @@ var chart = series.chart;

};
/**
* To find the control points for spline.
* @return {void}
* @private
*/
SplineSeries.prototype.findSplinePoint = function (series) {

@@ -133,2 +146,7 @@ var spline = series.chart.splineSeriesModule;

};
/**
* To find the natural spline.
* @return {void}
* @private
*/
SplineSeries.prototype.findSplineCoefficients = function (points, series) {

@@ -157,5 +175,8 @@ var count = points.length;

}
//interpolant points
slopeLength = slope.length;
// to find the first and last co-efficient value
ySpline[0] = slope[0];
ySpline[count - 1] = slope[slopeLength - 1];
//to find the other co-efficient values
for (var j = 0; j < dx.length; j++) {

@@ -200,2 +221,3 @@ if (slopeLength > j + 1) {

else {
// assigning the first and last value as zero
ySpline[0] = ySplineDuplicate[0] = 0;

@@ -227,2 +249,7 @@ ySpline[points.length - 1] = 0;

};
/**
* To find the control points for spline.
* @return {void}
* @private
*/
SplineSeries.prototype.getControlPoints = function (point1, point2, ySpline1, ySpline2, series) {

@@ -263,2 +290,6 @@ var controlPoint1;

};
/**
* calculate datetime interval in hours
*
*/
SplineSeries.prototype.dateTimeInterval = function (series) {

@@ -290,7 +321,26 @@ var interval = series.xAxis.actualIntervalType;

};
/**
* Get module name.
*/
SplineSeries.prototype.getModuleName = function () {
/**
* Returns the module name of the series
*/
return 'SplineSeries';
};
/**
* To destroy the spline.
* @return {void}
* @private
*/
SplineSeries.prototype.destroy = function (chart) {
/**
* Destroy method calling here
*/
};
/**
* Animates the series.
* @return {void}.
* @private
*/
SplineSeries.prototype.doAnimation = function (series) {

@@ -297,0 +347,0 @@ var option = series.animation;

32

dist/es6/chart/series/stacking-area-series.js

@@ -13,3 +13,6 @@ var __extends = (this && this.__extends) || (function () {

import { LineBase } from './line-base';
var StackingAreaSeries = (function (_super) {
/**
* Stacking Area Module used to render the Stacking Area series.
*/
var StackingAreaSeries = /** @class */ (function (_super) {
__extends(StackingAreaSeries, _super);

@@ -19,2 +22,7 @@ function StackingAreaSeries() {

}
/**
* Render the Stacking area series.
* @return {void}
* @private
*/
StackingAreaSeries.prototype.render = function (series, xAxis, yAxis, isInverted) {

@@ -77,2 +85,7 @@ var getCoordinate = series.chart.chartAreaType === 'PolarRadar' ? TransformToVisible : getPoint;

};
/**
* Animates the series.
* @return {void}.
* @private
*/
StackingAreaSeries.prototype.doAnimation = function (series) {

@@ -82,7 +95,24 @@ var option = series.animation;

};
/**
* To destroy the stacking area.
* @return {void}
* @private
*/
StackingAreaSeries.prototype.destroy = function (chart) {
/**
* Destroy method calling here
*/
};
/**
* Get module name.
*/
StackingAreaSeries.prototype.getModuleName = function () {
/**
* Returns the module name of the series
*/
return 'StackingAreaSeries';
};
/**
* To find previous visible series
*/
StackingAreaSeries.prototype.getPreviousSeries = function (series) {

@@ -89,0 +119,0 @@ var seriesCollection = series.chart.visibleSeries;

26

dist/es6/chart/series/stacking-bar-series.js

@@ -13,3 +13,6 @@ var __extends = (this && this.__extends) || (function () {

import { ColumnBase } from './column-base';
var StackingBarSeries = (function (_super) {
/**
* Stacking Bar Module used to render the Stacking Bar series.
*/
var StackingBarSeries = /** @class */ (function (_super) {
__extends(StackingBarSeries, _super);

@@ -19,2 +22,7 @@ function StackingBarSeries() {

}
/**
* Render the Stacking bar series.
* @return {void}
* @private
*/
StackingBarSeries.prototype.render = function (series) {

@@ -40,7 +48,23 @@ var origin = Math.max(series.yAxis.visibleRange.min, 0);

};
/**
* To destroy the stacking bar.
* @return {void}
* @private
*/
StackingBarSeries.prototype.destroy = function (chart) {
/**
* Destroy method performed here
*/
};
/**
* Get module name.
*/
StackingBarSeries.prototype.getModuleName = function () {
return 'StackingBarSeries';
};
/**
* Animates the series.
* @return {void}.
* @private
*/
StackingBarSeries.prototype.doAnimation = function (series) {

@@ -47,0 +71,0 @@ this.animate(series);

26

dist/es6/chart/series/stacking-column-series.js

@@ -13,3 +13,6 @@ var __extends = (this && this.__extends) || (function () {

import { ColumnBase } from './column-base';
var StackingColumnSeries = (function (_super) {
/**
* Stacking Column Module used to render the Stacking Column series.
*/
var StackingColumnSeries = /** @class */ (function (_super) {
__extends(StackingColumnSeries, _super);

@@ -19,2 +22,7 @@ function StackingColumnSeries() {

}
/**
* Render the Stacking column series.
* @return {void}
* @private
*/
StackingColumnSeries.prototype.render = function (series) {

@@ -41,7 +49,23 @@ series.isRectSeries = true;

};
/**
* Animates the series.
* @return {void}.
* @private
*/
StackingColumnSeries.prototype.doAnimation = function (series) {
this.animate(series);
};
/**
* To destroy the stacking column.
* @return {void}
* @private
*/
StackingColumnSeries.prototype.destroy = function (chart) {
/**
* Destroy method performed here
*/
};
/**
* Get module name.
*/
StackingColumnSeries.prototype.getModuleName = function () {

@@ -48,0 +72,0 @@ return 'StackingColumnSeries';

32

dist/es6/chart/series/step-area-series.js

@@ -13,3 +13,6 @@ var __extends = (this && this.__extends) || (function () {

import { LineBase } from './line-base';
var StepAreaSeries = (function (_super) {
/**
* StepArea Module used to render the StepArea series.
*/
var StepAreaSeries = /** @class */ (function (_super) {
__extends(StepAreaSeries, _super);

@@ -19,2 +22,7 @@ function StepAreaSeries() {

}
/**
* Render StepArea series.
* @return {void}
* @private
*/
StepAreaSeries.prototype.render = function (series, xAxis, yAxis, isInverted) {

@@ -46,2 +54,3 @@ var currentPoint;

start = new ChartLocation(xValue, 0);
// Start point for the current path
currentPoint = getPoint(xValue - lineLength, origin, xAxis, yAxis, isInverted);

@@ -52,2 +61,3 @@ direction += ('M' + ' ' + (currentPoint.x) + ' ' + (currentPoint.y) + ' ');

}
// First Point to draw the Steparea path
if (prevPoint != null) {

@@ -68,2 +78,3 @@ currentPoint = getPoint(point.xValue, point.yValue, xAxis, yAxis, isInverted);

if (series.points[i + 1] && !series.points[i + 1].visible && series.emptyPointSettings.mode !== 'Drop') {
// current start point
currentPoint = getPoint(xValue + lineLength, origin, xAxis, yAxis, isInverted);

@@ -87,2 +98,7 @@ direction += ('L' + ' ' + (currentPoint.x) + ' ' + (currentPoint.y));

};
/**
* Animates the series.
* @return {void}.
* @private
*/
StepAreaSeries.prototype.doAnimation = function (series) {

@@ -92,5 +108,19 @@ var option = series.animation;

};
/**
* To destroy the step Area series.
* @return {void}
* @private
*/
StepAreaSeries.prototype.destroy = function (chart) {
/**
* Destroy method calling here
*/
};
/**
* Get module name.
*/
StepAreaSeries.prototype.getModuleName = function () {
/**
* Returns the module name of the series
*/
return 'StepAreaSeries';

@@ -97,0 +127,0 @@ };

29

dist/es6/chart/series/step-line-series.js

@@ -13,3 +13,6 @@ var __extends = (this && this.__extends) || (function () {

import { LineBase } from './line-base';
var StepLineSeries = (function (_super) {
/**
* StepLine Module used to render the step line series.
*/
var StepLineSeries = /** @class */ (function (_super) {
__extends(StepLineSeries, _super);

@@ -19,2 +22,7 @@ function StepLineSeries() {

}
/**
* Render the Step line series.
* @return {void}
* @private
*/
StepLineSeries.prototype.render = function (series, xAxis, yAxis, isInverted) {

@@ -67,2 +75,7 @@ var direction = '';

};
/**
* Animates the series.
* @return {void}.
* @private
*/
StepLineSeries.prototype.doAnimation = function (series) {

@@ -72,5 +85,19 @@ var option = series.animation;

};
/**
* To destroy the step line series.
* @return {void}
* @private
*/
StepLineSeries.prototype.destroy = function (chart) {
/**
* Destroy method calling here
*/
};
/**
* Get module name.
*/
StepLineSeries.prototype.getModuleName = function () {
/**
* Returns the module name of the series
*/
return 'StepLineSeries';

@@ -77,0 +104,0 @@ };

52

dist/es6/chart/series/waterfall-series.js

@@ -13,3 +13,6 @@ var __extends = (this && this.__extends) || (function () {

import { ColumnBase } from './column-base';
var WaterfallSeries = (function (_super) {
/**
* Waterfall Module used to render the waterfall series.
*/
var WaterfallSeries = /** @class */ (function (_super) {
__extends(WaterfallSeries, _super);

@@ -19,2 +22,7 @@ function WaterfallSeries() {

}
/**
* Render waterfall series.
* @return {void}
* @private
*/
WaterfallSeries.prototype.render = function (series) {

@@ -38,8 +46,11 @@ var rect;

if (point.visible && withInRange(series.points[point.index - 1], point, series.points[point.index + 1], series)) {
//Calcute the current point value to render waterfall series.
var isSum = this.isIntermediateSum(series, point.index);
var totalSum = this.isSumIndex(series, point.index);
currentEndValue += isSum || totalSum === true ? 0 : point.yValue;
//Calcute the origin value for points
originValue = (isSum === true ? intermediateOrigin : ((prevEndValue !== null && !totalSum) ? prevEndValue : origin));
rect = this.getRectangle(point.xValue + sideBySideInfo.start, currentEndValue, point.xValue + sideBySideInfo.end, originValue, series);
argsData = this.triggerPointRenderEvent(series, point);
//intermediateOrigin is used only for imtermediate data
if (isSum) {

@@ -86,2 +97,7 @@ intermediateOrigin = currentEndValue;

};
/**
* To check intermediateSumIndex in waterfall series.
* @return boolean
* @private
*/
WaterfallSeries.prototype.isIntermediateSum = function (series, index) {

@@ -93,2 +109,7 @@ if (series.intermediateSumIndexes !== undefined && series.intermediateSumIndexes.indexOf(index) !== -1) {

};
/**
* To check sumIndex in waterfall series.
* @return boolean
* @private
*/
WaterfallSeries.prototype.isSumIndex = function (series, index) {

@@ -100,2 +121,7 @@ if (series.sumIndexes !== undefined && series.sumIndexes.indexOf(index) !== -1) {

};
/**
* To trigger the point rendering event for waterfall series.
* @return IPointRenderEventArgs
* @private
*/
WaterfallSeries.prototype.triggerPointRenderEvent = function (series, point) {

@@ -116,2 +142,7 @@ var color;

};
/**
* Add sumIndex and intermediateSumIndex data.
* @return {object[]}
* @private
*/
WaterfallSeries.prototype.processWaterfallData = function (json, series) {

@@ -155,9 +186,28 @@ var data = json;

};
/**
* Animates the waterfall series.
* @return {void}
* @private
*/
WaterfallSeries.prototype.doAnimation = function (series) {
this.animate(series);
};
/**
* Get module name.
*/
WaterfallSeries.prototype.getModuleName = function () {
return 'WaterfallSeries';
/**
* return the module name
*/
};
/**
* To destroy the waterfall series.
* @return {void}
* @private
*/
WaterfallSeries.prototype.destroy = function (chart) {
/**
* Destroys the waterfall series.
*/
};

@@ -164,0 +214,0 @@ return WaterfallSeries;

38

dist/es6/chart/technical-indicators/ad-indicator.js

@@ -12,3 +12,6 @@ var __extends = (this && this.__extends) || (function () {

import { TechnicalAnalysis } from './indicator-base';
var AccumulationDistributionIndicator = (function (_super) {
/**
* Defines How to represent the Accumulation Distribution TechnicalIndicator
*/
var AccumulationDistributionIndicator = /** @class */ (function (_super) {
__extends(AccumulationDistributionIndicator, _super);

@@ -18,2 +21,6 @@ function AccumulationDistributionIndicator() {

}
/**
* Defines the predictions using accumulation distribution approach
* @private
*/
AccumulationDistributionIndicator.prototype.initDataSource = function (indicator, chart) {

@@ -28,2 +35,6 @@ var sourceSeries = indicator.sourceSeries;

};
/**
* Calculates the Accumulation Distribution values
* @private
*/
AccumulationDistributionIndicator.prototype.calculateADPoints = function (indicator, validData) {

@@ -42,4 +53,15 @@ var temp = [];

close = Number(validData[i].close);
/**
* Money Flow Multiplier = [(Close - Low) - (High - Close)] /(High - Low)
* Money Flow Volume = Money Flow Multiplier x Volume for the Period
* ADL = Previous ADL + Current Period's Money Flow Volume
*/
value = ((close - low) - (high - close)) / (high - low);
/**
* Sum is to calculate the Y values of the Accumulation distribution indicator
*/
sum = sum + value * Number(validData[i].volume);
/**
* To calculate the x and y values for the Accumulation distribution indicator
*/
temp[i] = this.getDataPoint(validData[i].x, sum, validData[i], signalSeries, temp.length);

@@ -49,5 +71,19 @@ }

};
/**
* To destroy the Accumulation Distribution Technical Indicator.
* @return {void}
* @private
*/
AccumulationDistributionIndicator.prototype.destroy = function (chart) {
/**
* Destroys the Accumulation Distribution Technical indicator
*/
};
/**
* Get module name.
*/
AccumulationDistributionIndicator.prototype.getModuleName = function () {
/**
* Returns the module name of the Indicator
*/
return 'AccumulationDistributionIndicator';

@@ -54,0 +90,0 @@ };

39

dist/es6/chart/technical-indicators/atr-indicator.js

@@ -12,3 +12,6 @@ var __extends = (this && this.__extends) || (function () {

import { TechnicalAnalysis } from './indicator-base';
var AtrIndicator = (function (_super) {
/**
* Defines How to represent the Average true Range Technical Indicator
*/
var AtrIndicator = /** @class */ (function (_super) {
__extends(AtrIndicator, _super);

@@ -18,2 +21,6 @@ function AtrIndicator() {

}
/**
* Defines the predictions using Average True Range approach
* @private
*/
AtrIndicator.prototype.initDataSource = function (indicator, chart) {

@@ -27,2 +34,6 @@ var sourceSeries = indicator.sourceSeries;

};
/**
* To calculate Average True Range indicator points
* @private
*/
AtrIndicator.prototype.calculateATRPoints = function (indicator, validData) {

@@ -41,9 +52,21 @@ var average = 0;

for (var i = 0; i < validData.length; i++) {
/**
* Current High less the current Low
* Current High less the previous Close (absolute value)
* Current Low less the previous Close (absolute value)
*/
highLow = Number(validData[i].high) - Number(validData[i].low);
if (i > 0) {
//
highClose = Math.abs(Number(validData[i].high) - Number(validData[i - 1].close));
lowClose = Math.abs(Number(validData[i].low) - Number(validData[i - 1].close));
}
/**
* To find the maximum of highLow, highClose, lowClose
*/
trueRange = Math.max(highLow, highClose, lowClose);
sum = sum + trueRange;
/**
* Push the x and y values for the Average true range indicator
*/
if (i >= period) {

@@ -63,5 +86,19 @@ average = (Number(temp[i - 1][y]) * (period - 1) + trueRange) / period;

};
/**
* To destroy the Average true range indicator.
* @return {void}
* @private
*/
AtrIndicator.prototype.destroy = function (chart) {
/**
* Destroy the Average true range indicator
*/
};
/**
* Get module name.
*/
AtrIndicator.prototype.getModuleName = function () {
/**
* Returns the module name of the Indicator
*/
return 'AtrIndicator';

@@ -68,0 +105,0 @@ };

27

dist/es6/chart/technical-indicators/bollinger-bands.js

@@ -13,3 +13,6 @@ var __extends = (this && this.__extends) || (function () {

import { TechnicalAnalysis } from './indicator-base';
var BollingerBands = (function (_super) {
/**
* Bollinger Band Indicator predicts the trend using Bollinger approach
*/
var BollingerBands = /** @class */ (function (_super) {
__extends(BollingerBands, _super);

@@ -19,2 +22,5 @@ function BollingerBands() {

}
/**
* Initializes the series collection to represent bollinger band
*/
BollingerBands.prototype.initSeriesCollection = function (indicator, chart) {

@@ -34,2 +40,6 @@ indicator.targetSeries = [];

};
/**
* Defines the predictions using Bollinger Band Approach
* @private
*/
BollingerBands.prototype.initDataSource = function (indicator, chart) {

@@ -46,2 +56,3 @@ var enableBand = indicator.bandColor !== 'transparent' && indicator.bandColor !== 'none';

var rangeAreaSeries = enableBand ? indicator.targetSeries[0] : null;
//prepare data
var validData = indicator.points;

@@ -124,5 +135,19 @@ if (validData.length && validData.length >= indicator.period) {

};
/**
* To destroy the Bollinger Band.
* @return {void}
* @private
*/
BollingerBands.prototype.destroy = function (chart) {
/**
* Destroys the bollinger band
*/
};
/**
* Get module name.
*/
BollingerBands.prototype.getModuleName = function () {
/**
* Returns the module name of the series
*/
return 'BollingerBandsIndicator';

@@ -129,0 +154,0 @@ };

27

dist/es6/chart/technical-indicators/ema-indicator.js

@@ -13,3 +13,6 @@ var __extends = (this && this.__extends) || (function () {

import { TechnicalAnalysis } from './indicator-base';
var EmaIndicator = (function (_super) {
/**
* EMA Indicator predicts the trend using moving average approach
*/
var EmaIndicator = /** @class */ (function (_super) {
__extends(EmaIndicator, _super);

@@ -19,2 +22,6 @@ function EmaIndicator() {

}
/**
* Defines the predictions based on EMA approach
* @private
*/
EmaIndicator.prototype.initDataSource = function (indicator, chart) {

@@ -25,6 +32,9 @@ var field = firstToLowerCase(indicator.field);

var signalSeries = indicator.targetSeries[0];
//prepare data
var validData = indicator.points;
if (validData && validData.length && validData.length >= indicator.period) {
//find initial average
var sum = 0;
var average = 0;
//smoothing factor
var k = (2 / (indicator.period + 1));

@@ -38,2 +48,3 @@ for (var i = 0; i < indicator.period; i++) {

while (index < validData.length) {
//previous average
var prevAverage = emaPoints[index - indicator.period][signalSeries.yName];

@@ -47,5 +58,19 @@ var yValue = (validData[index][field] - prevAverage) * k + prevAverage;

};
/**
* To destroy the EMA Indicator
* @return {void}
* @private
*/
EmaIndicator.prototype.destroy = function (chart) {
/**
* Destroys the EMA Indicator
*/
};
/**
* Get module name.
*/
EmaIndicator.prototype.getModuleName = function () {
/**
* Returns the module name of the series
*/
return 'EmaIndicator';

@@ -52,0 +77,0 @@ };

20

dist/es6/chart/technical-indicators/indicator-base.js

@@ -15,3 +15,6 @@ var __extends = (this && this.__extends) || (function () {

import { findClipRect } from '../../common/utils/helper';
var TechnicalAnalysis = (function (_super) {
/**
* Technical Analysis module helps to predict the market trend
*/
var TechnicalAnalysis = /** @class */ (function (_super) {
__extends(TechnicalAnalysis, _super);

@@ -21,2 +24,6 @@ function TechnicalAnalysis() {

}
/**
* Defines the collection of series, that are used to represent the given technical indicator
* @private
*/
TechnicalAnalysis.prototype.initSeriesCollection = function (indicator, chart) {

@@ -27,2 +34,6 @@ indicator.targetSeries = [];

};
/**
* Initializes the properties of the given series
* @private
*/
TechnicalAnalysis.prototype.setSeriesProperties = function (series, indicator, name, fill, width, chart) {

@@ -54,2 +65,6 @@ series.name = name;

};
/**
* Creates the elements of a technical indicator
* @private
*/
TechnicalAnalysis.prototype.createIndicatorElements = function (chart, indicator, index) {

@@ -63,2 +78,3 @@ if (indicator.seriesName || indicator.dataSource) {

}
//defines the clip rect element
var clipRectElement = chart.renderer.drawClipPath(new RectOption(chart.element.id + '_ChartIndicatorClipRect_' + index, 'transparent', { width: 1, color: 'Gray' }, 1, {

@@ -68,2 +84,3 @@ x: 0, y: 0, width: clipRect.width,

}));
//creates the group for an indicator
indicator.indicatorElement = chart.renderer.createGroup({

@@ -75,2 +92,3 @@ 'id': chart.element.id + 'IndicatorGroup' + index,

indicator.indicatorElement.appendChild(clipRectElement);
//Defines a group for each series in a technical indicator
for (var _i = 0, _a = indicator.targetSeries; _i < _a.length; _i++) {

@@ -77,0 +95,0 @@ var series = _a[_i];

42

dist/es6/chart/technical-indicators/macd-indicator.js

@@ -13,3 +13,6 @@ var __extends = (this && this.__extends) || (function () {

import { TechnicalAnalysis } from './indicator-base';
var MacdIndicator = (function (_super) {
/**
* MACD Indicator predicts the trend using MACD approach
*/
var MacdIndicator = /** @class */ (function (_super) {
__extends(MacdIndicator, _super);

@@ -19,2 +22,6 @@ function MacdIndicator() {

}
/**
* Defines the collection of series to represent the MACD indicator
* @private
*/
MacdIndicator.prototype.initSeriesCollection = function (indicator, chart) {

@@ -32,2 +39,6 @@ _super.prototype.initSeriesCollection.call(this, indicator, chart);

};
/**
* Defines the predictions using MACD approach
* @private
*/
MacdIndicator.prototype.initDataSource = function (indicator, chart) {

@@ -74,2 +85,5 @@ var signalCollection = [];

};
/**
* Calculates the EMA values for the given period
*/
MacdIndicator.prototype.calculateEMAValues = function (period, validData, field) {

@@ -92,2 +106,5 @@ var sum = 0;

};
/**
* Defines the MACD Points
*/
MacdIndicator.prototype.getMACDPoints = function (indicator, macdPoints, validData, series) {

@@ -104,2 +121,5 @@ var macdCollection = [];

};
/**
* Calculates the signal points
*/
MacdIndicator.prototype.getSignalPoints = function (indicator, signalEma, validData, series) {

@@ -116,2 +136,5 @@ var dataSignalIndex = indicator.fastPeriod + indicator.period - 2;

};
/**
* Calculates the MACD values
*/
MacdIndicator.prototype.getMACDVales = function (indicator, shortEma, longEma) {

@@ -125,2 +148,5 @@ var macdPoints = [];

};
/**
* Calculates the Histogram Points
*/
MacdIndicator.prototype.getHistogramPoints = function (indicator, macdPoints, signalEma, validData, series) {

@@ -137,5 +163,19 @@ var dataHistogramIndex = indicator.fastPeriod + indicator.period - 2;

};
/**
* To destroy the MACD Indicator.
* @return {void}
* @private
*/
MacdIndicator.prototype.destroy = function (chart) {
/**
* Destroys the MACD indicator
*/
};
/**
* Get module name.
*/
MacdIndicator.prototype.getModuleName = function () {
/**
* Returns the module name of the series
*/
return 'MacdIndicator';

@@ -142,0 +182,0 @@ };

27

dist/es6/chart/technical-indicators/momentum-indicator.js

@@ -13,3 +13,6 @@ var __extends = (this && this.__extends) || (function () {

import { TechnicalAnalysis } from './indicator-base';
var MomentumIndicator = (function (_super) {
/**
* Defines how to represent the market trend using momentum indicators
*/
var MomentumIndicator = /** @class */ (function (_super) {
__extends(MomentumIndicator, _super);

@@ -19,2 +22,6 @@ function MomentumIndicator() {

}
/**
* Defines the collection of series to represent a momentum indicator
* @private
*/
MomentumIndicator.prototype.initSeriesCollection = function (indicator, chart) {

@@ -25,2 +32,6 @@ _super.prototype.initSeriesCollection.call(this, indicator, chart);

};
/**
* Defines the predictions using momentum approach
* @private
*/
MomentumIndicator.prototype.initDataSource = function (indicator, chart) {

@@ -46,5 +57,19 @@ var upperCollection = [];

};
/**
* To destroy the momentum indicator
* @return {void}
* @private
*/
MomentumIndicator.prototype.destroy = function (chart) {
/**
* Destroys the momentum indicator
*/
};
/**
* Get module name.
*/
MomentumIndicator.prototype.getModuleName = function () {
/**
* Returns the module name of the series
*/
return 'MomentumIndicator';

@@ -51,0 +76,0 @@ };

30

dist/es6/chart/technical-indicators/rsi-indicator.js

@@ -13,3 +13,6 @@ var __extends = (this && this.__extends) || (function () {

import { TechnicalAnalysis } from './indicator-base';
var RsiIndicator = (function (_super) {
/**
* RSI predicts the trend using RSI approach
*/
var RsiIndicator = /** @class */ (function (_super) {
__extends(RsiIndicator, _super);

@@ -19,2 +22,6 @@ function RsiIndicator() {

}
/**
* Initializes the series collection to represent the RSI Indicator
* @private
*/
RsiIndicator.prototype.initSeriesCollection = function (indicator, chart) {

@@ -29,2 +36,6 @@ _super.prototype.initSeriesCollection.call(this, indicator, chart);

};
/**
* Defines the predictions using RSI approach
* @private
*/
RsiIndicator.prototype.initDataSource = function (indicator, chart) {

@@ -35,4 +46,6 @@ var signalCollection = [];

var signalSeries = indicator.targetSeries[0];
//prepare data
var validData = indicator.points;
if (validData.length && validData.length >= indicator.period) {
//Find upper band and lower band values
if (indicator.showZones) {

@@ -44,2 +57,3 @@ for (var i = 0; i < validData.length; i++) {

}
//Find signal line value
var prevClose = Number(validData[0].close);

@@ -81,5 +95,19 @@ var gain = 0;

};
/**
* To destroy the RSI Indicator.
* @return {void}
* @private
*/
RsiIndicator.prototype.destroy = function (chart) {
/**
* Destroys the RSI Indicator
*/
};
/**
* Get module name.
*/
RsiIndicator.prototype.getModuleName = function () {
/**
* Returns the module name of the indicator.
*/
return 'RsiIndicator';

@@ -86,0 +114,0 @@ };

25

dist/es6/chart/technical-indicators/sma-indicator.js

@@ -13,3 +13,6 @@ var __extends = (this && this.__extends) || (function () {

import { TechnicalAnalysis } from './indicator-base';
var SmaIndicator = (function (_super) {
/**
* SMA Indicator predicts the trend using moving average approach
*/
var SmaIndicator = /** @class */ (function (_super) {
__extends(SmaIndicator, _super);

@@ -19,2 +22,6 @@ function SmaIndicator() {

}
/**
* Defines the predictions based on SMA approach
* @private
*/
SmaIndicator.prototype.initDataSource = function (indicator, chart) {

@@ -24,2 +31,3 @@ var smaPoints = [];

if (points && points.length) {
//prepare data
var validData = points;

@@ -30,2 +38,3 @@ var field = firstToLowerCase(indicator.field);

if (validData && validData.length && validData.length >= indicator.period) {
//find initial average
var average = 0;

@@ -50,5 +59,19 @@ var sum = 0;

};
/**
* To destroy the SMA indicator
* @return {void}
* @private
*/
SmaIndicator.prototype.destroy = function (chart) {
/**
* Destroys the SMA indicator
*/
};
/**
* Get module name.
*/
SmaIndicator.prototype.getModuleName = function () {
/**
* Returns the module name of the series
*/
return 'SmaIndicator';

@@ -55,0 +78,0 @@ };

36

dist/es6/chart/technical-indicators/stochastic-indicator.js

@@ -13,3 +13,6 @@ var __extends = (this && this.__extends) || (function () {

import { TechnicalAnalysis } from './indicator-base';
var StochasticIndicator = (function (_super) {
/**
* Stochastic predicts the trend using Stochastic approach
*/
var StochasticIndicator = /** @class */ (function (_super) {
__extends(StochasticIndicator, _super);

@@ -19,2 +22,6 @@ function StochasticIndicator() {

}
/**
* Defines the collection of series that represents the stochastic indicator
* @private
*/
StochasticIndicator.prototype.initSeriesCollection = function (indicator, chart) {

@@ -31,2 +38,6 @@ _super.prototype.initSeriesCollection.call(this, indicator, chart);

};
/**
* Defines the predictions based on stochastic approach
* @private
*/
StochasticIndicator.prototype.initDataSource = function (indicator, chart) {

@@ -40,2 +51,3 @@ var signalCollection = [];

var point = {};
//prepare data
var validData = indicator.points;

@@ -60,2 +72,6 @@ if (validData.length && validData.length >= indicator.period) {

};
/**
* Calculates the SMA Values
* @private
*/
StochasticIndicator.prototype.smaCalculation = function (period, kPeriod, data, sourceSeries) {

@@ -92,2 +108,6 @@ var pointCollection = [];

};
/**
* Calculates the period line values.
* @private
*/
StochasticIndicator.prototype.calculatePeriod = function (period, kPeriod, data, series) {

@@ -132,5 +152,19 @@ var lowValues = [];

};
/**
* To destroy the Stocastic Indicator.
* @return {void}
* @private
*/
StochasticIndicator.prototype.destroy = function (chart) {
/**
* Destroys the stochastic indicator
*/
};
/**
* Get module name.
*/
StochasticIndicator.prototype.getModuleName = function () {
/**
* Returns the module name of the indicator.
*/
return 'StochasticIndicator';

@@ -137,0 +171,0 @@ };

128

dist/es6/chart/technical-indicators/technical-indicator.js

@@ -17,2 +17,3 @@ var __extends = (this && this.__extends) || (function () {

};
/// <reference path='../series/chart-series-model.d.ts' />
import { Property, Complex } from '@syncfusion/ej2-base';

@@ -22,9 +23,14 @@ import { Connector } from '../../common/model/base';

import { Rect, firstToLowerCase } from '../../common/utils/helper';
var TechnicalIndicator = (function (_super) {
/**
* Defines how to represent the market trend using technical indicators
*/
var TechnicalIndicator = /** @class */ (function (_super) {
__extends(TechnicalIndicator, _super);
function TechnicalIndicator() {
var _this = _super !== null && _super.apply(this, arguments) || this;
/** @private */
_this.clipRect = new Rect(0, 0, 0, 0);
return _this;
}
/** @private */
TechnicalIndicator.prototype.setDataSource = function (series, chart) {

@@ -40,64 +46,64 @@ if (series) {

};
__decorate([
Property('Sma')
], TechnicalIndicator.prototype, "type", void 0);
__decorate([
Property(14)
], TechnicalIndicator.prototype, "period", void 0);
__decorate([
Property(14)
], TechnicalIndicator.prototype, "kPeriod", void 0);
__decorate([
Property(3)
], TechnicalIndicator.prototype, "dPeriod", void 0);
__decorate([
Property(80)
], TechnicalIndicator.prototype, "overBought", void 0);
__decorate([
Property(20)
], TechnicalIndicator.prototype, "overSold", void 0);
__decorate([
Property(2)
], TechnicalIndicator.prototype, "standardDeviation", void 0);
__decorate([
Property('Close')
], TechnicalIndicator.prototype, "field", void 0);
__decorate([
Property(12)
], TechnicalIndicator.prototype, "slowPeriod", void 0);
__decorate([
Property(26)
], TechnicalIndicator.prototype, "fastPeriod", void 0);
__decorate([
Property(true)
], TechnicalIndicator.prototype, "showZones", void 0);
__decorate([
Complex({ color: '#ff9933', width: 2 }, Connector)
], TechnicalIndicator.prototype, "macdLine", void 0);
__decorate([
Property('Both')
], TechnicalIndicator.prototype, "macdType", void 0);
__decorate([
Property('#2ecd71')
], TechnicalIndicator.prototype, "macdPositiveColor", void 0);
__decorate([
Property('#e74c3d')
], TechnicalIndicator.prototype, "macdNegativeColor", void 0);
__decorate([
Property('rgba(211,211,211,0.25)')
], TechnicalIndicator.prototype, "bandColor", void 0);
__decorate([
Complex({ color: '#ffb735', width: 1 }, Connector)
], TechnicalIndicator.prototype, "upperLine", void 0);
__decorate([
Complex({ color: '#f2ec2f', width: 1 }, Connector)
], TechnicalIndicator.prototype, "lowerLine", void 0);
__decorate([
Complex({ color: '#f2ec2f', width: 1 }, Connector)
], TechnicalIndicator.prototype, "periodLine", void 0);
__decorate([
Property('')
], TechnicalIndicator.prototype, "seriesName", void 0);
return TechnicalIndicator;
}(SeriesBase));
export { TechnicalIndicator };
__decorate([
Property('Sma')
], TechnicalIndicator.prototype, "type", void 0);
__decorate([
Property(14)
], TechnicalIndicator.prototype, "period", void 0);
__decorate([
Property(14)
], TechnicalIndicator.prototype, "kPeriod", void 0);
__decorate([
Property(3)
], TechnicalIndicator.prototype, "dPeriod", void 0);
__decorate([
Property(80)
], TechnicalIndicator.prototype, "overBought", void 0);
__decorate([
Property(20)
], TechnicalIndicator.prototype, "overSold", void 0);
__decorate([
Property(2)
], TechnicalIndicator.prototype, "standardDeviation", void 0);
__decorate([
Property('Close')
], TechnicalIndicator.prototype, "field", void 0);
__decorate([
Property(12)
], TechnicalIndicator.prototype, "slowPeriod", void 0);
__decorate([
Property(26)
], TechnicalIndicator.prototype, "fastPeriod", void 0);
__decorate([
Property(true)
], TechnicalIndicator.prototype, "showZones", void 0);
__decorate([
Complex({ color: '#ff9933', width: 2 }, Connector)
], TechnicalIndicator.prototype, "macdLine", void 0);
__decorate([
Property('Both')
], TechnicalIndicator.prototype, "macdType", void 0);
__decorate([
Property('#2ecd71')
], TechnicalIndicator.prototype, "macdPositiveColor", void 0);
__decorate([
Property('#e74c3d')
], TechnicalIndicator.prototype, "macdNegativeColor", void 0);
__decorate([
Property('rgba(211,211,211,0.25)')
], TechnicalIndicator.prototype, "bandColor", void 0);
__decorate([
Complex({ color: '#ffb735', width: 1 }, Connector)
], TechnicalIndicator.prototype, "upperLine", void 0);
__decorate([
Complex({ color: '#f2ec2f', width: 1 }, Connector)
], TechnicalIndicator.prototype, "lowerLine", void 0);
__decorate([
Complex({ color: '#f2ec2f', width: 1 }, Connector)
], TechnicalIndicator.prototype, "periodLine", void 0);
__decorate([
Property('')
], TechnicalIndicator.prototype, "seriesName", void 0);

29

dist/es6/chart/technical-indicators/tma-indicator.js

@@ -13,3 +13,6 @@ var __extends = (this && this.__extends) || (function () {

import { TechnicalAnalysis } from './indicator-base';
var TmaIndicator = (function (_super) {
/**
* TMA Indicator predicts the trend using moving average approach
*/
var TmaIndicator = /** @class */ (function (_super) {
__extends(TmaIndicator, _super);

@@ -19,2 +22,6 @@ function TmaIndicator() {

}
/**
* Defines the predictions based on TMA approach
* @private
*/
TmaIndicator.prototype.initDataSource = function (indicator, chart) {

@@ -25,8 +32,12 @@ var tmaPoints = [];

var signalSeries = indicator.targetSeries[0];
//prepare data
var validData = indicator.points;
if (validData && validData.length && validData.length >= indicator.period) {
var signalSeries_1 = indicator.targetSeries[0];
//prepare data
var validData_1 = indicator.points;
if (validData_1.length && validData_1.length >= indicator.period) {
//smoothing factor
var k = (2 / (indicator.period + 1));
//find initial average
var average = 0;

@@ -37,2 +48,3 @@ var sum = 0;

var smaValues = [];
//sma values
var index = 0;

@@ -51,2 +63,3 @@ var length_1 = validData_1.length;

}
//initial values
for (var k_1 = 0; k_1 < period - 1; k_1++) {

@@ -74,5 +87,19 @@ sum = 0;

};
/**
* To destroy the TMA indicator.
* @return {void}
* @private
*/
TmaIndicator.prototype.destroy = function (chart) {
/**
* Destroys the TMA Indicator
*/
};
/**
* Get module name.
*/
TmaIndicator.prototype.getModuleName = function () {
/**
* Returns the module name of the series
*/
return 'TmaIndicator';

@@ -79,0 +106,0 @@ };

86

dist/es6/chart/trend-lines/trend-line.js
import { Series, Points } from '../series/chart-series';
import { findClipRect, RectOption } from '../../common/utils/helper';
var Trendlines = (function () {
/**
* Trendline module helps to predict the market trend using predefined approaches
*/
var Trendlines = /** @class */ (function () {
function Trendlines() {
}
/**
* Defines the collection of series, that are used to represent a trendline
* @private
*/
Trendlines.prototype.initSeriesCollection = function (trendline, chart) {

@@ -16,2 +23,5 @@ var trendLineSeries = new Series(trendline, 'targetSeries', {}, true);

};
/**
* Initializes the properties of the trendline series
*/
Trendlines.prototype.setSeriesProperties = function (series, trendline, name, fill, width, chart) {

@@ -42,2 +52,5 @@ series.name = trendline.name;

};
/**
* Creates the elements of a trendline
*/
Trendlines.prototype.createTrendLineElements = function (chart, trendline, index, element, clipRectElement) {

@@ -49,2 +62,5 @@ trendline.trendLineElement = element;

};
/**
* Defines the data point of trendline
*/
Trendlines.prototype.getDataPoint = function (x, y, sourcePoint, series, index) {

@@ -66,2 +82,5 @@ var trendPoint = new Points();

};
/**
* Finds the slope and intercept of trendline
*/
Trendlines.prototype.findSlopeIntercept = function (xValues, yValues, trendline, points) {

@@ -107,5 +126,9 @@ var xAvg = 0;

};
/**
* Defines the points to draw the trendlines
*/
Trendlines.prototype.initDataSource = function (trendline, chart) {
var points = trendline.points;
if (points && points.length) {
//prepare data
var trendlineSeries = trendline.targetSeries;

@@ -137,2 +160,5 @@ switch (trendline.type) {

};
/**
* Calculation of exponential Points
*/
Trendlines.prototype.setExponentialRange = function (points, trendline, series) {

@@ -152,2 +178,5 @@ var xValue = [];

};
/**
* Calculation of logarithmic points
*/
Trendlines.prototype.setLogarithmicRange = function (points, trendline, series) {

@@ -169,2 +198,5 @@ var xLogValue = [];

};
/**
* Calculation of polynomial points
*/
Trendlines.prototype.setPolynomialRange = function (points, trendline, series) {

@@ -182,2 +214,5 @@ var xPolyValues = [];

};
/**
* Calculation of power points
*/
Trendlines.prototype.setPowerRange = function (points, trendline, series) {

@@ -199,2 +234,5 @@ var xValues = [];

};
/**
* Calculation of linear points
*/
Trendlines.prototype.setLinearRange = function (points, trendline, series) {

@@ -214,2 +252,5 @@ var xValues = [];

};
/**
* Calculation of moving average points
*/
Trendlines.prototype.setMovingAverageRange = function (points, trendline, series) {

@@ -229,2 +270,5 @@ var xValues = [];

};
/**
* Calculation of logarithmic points
*/
Trendlines.prototype.getLogarithmicPoints = function (trendline, points, xValues, yValues, series, slopeInterceptLog) {

@@ -244,2 +288,5 @@ var midPoint = Math.round((points.length / 2));

};
/**
* Defines the points based on data point
*/
Trendlines.prototype.getPowerPoints = function (trendline, points, xValues, yValues, series, slopeInterceptPower) {

@@ -260,2 +307,5 @@ var midPoint = Math.round((points.length / 2));

};
/**
* Get the polynomial points based on polynomial slopes
*/
Trendlines.prototype.getPolynomialPoints = function (trendline, points, xValues, yValues, series) {

@@ -326,2 +376,5 @@ var midPoint = Math.round((points.length / 2));

};
/**
* Defines the moving average points
*/
Trendlines.prototype.getMovingAveragePoints = function (trendline, points, xValues, yValues, series) {

@@ -354,2 +407,5 @@ var pts = [];

};
/**
* Defines the linear points
*/
Trendlines.prototype.getLinearPoints = function (trendline, points, xValues, yValues, series, slopeInterceptLinear) {

@@ -365,2 +421,5 @@ var pts = [];

};
/**
* Defines the exponential points
*/
Trendlines.prototype.getExponentialPoints = function (trendline, points, xValues, yValues, series, slopeInterceptExp) {

@@ -380,2 +439,5 @@ var midPoint = Math.round((points.length / 2));

};
/**
* Defines the points based on data point
*/
Trendlines.prototype.getPoints = function (trendline, points, xValues, yValues, series) {

@@ -410,2 +472,5 @@ var midPoint = Math.round((points.length / 2));

};
/**
* Defines the polynomial value of y
*/
Trendlines.prototype.getPolynomialYValue = function (slopes, x) {

@@ -420,2 +485,5 @@ var sum = 0;

};
/**
* Defines the gauss jordan elimination
*/
Trendlines.prototype.gaussJordanElimination = function (matrix, polynomialSlopes) {

@@ -511,2 +579,5 @@ var length = matrix.length;

};
/**
* Defines the trendline elements
*/
Trendlines.prototype.getTrendLineElements = function (series, chart) {

@@ -525,2 +596,3 @@ findClipRect(series);

});
//defines the clip rect element
element.appendChild(clipRectElement);

@@ -532,5 +604,17 @@ for (var _i = 0, _a = series.trendlines; _i < _a.length; _i++) {

};
/**
* To destroy the trendline
*/
Trendlines.prototype.destroy = function (chart) {
/**
* Destroys the Linear Trendline
*/
};
/**
* Get module name
*/
Trendlines.prototype.getModuleName = function () {
/**
* Returns the module name of the series
*/
return 'TrendLine';

@@ -537,0 +621,0 @@ };

43

dist/es6/chart/user-interaction/crosshair.js
import { Animation, Browser } from '@syncfusion/ej2-base';
import { measureText, findDirection, textElement, getValueXByPoint, stopTimer, getValueYByPoint, TextOption, Rect, ChartLocation, PathOption, withInBounds, removeElement } from '../../common/utils/helper';
var Crosshair = (function () {
/**
* Crosshair Module used to render the crosshair for chart.
*/
var Crosshair = /** @class */ (function () {
/**
* Constructor for crosshair module.
* @private
*/
function Crosshair(chart) {

@@ -12,2 +19,5 @@ this.arrowLocation = new ChartLocation(0, 0);

}
/**
* @hidden
*/
Crosshair.prototype.addEventListener = function () {

@@ -36,2 +46,3 @@ if (this.chart.isDestroyed) {

}
// Tooltip for chart series.
if (!chart.disableTrackTooltip) {

@@ -48,2 +59,7 @@ if (withInBounds(chart.mouseX, chart.mouseY, chart.chartAxisLayoutPanel.seriesClipRect)) {

};
/**
* Handles the long press on chart.
* @return {boolean}
* @private
*/
Crosshair.prototype.longPress = function () {

@@ -56,2 +72,7 @@ var chart = this.chart;

};
/**
* Renders the crosshair.
* @return {void}
* @private
*/
Crosshair.prototype.crosshair = function () {

@@ -237,2 +258,7 @@ var chart = this.chart;

};
/**
* Removes the crosshair on mouse leave.
* @return {void}
* @private
*/
Crosshair.prototype.removeCrosshair = function (duration) {

@@ -247,2 +273,3 @@ var chart = this.chart;

progress: function (args) {
// crosshair.removeAttribute('e-animate');
crosshair.style.animation = '';

@@ -263,6 +290,20 @@ crosshair.setAttribute('opacity', (1 - (args.timeStamp / args.duration)).toString());

};
/**
* Get module name.
*/
Crosshair.prototype.getModuleName = function () {
/**
* Returns the module name
*/
return 'Crosshair';
};
/**
* To destroy the crosshair.
* @return {void}
* @private
*/
Crosshair.prototype.destroy = function (chart) {
/**
* Destroy method performed here
*/
};

@@ -269,0 +310,0 @@ return Crosshair;

87

dist/es6/chart/user-interaction/selection.js

@@ -11,2 +11,5 @@ var __extends = (this && this.__extends) || (function () {

})();
/**
* Selection src file
*/
import { Browser } from '@syncfusion/ej2-base';

@@ -20,4 +23,12 @@ import { remove } from '@syncfusion/ej2-base';

import { BaseSelection } from '../../common/selection/selection';
var Selection = (function (_super) {
/**
* Selection Module handles the selection for chart.
* @private
*/
var Selection = /** @class */ (function (_super) {
__extends(Selection, _super);
/**
* Constructor for selection module.
* @private.
*/
function Selection(chart) {

@@ -30,2 +41,5 @@ var _this = _super.call(this, chart) || this;

}
/**
* Binding events for selection module.
*/
Selection.prototype.addEventListener = function () {

@@ -42,2 +56,5 @@ if (this.chart.isDestroyed) {

};
/**
* Chart mouse down
*/
Selection.prototype.mousedown = function (e) {

@@ -52,2 +69,5 @@ var chart = this.chart;

};
/**
* UnBinding events for selection module.
*/
Selection.prototype.removeEventListener = function () {

@@ -63,2 +83,5 @@ if (this.chart.isDestroyed) {

};
/**
* To find private variable values
*/
Selection.prototype.initPrivateVariables = function (chart) {

@@ -74,2 +97,7 @@ this.styleId = chart.element.id + '_ej2_chart_selection';

};
/**
* Method to select the point and series.
* @return {void}
* @private
*/
Selection.prototype.invokeSelection = function (chart) {

@@ -124,2 +152,7 @@ this.initPrivateVariables(chart);

};
/**
* To find the selected element.
* @return {void}
* @private
*/
Selection.prototype.calculateSelectedElements = function (event) {

@@ -189,3 +222,3 @@ if (this.chart.selectionMode === 'None' || event.target.id.indexOf(this.chart.element.id + '_') === -1) {

Selection.prototype.blurEffect = function (chartId, visibleSeries) {
var visibility = this.checkVisibility(this.selectedDataIndexes);
var visibility = this.checkVisibility(this.selectedDataIndexes); // legend click scenario
for (var _i = 0, visibleSeries_1 = visibleSeries; _i < visibleSeries_1.length; _i++) {

@@ -253,2 +286,7 @@ var series = visibleSeries_1[_i];

};
/**
* To redraw the selected points.
* @return {void}
* @private
*/
Selection.prototype.redrawSelection = function (chart, oldMode) {

@@ -261,2 +299,3 @@ this.isSeriesMode = oldMode === 'Series';

};
/** @private */
Selection.prototype.legendSelection = function (chart, series) {

@@ -329,2 +368,7 @@ var seriesStyle = this.generateStyle(chart.visibleSeries[series]);

};
/**
* Drag selection that returns the selected data.
* @return {void}
* @private
*/
Selection.prototype.calculateDragSelectedElements = function (chart, dragRect) {

@@ -401,2 +445,7 @@ this.removeSelectedElements(chart, this.selectedDataIndexes, chart.series);

};
/**
* Method to draw dragging rect.
* @return {void}
* @private
*/
Selection.prototype.drawDraggingRect = function (chart, dragRect) {

@@ -447,2 +496,7 @@ var cartesianLayout = chart.chartAxisLayoutPanel.seriesClipRect;

};
/**
* Method to remove dragged element.
* @return {void}
* @private
*/
Selection.prototype.removeDraggedElements = function (chart, event) {

@@ -457,2 +511,7 @@ if ((event.target.id.indexOf(this.closeIconId) > -1) && (event.type.indexOf('move') === -1)) {

};
/**
* Method to resize the drag rect.
* @return {void}
* @private
*/
Selection.prototype.resizingSelectionRect = function (chart, location, tapped) {

@@ -478,3 +537,3 @@ var rect = new Rect(this.rectPoints.x, this.rectPoints.y, this.rectPoints.width, this.rectPoints.height);

new Rect((rect.x + rect.width - 10), rect.y + 5, 20, rect.height - 15),
new Rect((rect.x + rect.width - 10), (rect.y + rect.height - 10), 20, 20)];
new Rect((rect.x + rect.width - 10), (rect.y + rect.height - 10), 20, 20)]; //corner
for (var i = 0; i < resizeEdges.length; i++) {

@@ -549,2 +608,7 @@ if (withInBounds(location.x, location.y, resizeEdges[i])) {

};
/**
* Method to move the dragged rect.
* @return {void}
* @private
*/
Selection.prototype.draggedRectMoved = function (chart, grabbedPoint, doDrawing) {

@@ -562,2 +626,7 @@ var rect = new Rect(this.rectPoints.x, this.rectPoints.y, this.rectPoints.width, this.rectPoints.height);

};
/**
* To complete the selection.
* @return {void}
* @private
*/
Selection.prototype.completeSelection = function (e) {

@@ -582,2 +651,3 @@ var chart = this.chart;

};
/** @private */
Selection.prototype.dragStart = function (chart, seriesClipRect, mouseDownX, mouseDownY, event) {

@@ -599,2 +669,3 @@ this.dragging = (chart.selectionMode.indexOf('Drag') > -1) && (chart.isDoubleTap || !chart.isTouch) &&

};
/** @private */
Selection.prototype.mouseMove = function (event) {

@@ -625,7 +696,17 @@ var chart = this.chart;

};
/**
* Get module name.
* @private
*/
Selection.prototype.getModuleName = function () {
return 'Selection';
};
/**
* To destroy the selection.
* @return {void}
* @private
*/
Selection.prototype.destroy = function (chart) {
this.removeEventListener();
// Destroy method performed here
};

@@ -632,0 +713,0 @@ return Selection;

66

dist/es6/chart/user-interaction/tooltip.js

@@ -18,4 +18,11 @@ var __extends = (this && this.__extends) || (function () {

import { Theme } from '../../common/model/theme';
var Tooltip = (function (_super) {
/**
* Tooltip Module used to render the tooltip for series.
*/
var Tooltip = /** @class */ (function (_super) {
__extends(Tooltip, _super);
/**
* Constructor for tooltip module.
* @private.
*/
function Tooltip(chart) {

@@ -33,2 +40,5 @@ var _this = _super.call(this, chart) || this;

}
/**
* @hidden
*/
Tooltip.prototype.addEventListener = function () {

@@ -63,2 +73,3 @@ if (this.chart.isDestroyed) {

var chart = this.chart;
// Tooltip for chart series.
if (!chart.disableTrackTooltip) {

@@ -80,2 +91,7 @@ if (!chart.tooltip.shared && (!chart.isTouch || (chart.startMove))) {

};
/**
* Handles the long press on chart.
* @return {boolean}
* @private
*/
Tooltip.prototype.longPress = function () {

@@ -88,2 +104,7 @@ var chart = this.chart;

};
/**
* Renders the tooltip.
* @return {void}
* @private
*/
Tooltip.prototype.tooltip = function () {

@@ -115,4 +136,6 @@ var isTooltip = this.getElement(this.element.id + '_tooltip');

if (!chart.tooltip.template || chart.tooltip.shared) {
// SVG element for tooltip
var svgObject = chart.renderer.createSvg({ id: this.element.id + '_tooltip_svg' });
tooltipDiv.appendChild(svgObject);
// Group to hold text and path.
var groupElement = chart.renderer.createGroup({ id: this.element.id + '_tooltip_group' });

@@ -156,2 +179,8 @@ svgObject.appendChild(groupElement);

};
Tooltip.prototype.findHeader = function (data) {
this.header = this.parseTemplate(data.point, data.series, this.header, data.series.xAxis, data.series.yAxis);
if (this.header.replace(/<b>/g, '').replace(/<\/b>/g, '').trim() !== '') {
this.formattedText = this.formattedText.concat(this.header);
}
};
Tooltip.prototype.renderSeriesTooltip = function (chart, isFirst, tooltipDiv) {

@@ -171,4 +200,3 @@ var data = this.getData();

if (this.header !== '') {
this.header = this.parseTemplate(data.point, data.series, this.header, data.series.xAxis, data.series.yAxis);
this.formattedText = this.formattedText.concat(this.header);
this.findHeader(data);
}

@@ -309,4 +337,3 @@ if (this.renderPoint(data, isFirst, this.textStyle.color || '#212121')) {

if (data && this.header !== '' && this.currentPoints.length === 0) {
this.header = this.parseTemplate(data.point, data.series, this.header, data.series.xAxis, data.series.yAxis);
this.formattedText = this.formattedText.concat(this.header);
this.findHeader(data);
}

@@ -377,3 +404,3 @@ if (data && this.renderPoint(data, true, this.textStyle.color || data.point.color, this.currentPoints.length === 0)) {

var headerSize = measureText(this.header, chart.tooltip.textStyle).height + (this.padding * 2) +
(isBottom ? this.arrowPadding : 0);
(isBottom ? this.arrowPadding : 0); //header padding;
var xLength = (this.padding * 3) + (!isLeft && !isTop && !isBottom ? this.arrowPadding : 0);

@@ -567,3 +594,3 @@ var direction = 'M ' + xLength + ' ' + headerSize +

var height = 0;
var width = 0;
var width = 0; // Padding for text;
var subWidth = 0;

@@ -651,3 +678,3 @@ var size;

this.elementSize = new Size(width + (width > 0 ? (2 * this.padding) : 0), height + (this.header !== '' ? this.padding : 0));
this.elementSize.width += (markerSize + 5);
this.elementSize.width += (markerSize + 5); // marker size + marker Spacing
var element = (parentElement.childNodes[0]);

@@ -780,2 +807,7 @@ if (this.header !== '' && element) {

};
/**
* Removes the tooltip on mouse leave.
* @return {void}
* @private
*/
Tooltip.prototype.removeTooltip = function (duration) {

@@ -801,2 +833,3 @@ var _this = this;

progress: function (args) {
// tooltipGroup.removeAttribute('e-animate');
tooltipGroup.style.animation = '';

@@ -828,2 +861,5 @@ tooltipGroup.setAttribute('opacity', (opacity - (args.timeStamp / args.duration)).toString());

};
/**
* @hidden
*/
Tooltip.prototype.removeHighlightedMarker = function (data) {

@@ -862,6 +898,20 @@ for (var _i = 0, data_2 = data; _i < data_2.length; _i++) {

};
/**
* Get module name.
*/
Tooltip.prototype.getModuleName = function () {
/**
* Returns the module name
*/
return 'Tooltip';
};
/**
* To destroy the tooltip.
* @return {void}
* @private
*/
Tooltip.prototype.destroy = function (chart) {
/**
* Destroy method performed here
*/
};

@@ -868,0 +918,0 @@ return Tooltip;

46

dist/es6/chart/user-interaction/zooming-toolkit.js

@@ -5,3 +5,8 @@ import { EventHandler } from '@syncfusion/ej2-base';

import { textElement, TextOption } from '../../common/utils/helper';
var Toolkit = (function () {
/**
* Zooming Toolkit created here
* @private
*/
var Toolkit = /** @class */ (function () {
/** @private */
function Toolkit(chart) {

@@ -13,2 +18,7 @@ this.chart = chart;

}
/**
* To create the pan button.
* @return {void}
* @private
*/
Toolkit.prototype.createPanButton = function (childElement, parentElement, chart) {

@@ -27,2 +37,7 @@ var render = this.chart.renderer;

};
/**
* To create the zoom button.
* @return {void}
* @private
*/
Toolkit.prototype.createZoomButton = function (childElement, parentElement, chart) {

@@ -42,2 +57,7 @@ var render = this.chart.renderer;

};
/**
* To create the ZoomIn button.
* @return {void}
* @private
*/
Toolkit.prototype.createZoomInButton = function (childElement, parentElement, chart) {

@@ -61,2 +81,7 @@ var render = this.chart.renderer;

};
/**
* To create the ZoomOut button.
* @return {void}
* @private
*/
Toolkit.prototype.createZoomOutButton = function (childElement, parentElement, chart) {

@@ -78,2 +103,7 @@ var render = this.chart.renderer;

};
/**
* To create the Reset button.
* @return {void}
* @private
*/
Toolkit.prototype.createResetButton = function (childElement, parentElement, chart, isDevice) {

@@ -100,2 +130,7 @@ var render = this.chart.renderer;

};
/**
* To bind events.
* @return {void}
* @private
*/
Toolkit.prototype.wireEvents = function (element, process) {

@@ -106,2 +141,7 @@ EventHandler.add(element, 'mousedown touchstart', process, this);

};
/**
* To show tooltip.
* @return {void}
* @private
*/
Toolkit.prototype.showTooltip = function (event) {

@@ -114,5 +154,8 @@ var text = event.currentTarget.id.split('_Zooming_')[1];

};
/** @private */
Toolkit.prototype.removeTooltip = function () {
removeElement('EJ2_Chart_ZoomTip');
};
// Toolkit events function calculation here.
/** @private */
Toolkit.prototype.reset = function () {

@@ -158,2 +201,3 @@ var chart = this.chart;

};
/** @private */
Toolkit.prototype.pan = function () {

@@ -160,0 +204,0 @@ var zoomModule = this.chart.zoomModule;

86

dist/es6/chart/user-interaction/zooming.js

@@ -7,3 +7,10 @@ import { EventHandler, Browser } from '@syncfusion/ej2-base';

import { withInBounds } from '../../common/utils/helper';
var Zoom = (function () {
/**
* Zooming Module handles the zooming for chart.
*/
var Zoom = /** @class */ (function () {
/**
* Constructor for Zooming module.
* @private.
*/
function Zoom(chart) {

@@ -26,2 +33,7 @@ this.chart = chart;

}
/**
* Function that handles the Rectangular zooming.
* @return {void}
* @private
*/
Zoom.prototype.renderZooming = function (e, chart, isTouch) {

@@ -42,2 +54,3 @@ this.calculateZoomAxesRange(chart, chart.axisCollections);

};
// Zooming rectangle drawn here
Zoom.prototype.drawZoomingRectangle = function (chart) {

@@ -63,2 +76,3 @@ var areaBounds = chart.chartAxisLayoutPanel.seriesClipRect;

};
// Panning performed here
Zoom.prototype.doPan = function (chart, axes) {

@@ -104,2 +118,7 @@ var currentScale;

};
/**
* Redraw the chart on zooming.
* @return {void}
* @private
*/
Zoom.prototype.performZoomRedraw = function (chart) {

@@ -135,2 +154,3 @@ var rect = this.zoomingRect;

};
// Rectangular zoom calculated here performed here
Zoom.prototype.doZoom = function (chart, axes, bounds) {

@@ -177,2 +197,7 @@ var zoomRect = this.zoomingRect;

};
/**
* Function that handles the Mouse wheel zooming.
* @return {void}
* @private
*/
Zoom.prototype.performMouseWheelZooming = function (e, mouseX, mouseY, chart, axes) {

@@ -208,2 +233,7 @@ var direction = (this.browserName === 'mozilla' && !this.isPointer) ?

};
/**
* Function that handles the Pinch zooming.
* @return {void}
* @private
*/
Zoom.prototype.performPinchZooming = function (e, chart) {

@@ -297,2 +327,3 @@ if (this.zoomingRect.width > 0 && this.zoomingRect.height > 0) {

};
// Series transformation style applied here.
Zoom.prototype.setTransform = function (transX, transY, scaleX, scaleY, chart, isPinch) {

@@ -334,3 +365,3 @@ chart.seriesElements.setAttribute('clip-path', 'url(#' + this.elementId + '_ChartAreaClipRect_)');

chart.axisCollections.forEach(function (axis, index) {
axisRange = axis.actualRange;
axisRange = axis.visibleRange;
if (_this.zoomAxes[index]) {

@@ -344,4 +375,4 @@ if (!chart.delayRedraw) {

range = {
actualMin: axisRange.min,
actualDelta: axisRange.delta,
actualMin: axis.actualRange.min,
actualDelta: axis.actualRange.delta,
min: axisRange.min,

@@ -354,2 +385,3 @@ delta: axisRange.delta

};
// Zooming Toolkit created here
Zoom.prototype.showZoomingToolkit = function (chart) {

@@ -394,2 +426,3 @@ var toolboxItems = this.zooming.toolbarItems;

});
// for desktop toolkit hight is 32 and top padding is 8 icon size 16
switch (currentItem) {

@@ -426,2 +459,7 @@ case 'Pan':

};
/**
* To the show the zooming toolkit.
* @return {void}
* @private
*/
Zoom.prototype.applyZoomToolkit = function (chart, axes) {

@@ -455,2 +493,5 @@ var showToolkit = false;

};
/**
* @hidden
*/
Zoom.prototype.addEventListener = function () {

@@ -466,2 +507,5 @@ if (this.chart.isDestroyed) {

};
/**
* @hidden
*/
Zoom.prototype.removeEventListener = function () {

@@ -477,2 +521,7 @@ if (this.chart.isDestroyed) {

};
/**
* Handles the mouse wheel on chart.
* @return {boolean}
* @private
*/
Zoom.prototype.chartMouseWheel = function (e) {

@@ -491,3 +540,7 @@ var chart = this.chart;

};
/**
* @hidden
*/
Zoom.prototype.mouseMoveHandler = function (e) {
//Zooming for chart
var chart = this.chart;

@@ -514,3 +567,7 @@ var touches = null;

};
/**
* @hidden
*/
Zoom.prototype.mouseDownHandler = function (e) {
//Zooming for chart
var chart = this.chart;

@@ -534,2 +591,5 @@ var touches = null;

};
/**
* @hidden
*/
Zoom.prototype.mouseUpHandler = function (e) {

@@ -551,2 +611,5 @@ var chart = this.chart;

};
/**
* @hidden
*/
Zoom.prototype.mouseCancelHandler = function (e) {

@@ -560,2 +623,7 @@ if (this.isZoomed) {

};
/**
* Handles the touch pointer.
* @return {boolean}
* @private
*/
Zoom.prototype.addTouchPointer = function (touchList, e, touches) {

@@ -586,6 +654,16 @@ if (touches) {

};
/**
* Get module name.
*/
Zoom.prototype.getModuleName = function () {
// Returns te module name
return 'Zoom';
};
/**
* To destroy the zooming.
* @return {void}
* @private
*/
Zoom.prototype.destroy = function (chart) {
// Destroy method performed here
this.removeEventListener();

@@ -592,0 +670,0 @@ };

21

dist/es6/chart/utils/double-range.js

@@ -1,3 +0,13 @@

var DoubleRange = (function () {
/**
* Numeric Range.
* @private
*/
var DoubleRange = /** @class */ (function () {
function DoubleRange(start, end) {
/*
if (!isNaN(start) && !isNaN(end)) {
this.mIsEmpty = true;
} else {
this.mIsEmpty = false;
}*/
if (start < end) {

@@ -13,2 +23,4 @@ this.mStart = start;

Object.defineProperty(DoubleRange.prototype, "start", {
//private mIsEmpty: boolean;
/** @private */
get: function () {

@@ -21,2 +33,3 @@ return this.mStart;

Object.defineProperty(DoubleRange.prototype, "end", {
/** @private */
get: function () {

@@ -29,2 +42,7 @@ return this.mEnd;

Object.defineProperty(DoubleRange.prototype, "delta", {
/*
get isEmpty(): boolean {
return this.mIsEmpty;
}*/
/** @private */
get: function () {

@@ -37,2 +55,3 @@ return (this.mEnd - this.mStart);

Object.defineProperty(DoubleRange.prototype, "median", {
/** @private */
get: function () {

@@ -39,0 +58,0 @@ return this.mStart + (this.mEnd - this.mStart) / 2;

19

dist/es6/chart/utils/get-data.js
import { withInBounds, PointData, Rect, getValueXByPoint, getValueYByPoint, } from '../../common/utils/helper';
var Data = (function () {
/**
* To get the data on mouse move.
* @private
*/
var Data = /** @class */ (function () {
/**
* Constructor for the data.
* @private
*/
function Data(chart) {
/** @private */
this.currentPoints = [];
/** @private */
this.previousPoints = [];

@@ -9,2 +19,6 @@ this.chart = chart;

}
/**
* Method to get the Data.
* @private
*/
Data.prototype.getData = function () {

@@ -75,2 +89,5 @@ var chart = this.chart;

};
/**
* Checks whether the region contains a point
*/
Data.prototype.checkRegionContainsPoint = function (regionRect, rect, x, y) {

@@ -77,0 +94,0 @@ var _this = this;

44

dist/es6/common/annotation/annotation.js

@@ -6,6 +6,19 @@ import { createTemplate, measureElementRect, logBase } from '../utils/helper';

import { annotationRender } from '../model/constants';
var AnnotationBase = (function () {
/**
* Annotation Module handles the Annotation for chart and accumulation series.
*/
var AnnotationBase = /** @class */ (function () {
/**
* Constructor for chart and accumulation annotation
* @param control
*/
function AnnotationBase(control) {
this.control = control;
}
/**
* Method to render the annotation for chart and accumulation series.
* @private
* @param annotation
* @param index
*/
AnnotationBase.prototype.render = function (annotation, index) {

@@ -20,2 +33,7 @@ this.isChart = this.control.getModuleName() === 'chart';

};
/**
* Method to calculate the location for annotation - coordinate unit as pixel.
* @private
* @param location
*/
AnnotationBase.prototype.setAnnotationPixelValue = function (location) {

@@ -35,2 +53,7 @@ var rect;

};
/**
* Method to calculate the location for annotation - coordinate unit as point.
* @private
* @param location
*/
AnnotationBase.prototype.setAnnotationPointValue = function (location) {

@@ -90,2 +113,7 @@ var symbolLocation = new ChartLocation(0, 0);

};
/**
* Method to calculate the location for annotation - coordinate unit as point in accumulation chart.
* @private
* @param location
*/
AnnotationBase.prototype.setAccumulationPointValue = function (location) {

@@ -119,2 +147,9 @@ var accumulation = this.control;

};
/**
* Method to set the element style for accumulation / chart annotation.
* @private
* @param location
* @param element
* @param parentElement
*/
AnnotationBase.prototype.setElementStyle = function (location, element, parentElement) {

@@ -134,2 +169,9 @@ var elementRect = measureElementRect(element);

};
/**
* Method to calculate the alignment value for annotation.
* @private
* @param alignment
* @param size
* @param value
*/
AnnotationBase.prototype.setAlignmentValue = function (alignment, size, value) {

@@ -136,0 +178,0 @@ switch (alignment) {

4

dist/es6/common/common.js

@@ -1,1 +0,3 @@

/**
* Common directory file
*/

3

dist/es6/common/index.js

@@ -0,3 +1,6 @@

/**
* Chart and accumulation common files
*/
export * from './model/base';
export * from './model/constants';
export * from './model/theme';

213

dist/es6/common/legend/legend.js

@@ -22,3 +22,6 @@ var __extends = (this && this.__extends) || (function () {

import { RectOption, TextOption, textElement, stringToNumber, removeElement, showTooltip, getElement } from '../utils/helper';
var Location = (function (_super) {
/**
* Configures the location for the legend.
*/
var Location = /** @class */ (function (_super) {
__extends(Location, _super);

@@ -28,12 +31,15 @@ function Location() {

}
__decorate([
Property(0)
], Location.prototype, "x", void 0);
__decorate([
Property(0)
], Location.prototype, "y", void 0);
return Location;
}(ChildProperty));
export { Location };
__decorate([
Property(0)
], Location.prototype, "x", void 0);
__decorate([
Property(0)
], Location.prototype, "y", void 0);
var LegendSettings = (function (_super) {
/**
* Configures the legends in charts.
*/
var LegendSettings = /** @class */ (function (_super) {
__extends(LegendSettings, _super);

@@ -43,62 +49,70 @@ function LegendSettings() {

}
__decorate([
Property(true)
], LegendSettings.prototype, "visible", void 0);
__decorate([
Property(null)
], LegendSettings.prototype, "height", void 0);
__decorate([
Property(null)
], LegendSettings.prototype, "width", void 0);
__decorate([
Complex({ x: 0, y: 0 }, Location)
], LegendSettings.prototype, "location", void 0);
__decorate([
Property('Auto')
], LegendSettings.prototype, "position", void 0);
__decorate([
Property(8)
], LegendSettings.prototype, "padding", void 0);
__decorate([
Property('Center')
], LegendSettings.prototype, "alignment", void 0);
__decorate([
Complex(Theme.legendLabelFont, Font)
], LegendSettings.prototype, "textStyle", void 0);
__decorate([
Property(10)
], LegendSettings.prototype, "shapeHeight", void 0);
__decorate([
Property(10)
], LegendSettings.prototype, "shapeWidth", void 0);
__decorate([
Complex({}, Border)
], LegendSettings.prototype, "border", void 0);
__decorate([
Property(5)
], LegendSettings.prototype, "shapePadding", void 0);
__decorate([
Property('transparent')
], LegendSettings.prototype, "background", void 0);
__decorate([
Property(1)
], LegendSettings.prototype, "opacity", void 0);
__decorate([
Property(true)
], LegendSettings.prototype, "toggleVisibility", void 0);
__decorate([
Property(null)
], LegendSettings.prototype, "description", void 0);
__decorate([
Property(3)
], LegendSettings.prototype, "tabIndex", void 0);
return LegendSettings;
}(ChildProperty));
export { LegendSettings };
__decorate([
Property(true)
], LegendSettings.prototype, "visible", void 0);
__decorate([
Property(null)
], LegendSettings.prototype, "height", void 0);
__decorate([
Property(null)
], LegendSettings.prototype, "width", void 0);
__decorate([
Complex({ x: 0, y: 0 }, Location)
], LegendSettings.prototype, "location", void 0);
__decorate([
Property('Auto')
], LegendSettings.prototype, "position", void 0);
__decorate([
Property(8)
], LegendSettings.prototype, "padding", void 0);
__decorate([
Property('Center')
], LegendSettings.prototype, "alignment", void 0);
__decorate([
Complex(Theme.legendLabelFont, Font)
], LegendSettings.prototype, "textStyle", void 0);
__decorate([
Property(10)
], LegendSettings.prototype, "shapeHeight", void 0);
__decorate([
Property(10)
], LegendSettings.prototype, "shapeWidth", void 0);
__decorate([
Complex({}, Border)
], LegendSettings.prototype, "border", void 0);
__decorate([
Property(5)
], LegendSettings.prototype, "shapePadding", void 0);
__decorate([
Property('transparent')
], LegendSettings.prototype, "background", void 0);
__decorate([
Property(1)
], LegendSettings.prototype, "opacity", void 0);
__decorate([
Property(true)
], LegendSettings.prototype, "toggleVisibility", void 0);
__decorate([
Property(null)
], LegendSettings.prototype, "description", void 0);
__decorate([
Property(3)
], LegendSettings.prototype, "tabIndex", void 0);
var BaseLegend = (function () {
/**
* Legend base class for Chart and Accumulation chart.
* @private
*/
var BaseLegend = /** @class */ (function () {
/**
* Constructor for the dateTime module.
* @private
*/
function BaseLegend(chart) {
this.rowCount = 0;
this.columnCount = 0;
this.rowCount = 0; // legend row counts per page
this.columnCount = 0; // legend column counts per page
this.pageButtonSize = 8;
this.pageXCollections = [];
this.pageXCollections = []; // pages of x locations
this.maxColumns = 0;

@@ -113,2 +127,7 @@ this.isTrimmed = false;

}
/**
* Calculate the bounds for the legends.
* @return {void}
* @private
*/
BaseLegend.prototype.calculateLegendBounds = function (rect, availableSize) {

@@ -130,2 +149,5 @@ var legend = this.legend;

};
/**
* To find legend position based on available size for chart and accumulation chart
*/
BaseLegend.prototype.getPosition = function (position, availableSize) {

@@ -144,2 +166,5 @@ if (this.isChartControl) {

};
/**
* To set bounds for chart and accumulation chart
*/
BaseLegend.prototype.setBounds = function (computedWidth, computedHeight, legend, legendBounds) {

@@ -152,2 +177,5 @@ computedWidth = computedWidth < legendBounds.width ? computedWidth : legendBounds.width;

};
/**
* To find legend location based on position, alignment for chart and accumulation chart
*/
BaseLegend.prototype.getLocation = function (position, alignment, legendBounds, rect, availableSize) {

@@ -183,2 +211,5 @@ var padding = this.legend.border.width;

};
/**
* To find legend alignment for chart and accumulation chart
*/
BaseLegend.prototype.alignLegend = function (start, size, legendSize, alignment) {

@@ -195,2 +226,7 @@ switch (alignment) {

};
/**
* Renders the legend.
* @return {void}
* @private
*/
BaseLegend.prototype.renderLegend = function (chart, legend, legendBounds) {

@@ -203,6 +239,7 @@ var firstLegend = this.findFirstLegendPosition(this.legendCollections);

if (firstLegend !== this.legendCollections.length) {
var legendSeriesGroup = void 0;
var start = void 0;
var legendSeriesGroup = void 0; // legendItem group for each series group element
var start = void 0; // starting shape center x,y position && to resolve lint error used new line for declaration
start = new ChartLocation(legendBounds.x + padding + (legend.shapeWidth / 2), legendBounds.y + padding + this.maxItemHeight / 2);
var textOptions = new TextOption('', start.x, start.y, 'start');
// initialization for totalPages legend click totalpage again calculate
this.totalPages = this.isChartControl ? this.totalPages : 0;

@@ -237,2 +274,5 @@ var textPadding = legend.shapePadding + padding + legend.shapeWidth;

};
/**
* To find first valid legend text index for chart and accumulation chart
*/
BaseLegend.prototype.findFirstLegendPosition = function (legendCollection) {

@@ -249,2 +289,5 @@ var count = 0;

};
/**
* To create legend rendering elements for chart and accumulation chart
*/
BaseLegend.prototype.createLegendElements = function (chart, legendBounds, legendGroup, legend, id) {

@@ -268,2 +311,5 @@ var padding = legend.padding;

};
/**
* To render legend symbols for chart and accumulation chart
*/
BaseLegend.prototype.renderSymbol = function (legendOption, group, i) {

@@ -283,2 +329,5 @@ var symbolColor = legendOption.visible ? legendOption.fill : '#D3D3D3';

};
/**
* To render legend text for chart and accumulation chart
*/
BaseLegend.prototype.renderText = function (chart, legendOption, group, textOptions, i) {

@@ -295,2 +344,5 @@ var legend = chart.legendSettings;

};
/**
* To render legend paging elements for chart and accumulation chart
*/
BaseLegend.prototype.renderPagingElements = function (chart, bounds, textOption, legendGroup) {

@@ -300,4 +352,4 @@ var paginggroup = chart.renderer.createGroup({ id: this.legendID + '_navigation' });

var grayColor = '#545454';
var legend = chart.legendSettings;
var padding = 8;
var legend = chart.legendSettings; // to solve parameter lint error, legend declaration is here
var padding = 8; // const padding for paging elements
if (this.isChartControl || !this.isVertical) {

@@ -312,2 +364,3 @@ this.totalPages = Math.ceil(this.totalPages / Math.max(1, this.rowCount - 1));

paginggroup.setAttribute('style', 'cursor: pointer');
// Page left arrow drawing calculation started here
this.clipPathHeight = (this.rowCount - 1) * (this.maxItemHeight + legend.padding);

@@ -318,2 +371,3 @@ this.clipRect.setAttribute('height', this.clipPathHeight.toString());

paginggroup.appendChild(drawSymbol({ x: x, y: y }, 'LeftArrow', new Size(iconSize, iconSize), '', symbolOption, 'LeftArrow'));
// Page numbering rendering calculation started here
textOption.x = x + (iconSize / 2) + padding;

@@ -325,5 +379,7 @@ var size = measureText(this.totalPages + '/' + this.totalPages, legend.textStyle);

var pageTextElement = textElement(textOption, legend.textStyle, legend.textStyle.color, paginggroup);
// Page right arrow rendering calculation started here
x = (textOption.x + padding + (iconSize / 2) + size.width);
symbolOption.id = this.legendID + '_pagedown';
paginggroup.appendChild(drawSymbol({ x: x, y: y }, 'RightArrow', new Size(iconSize, iconSize), '', symbolOption, 'RightArrow'));
// placing the navigation buttons and page numbering in legend right corner
paginggroup.setAttribute('transform', 'translate(' + (bounds.width - (2 * (iconSize + padding) +

@@ -333,2 +389,5 @@ padding + size.width)) + ', ' + 0 + ')');

};
/**
* To translate legend pages for chart and accumulation chart
*/
BaseLegend.prototype.translatePage = function (pagingText, page, pageNumber) {

@@ -340,3 +399,3 @@ var size = (this.clipPathHeight) * page;

size = this.pageXCollections[page * this.maxColumns] - this.legendBounds.x;
size = size < 0 ? 0 : size;
size = size < 0 ? 0 : size; // to avoid small pixel variation
translate = 'translate(-' + size + ',0)';

@@ -348,2 +407,5 @@ }

};
/**
* To change legend pages for chart and accumulation chart
*/
BaseLegend.prototype.changePage = function (event, pageUp) {

@@ -359,2 +421,6 @@ var pageText = document.getElementById(this.legendID + '_pagenumber');

};
/**
* To find legend elements id based on chart or accumulation chart
* @private
*/
BaseLegend.prototype.generateId = function (option, prefix, count) {

@@ -368,2 +434,7 @@ if (this.isChartControl) {

};
/**
* To show or hide trimmed text tooltip for legend.
* @return {void}
* @private
*/
BaseLegend.prototype.move = function (event) {

@@ -403,3 +474,7 @@ var _this = this;

export { BaseLegend };
var LegendOptions = (function () {
/**
* Class for legend options
* @private
*/
var LegendOptions = /** @class */ (function () {
function LegendOptions(text, fill, shape, visible, type, markerShape, markerVisibility, pointIndex, seriesIndex) {

@@ -406,0 +481,0 @@ this.location = { x: 0, y: 0 };

246

dist/es6/common/model/base.js

@@ -18,3 +18,6 @@ var __extends = (this && this.__extends) || (function () {

import { Property, ChildProperty, Complex } from '@syncfusion/ej2-base';
var Connector = (function (_super) {
/**
* Defines the appearance of the connectors
*/
var Connector = /** @class */ (function (_super) {
__extends(Connector, _super);

@@ -24,21 +27,24 @@ function Connector() {

}
__decorate([
Property('Line')
], Connector.prototype, "type", void 0);
__decorate([
Property(null)
], Connector.prototype, "color", void 0);
__decorate([
Property(1)
], Connector.prototype, "width", void 0);
__decorate([
Property(null)
], Connector.prototype, "length", void 0);
__decorate([
Property('')
], Connector.prototype, "dashArray", void 0);
return Connector;
}(ChildProperty));
export { Connector };
__decorate([
Property('Line')
], Connector.prototype, "type", void 0);
__decorate([
Property(null)
], Connector.prototype, "color", void 0);
__decorate([
Property(1)
], Connector.prototype, "width", void 0);
__decorate([
Property(null)
], Connector.prototype, "length", void 0);
__decorate([
Property('')
], Connector.prototype, "dashArray", void 0);
var Font = (function (_super) {
/**
* Configures the fonts in charts.
*/
var Font = /** @class */ (function (_super) {
__extends(Font, _super);

@@ -48,27 +54,30 @@ function Font() {

}
__decorate([
Property('16px')
], Font.prototype, "size", void 0);
__decorate([
Property('')
], Font.prototype, "color", void 0);
__decorate([
Property('Segoe UI')
], Font.prototype, "fontFamily", void 0);
__decorate([
Property('Normal')
], Font.prototype, "fontWeight", void 0);
__decorate([
Property('Normal')
], Font.prototype, "fontStyle", void 0);
__decorate([
Property(1)
], Font.prototype, "opacity", void 0);
__decorate([
Property('Center')
], Font.prototype, "textAlignment", void 0);
return Font;
}(ChildProperty));
export { Font };
__decorate([
Property('16px')
], Font.prototype, "size", void 0);
__decorate([
Property('')
], Font.prototype, "color", void 0);
__decorate([
Property('Segoe UI')
], Font.prototype, "fontFamily", void 0);
__decorate([
Property('Normal')
], Font.prototype, "fontWeight", void 0);
__decorate([
Property('Normal')
], Font.prototype, "fontStyle", void 0);
__decorate([
Property(1)
], Font.prototype, "opacity", void 0);
__decorate([
Property('Center')
], Font.prototype, "textAlignment", void 0);
var Border = (function (_super) {
/**
* Configures the borders in the chart.
*/
var Border = /** @class */ (function (_super) {
__extends(Border, _super);

@@ -78,12 +87,15 @@ function Border() {

}
__decorate([
Property('')
], Border.prototype, "color", void 0);
__decorate([
Property(1)
], Border.prototype, "width", void 0);
return Border;
}(ChildProperty));
export { Border };
__decorate([
Property('')
], Border.prototype, "color", void 0);
__decorate([
Property(1)
], Border.prototype, "width", void 0);
var ChartArea = (function (_super) {
/**
* Configures the chart area.
*/
var ChartArea = /** @class */ (function (_super) {
__extends(ChartArea, _super);

@@ -93,15 +105,18 @@ function ChartArea() {

}
__decorate([
Complex({}, Border)
], ChartArea.prototype, "border", void 0);
__decorate([
Property('transparent')
], ChartArea.prototype, "background", void 0);
__decorate([
Property(1)
], ChartArea.prototype, "opacity", void 0);
return ChartArea;
}(ChildProperty));
export { ChartArea };
__decorate([
Complex({}, Border)
], ChartArea.prototype, "border", void 0);
__decorate([
Property('transparent')
], ChartArea.prototype, "background", void 0);
__decorate([
Property(1)
], ChartArea.prototype, "opacity", void 0);
var Margin = (function (_super) {
/**
* Configures the chart margins.
*/
var Margin = /** @class */ (function (_super) {
__extends(Margin, _super);

@@ -111,18 +126,21 @@ function Margin() {

}
__decorate([
Property(10)
], Margin.prototype, "left", void 0);
__decorate([
Property(10)
], Margin.prototype, "right", void 0);
__decorate([
Property(10)
], Margin.prototype, "top", void 0);
__decorate([
Property(10)
], Margin.prototype, "bottom", void 0);
return Margin;
}(ChildProperty));
export { Margin };
__decorate([
Property(10)
], Margin.prototype, "left", void 0);
__decorate([
Property(10)
], Margin.prototype, "right", void 0);
__decorate([
Property(10)
], Margin.prototype, "top", void 0);
__decorate([
Property(10)
], Margin.prototype, "bottom", void 0);
var Animation = (function (_super) {
/**
* Configures the animation behavior for chart series.
*/
var Animation = /** @class */ (function (_super) {
__extends(Animation, _super);

@@ -132,15 +150,16 @@ function Animation() {

}
__decorate([
Property(true)
], Animation.prototype, "enable", void 0);
__decorate([
Property(1000)
], Animation.prototype, "duration", void 0);
__decorate([
Property(0)
], Animation.prototype, "delay", void 0);
return Animation;
}(ChildProperty));
export { Animation };
__decorate([
Property(true)
], Animation.prototype, "enable", void 0);
__decorate([
Property(1000)
], Animation.prototype, "duration", void 0);
__decorate([
Property(0)
], Animation.prototype, "delay", void 0);
var Indexes = (function (_super) {
/** @private */
var Indexes = /** @class */ (function (_super) {
__extends(Indexes, _super);

@@ -150,12 +169,15 @@ function Indexes() {

}
__decorate([
Property(0)
], Indexes.prototype, "series", void 0);
__decorate([
Property(0)
], Indexes.prototype, "point", void 0);
return Indexes;
}(ChildProperty));
export { Indexes };
__decorate([
Property(0)
], Indexes.prototype, "series", void 0);
__decorate([
Property(0)
], Indexes.prototype, "point", void 0);
var CornerRadius = (function (_super) {
/**
* Column series rounded corner options
*/
var CornerRadius = /** @class */ (function (_super) {
__extends(CornerRadius, _super);

@@ -165,18 +187,21 @@ function CornerRadius() {

}
__decorate([
Property(0)
], CornerRadius.prototype, "topLeft", void 0);
__decorate([
Property(0)
], CornerRadius.prototype, "topRight", void 0);
__decorate([
Property(0)
], CornerRadius.prototype, "bottomLeft", void 0);
__decorate([
Property(0)
], CornerRadius.prototype, "bottomRight", void 0);
return CornerRadius;
}(ChildProperty));
export { CornerRadius };
__decorate([
Property(0)
], CornerRadius.prototype, "topLeft", void 0);
__decorate([
Property(0)
], CornerRadius.prototype, "topRight", void 0);
__decorate([
Property(0)
], CornerRadius.prototype, "bottomLeft", void 0);
__decorate([
Property(0)
], CornerRadius.prototype, "bottomRight", void 0);
var Index = (function () {
/**
* @private
*/
var Index = /** @class */ (function () {
function Index(seriesIndex, pointIndex) {

@@ -189,3 +214,6 @@ this.series = seriesIndex;

export { Index };
var EmptyPointSettings = (function (_super) {
/**
* Configures the Empty Points of series
*/
var EmptyPointSettings = /** @class */ (function (_super) {
__extends(EmptyPointSettings, _super);

@@ -195,13 +223,13 @@ function EmptyPointSettings() {

}
__decorate([
Property(null)
], EmptyPointSettings.prototype, "fill", void 0);
__decorate([
Complex({ color: 'transparent', width: 0 }, Border)
], EmptyPointSettings.prototype, "border", void 0);
__decorate([
Property('Gap')
], EmptyPointSettings.prototype, "mode", void 0);
return EmptyPointSettings;
}(ChildProperty));
export { EmptyPointSettings };
__decorate([
Property(null)
], EmptyPointSettings.prototype, "fill", void 0);
__decorate([
Complex({ color: 'transparent', width: 0 }, Border)
], EmptyPointSettings.prototype, "border", void 0);
__decorate([
Property('Gap')
], EmptyPointSettings.prototype, "mode", void 0);

22

dist/es6/common/model/constants.js

@@ -0,19 +1,41 @@

/**
* Specifies the chart constant value
*/
/** @private */
export var loaded = 'loaded';
/** @private */
export var load = 'load';
/** @private */
export var animationComplete = 'animationComplete';
/** @private */
export var legendRender = 'legendRender';
/** @private */
export var textRender = 'textRender';
/** @private */
export var pointRender = 'pointRender';
/** @private */
export var seriesRender = 'seriesRender';
/** @private */
export var axisLabelRender = 'axisLabelRender';
/** @private */
export var tooltipRender = 'tooltipRender';
/** @private */
export var chartMouseMove = 'chartMouseMove';
/** @private */
export var chartMouseClick = 'chartMouseClick';
/** @private */
export var chartMouseLeave = 'chartMouseLeave';
/** @private */
export var chartMouseDown = 'chartMouseDown';
/** @private */
export var chartMouseUp = 'chartMouseUp';
/** @private */
export var zoomComplete = 'zoomComplete';
/** @private */
export var dragComplete = 'dragComplete';
/** @private */
export var resized = 'resized';
/** @private */
export var beforePrint = 'beforePrint';
/** @private */
export var annotationRender = 'annotationRender';

25

dist/es6/common/model/data.js
import { Query, DataManager } from '@syncfusion/ej2-data';
var Data = (function () {
/**
* data module is used to generate query and dataSource
*/
var Data = /** @class */ (function () {
/**
* Constructor for data module
* @private
*/
function Data(dataSource, query) {
this.initDataManager(dataSource, query);
}
/**
* The function used to initialize dataManager and query
* @return {void}
* @private
*/
Data.prototype.initDataManager = function (dataSource, query) {

@@ -10,2 +22,7 @@ this.dataManager = dataSource instanceof DataManager ? dataSource : new DataManager(dataSource);

};
/**
* The function used to generate updated Query from chart model
* @return {void}
* @private
*/
Data.prototype.generateQuery = function () {

@@ -15,2 +32,8 @@ var query = this.query.clone();

};
/**
* The function used to get dataSource by executing given Query
* @param {Query} query - A Query that specifies to generate dataSource
* @return {void}
* @private
*/
Data.prototype.getData = function (query) {

@@ -17,0 +40,0 @@ return this.dataManager.executeQuery(query);

20

dist/es6/common/model/theme.js

@@ -0,3 +1,7 @@

/**
* Specifies Chart Themes
*/
export var Theme;
(function (Theme) {
/** @private */
Theme.axisLabelFont = {

@@ -10,2 +14,3 @@ size: '12px',

};
/** @private */
Theme.axisTitleFont = {

@@ -18,2 +23,3 @@ size: '14px',

};
/** @private */
Theme.chartTitleFont = {

@@ -26,2 +32,3 @@ size: '15px',

};
/** @private */
Theme.crosshairLabelFont = {

@@ -34,2 +41,3 @@ size: '13px',

};
/** @private */
Theme.tooltipLabelFont = {

@@ -42,2 +50,3 @@ size: '13px',

};
/** @private */
Theme.legendLabelFont = {

@@ -50,2 +59,3 @@ size: '13px',

};
/** @private */
Theme.stripLineLabelFont = {

@@ -58,12 +68,22 @@ size: '12px',

};
/** @private */
Theme.axisLineColor = '#b5b5b5';
/** @private */
Theme.axisMajorGridLineColor = '#dbdbdb';
/** @private */
Theme.axisMinorGridLineColor = '#eaeaea';
/** @private */
Theme.axisMajorTickLineColor = '#b5b5b5';
/** @private */
Theme.axisMinorTickLineColor = '#d6d6d6';
/** @private */
Theme.crossHairLabelColor = '#4f4f4f';
/** @private */
Theme.chartBackgroundColor = '#FFFFFF';
/** @private */
Theme.selectionRectFill = 'rgba(41, 171, 226, 0.1)';
/** @private */
Theme.selectionRectStroke = '#29abe2';
})(Theme || (Theme = {}));
/** @private */
export function getSeriesColor(theme) {

@@ -70,0 +90,0 @@ var palette;

26

dist/es6/common/selection/selection.js
import { isNullOrUndefined } from '@syncfusion/ej2-base';
var BaseSelection = (function () {
/**
* Selection Module handles the selection for chart.
* @private
*/
var BaseSelection = /** @class */ (function () {
function BaseSelection(control) {
this.control = control;
}
/**
* To create selection styles for series
*/
BaseSelection.prototype.seriesStyles = function () {

@@ -21,5 +28,11 @@ var seriesclass;

};
/**
* To concat indexes
*/
BaseSelection.prototype.concatIndexes = function (userIndexes, localIndexes) {
return userIndexes.concat(localIndexes);
};
/**
* Selected points series visibility checking on legend click
*/
BaseSelection.prototype.checkVisibility = function (selectedIndexes) {

@@ -43,2 +56,6 @@ var visible = false;

};
/**
* To add svg element style class
* @private
*/
BaseSelection.prototype.addSvgClass = function (element, className) {

@@ -51,2 +68,6 @@ var elementClassName = element.getAttribute('class') || '';

};
/**
* To remove svg element style class
* @private
*/
BaseSelection.prototype.removeSvgClass = function (element, className) {

@@ -58,2 +79,5 @@ var elementClassName = element.getAttribute('class') || '';

};
/**
* To get children from parent element
*/
BaseSelection.prototype.getChildren = function (parent) {

@@ -60,0 +84,0 @@ var children = [];

23

dist/es6/common/utils/export.js
import { print as printWindow, createElement } from '@syncfusion/ej2-base';
import { getElement } from '../utils/helper';
import { beforePrint } from '../model/constants';
var ExportUtils = (function () {
/**
* Annotation Module handles the Annotation for chart and accumulation series.
*/
var ExportUtils = /** @class */ (function () {
/**
* Constructor for chart and accumulation annotation
* @param control
*/
function ExportUtils(control) {
this.control = control;
}
/**
* To print the accumulation and chart elements
* @param elements
*/
ExportUtils.prototype.print = function (elements) {

@@ -20,2 +31,7 @@ this.printWindow = window.open('', 'print', 'height=' + window.outerHeight + ',width=' + window.outerWidth + ',tabbar=no');

};
/**
* To get the html string of the chart and accumulation
* @param elements
* @private
*/
ExportUtils.prototype.getHTMLContent = function (elements) {

@@ -41,2 +57,7 @@ var div = createElement('div');

};
/**
* To export the chart svgObject
* @param type
* @param fileName
*/
ExportUtils.prototype.export = function (type, fileName) {

@@ -43,0 +64,0 @@ var element = createElement('canvas', {

144

dist/es6/common/utils/helper.js

@@ -14,2 +14,13 @@ var __extends = (this && this.__extends) || (function () {

import { createElement, remove } from '@syncfusion/ej2-base';
/**
* Methods for calculating the text size.
*/
/**
* Function to measure the height and width of the text.
* @param {string} text
* @param {FontModel} font
* @param {string} id
* @returns no
* @private
*/
export function measureText(text, font) {

@@ -31,5 +42,7 @@ var htmlObject = document.getElementById('chartmeasuretext');

htmlObject.style.whiteSpace = 'nowrap';
// For bootstrap line height issue
htmlObject.style.lineHeight = 'normal';
return new Size(htmlObject.clientWidth, htmlObject.clientHeight);
}
/** @private */
export function rotateTextSize(font, text, angle, chart) {

@@ -60,2 +73,3 @@ var renderer = new SvgRenderer(chart.element.id);

}
/** @private */
export function removeElement(id) {

@@ -67,6 +81,9 @@ var element = getElement(id);

}
/** @private */
export function logBase(value, base) {
return Math.log(value) / Math.log(base);
}
/** @private */
export function showTooltip(text, x, y, areaWidth, id, element, isTouch) {
//let id1: string = 'EJ2_legend_tooltip';
var tooltip = document.getElementById(id);

@@ -97,8 +114,11 @@ var width = measureText(text, {

}
/** @private */
export function inside(value, range) {
return (value < range.max) && (value > range.min);
}
/** @private */
export function withIn(value, range) {
return (value <= range.max) && (value >= range.min);
}
/** @private */
export function withInRange(previousPoint, currentPoint, nextPoint, series) {

@@ -113,2 +133,3 @@ var mX2 = series.logWithIn(currentPoint.xValue, series.xAxis);

}
/** @private */
export function sum(values) {

@@ -122,2 +143,3 @@ var sum = 0;

}
/** @private */
export function subArraySum(values, first, last, index, series) {

@@ -139,2 +161,3 @@ var sum = 0;

}
/** @private */
export function subtractThickness(rect, thickness) {

@@ -147,2 +170,3 @@ rect.x += thickness.left;

}
/** @private */
export function subtractRect(rect, thickness) {

@@ -155,2 +179,3 @@ rect.x += thickness.x;

}
/** @private */
export function degreeToLocation(degree, radius, center) {

@@ -168,2 +193,3 @@ var radian = (degree * Math.PI) / 180;

}
/** @private */
export function getAngle(center, point) {

@@ -174,2 +200,3 @@ var angle = Math.atan2((point.y - center.y), (point.x - center.x));

}
/** @private */
export function subArray(values, index) {

@@ -182,2 +209,3 @@ var subArray = [];

}
/** @private */
export function valueToCoefficient(value, axis) {

@@ -188,2 +216,3 @@ var range = axis.visibleRange;

}
/** @private */
export function TransformToVisible(x, y, xAxis, yAxis, isInverted, series) {

@@ -201,2 +230,3 @@ x = (xAxis.valueType === 'Logarithmic' ? logBase(x, xAxis.logBase) : x);

}
/** @private */
export function CoefficientToVector(coefficient, startAngle) {

@@ -208,2 +238,3 @@ startAngle = startAngle < 0 ? startAngle + 360 : startAngle;

}
/** @private */
export function valueToPolarCoefficient(value, axis) {

@@ -225,3 +256,4 @@ var range = axis.visibleRange;

}
var Mean = (function () {
/** @private */
var Mean = /** @class */ (function () {
function Mean(verticalStandardMean, verticalSquareRoot, horizontalStandardMean, horizontalSquareRoot, verticalMean, horizontalMean) {

@@ -238,3 +270,4 @@ this.verticalStandardMean = verticalStandardMean;

export { Mean };
var PolarArc = (function () {
/** @private */
var PolarArc = /** @class */ (function () {
function PolarArc(startAngle, endAngle, innerRadius, radius, currentXPosition) {

@@ -250,2 +283,3 @@ this.startAngle = startAngle;

export { PolarArc };
/** @private */
export function createTooltip(id, text, top, left, fontSize) {

@@ -268,2 +302,3 @@ var tooltip = getElement(id);

}
/** @private */
export function createZoomingLabels(chart, axis, parent, index, isVertical) {

@@ -305,2 +340,4 @@ var margin = 5;

}
//Within bounds
/** @private */
export function withInBounds(x, y, bounds, width, height) {

@@ -312,2 +349,3 @@ if (width === void 0) { width = 0; }

}
/** @private */
export function getValueXByPoint(value, size, axis) {

@@ -317,2 +355,3 @@ var actualValue = !axis.isInversed ? value / size : (1 - (value / size));

}
/** @private */
export function getValueYByPoint(value, size, axis) {

@@ -322,2 +361,3 @@ var actualValue = axis.isInversed ? value / size : (1 - (value / size));

}
/** @private */
export function findClipRect(series) {

@@ -338,5 +378,7 @@ var rect = series.clipRect;

}
/** @private */
export function firstToLowerCase(str) {
return str.substr(0, 1).toLowerCase() + str.substr(1);
}
/** @private */
export function getMinPointsDelta(axis, seriesCollection) {

@@ -379,2 +421,3 @@ var minDelta = Number.MAX_VALUE;

}
/** @private */
export function getAnimationFunction(effect) {

@@ -389,5 +432,17 @@ var functionName;

}
/**
* Animation Effect Calculation Started Here
* @param currentTime
* @param startValue
* @param endValue
* @param duration
* @private
*/
export function linear(currentTime, startValue, endValue, duration) {
return -endValue * Math.cos(currentTime / duration * (Math.PI / 2)) + endValue + startValue;
}
/**
* Animation Effect Calculation End
* @private
*/
export function markerAnimate(element, delay, duration, series, pointIndex, point, isLabel) {

@@ -418,2 +473,6 @@ var centerX = point.x;

}
/**
* Animation for template
* @private
*/
export function templateAnimate(element, delay, duration, name, isRemove) {

@@ -437,2 +496,3 @@ new Animation({}).animate(element, {

}
/** @private */
export function drawSymbol(location, shape, size, url, options, label) {

@@ -446,2 +506,3 @@ var functionName = 'Path';

}
/** @private */
export function calculateShapes(location, size, shape, options, url) {

@@ -539,2 +600,3 @@ var path;

}
/** @private */
export function getRectLocation(startLocation, endLocation, outerRect) {

@@ -549,8 +611,11 @@ var x;

}
/** @private */
export function minMax(value, min, max) {
return value > max ? max : (value < min ? min : value);
}
/** @private */
export function getElement(id) {
return document.getElementById(id);
}
/** @private */
export function getTemplateFunction(template) {

@@ -569,2 +634,3 @@ var templateFn = null;

}
/** @private */
export function createTemplate(childElement, pointIndex, content, chart, point, series) {

@@ -587,2 +653,3 @@ var templateFn;

}
/** @private */
export function getFontStyle(font) {

@@ -596,2 +663,3 @@ var style = '';

}
/** @private */
export function measureElementRect(element) {

@@ -604,2 +672,3 @@ var bounds;

}
/** @private */
export function findlElement(elements, id) {

@@ -615,2 +684,3 @@ var element;

}
/** @private */
export function getPoint(x, y, xAxis, yAxis, isInverted, series) {

@@ -627,2 +697,3 @@ var xLength = isInverted ? xAxis.rect.height : xAxis.rect.width;

}
/** @private */
export function appendElement(child, parent) {

@@ -636,2 +707,3 @@ if (child && child.hasChildNodes() && parent) {

}
/** @private */
export function getDraggedRectLocation(x1, y1, x2, y2, outerRect) {

@@ -644,2 +716,3 @@ var width = Math.abs(x1 - x2);

}
/** @private */
export function checkBounds(start, size, min, max) {

@@ -654,2 +727,3 @@ if (start < min) {

}
/** @private */
export function getLabelText(currentPoint, series, chart) {

@@ -693,5 +767,7 @@ var labelFormat = series.yAxis.labelFormat;

}
/** @private */
export function stopTimer(timer) {
window.clearInterval(timer);
}
/** @private */
export function isCollide(rect, collections, clipRect) {

@@ -706,2 +782,3 @@ var isCollide;

}
/** @private */
export function isOverlap(currentRect, rect) {

@@ -711,2 +788,3 @@ return (currentRect.x < rect.x + rect.width && currentRect.x + currentRect.width > rect.x &&

}
/** @private */
export function containsRect(currentRect, rect) {

@@ -716,8 +794,11 @@ return (currentRect.x <= rect.x && currentRect.x + currentRect.width >= rect.x + rect.width &&

}
/** @private */
export function calculateRect(location, textSize, margin) {
return new Rect((location.x - (textSize.width / 2) - margin.left), (location.y - (textSize.height / 2) - margin.top), textSize.width + margin.left + margin.right, textSize.height + margin.top + margin.bottom);
}
/** @private */
export function convertToHexCode(value) {
return '#' + componentToHex(value.r) + componentToHex(value.g) + componentToHex(value.b);
}
/** @private */
export function componentToHex(value) {

@@ -727,2 +808,3 @@ var hex = value.toString(16);

}
/** @private */
export function convertHexToColor(hex) {

@@ -733,2 +815,3 @@ var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);

}
/** @private */
export function colorNameToHex(color) {

@@ -744,2 +827,3 @@ var element;

}
/** @private */
export function getSaturationColor(color, factor) {

@@ -752,2 +836,3 @@ color = colorNameToHex(color);

factor = factor || 0;
// convert to decimal and change luminosity
var rgb = '#';

@@ -762,2 +847,3 @@ var colorCode;

}
/** @private */
export function getMedian(values) {

@@ -767,2 +853,4 @@ var half = Math.floor(values.length / 2);

}
/** @private */
// tslint:disable-next-line:max-func-body-length
export function calculateLegendShapes(location, size, shape, options) {

@@ -887,2 +975,3 @@ var padding = 10;

}
/** @private */
export function textTrim(maxWidth, text, font) {

@@ -903,2 +992,3 @@ var label = text;

}
/** @private */
export function stringToNumber(value, containerSize) {

@@ -910,2 +1000,3 @@ if (value !== null && value !== undefined) {

}
/** @private */
export function findDirection(rX, rY, rect, arrowLocation, arrowPadding, top, bottom, left, tipX, tipY, tipRadius) {

@@ -985,2 +1076,3 @@ var direction = '';

}
/** @private */
export function textElement(options, font, color, parent, isMinus) {

@@ -1023,2 +1115,5 @@ if (isMinus === void 0) { isMinus = false; }

}
/**
* Method to calculate the width and height of the chart
*/
export function calculateSize(chart) {

@@ -1038,2 +1133,5 @@ var containerWidth = chart.element.clientWidth;

}
/**
* Method to calculate x position of title
*/
export function titlePositionX(chartSize, leftPadding, rightPadding, titleStyle, textSize) {

@@ -1052,3 +1150,4 @@ var positionX;

}
var CustomizeOption = (function () {
/** @private */
var CustomizeOption = /** @class */ (function () {
function CustomizeOption(id) {

@@ -1060,3 +1159,4 @@ this.id = id;

export { CustomizeOption };
var StackValues = (function () {
/** @private */
var StackValues = /** @class */ (function () {
function StackValues(startValue, endValue) {

@@ -1069,3 +1169,4 @@ this.startValues = startValue;

export { StackValues };
var TextOption = (function (_super) {
/** @private */
var TextOption = /** @class */ (function (_super) {
__extends(TextOption, _super);

@@ -1088,3 +1189,4 @@ function TextOption(id, x, y, anchor, text, transform, baseLine) {

export { TextOption };
var PathOption = (function (_super) {
/** @private */
var PathOption = /** @class */ (function (_super) {
__extends(PathOption, _super);

@@ -1104,3 +1206,4 @@ function PathOption(id, fill, width, color, opacity, dashArray, d) {

export { PathOption };
var RectOption = (function (_super) {
/** @private */
var RectOption = /** @class */ (function (_super) {
__extends(RectOption, _super);

@@ -1121,3 +1224,4 @@ function RectOption(id, fill, border, opacity, rect, rx, ry, transform, dashArray) {

export { RectOption };
var CircleOption = (function (_super) {
/** @private */
var CircleOption = /** @class */ (function (_super) {
__extends(CircleOption, _super);

@@ -1134,3 +1238,4 @@ function CircleOption(id, fill, border, opacity, cx, cy, r) {

export { CircleOption };
var PolygonOption = (function () {
/** @private */
var PolygonOption = /** @class */ (function () {
function PolygonOption(id, points, fill) {

@@ -1144,3 +1249,4 @@ this.id = id;

export { PolygonOption };
var Size = (function () {
/** @private */
var Size = /** @class */ (function () {
function Size(width, height) {

@@ -1153,3 +1259,4 @@ this.width = width;

export { Size };
var Rect = (function () {
/** @private */
var Rect = /** @class */ (function () {
function Rect(x, y, width, height) {

@@ -1164,3 +1271,4 @@ this.x = x;

export { Rect };
var ChartLocation = (function () {
/** @private */
var ChartLocation = /** @class */ (function () {
function ChartLocation(x, y) {

@@ -1173,3 +1281,4 @@ this.x = x;

export { ChartLocation };
var Thickness = (function () {
/** @private */
var Thickness = /** @class */ (function () {
function Thickness(left, right, top, bottom) {

@@ -1184,3 +1293,4 @@ this.left = left;

export { Thickness };
var ColorValue = (function () {
/** @private */
var ColorValue = /** @class */ (function () {
function ColorValue(r, g, b) {

@@ -1194,3 +1304,4 @@ this.r = r;

export { ColorValue };
var PointData = (function () {
/** @private */
var PointData = /** @class */ (function () {
function PointData(point, series, index) {

@@ -1205,3 +1316,4 @@ if (index === void 0) { index = 0; }

export { PointData };
var ControlPoints = (function () {
/** @private */
var ControlPoints = /** @class */ (function () {
function ControlPoints(controlPoint1, controlPoint2) {

@@ -1208,0 +1320,0 @@ this.controlPoint1 = controlPoint1;

3

dist/es6/index.js

@@ -0,3 +1,6 @@

/**
* Chart components exported.
*/
export * from './chart/index';
export * from './accumulation-chart/index';
export * from './common/index';

8

package.json
{
"name": "@syncfusion/ej2-charts",
"version": "15.4.17",
"version": "15.4.20",
"description": "Essential JS 2 Chart Components",

@@ -9,5 +9,5 @@ "author": "Syncfusion Inc.",

"dependencies": {
"@syncfusion/ej2-base": "^15.4.17",
"@syncfusion/ej2-data": "^15.4.17",
"@syncfusion/ej2-popups": "^15.4.17"
"@syncfusion/ej2-base": "^15.4.20",
"@syncfusion/ej2-data": "^15.4.20",
"@syncfusion/ej2-popups": "^15.4.20"
},

@@ -14,0 +14,0 @@ "devDependencies": {

198

src/accumulation-chart/accumulation.js

@@ -521,104 +521,104 @@ var __extends = (this && this.__extends) || (function () {

};
__decorate([
ej2_base_1.Property(null)
], AccumulationChart.prototype, "width", void 0);
__decorate([
ej2_base_1.Property(null)
], AccumulationChart.prototype, "height", void 0);
__decorate([
ej2_base_1.Property(null)
], AccumulationChart.prototype, "title", void 0);
__decorate([
ej2_base_1.Complex(theme_1.Theme.chartTitleFont, base_1.Font)
], AccumulationChart.prototype, "titleStyle", void 0);
__decorate([
ej2_base_1.Complex({}, legend_1.LegendSettings)
], AccumulationChart.prototype, "legendSettings", void 0);
__decorate([
ej2_base_1.Complex({}, acc_base_1.AccumulationTooltipSettings)
], AccumulationChart.prototype, "tooltip", void 0);
__decorate([
ej2_base_1.Property('None')
], AccumulationChart.prototype, "selectionMode", void 0);
__decorate([
ej2_base_1.Property(false)
], AccumulationChart.prototype, "isMultiSelect", void 0);
__decorate([
ej2_base_1.Collection([], base_1.Indexes)
], AccumulationChart.prototype, "selectedDataIndexes", void 0);
__decorate([
ej2_base_1.Complex({}, base_1.Margin)
], AccumulationChart.prototype, "margin", void 0);
__decorate([
ej2_base_1.Property(true)
], AccumulationChart.prototype, "enableSmartLabels", void 0);
__decorate([
ej2_base_1.Complex({ color: '#DDDDDD', width: 0 }, base_1.Border)
], AccumulationChart.prototype, "border", void 0);
__decorate([
ej2_base_1.Property(theme_1.Theme.chartBackgroundColor)
], AccumulationChart.prototype, "background", void 0);
__decorate([
ej2_base_1.Collection([{}], acc_base_1.AccumulationSeries)
], AccumulationChart.prototype, "series", void 0);
__decorate([
ej2_base_1.Collection([{}], acc_base_2.AccumulationAnnotationSettings)
], AccumulationChart.prototype, "annotations", void 0);
__decorate([
ej2_base_1.Property('Material')
], AccumulationChart.prototype, "theme", void 0);
__decorate([
ej2_base_2.Event()
], AccumulationChart.prototype, "loaded", void 0);
__decorate([
ej2_base_2.Event()
], AccumulationChart.prototype, "load", void 0);
__decorate([
ej2_base_2.Event()
], AccumulationChart.prototype, "seriesRender", void 0);
__decorate([
ej2_base_2.Event()
], AccumulationChart.prototype, "legendRender", void 0);
__decorate([
ej2_base_2.Event()
], AccumulationChart.prototype, "textRender", void 0);
__decorate([
ej2_base_2.Event()
], AccumulationChart.prototype, "tooltipRender", void 0);
__decorate([
ej2_base_2.Event()
], AccumulationChart.prototype, "pointRender", void 0);
__decorate([
ej2_base_2.Event()
], AccumulationChart.prototype, "annotationRender", void 0);
__decorate([
ej2_base_2.Event()
], AccumulationChart.prototype, "beforePrint", void 0);
__decorate([
ej2_base_2.Event()
], AccumulationChart.prototype, "chartMouseMove", void 0);
__decorate([
ej2_base_2.Event()
], AccumulationChart.prototype, "chartMouseClick", void 0);
__decorate([
ej2_base_2.Event()
], AccumulationChart.prototype, "animationComplete", void 0);
__decorate([
ej2_base_2.Event()
], AccumulationChart.prototype, "chartMouseDown", void 0);
__decorate([
ej2_base_2.Event()
], AccumulationChart.prototype, "chartMouseLeave", void 0);
__decorate([
ej2_base_2.Event()
], AccumulationChart.prototype, "chartMouseUp", void 0);
__decorate([
ej2_base_2.Event()
], AccumulationChart.prototype, "resized", void 0);
AccumulationChart = __decorate([
ej2_base_1.NotifyPropertyChanges
], AccumulationChart);
return AccumulationChart;
}(ej2_base_1.Component));
__decorate([
ej2_base_1.Property(null)
], AccumulationChart.prototype, "width", void 0);
__decorate([
ej2_base_1.Property(null)
], AccumulationChart.prototype, "height", void 0);
__decorate([
ej2_base_1.Property(null)
], AccumulationChart.prototype, "title", void 0);
__decorate([
ej2_base_1.Complex(theme_1.Theme.chartTitleFont, base_1.Font)
], AccumulationChart.prototype, "titleStyle", void 0);
__decorate([
ej2_base_1.Complex({}, legend_1.LegendSettings)
], AccumulationChart.prototype, "legendSettings", void 0);
__decorate([
ej2_base_1.Complex({}, acc_base_1.AccumulationTooltipSettings)
], AccumulationChart.prototype, "tooltip", void 0);
__decorate([
ej2_base_1.Property('None')
], AccumulationChart.prototype, "selectionMode", void 0);
__decorate([
ej2_base_1.Property(false)
], AccumulationChart.prototype, "isMultiSelect", void 0);
__decorate([
ej2_base_1.Collection([], base_1.Indexes)
], AccumulationChart.prototype, "selectedDataIndexes", void 0);
__decorate([
ej2_base_1.Complex({}, base_1.Margin)
], AccumulationChart.prototype, "margin", void 0);
__decorate([
ej2_base_1.Property(true)
], AccumulationChart.prototype, "enableSmartLabels", void 0);
__decorate([
ej2_base_1.Complex({ color: '#DDDDDD', width: 0 }, base_1.Border)
], AccumulationChart.prototype, "border", void 0);
__decorate([
ej2_base_1.Property(theme_1.Theme.chartBackgroundColor)
], AccumulationChart.prototype, "background", void 0);
__decorate([
ej2_base_1.Collection([{}], acc_base_1.AccumulationSeries)
], AccumulationChart.prototype, "series", void 0);
__decorate([
ej2_base_1.Collection([{}], acc_base_2.AccumulationAnnotationSettings)
], AccumulationChart.prototype, "annotations", void 0);
__decorate([
ej2_base_1.Property('Material')
], AccumulationChart.prototype, "theme", void 0);
__decorate([
ej2_base_2.Event()
], AccumulationChart.prototype, "loaded", void 0);
__decorate([
ej2_base_2.Event()
], AccumulationChart.prototype, "load", void 0);
__decorate([
ej2_base_2.Event()
], AccumulationChart.prototype, "seriesRender", void 0);
__decorate([
ej2_base_2.Event()
], AccumulationChart.prototype, "legendRender", void 0);
__decorate([
ej2_base_2.Event()
], AccumulationChart.prototype, "textRender", void 0);
__decorate([
ej2_base_2.Event()
], AccumulationChart.prototype, "tooltipRender", void 0);
__decorate([
ej2_base_2.Event()
], AccumulationChart.prototype, "pointRender", void 0);
__decorate([
ej2_base_2.Event()
], AccumulationChart.prototype, "annotationRender", void 0);
__decorate([
ej2_base_2.Event()
], AccumulationChart.prototype, "beforePrint", void 0);
__decorate([
ej2_base_2.Event()
], AccumulationChart.prototype, "chartMouseMove", void 0);
__decorate([
ej2_base_2.Event()
], AccumulationChart.prototype, "chartMouseClick", void 0);
__decorate([
ej2_base_2.Event()
], AccumulationChart.prototype, "animationComplete", void 0);
__decorate([
ej2_base_2.Event()
], AccumulationChart.prototype, "chartMouseDown", void 0);
__decorate([
ej2_base_2.Event()
], AccumulationChart.prototype, "chartMouseLeave", void 0);
__decorate([
ej2_base_2.Event()
], AccumulationChart.prototype, "chartMouseUp", void 0);
__decorate([
ej2_base_2.Event()
], AccumulationChart.prototype, "resized", void 0);
AccumulationChart = __decorate([
ej2_base_1.NotifyPropertyChanges
], AccumulationChart);
exports.AccumulationChart = AccumulationChart;
});

330

src/accumulation-chart/model/acc-base.js

@@ -25,28 +25,28 @@ var __extends = (this && this.__extends) || (function () {

}
__decorate([
ej2_base_1.Property(null)
], AccumulationAnnotationSettings.prototype, "content", void 0);
__decorate([
ej2_base_1.Property('0')
], AccumulationAnnotationSettings.prototype, "x", void 0);
__decorate([
ej2_base_1.Property('0')
], AccumulationAnnotationSettings.prototype, "y", void 0);
__decorate([
ej2_base_1.Property('Pixel')
], AccumulationAnnotationSettings.prototype, "coordinateUnits", void 0);
__decorate([
ej2_base_1.Property('Chart')
], AccumulationAnnotationSettings.prototype, "region", void 0);
__decorate([
ej2_base_1.Property('Middle')
], AccumulationAnnotationSettings.prototype, "verticalAlignment", void 0);
__decorate([
ej2_base_1.Property('Center')
], AccumulationAnnotationSettings.prototype, "horizontalAlignment", void 0);
__decorate([
ej2_base_1.Property(null)
], AccumulationAnnotationSettings.prototype, "description", void 0);
return AccumulationAnnotationSettings;
}(ej2_base_1.ChildProperty));
__decorate([
ej2_base_1.Property(null)
], AccumulationAnnotationSettings.prototype, "content", void 0);
__decorate([
ej2_base_1.Property('0')
], AccumulationAnnotationSettings.prototype, "x", void 0);
__decorate([
ej2_base_1.Property('0')
], AccumulationAnnotationSettings.prototype, "y", void 0);
__decorate([
ej2_base_1.Property('Pixel')
], AccumulationAnnotationSettings.prototype, "coordinateUnits", void 0);
__decorate([
ej2_base_1.Property('Chart')
], AccumulationAnnotationSettings.prototype, "region", void 0);
__decorate([
ej2_base_1.Property('Middle')
], AccumulationAnnotationSettings.prototype, "verticalAlignment", void 0);
__decorate([
ej2_base_1.Property('Center')
], AccumulationAnnotationSettings.prototype, "horizontalAlignment", void 0);
__decorate([
ej2_base_1.Property(null)
], AccumulationAnnotationSettings.prototype, "description", void 0);
exports.AccumulationAnnotationSettings = AccumulationAnnotationSettings;

@@ -58,34 +58,34 @@ var AccumulationDataLabelSettings = (function (_super) {

}
__decorate([
ej2_base_1.Property(false)
], AccumulationDataLabelSettings.prototype, "visible", void 0);
__decorate([
ej2_base_1.Property(null)
], AccumulationDataLabelSettings.prototype, "name", void 0);
__decorate([
ej2_base_1.Property('transparent')
], AccumulationDataLabelSettings.prototype, "fill", void 0);
__decorate([
ej2_base_1.Property('Inside')
], AccumulationDataLabelSettings.prototype, "position", void 0);
__decorate([
ej2_base_1.Property(5)
], AccumulationDataLabelSettings.prototype, "rx", void 0);
__decorate([
ej2_base_1.Property(5)
], AccumulationDataLabelSettings.prototype, "ry", void 0);
__decorate([
ej2_base_1.Complex({ width: null, color: null }, base_1.Border)
], AccumulationDataLabelSettings.prototype, "border", void 0);
__decorate([
ej2_base_1.Complex({ size: '11px', color: null }, base_1.Font)
], AccumulationDataLabelSettings.prototype, "font", void 0);
__decorate([
ej2_base_1.Complex({}, base_1.Connector)
], AccumulationDataLabelSettings.prototype, "connectorStyle", void 0);
__decorate([
ej2_base_1.Property(null)
], AccumulationDataLabelSettings.prototype, "template", void 0);
return AccumulationDataLabelSettings;
}(ej2_base_1.ChildProperty));
__decorate([
ej2_base_1.Property(false)
], AccumulationDataLabelSettings.prototype, "visible", void 0);
__decorate([
ej2_base_1.Property(null)
], AccumulationDataLabelSettings.prototype, "name", void 0);
__decorate([
ej2_base_1.Property('transparent')
], AccumulationDataLabelSettings.prototype, "fill", void 0);
__decorate([
ej2_base_1.Property('Inside')
], AccumulationDataLabelSettings.prototype, "position", void 0);
__decorate([
ej2_base_1.Property(5)
], AccumulationDataLabelSettings.prototype, "rx", void 0);
__decorate([
ej2_base_1.Property(5)
], AccumulationDataLabelSettings.prototype, "ry", void 0);
__decorate([
ej2_base_1.Complex({ width: null, color: null }, base_1.Border)
], AccumulationDataLabelSettings.prototype, "border", void 0);
__decorate([
ej2_base_1.Complex({ size: '11px', color: null }, base_1.Font)
], AccumulationDataLabelSettings.prototype, "font", void 0);
__decorate([
ej2_base_1.Complex({}, base_1.Connector)
], AccumulationDataLabelSettings.prototype, "connectorStyle", void 0);
__decorate([
ej2_base_1.Property(null)
], AccumulationDataLabelSettings.prototype, "template", void 0);
exports.AccumulationDataLabelSettings = AccumulationDataLabelSettings;

@@ -97,25 +97,25 @@ var AccumulationTooltipSettings = (function (_super) {

}
__decorate([
ej2_base_1.Property(false)
], AccumulationTooltipSettings.prototype, "enable", void 0);
__decorate([
ej2_base_1.Property(true)
], AccumulationTooltipSettings.prototype, "enableAnimation", void 0);
__decorate([
ej2_base_1.Property(null)
], AccumulationTooltipSettings.prototype, "format", void 0);
__decorate([
ej2_base_1.Property('#FFFFFF')
], AccumulationTooltipSettings.prototype, "fill", void 0);
__decorate([
ej2_base_1.Complex({ color: null }, base_1.Border)
], AccumulationTooltipSettings.prototype, "border", void 0);
__decorate([
ej2_base_1.Property(null)
], AccumulationTooltipSettings.prototype, "template", void 0);
__decorate([
ej2_base_1.Complex(theme_1.Theme.tooltipLabelFont, base_1.Font)
], AccumulationTooltipSettings.prototype, "textStyle", void 0);
return AccumulationTooltipSettings;
}(ej2_base_1.ChildProperty));
__decorate([
ej2_base_1.Property(false)
], AccumulationTooltipSettings.prototype, "enable", void 0);
__decorate([
ej2_base_1.Property(true)
], AccumulationTooltipSettings.prototype, "enableAnimation", void 0);
__decorate([
ej2_base_1.Property(null)
], AccumulationTooltipSettings.prototype, "format", void 0);
__decorate([
ej2_base_1.Property('#FFFFFF')
], AccumulationTooltipSettings.prototype, "fill", void 0);
__decorate([
ej2_base_1.Complex({ color: null }, base_1.Border)
], AccumulationTooltipSettings.prototype, "border", void 0);
__decorate([
ej2_base_1.Property(null)
], AccumulationTooltipSettings.prototype, "template", void 0);
__decorate([
ej2_base_1.Complex(theme_1.Theme.tooltipLabelFont, base_1.Font)
], AccumulationTooltipSettings.prototype, "textStyle", void 0);
exports.AccumulationTooltipSettings = AccumulationTooltipSettings;

@@ -309,94 +309,94 @@ var AccPoints = (function () {

};
__decorate([
ej2_base_1.Property('')
], AccumulationSeries.prototype, "dataSource", void 0);
__decorate([
ej2_base_1.Property()
], AccumulationSeries.prototype, "query", void 0);
__decorate([
ej2_base_1.Property('')
], AccumulationSeries.prototype, "xName", void 0);
__decorate([
ej2_base_1.Property('')
], AccumulationSeries.prototype, "name", void 0);
__decorate([
ej2_base_1.Property('')
], AccumulationSeries.prototype, "yName", void 0);
__decorate([
ej2_base_1.Property(true)
], AccumulationSeries.prototype, "visible", void 0);
__decorate([
ej2_base_1.Complex({ color: null, width: 0 }, base_1.Border)
], AccumulationSeries.prototype, "border", void 0);
__decorate([
ej2_base_1.Complex(null, base_1.Animation)
], AccumulationSeries.prototype, "animation", void 0);
__decorate([
ej2_base_1.Property('SeriesType')
], AccumulationSeries.prototype, "legendShape", void 0);
__decorate([
ej2_base_1.Property(null)
], AccumulationSeries.prototype, "selectionStyle", void 0);
__decorate([
ej2_base_1.Property(null)
], AccumulationSeries.prototype, "groupTo", void 0);
__decorate([
ej2_base_1.Complex({}, AccumulationDataLabelSettings)
], AccumulationSeries.prototype, "dataLabel", void 0);
__decorate([
ej2_base_1.Property([])
], AccumulationSeries.prototype, "palettes", void 0);
__decorate([
ej2_base_1.Property(0)
], AccumulationSeries.prototype, "startAngle", void 0);
__decorate([
ej2_base_1.Property(360)
], AccumulationSeries.prototype, "endAngle", void 0);
__decorate([
ej2_base_1.Property('80%')
], AccumulationSeries.prototype, "radius", void 0);
__decorate([
ej2_base_1.Property('0')
], AccumulationSeries.prototype, "innerRadius", void 0);
__decorate([
ej2_base_1.Property('Pie')
], AccumulationSeries.prototype, "type", void 0);
__decorate([
ej2_base_1.Property(true)
], AccumulationSeries.prototype, "enableTooltip", void 0);
__decorate([
ej2_base_1.Property(false)
], AccumulationSeries.prototype, "explode", void 0);
__decorate([
ej2_base_1.Property('30%')
], AccumulationSeries.prototype, "explodeOffset", void 0);
__decorate([
ej2_base_1.Property(false)
], AccumulationSeries.prototype, "explodeAll", void 0);
__decorate([
ej2_base_1.Property(null)
], AccumulationSeries.prototype, "explodeIndex", void 0);
__decorate([
ej2_base_1.Complex({ mode: 'Drop' }, base_1.EmptyPointSettings)
], AccumulationSeries.prototype, "emptyPointSettings", void 0);
__decorate([
ej2_base_1.Property(0)
], AccumulationSeries.prototype, "gapRatio", void 0);
__decorate([
ej2_base_1.Property('80%')
], AccumulationSeries.prototype, "width", void 0);
__decorate([
ej2_base_1.Property('80%')
], AccumulationSeries.prototype, "height", void 0);
__decorate([
ej2_base_1.Property('20%')
], AccumulationSeries.prototype, "neckWidth", void 0);
__decorate([
ej2_base_1.Property('20%')
], AccumulationSeries.prototype, "neckHeight", void 0);
__decorate([
ej2_base_1.Property('Linear')
], AccumulationSeries.prototype, "pyramidMode", void 0);
return AccumulationSeries;
}(ej2_base_1.ChildProperty));
__decorate([
ej2_base_1.Property('')
], AccumulationSeries.prototype, "dataSource", void 0);
__decorate([
ej2_base_1.Property()
], AccumulationSeries.prototype, "query", void 0);
__decorate([
ej2_base_1.Property('')
], AccumulationSeries.prototype, "xName", void 0);
__decorate([
ej2_base_1.Property('')
], AccumulationSeries.prototype, "name", void 0);
__decorate([
ej2_base_1.Property('')
], AccumulationSeries.prototype, "yName", void 0);
__decorate([
ej2_base_1.Property(true)
], AccumulationSeries.prototype, "visible", void 0);
__decorate([
ej2_base_1.Complex({ color: null, width: 0 }, base_1.Border)
], AccumulationSeries.prototype, "border", void 0);
__decorate([
ej2_base_1.Complex(null, base_1.Animation)
], AccumulationSeries.prototype, "animation", void 0);
__decorate([
ej2_base_1.Property('SeriesType')
], AccumulationSeries.prototype, "legendShape", void 0);
__decorate([
ej2_base_1.Property(null)
], AccumulationSeries.prototype, "selectionStyle", void 0);
__decorate([
ej2_base_1.Property(null)
], AccumulationSeries.prototype, "groupTo", void 0);
__decorate([
ej2_base_1.Complex({}, AccumulationDataLabelSettings)
], AccumulationSeries.prototype, "dataLabel", void 0);
__decorate([
ej2_base_1.Property([])
], AccumulationSeries.prototype, "palettes", void 0);
__decorate([
ej2_base_1.Property(0)
], AccumulationSeries.prototype, "startAngle", void 0);
__decorate([
ej2_base_1.Property(360)
], AccumulationSeries.prototype, "endAngle", void 0);
__decorate([
ej2_base_1.Property('80%')
], AccumulationSeries.prototype, "radius", void 0);
__decorate([
ej2_base_1.Property('0')
], AccumulationSeries.prototype, "innerRadius", void 0);
__decorate([
ej2_base_1.Property('Pie')
], AccumulationSeries.prototype, "type", void 0);
__decorate([
ej2_base_1.Property(true)
], AccumulationSeries.prototype, "enableTooltip", void 0);
__decorate([
ej2_base_1.Property(false)
], AccumulationSeries.prototype, "explode", void 0);
__decorate([
ej2_base_1.Property('30%')
], AccumulationSeries.prototype, "explodeOffset", void 0);
__decorate([
ej2_base_1.Property(false)
], AccumulationSeries.prototype, "explodeAll", void 0);
__decorate([
ej2_base_1.Property(null)
], AccumulationSeries.prototype, "explodeIndex", void 0);
__decorate([
ej2_base_1.Complex({ mode: 'Drop' }, base_1.EmptyPointSettings)
], AccumulationSeries.prototype, "emptyPointSettings", void 0);
__decorate([
ej2_base_1.Property(0)
], AccumulationSeries.prototype, "gapRatio", void 0);
__decorate([
ej2_base_1.Property('80%')
], AccumulationSeries.prototype, "width", void 0);
__decorate([
ej2_base_1.Property('80%')
], AccumulationSeries.prototype, "height", void 0);
__decorate([
ej2_base_1.Property('20%')
], AccumulationSeries.prototype, "neckWidth", void 0);
__decorate([
ej2_base_1.Property('20%')
], AccumulationSeries.prototype, "neckHeight", void 0);
__decorate([
ej2_base_1.Property('Linear')
], AccumulationSeries.prototype, "pyramidMode", void 0);
exports.AccumulationSeries = AccumulationSeries;

@@ -403,0 +403,0 @@ function getSeriesFromIndex(index, visibleSeries) {

390

src/chart/axis/axis.js

@@ -48,10 +48,10 @@ var __extends = (this && this.__extends) || (function () {

};
__decorate([
ej2_base_1.Property('100%')
], Row.prototype, "height", void 0);
__decorate([
ej2_base_1.Complex({}, base_1.Border)
], Row.prototype, "border", void 0);
return Row;
}(ej2_base_1.ChildProperty));
__decorate([
ej2_base_1.Property('100%')
], Row.prototype, "height", void 0);
__decorate([
ej2_base_1.Complex({}, base_1.Border)
], Row.prototype, "border", void 0);
exports.Row = Row;

@@ -86,10 +86,10 @@ var Column = (function (_super) {

};
__decorate([
ej2_base_1.Property('100%')
], Column.prototype, "width", void 0);
__decorate([
ej2_base_1.Complex({}, base_1.Border)
], Column.prototype, "border", void 0);
return Column;
}(ej2_base_1.ChildProperty));
__decorate([
ej2_base_1.Property('100%')
], Column.prototype, "width", void 0);
__decorate([
ej2_base_1.Complex({}, base_1.Border)
], Column.prototype, "border", void 0);
exports.Column = Column;

@@ -101,13 +101,13 @@ var MajorGridLines = (function (_super) {

}
__decorate([
ej2_base_1.Property(1)
], MajorGridLines.prototype, "width", void 0);
__decorate([
ej2_base_1.Property('')
], MajorGridLines.prototype, "dashArray", void 0);
__decorate([
ej2_base_1.Property(theme_1.Theme.axisMajorGridLineColor)
], MajorGridLines.prototype, "color", void 0);
return MajorGridLines;
}(ej2_base_1.ChildProperty));
__decorate([
ej2_base_1.Property(1)
], MajorGridLines.prototype, "width", void 0);
__decorate([
ej2_base_1.Property('')
], MajorGridLines.prototype, "dashArray", void 0);
__decorate([
ej2_base_1.Property(theme_1.Theme.axisMajorGridLineColor)
], MajorGridLines.prototype, "color", void 0);
exports.MajorGridLines = MajorGridLines;

@@ -119,13 +119,13 @@ var MinorGridLines = (function (_super) {

}
__decorate([
ej2_base_1.Property(0.7)
], MinorGridLines.prototype, "width", void 0);
__decorate([
ej2_base_1.Property('')
], MinorGridLines.prototype, "dashArray", void 0);
__decorate([
ej2_base_1.Property(theme_1.Theme.axisMinorGridLineColor)
], MinorGridLines.prototype, "color", void 0);
return MinorGridLines;
}(ej2_base_1.ChildProperty));
__decorate([
ej2_base_1.Property(0.7)
], MinorGridLines.prototype, "width", void 0);
__decorate([
ej2_base_1.Property('')
], MinorGridLines.prototype, "dashArray", void 0);
__decorate([
ej2_base_1.Property(theme_1.Theme.axisMinorGridLineColor)
], MinorGridLines.prototype, "color", void 0);
exports.MinorGridLines = MinorGridLines;

@@ -137,13 +137,13 @@ var AxisLine = (function (_super) {

}
__decorate([
ej2_base_1.Property(1)
], AxisLine.prototype, "width", void 0);
__decorate([
ej2_base_1.Property('')
], AxisLine.prototype, "dashArray", void 0);
__decorate([
ej2_base_1.Property(theme_1.Theme.axisLineColor)
], AxisLine.prototype, "color", void 0);
return AxisLine;
}(ej2_base_1.ChildProperty));
__decorate([
ej2_base_1.Property(1)
], AxisLine.prototype, "width", void 0);
__decorate([
ej2_base_1.Property('')
], AxisLine.prototype, "dashArray", void 0);
__decorate([
ej2_base_1.Property(theme_1.Theme.axisLineColor)
], AxisLine.prototype, "color", void 0);
exports.AxisLine = AxisLine;

@@ -155,13 +155,13 @@ var MajorTickLines = (function (_super) {

}
__decorate([
ej2_base_1.Property(1)
], MajorTickLines.prototype, "width", void 0);
__decorate([
ej2_base_1.Property(5)
], MajorTickLines.prototype, "height", void 0);
__decorate([
ej2_base_1.Property(theme_1.Theme.axisMajorTickLineColor)
], MajorTickLines.prototype, "color", void 0);
return MajorTickLines;
}(ej2_base_1.ChildProperty));
__decorate([
ej2_base_1.Property(1)
], MajorTickLines.prototype, "width", void 0);
__decorate([
ej2_base_1.Property(5)
], MajorTickLines.prototype, "height", void 0);
__decorate([
ej2_base_1.Property(theme_1.Theme.axisMajorTickLineColor)
], MajorTickLines.prototype, "color", void 0);
exports.MajorTickLines = MajorTickLines;

@@ -173,13 +173,13 @@ var MinorTickLines = (function (_super) {

}
__decorate([
ej2_base_1.Property(0.7)
], MinorTickLines.prototype, "width", void 0);
__decorate([
ej2_base_1.Property(5)
], MinorTickLines.prototype, "height", void 0);
__decorate([
ej2_base_1.Property(theme_1.Theme.axisMinorTickLineColor)
], MinorTickLines.prototype, "color", void 0);
return MinorTickLines;
}(ej2_base_1.ChildProperty));
__decorate([
ej2_base_1.Property(0.7)
], MinorTickLines.prototype, "width", void 0);
__decorate([
ej2_base_1.Property(5)
], MinorTickLines.prototype, "height", void 0);
__decorate([
ej2_base_1.Property(theme_1.Theme.axisMinorTickLineColor)
], MinorTickLines.prototype, "color", void 0);
exports.MinorTickLines = MinorTickLines;

@@ -191,13 +191,13 @@ var CrosshairTooltip = (function (_super) {

}
__decorate([
ej2_base_1.Property(false)
], CrosshairTooltip.prototype, "enable", void 0);
__decorate([
ej2_base_1.Property(theme_1.Theme.crossHairLabelColor)
], CrosshairTooltip.prototype, "fill", void 0);
__decorate([
ej2_base_1.Complex(theme_1.Theme.crosshairLabelFont, base_1.Font)
], CrosshairTooltip.prototype, "textStyle", void 0);
return CrosshairTooltip;
}(ej2_base_1.ChildProperty));
__decorate([
ej2_base_1.Property(false)
], CrosshairTooltip.prototype, "enable", void 0);
__decorate([
ej2_base_1.Property(theme_1.Theme.crossHairLabelColor)
], CrosshairTooltip.prototype, "fill", void 0);
__decorate([
ej2_base_1.Complex(theme_1.Theme.crosshairLabelFont, base_1.Font)
], CrosshairTooltip.prototype, "textStyle", void 0);
exports.CrosshairTooltip = CrosshairTooltip;

@@ -417,133 +417,133 @@ var Axis = (function (_super) {

};
__decorate([
ej2_base_1.Complex(theme_1.Theme.axisLabelFont, base_1.Font)
], Axis.prototype, "labelStyle", void 0);
__decorate([
ej2_base_1.Complex({}, CrosshairTooltip)
], Axis.prototype, "crosshairTooltip", void 0);
__decorate([
ej2_base_1.Property('')
], Axis.prototype, "title", void 0);
__decorate([
ej2_base_1.Complex(theme_1.Theme.axisTitleFont, base_1.Font)
], Axis.prototype, "titleStyle", void 0);
__decorate([
ej2_base_1.Property('')
], Axis.prototype, "labelFormat", void 0);
__decorate([
ej2_base_1.Property('')
], Axis.prototype, "skeleton", void 0);
__decorate([
ej2_base_1.Property('DateTime')
], Axis.prototype, "skeletonType", void 0);
__decorate([
ej2_base_1.Property(0)
], Axis.prototype, "plotOffset", void 0);
__decorate([
ej2_base_1.Property(false)
], Axis.prototype, "isIndexed", void 0);
__decorate([
ej2_base_1.Property(10)
], Axis.prototype, "logBase", void 0);
__decorate([
ej2_base_1.Property(0)
], Axis.prototype, "columnIndex", void 0);
__decorate([
ej2_base_1.Property(0)
], Axis.prototype, "rowIndex", void 0);
__decorate([
ej2_base_1.Property(1)
], Axis.prototype, "span", void 0);
__decorate([
ej2_base_1.Property(null)
], Axis.prototype, "desiredIntervals", void 0);
__decorate([
ej2_base_1.Property(3)
], Axis.prototype, "maximumLabels", void 0);
__decorate([
ej2_base_1.Property(1)
], Axis.prototype, "zoomFactor", void 0);
__decorate([
ej2_base_1.Property(0)
], Axis.prototype, "zoomPosition", void 0);
__decorate([
ej2_base_1.Property(false)
], Axis.prototype, "opposedPosition", void 0);
__decorate([
ej2_base_1.Property(true)
], Axis.prototype, "enableAutoIntervalOnZooming", void 0);
__decorate([
ej2_base_1.Property('Auto')
], Axis.prototype, "rangePadding", void 0);
__decorate([
ej2_base_1.Property('Double')
], Axis.prototype, "valueType", void 0);
__decorate([
ej2_base_1.Property('None')
], Axis.prototype, "edgeLabelPlacement", void 0);
__decorate([
ej2_base_1.Property('Auto')
], Axis.prototype, "intervalType", void 0);
__decorate([
ej2_base_1.Property('BetweenTicks')
], Axis.prototype, "labelPlacement", void 0);
__decorate([
ej2_base_1.Property('')
], Axis.prototype, "name", void 0);
__decorate([
ej2_base_1.Property(true)
], Axis.prototype, "visible", void 0);
__decorate([
ej2_base_1.Property(0)
], Axis.prototype, "minorTicksPerInterval", void 0);
__decorate([
ej2_base_1.Property(0)
], Axis.prototype, "labelRotation", void 0);
__decorate([
ej2_base_1.Property(null)
], Axis.prototype, "minimum", void 0);
__decorate([
ej2_base_1.Property(null)
], Axis.prototype, "maximum", void 0);
__decorate([
ej2_base_1.Property(null)
], Axis.prototype, "interval", void 0);
__decorate([
ej2_base_1.Complex({}, MajorTickLines)
], Axis.prototype, "majorTickLines", void 0);
__decorate([
ej2_base_1.Complex({}, MinorTickLines)
], Axis.prototype, "minorTickLines", void 0);
__decorate([
ej2_base_1.Complex({}, MajorGridLines)
], Axis.prototype, "majorGridLines", void 0);
__decorate([
ej2_base_1.Complex({}, MinorGridLines)
], Axis.prototype, "minorGridLines", void 0);
__decorate([
ej2_base_1.Complex({}, AxisLine)
], Axis.prototype, "lineStyle", void 0);
__decorate([
ej2_base_1.Property('Hide')
], Axis.prototype, "labelIntersectAction", void 0);
__decorate([
ej2_base_1.Property(false)
], Axis.prototype, "isInversed", void 0);
__decorate([
ej2_base_1.Property(100)
], Axis.prototype, "coefficient", void 0);
__decorate([
ej2_base_1.Property(0)
], Axis.prototype, "startAngle", void 0);
__decorate([
ej2_base_1.Property(null)
], Axis.prototype, "description", void 0);
__decorate([
ej2_base_1.Property(2)
], Axis.prototype, "tabIndex", void 0);
__decorate([
ej2_base_1.Collection([], chart_base_1.StripLineSettings)
], Axis.prototype, "stripLines", void 0);
return Axis;
}(ej2_base_1.ChildProperty));
__decorate([
ej2_base_1.Complex(theme_1.Theme.axisLabelFont, base_1.Font)
], Axis.prototype, "labelStyle", void 0);
__decorate([
ej2_base_1.Complex({}, CrosshairTooltip)
], Axis.prototype, "crosshairTooltip", void 0);
__decorate([
ej2_base_1.Property('')
], Axis.prototype, "title", void 0);
__decorate([
ej2_base_1.Complex(theme_1.Theme.axisTitleFont, base_1.Font)
], Axis.prototype, "titleStyle", void 0);
__decorate([
ej2_base_1.Property('')
], Axis.prototype, "labelFormat", void 0);
__decorate([
ej2_base_1.Property('')
], Axis.prototype, "skeleton", void 0);
__decorate([
ej2_base_1.Property('DateTime')
], Axis.prototype, "skeletonType", void 0);
__decorate([
ej2_base_1.Property(0)
], Axis.prototype, "plotOffset", void 0);
__decorate([
ej2_base_1.Property(false)
], Axis.prototype, "isIndexed", void 0);
__decorate([
ej2_base_1.Property(10)
], Axis.prototype, "logBase", void 0);
__decorate([
ej2_base_1.Property(0)
], Axis.prototype, "columnIndex", void 0);
__decorate([
ej2_base_1.Property(0)
], Axis.prototype, "rowIndex", void 0);
__decorate([
ej2_base_1.Property(1)
], Axis.prototype, "span", void 0);
__decorate([
ej2_base_1.Property(null)
], Axis.prototype, "desiredIntervals", void 0);
__decorate([
ej2_base_1.Property(3)
], Axis.prototype, "maximumLabels", void 0);
__decorate([
ej2_base_1.Property(1)
], Axis.prototype, "zoomFactor", void 0);
__decorate([
ej2_base_1.Property(0)
], Axis.prototype, "zoomPosition", void 0);
__decorate([
ej2_base_1.Property(false)
], Axis.prototype, "opposedPosition", void 0);
__decorate([
ej2_base_1.Property(true)
], Axis.prototype, "enableAutoIntervalOnZooming", void 0);
__decorate([
ej2_base_1.Property('Auto')
], Axis.prototype, "rangePadding", void 0);
__decorate([
ej2_base_1.Property('Double')
], Axis.prototype, "valueType", void 0);
__decorate([
ej2_base_1.Property('None')
], Axis.prototype, "edgeLabelPlacement", void 0);
__decorate([
ej2_base_1.Property('Auto')
], Axis.prototype, "intervalType", void 0);
__decorate([
ej2_base_1.Property('BetweenTicks')
], Axis.prototype, "labelPlacement", void 0);
__decorate([
ej2_base_1.Property('')
], Axis.prototype, "name", void 0);
__decorate([
ej2_base_1.Property(true)
], Axis.prototype, "visible", void 0);
__decorate([
ej2_base_1.Property(0)
], Axis.prototype, "minorTicksPerInterval", void 0);
__decorate([
ej2_base_1.Property(0)
], Axis.prototype, "labelRotation", void 0);
__decorate([
ej2_base_1.Property(null)
], Axis.prototype, "minimum", void 0);
__decorate([
ej2_base_1.Property(null)
], Axis.prototype, "maximum", void 0);
__decorate([
ej2_base_1.Property(null)
], Axis.prototype, "interval", void 0);
__decorate([
ej2_base_1.Complex({}, MajorTickLines)
], Axis.prototype, "majorTickLines", void 0);
__decorate([
ej2_base_1.Complex({}, MinorTickLines)
], Axis.prototype, "minorTickLines", void 0);
__decorate([
ej2_base_1.Complex({}, MajorGridLines)
], Axis.prototype, "majorGridLines", void 0);
__decorate([
ej2_base_1.Complex({}, MinorGridLines)
], Axis.prototype, "minorGridLines", void 0);
__decorate([
ej2_base_1.Complex({}, AxisLine)
], Axis.prototype, "lineStyle", void 0);
__decorate([
ej2_base_1.Property('Hide')
], Axis.prototype, "labelIntersectAction", void 0);
__decorate([
ej2_base_1.Property(false)
], Axis.prototype, "isInversed", void 0);
__decorate([
ej2_base_1.Property(100)
], Axis.prototype, "coefficient", void 0);
__decorate([
ej2_base_1.Property(0)
], Axis.prototype, "startAngle", void 0);
__decorate([
ej2_base_1.Property(null)
], Axis.prototype, "description", void 0);
__decorate([
ej2_base_1.Property(2)
], Axis.prototype, "tabIndex", void 0);
__decorate([
ej2_base_1.Collection([], chart_base_1.StripLineSettings)
], Axis.prototype, "stripLines", void 0);
exports.Axis = Axis;

@@ -550,0 +550,0 @@ var VisibleLabels = (function () {

7

src/chart/axis/date-time-axis.js

@@ -171,3 +171,8 @@ var __extends = (this && this.__extends) || (function () {

DateTime.prototype.calculateVisibleRange = function (size, axis) {
axis.visibleRange = axis.actualRange;
axis.visibleRange = {
min: axis.actualRange.min,
max: axis.actualRange.max,
interval: axis.actualRange.interval,
delta: axis.actualRange.delta,
};
if (axis.zoomFactor < 1 || axis.zoomPosition > 0) {

@@ -174,0 +179,0 @@ axis.calculateVisibleRange(size);

5

src/chart/axis/double-axis.js

@@ -175,3 +175,6 @@ define(["require", "exports", "../../common/utils/helper", "../utils/double-range", "../../common/utils/helper"], function (require, exports, helper_1, double_range_1, helper_2) {

Double.prototype.calculateVisibleRange = function (size, axis) {
axis.visibleRange = axis.actualRange;
axis.visibleRange = {
max: axis.actualRange.max, min: axis.actualRange.min,
delta: axis.actualRange.delta, interval: axis.actualRange.interval
};
if (axis.zoomFactor < 1 || axis.zoomPosition > 0) {

@@ -178,0 +181,0 @@ axis.calculateVisibleRange(size);

7

src/chart/axis/logarithmic-axis.js

@@ -40,3 +40,6 @@ var __extends = (this && this.__extends) || (function () {

Logarithmic.prototype.calculateVisibleRange = function (size, axis) {
axis.visibleRange = axis.actualRange;
axis.visibleRange = {
interval: axis.actualRange.interval, max: axis.actualRange.max,
min: axis.actualRange.min, delta: axis.actualRange.delta
};
if (axis.zoomFactor < 1 || axis.zoomPosition > 0) {

@@ -76,3 +79,3 @@ axis.calculateVisibleRange(size);

for (; tempInterval <= axis.visibleRange.max; tempInterval += axis.visibleRange.interval) {
if (helper_1.withIn(tempInterval, axis.actualRange)) {
if (helper_1.withIn(tempInterval, axis.visibleRange)) {
axis.triggerLabelRender(this.chart, tempInterval, this.formatValue(axis, isCustomFormat, axisFormat, Math.pow(axis.logBase, tempInterval)));

@@ -79,0 +82,0 @@ }

408

src/chart/chart.js

@@ -25,34 +25,34 @@ var __extends = (this && this.__extends) || (function () {

}
__decorate([
ej2_base_1.Property(false)
], TooltipSettings.prototype, "enable", void 0);
__decorate([
ej2_base_1.Property(false)
], TooltipSettings.prototype, "shared", void 0);
__decorate([
ej2_base_1.Property('#000816')
], TooltipSettings.prototype, "fill", void 0);
__decorate([
ej2_base_1.Property(null)
], TooltipSettings.prototype, "header", void 0);
__decorate([
ej2_base_1.Property(0.75)
], TooltipSettings.prototype, "opacity", void 0);
__decorate([
ej2_base_6.Complex(theme_1.Theme.tooltipLabelFont, base_1.Font)
], TooltipSettings.prototype, "textStyle", void 0);
__decorate([
ej2_base_1.Property(null)
], TooltipSettings.prototype, "format", void 0);
__decorate([
ej2_base_1.Property(null)
], TooltipSettings.prototype, "template", void 0);
__decorate([
ej2_base_1.Property(true)
], TooltipSettings.prototype, "enableAnimation", void 0);
__decorate([
ej2_base_6.Complex({ color: '#cccccc', width: 0.5 }, base_1.Border)
], TooltipSettings.prototype, "border", void 0);
return TooltipSettings;
}(ej2_base_2.ChildProperty));
__decorate([
ej2_base_1.Property(false)
], TooltipSettings.prototype, "enable", void 0);
__decorate([
ej2_base_1.Property(false)
], TooltipSettings.prototype, "shared", void 0);
__decorate([
ej2_base_1.Property('#000816')
], TooltipSettings.prototype, "fill", void 0);
__decorate([
ej2_base_1.Property(null)
], TooltipSettings.prototype, "header", void 0);
__decorate([
ej2_base_1.Property(0.75)
], TooltipSettings.prototype, "opacity", void 0);
__decorate([
ej2_base_6.Complex(theme_1.Theme.tooltipLabelFont, base_1.Font)
], TooltipSettings.prototype, "textStyle", void 0);
__decorate([
ej2_base_1.Property(null)
], TooltipSettings.prototype, "format", void 0);
__decorate([
ej2_base_1.Property(null)
], TooltipSettings.prototype, "template", void 0);
__decorate([
ej2_base_1.Property(true)
], TooltipSettings.prototype, "enableAnimation", void 0);
__decorate([
ej2_base_6.Complex({ color: '#cccccc', width: 0.5 }, base_1.Border)
], TooltipSettings.prototype, "border", void 0);
exports.TooltipSettings = TooltipSettings;

@@ -64,13 +64,13 @@ var CrosshairSettings = (function (_super) {

}
__decorate([
ej2_base_1.Property(false)
], CrosshairSettings.prototype, "enable", void 0);
__decorate([
ej2_base_6.Complex({ color: '#4f4f4f', width: 1 }, base_1.Border)
], CrosshairSettings.prototype, "line", void 0);
__decorate([
ej2_base_1.Property('Both')
], CrosshairSettings.prototype, "lineType", void 0);
return CrosshairSettings;
}(ej2_base_2.ChildProperty));
__decorate([
ej2_base_1.Property(false)
], CrosshairSettings.prototype, "enable", void 0);
__decorate([
ej2_base_6.Complex({ color: '#4f4f4f', width: 1 }, base_1.Border)
], CrosshairSettings.prototype, "line", void 0);
__decorate([
ej2_base_1.Property('Both')
], CrosshairSettings.prototype, "lineType", void 0);
exports.CrosshairSettings = CrosshairSettings;

@@ -82,22 +82,22 @@ var ZoomSettings = (function (_super) {

}
__decorate([
ej2_base_1.Property(false)
], ZoomSettings.prototype, "enableSelectionZooming", void 0);
__decorate([
ej2_base_1.Property(false)
], ZoomSettings.prototype, "enablePinchZooming", void 0);
__decorate([
ej2_base_1.Property(false)
], ZoomSettings.prototype, "enableMouseWheelZooming", void 0);
__decorate([
ej2_base_1.Property(true)
], ZoomSettings.prototype, "enableDeferredZooming", void 0);
__decorate([
ej2_base_1.Property('XY')
], ZoomSettings.prototype, "mode", void 0);
__decorate([
ej2_base_1.Property(['Zoom', 'ZoomIn', 'ZoomOut', 'Pan', 'Reset'])
], ZoomSettings.prototype, "toolbarItems", void 0);
return ZoomSettings;
}(ej2_base_2.ChildProperty));
__decorate([
ej2_base_1.Property(false)
], ZoomSettings.prototype, "enableSelectionZooming", void 0);
__decorate([
ej2_base_1.Property(false)
], ZoomSettings.prototype, "enablePinchZooming", void 0);
__decorate([
ej2_base_1.Property(false)
], ZoomSettings.prototype, "enableMouseWheelZooming", void 0);
__decorate([
ej2_base_1.Property(true)
], ZoomSettings.prototype, "enableDeferredZooming", void 0);
__decorate([
ej2_base_1.Property('XY')
], ZoomSettings.prototype, "mode", void 0);
__decorate([
ej2_base_1.Property(['Zoom', 'ZoomIn', 'ZoomOut', 'Pan', 'Reset'])
], ZoomSettings.prototype, "toolbarItems", void 0);
exports.ZoomSettings = ZoomSettings;

@@ -1175,152 +1175,152 @@ var Chart = (function (_super) {

};
__decorate([
ej2_base_1.Property(null)
], Chart.prototype, "width", void 0);
__decorate([
ej2_base_1.Property(null)
], Chart.prototype, "height", void 0);
__decorate([
ej2_base_1.Property('')
], Chart.prototype, "title", void 0);
__decorate([
ej2_base_6.Complex(theme_1.Theme.chartTitleFont, base_1.Font)
], Chart.prototype, "titleStyle", void 0);
__decorate([
ej2_base_6.Complex({}, base_1.Margin)
], Chart.prototype, "margin", void 0);
__decorate([
ej2_base_6.Complex({ color: '#DDDDDD', width: 0 }, base_1.Border)
], Chart.prototype, "border", void 0);
__decorate([
ej2_base_1.Property(theme_1.Theme.chartBackgroundColor)
], Chart.prototype, "background", void 0);
__decorate([
ej2_base_6.Complex({ border: { color: 'Gray', width: 0.5 }, background: 'transparent' }, base_1.ChartArea)
], Chart.prototype, "chartArea", void 0);
__decorate([
ej2_base_6.Complex({ name: 'primaryXAxis' }, axis_1.Axis)
], Chart.prototype, "primaryXAxis", void 0);
__decorate([
ej2_base_6.Complex({ name: 'primaryYAxis' }, axis_1.Axis)
], Chart.prototype, "primaryYAxis", void 0);
__decorate([
ej2_base_6.Collection([{}], axis_1.Row)
], Chart.prototype, "rows", void 0);
__decorate([
ej2_base_6.Collection([{}], axis_1.Column)
], Chart.prototype, "columns", void 0);
__decorate([
ej2_base_6.Collection([{}], axis_1.Axis)
], Chart.prototype, "axes", void 0);
__decorate([
ej2_base_6.Collection([{}], chart_series_1.Series)
], Chart.prototype, "series", void 0);
__decorate([
ej2_base_6.Collection([{}], chart_base_1.ChartAnnotationSettings)
], Chart.prototype, "annotations", void 0);
__decorate([
ej2_base_1.Property([])
], Chart.prototype, "palettes", void 0);
__decorate([
ej2_base_1.Property('Material')
], Chart.prototype, "theme", void 0);
__decorate([
ej2_base_6.Complex({}, TooltipSettings)
], Chart.prototype, "tooltip", void 0);
__decorate([
ej2_base_6.Complex({}, CrosshairSettings)
], Chart.prototype, "crosshair", void 0);
__decorate([
ej2_base_6.Complex({}, legend_1.LegendSettings)
], Chart.prototype, "legendSettings", void 0);
__decorate([
ej2_base_6.Complex({}, ZoomSettings)
], Chart.prototype, "zoomSettings", void 0);
__decorate([
ej2_base_1.Property('None')
], Chart.prototype, "selectionMode", void 0);
__decorate([
ej2_base_1.Property(false)
], Chart.prototype, "isMultiSelect", void 0);
__decorate([
ej2_base_6.Collection([], base_1.Indexes)
], Chart.prototype, "selectedDataIndexes", void 0);
__decorate([
ej2_base_1.Property(false)
], Chart.prototype, "useGroupingSeparator", void 0);
__decorate([
ej2_base_1.Property(false)
], Chart.prototype, "isTransposed", void 0);
__decorate([
ej2_base_6.Collection([], technical_indicator_1.TechnicalIndicator)
], Chart.prototype, "indicators", void 0);
__decorate([
ej2_base_1.Property(null)
], Chart.prototype, "description", void 0);
__decorate([
ej2_base_1.Property(1)
], Chart.prototype, "tabIndex", void 0);
__decorate([
ej2_base_1.Property(true)
], Chart.prototype, "enableSideBySidePlacement", void 0);
__decorate([
ej2_base_6.Event()
], Chart.prototype, "annotationRender", void 0);
__decorate([
ej2_base_6.Event()
], Chart.prototype, "beforePrint", void 0);
__decorate([
ej2_base_6.Event()
], Chart.prototype, "loaded", void 0);
__decorate([
ej2_base_6.Event()
], Chart.prototype, "load", void 0);
__decorate([
ej2_base_6.Event()
], Chart.prototype, "animationComplete", void 0);
__decorate([
ej2_base_6.Event()
], Chart.prototype, "legendRender", void 0);
__decorate([
ej2_base_6.Event()
], Chart.prototype, "textRender", void 0);
__decorate([
ej2_base_6.Event()
], Chart.prototype, "pointRender", void 0);
__decorate([
ej2_base_6.Event()
], Chart.prototype, "seriesRender", void 0);
__decorate([
ej2_base_6.Event()
], Chart.prototype, "axisLabelRender", void 0);
__decorate([
ej2_base_6.Event()
], Chart.prototype, "tooltipRender", void 0);
__decorate([
ej2_base_6.Event()
], Chart.prototype, "chartMouseMove", void 0);
__decorate([
ej2_base_6.Event()
], Chart.prototype, "chartMouseClick", void 0);
__decorate([
ej2_base_6.Event()
], Chart.prototype, "chartMouseLeave", void 0);
__decorate([
ej2_base_6.Event()
], Chart.prototype, "chartMouseDown", void 0);
__decorate([
ej2_base_6.Event()
], Chart.prototype, "chartMouseUp", void 0);
__decorate([
ej2_base_6.Event()
], Chart.prototype, "dragComplete", void 0);
__decorate([
ej2_base_6.Event()
], Chart.prototype, "zoomComplete", void 0);
Chart = __decorate([
ej2_base_1.NotifyPropertyChanges
], Chart);
return Chart;
}(ej2_base_1.Component));
__decorate([
ej2_base_1.Property(null)
], Chart.prototype, "width", void 0);
__decorate([
ej2_base_1.Property(null)
], Chart.prototype, "height", void 0);
__decorate([
ej2_base_1.Property('')
], Chart.prototype, "title", void 0);
__decorate([
ej2_base_6.Complex(theme_1.Theme.chartTitleFont, base_1.Font)
], Chart.prototype, "titleStyle", void 0);
__decorate([
ej2_base_6.Complex({}, base_1.Margin)
], Chart.prototype, "margin", void 0);
__decorate([
ej2_base_6.Complex({ color: '#DDDDDD', width: 0 }, base_1.Border)
], Chart.prototype, "border", void 0);
__decorate([
ej2_base_1.Property(theme_1.Theme.chartBackgroundColor)
], Chart.prototype, "background", void 0);
__decorate([
ej2_base_6.Complex({ border: { color: 'Gray', width: 0.5 }, background: 'transparent' }, base_1.ChartArea)
], Chart.prototype, "chartArea", void 0);
__decorate([
ej2_base_6.Complex({ name: 'primaryXAxis' }, axis_1.Axis)
], Chart.prototype, "primaryXAxis", void 0);
__decorate([
ej2_base_6.Complex({ name: 'primaryYAxis' }, axis_1.Axis)
], Chart.prototype, "primaryYAxis", void 0);
__decorate([
ej2_base_6.Collection([{}], axis_1.Row)
], Chart.prototype, "rows", void 0);
__decorate([
ej2_base_6.Collection([{}], axis_1.Column)
], Chart.prototype, "columns", void 0);
__decorate([
ej2_base_6.Collection([{}], axis_1.Axis)
], Chart.prototype, "axes", void 0);
__decorate([
ej2_base_6.Collection([{}], chart_series_1.Series)
], Chart.prototype, "series", void 0);
__decorate([
ej2_base_6.Collection([{}], chart_base_1.ChartAnnotationSettings)
], Chart.prototype, "annotations", void 0);
__decorate([
ej2_base_1.Property([])
], Chart.prototype, "palettes", void 0);
__decorate([
ej2_base_1.Property('Material')
], Chart.prototype, "theme", void 0);
__decorate([
ej2_base_6.Complex({}, TooltipSettings)
], Chart.prototype, "tooltip", void 0);
__decorate([
ej2_base_6.Complex({}, CrosshairSettings)
], Chart.prototype, "crosshair", void 0);
__decorate([
ej2_base_6.Complex({}, legend_1.LegendSettings)
], Chart.prototype, "legendSettings", void 0);
__decorate([
ej2_base_6.Complex({}, ZoomSettings)
], Chart.prototype, "zoomSettings", void 0);
__decorate([
ej2_base_1.Property('None')
], Chart.prototype, "selectionMode", void 0);
__decorate([
ej2_base_1.Property(false)
], Chart.prototype, "isMultiSelect", void 0);
__decorate([
ej2_base_6.Collection([], base_1.Indexes)
], Chart.prototype, "selectedDataIndexes", void 0);
__decorate([
ej2_base_1.Property(false)
], Chart.prototype, "useGroupingSeparator", void 0);
__decorate([
ej2_base_1.Property(false)
], Chart.prototype, "isTransposed", void 0);
__decorate([
ej2_base_6.Collection([], technical_indicator_1.TechnicalIndicator)
], Chart.prototype, "indicators", void 0);
__decorate([
ej2_base_1.Property(null)
], Chart.prototype, "description", void 0);
__decorate([
ej2_base_1.Property(1)
], Chart.prototype, "tabIndex", void 0);
__decorate([
ej2_base_1.Property(true)
], Chart.prototype, "enableSideBySidePlacement", void 0);
__decorate([
ej2_base_6.Event()
], Chart.prototype, "annotationRender", void 0);
__decorate([
ej2_base_6.Event()
], Chart.prototype, "beforePrint", void 0);
__decorate([
ej2_base_6.Event()
], Chart.prototype, "loaded", void 0);
__decorate([
ej2_base_6.Event()
], Chart.prototype, "load", void 0);
__decorate([
ej2_base_6.Event()
], Chart.prototype, "animationComplete", void 0);
__decorate([
ej2_base_6.Event()
], Chart.prototype, "legendRender", void 0);
__decorate([
ej2_base_6.Event()
], Chart.prototype, "textRender", void 0);
__decorate([
ej2_base_6.Event()
], Chart.prototype, "pointRender", void 0);
__decorate([
ej2_base_6.Event()
], Chart.prototype, "seriesRender", void 0);
__decorate([
ej2_base_6.Event()
], Chart.prototype, "axisLabelRender", void 0);
__decorate([
ej2_base_6.Event()
], Chart.prototype, "tooltipRender", void 0);
__decorate([
ej2_base_6.Event()
], Chart.prototype, "chartMouseMove", void 0);
__decorate([
ej2_base_6.Event()
], Chart.prototype, "chartMouseClick", void 0);
__decorate([
ej2_base_6.Event()
], Chart.prototype, "chartMouseLeave", void 0);
__decorate([
ej2_base_6.Event()
], Chart.prototype, "chartMouseDown", void 0);
__decorate([
ej2_base_6.Event()
], Chart.prototype, "chartMouseUp", void 0);
__decorate([
ej2_base_6.Event()
], Chart.prototype, "dragComplete", void 0);
__decorate([
ej2_base_6.Event()
], Chart.prototype, "zoomComplete", void 0);
Chart = __decorate([
ej2_base_1.NotifyPropertyChanges
], Chart);
exports.Chart = Chart;
});

144

src/chart/model/chart-base.js

@@ -25,34 +25,34 @@ var __extends = (this && this.__extends) || (function () {

}
__decorate([
ej2_base_1.Property('0')
], ChartAnnotationSettings.prototype, "x", void 0);
__decorate([
ej2_base_1.Property('0')
], ChartAnnotationSettings.prototype, "y", void 0);
__decorate([
ej2_base_1.Property(null)
], ChartAnnotationSettings.prototype, "content", void 0);
__decorate([
ej2_base_1.Property('Center')
], ChartAnnotationSettings.prototype, "horizontalAlignment", void 0);
__decorate([
ej2_base_1.Property('Pixel')
], ChartAnnotationSettings.prototype, "coordinateUnits", void 0);
__decorate([
ej2_base_1.Property('Chart')
], ChartAnnotationSettings.prototype, "region", void 0);
__decorate([
ej2_base_1.Property('Middle')
], ChartAnnotationSettings.prototype, "verticalAlignment", void 0);
__decorate([
ej2_base_1.Property(null)
], ChartAnnotationSettings.prototype, "xAxisName", void 0);
__decorate([
ej2_base_1.Property(null)
], ChartAnnotationSettings.prototype, "yAxisName", void 0);
__decorate([
ej2_base_1.Property(null)
], ChartAnnotationSettings.prototype, "description", void 0);
return ChartAnnotationSettings;
}(ej2_base_1.ChildProperty));
__decorate([
ej2_base_1.Property('0')
], ChartAnnotationSettings.prototype, "x", void 0);
__decorate([
ej2_base_1.Property('0')
], ChartAnnotationSettings.prototype, "y", void 0);
__decorate([
ej2_base_1.Property(null)
], ChartAnnotationSettings.prototype, "content", void 0);
__decorate([
ej2_base_1.Property('Center')
], ChartAnnotationSettings.prototype, "horizontalAlignment", void 0);
__decorate([
ej2_base_1.Property('Pixel')
], ChartAnnotationSettings.prototype, "coordinateUnits", void 0);
__decorate([
ej2_base_1.Property('Chart')
], ChartAnnotationSettings.prototype, "region", void 0);
__decorate([
ej2_base_1.Property('Middle')
], ChartAnnotationSettings.prototype, "verticalAlignment", void 0);
__decorate([
ej2_base_1.Property(null)
], ChartAnnotationSettings.prototype, "xAxisName", void 0);
__decorate([
ej2_base_1.Property(null)
], ChartAnnotationSettings.prototype, "yAxisName", void 0);
__decorate([
ej2_base_1.Property(null)
], ChartAnnotationSettings.prototype, "description", void 0);
exports.ChartAnnotationSettings = ChartAnnotationSettings;

@@ -64,47 +64,47 @@ var StripLineSettings = (function (_super) {

}
__decorate([
ej2_base_1.Property(true)
], StripLineSettings.prototype, "visible", void 0);
__decorate([
ej2_base_1.Property(false)
], StripLineSettings.prototype, "startFromAxis", void 0);
__decorate([
ej2_base_1.Property(null)
], StripLineSettings.prototype, "start", void 0);
__decorate([
ej2_base_1.Property(null)
], StripLineSettings.prototype, "end", void 0);
__decorate([
ej2_base_1.Property(null)
], StripLineSettings.prototype, "size", void 0);
__decorate([
ej2_base_1.Property('#808080')
], StripLineSettings.prototype, "color", void 0);
__decorate([
ej2_base_1.Complex({ color: 'transparent', width: 1 }, base_1.Border)
], StripLineSettings.prototype, "border", void 0);
__decorate([
ej2_base_1.Property('')
], StripLineSettings.prototype, "text", void 0);
__decorate([
ej2_base_1.Property(null)
], StripLineSettings.prototype, "rotation", void 0);
__decorate([
ej2_base_1.Property('Middle')
], StripLineSettings.prototype, "horizontalAlignment", void 0);
__decorate([
ej2_base_1.Property('Middle')
], StripLineSettings.prototype, "verticalAlignment", void 0);
__decorate([
ej2_base_1.Complex(theme_1.Theme.stripLineLabelFont, base_1.Font)
], StripLineSettings.prototype, "textStyle", void 0);
__decorate([
ej2_base_1.Property('Behind')
], StripLineSettings.prototype, "zIndex", void 0);
__decorate([
ej2_base_1.Property(1)
], StripLineSettings.prototype, "opacity", void 0);
return StripLineSettings;
}(ej2_base_1.ChildProperty));
__decorate([
ej2_base_1.Property(true)
], StripLineSettings.prototype, "visible", void 0);
__decorate([
ej2_base_1.Property(false)
], StripLineSettings.prototype, "startFromAxis", void 0);
__decorate([
ej2_base_1.Property(null)
], StripLineSettings.prototype, "start", void 0);
__decorate([
ej2_base_1.Property(null)
], StripLineSettings.prototype, "end", void 0);
__decorate([
ej2_base_1.Property(null)
], StripLineSettings.prototype, "size", void 0);
__decorate([
ej2_base_1.Property('#808080')
], StripLineSettings.prototype, "color", void 0);
__decorate([
ej2_base_1.Complex({ color: 'transparent', width: 1 }, base_1.Border)
], StripLineSettings.prototype, "border", void 0);
__decorate([
ej2_base_1.Property('')
], StripLineSettings.prototype, "text", void 0);
__decorate([
ej2_base_1.Property(null)
], StripLineSettings.prototype, "rotation", void 0);
__decorate([
ej2_base_1.Property('Middle')
], StripLineSettings.prototype, "horizontalAlignment", void 0);
__decorate([
ej2_base_1.Property('Middle')
], StripLineSettings.prototype, "verticalAlignment", void 0);
__decorate([
ej2_base_1.Complex(theme_1.Theme.stripLineLabelFont, base_1.Font)
], StripLineSettings.prototype, "textStyle", void 0);
__decorate([
ej2_base_1.Property('Behind')
], StripLineSettings.prototype, "zIndex", void 0);
__decorate([
ej2_base_1.Property(1)
], StripLineSettings.prototype, "opacity", void 0);
exports.StripLineSettings = StripLineSettings;
});

2

src/chart/series/chart-series.d.ts

@@ -804,3 +804,3 @@ import { ChildProperty } from '@syncfusion/ej2-base';

delayedAnimation: boolean;
constructor(parent: any, propName: string, defaultValue: object, isArray?: boolean);
constructor(parent: any, propName: string, defaultValue: Object, isArray?: boolean);
/**

@@ -807,0 +807,0 @@ * Refresh the axis label.

594

src/chart/series/chart-series.js

@@ -34,40 +34,40 @@ var __extends = (this && this.__extends) || (function () {

}
__decorate([
ej2_base_1.Property(false)
], DataLabelSettings.prototype, "visible", void 0);
__decorate([
ej2_base_1.Property(null)
], DataLabelSettings.prototype, "name", void 0);
__decorate([
ej2_base_1.Property('transparent')
], DataLabelSettings.prototype, "fill", void 0);
__decorate([
ej2_base_1.Property(1)
], DataLabelSettings.prototype, "opacity", void 0);
__decorate([
ej2_base_1.Property('Auto')
], DataLabelSettings.prototype, "position", void 0);
__decorate([
ej2_base_1.Property(5)
], DataLabelSettings.prototype, "rx", void 0);
__decorate([
ej2_base_1.Property(5)
], DataLabelSettings.prototype, "ry", void 0);
__decorate([
ej2_base_1.Property('Center')
], DataLabelSettings.prototype, "alignment", void 0);
__decorate([
ej2_base_1.Complex({ width: null, color: null }, base_1.Border)
], DataLabelSettings.prototype, "border", void 0);
__decorate([
ej2_base_1.Complex({ left: 5, right: 5, top: 5, bottom: 5 }, base_1.Margin)
], DataLabelSettings.prototype, "margin", void 0);
__decorate([
ej2_base_1.Complex({ size: '11px', color: null }, base_1.Font)
], DataLabelSettings.prototype, "font", void 0);
__decorate([
ej2_base_1.Property(null)
], DataLabelSettings.prototype, "template", void 0);
return DataLabelSettings;
}(ej2_base_1.ChildProperty));
__decorate([
ej2_base_1.Property(false)
], DataLabelSettings.prototype, "visible", void 0);
__decorate([
ej2_base_1.Property(null)
], DataLabelSettings.prototype, "name", void 0);
__decorate([
ej2_base_1.Property('transparent')
], DataLabelSettings.prototype, "fill", void 0);
__decorate([
ej2_base_1.Property(1)
], DataLabelSettings.prototype, "opacity", void 0);
__decorate([
ej2_base_1.Property('Auto')
], DataLabelSettings.prototype, "position", void 0);
__decorate([
ej2_base_1.Property(5)
], DataLabelSettings.prototype, "rx", void 0);
__decorate([
ej2_base_1.Property(5)
], DataLabelSettings.prototype, "ry", void 0);
__decorate([
ej2_base_1.Property('Center')
], DataLabelSettings.prototype, "alignment", void 0);
__decorate([
ej2_base_1.Complex({ width: null, color: null }, base_1.Border)
], DataLabelSettings.prototype, "border", void 0);
__decorate([
ej2_base_1.Complex({ left: 5, right: 5, top: 5, bottom: 5 }, base_1.Margin)
], DataLabelSettings.prototype, "margin", void 0);
__decorate([
ej2_base_1.Complex({ size: '11px', color: null }, base_1.Font)
], DataLabelSettings.prototype, "font", void 0);
__decorate([
ej2_base_1.Property(null)
], DataLabelSettings.prototype, "template", void 0);
exports.DataLabelSettings = DataLabelSettings;

@@ -79,31 +79,31 @@ var MarkerSettings = (function (_super) {

}
__decorate([
ej2_base_1.Property(false)
], MarkerSettings.prototype, "visible", void 0);
__decorate([
ej2_base_1.Property('Circle')
], MarkerSettings.prototype, "shape", void 0);
__decorate([
ej2_base_1.Property('')
], MarkerSettings.prototype, "imageUrl", void 0);
__decorate([
ej2_base_1.Property(5)
], MarkerSettings.prototype, "height", void 0);
__decorate([
ej2_base_1.Property(5)
], MarkerSettings.prototype, "width", void 0);
__decorate([
ej2_base_1.Complex({ width: 2, color: null }, base_1.Border)
], MarkerSettings.prototype, "border", void 0);
__decorate([
ej2_base_1.Property(null)
], MarkerSettings.prototype, "fill", void 0);
__decorate([
ej2_base_1.Property(1)
], MarkerSettings.prototype, "opacity", void 0);
__decorate([
ej2_base_1.Complex({}, DataLabelSettings)
], MarkerSettings.prototype, "dataLabel", void 0);
return MarkerSettings;
}(ej2_base_1.ChildProperty));
__decorate([
ej2_base_1.Property(false)
], MarkerSettings.prototype, "visible", void 0);
__decorate([
ej2_base_1.Property('Circle')
], MarkerSettings.prototype, "shape", void 0);
__decorate([
ej2_base_1.Property('')
], MarkerSettings.prototype, "imageUrl", void 0);
__decorate([
ej2_base_1.Property(5)
], MarkerSettings.prototype, "height", void 0);
__decorate([
ej2_base_1.Property(5)
], MarkerSettings.prototype, "width", void 0);
__decorate([
ej2_base_1.Complex({ width: 2, color: null }, base_1.Border)
], MarkerSettings.prototype, "border", void 0);
__decorate([
ej2_base_1.Property(null)
], MarkerSettings.prototype, "fill", void 0);
__decorate([
ej2_base_1.Property(1)
], MarkerSettings.prototype, "opacity", void 0);
__decorate([
ej2_base_1.Complex({}, DataLabelSettings)
], MarkerSettings.prototype, "dataLabel", void 0);
exports.MarkerSettings = MarkerSettings;

@@ -125,43 +125,43 @@ var Trendline = (function (_super) {

};
__decorate([
ej2_base_1.Property('')
], Trendline.prototype, "name", void 0);
__decorate([
ej2_base_1.Property('Linear')
], Trendline.prototype, "type", void 0);
__decorate([
ej2_base_1.Property(2)
], Trendline.prototype, "period", void 0);
__decorate([
ej2_base_1.Property(2)
], Trendline.prototype, "polynomialOrder", void 0);
__decorate([
ej2_base_1.Property(0)
], Trendline.prototype, "backwardForecast", void 0);
__decorate([
ej2_base_1.Property(0)
], Trendline.prototype, "forwardForecast", void 0);
__decorate([
ej2_base_1.Complex({}, base_1.Animation)
], Trendline.prototype, "animation", void 0);
__decorate([
ej2_base_1.Complex({}, MarkerSettings)
], Trendline.prototype, "marker", void 0);
__decorate([
ej2_base_1.Property(true)
], Trendline.prototype, "enableTooltip", void 0);
__decorate([
ej2_base_1.Property(null)
], Trendline.prototype, "intercept", void 0);
__decorate([
ej2_base_1.Property('')
], Trendline.prototype, "fill", void 0);
__decorate([
ej2_base_1.Property(1)
], Trendline.prototype, "width", void 0);
__decorate([
ej2_base_1.Property('SeriesType')
], Trendline.prototype, "legendShape", void 0);
return Trendline;
}(ej2_base_1.ChildProperty));
__decorate([
ej2_base_1.Property('')
], Trendline.prototype, "name", void 0);
__decorate([
ej2_base_1.Property('Linear')
], Trendline.prototype, "type", void 0);
__decorate([
ej2_base_1.Property(2)
], Trendline.prototype, "period", void 0);
__decorate([
ej2_base_1.Property(2)
], Trendline.prototype, "polynomialOrder", void 0);
__decorate([
ej2_base_1.Property(0)
], Trendline.prototype, "backwardForecast", void 0);
__decorate([
ej2_base_1.Property(0)
], Trendline.prototype, "forwardForecast", void 0);
__decorate([
ej2_base_1.Complex({}, base_1.Animation)
], Trendline.prototype, "animation", void 0);
__decorate([
ej2_base_1.Complex({}, MarkerSettings)
], Trendline.prototype, "marker", void 0);
__decorate([
ej2_base_1.Property(true)
], Trendline.prototype, "enableTooltip", void 0);
__decorate([
ej2_base_1.Property(null)
], Trendline.prototype, "intercept", void 0);
__decorate([
ej2_base_1.Property('')
], Trendline.prototype, "fill", void 0);
__decorate([
ej2_base_1.Property(1)
], Trendline.prototype, "width", void 0);
__decorate([
ej2_base_1.Property('SeriesType')
], Trendline.prototype, "legendShape", void 0);
exports.Trendline = Trendline;

@@ -173,16 +173,16 @@ var ErrorBarCapSettings = (function (_super) {

}
__decorate([
ej2_base_1.Property(1)
], ErrorBarCapSettings.prototype, "width", void 0);
__decorate([
ej2_base_1.Property(10)
], ErrorBarCapSettings.prototype, "length", void 0);
__decorate([
ej2_base_1.Property('black')
], ErrorBarCapSettings.prototype, "color", void 0);
__decorate([
ej2_base_1.Property(1)
], ErrorBarCapSettings.prototype, "opacity", void 0);
return ErrorBarCapSettings;
}(ej2_base_1.ChildProperty));
__decorate([
ej2_base_1.Property(1)
], ErrorBarCapSettings.prototype, "width", void 0);
__decorate([
ej2_base_1.Property(10)
], ErrorBarCapSettings.prototype, "length", void 0);
__decorate([
ej2_base_1.Property('black')
], ErrorBarCapSettings.prototype, "color", void 0);
__decorate([
ej2_base_1.Property(1)
], ErrorBarCapSettings.prototype, "opacity", void 0);
exports.ErrorBarCapSettings = ErrorBarCapSettings;

@@ -194,43 +194,43 @@ var ErrorBarSettings = (function (_super) {

}
__decorate([
ej2_base_1.Property(false)
], ErrorBarSettings.prototype, "visible", void 0);
__decorate([
ej2_base_1.Property('Fixed')
], ErrorBarSettings.prototype, "type", void 0);
__decorate([
ej2_base_1.Property('Both')
], ErrorBarSettings.prototype, "direction", void 0);
__decorate([
ej2_base_1.Property('Vertical')
], ErrorBarSettings.prototype, "mode", void 0);
__decorate([
ej2_base_1.Property('black')
], ErrorBarSettings.prototype, "color", void 0);
__decorate([
ej2_base_1.Property(1)
], ErrorBarSettings.prototype, "verticalError", void 0);
__decorate([
ej2_base_1.Property(1)
], ErrorBarSettings.prototype, "width", void 0);
__decorate([
ej2_base_1.Property(1)
], ErrorBarSettings.prototype, "horizontalError", void 0);
__decorate([
ej2_base_1.Property(3)
], ErrorBarSettings.prototype, "verticalPositiveError", void 0);
__decorate([
ej2_base_1.Property(3)
], ErrorBarSettings.prototype, "verticalNegativeError", void 0);
__decorate([
ej2_base_1.Property(1)
], ErrorBarSettings.prototype, "horizontalPositiveError", void 0);
__decorate([
ej2_base_1.Property(1)
], ErrorBarSettings.prototype, "horizontalNegativeError", void 0);
__decorate([
ej2_base_1.Complex(null, ErrorBarCapSettings)
], ErrorBarSettings.prototype, "errorBarCap", void 0);
return ErrorBarSettings;
}(ej2_base_1.ChildProperty));
__decorate([
ej2_base_1.Property(false)
], ErrorBarSettings.prototype, "visible", void 0);
__decorate([
ej2_base_1.Property('Fixed')
], ErrorBarSettings.prototype, "type", void 0);
__decorate([
ej2_base_1.Property('Both')
], ErrorBarSettings.prototype, "direction", void 0);
__decorate([
ej2_base_1.Property('Vertical')
], ErrorBarSettings.prototype, "mode", void 0);
__decorate([
ej2_base_1.Property('black')
], ErrorBarSettings.prototype, "color", void 0);
__decorate([
ej2_base_1.Property(1)
], ErrorBarSettings.prototype, "verticalError", void 0);
__decorate([
ej2_base_1.Property(1)
], ErrorBarSettings.prototype, "width", void 0);
__decorate([
ej2_base_1.Property(1)
], ErrorBarSettings.prototype, "horizontalError", void 0);
__decorate([
ej2_base_1.Property(3)
], ErrorBarSettings.prototype, "verticalPositiveError", void 0);
__decorate([
ej2_base_1.Property(3)
], ErrorBarSettings.prototype, "verticalNegativeError", void 0);
__decorate([
ej2_base_1.Property(1)
], ErrorBarSettings.prototype, "horizontalPositiveError", void 0);
__decorate([
ej2_base_1.Property(1)
], ErrorBarSettings.prototype, "horizontalNegativeError", void 0);
__decorate([
ej2_base_1.Complex(null, ErrorBarCapSettings)
], ErrorBarSettings.prototype, "errorBarCap", void 0);
exports.ErrorBarSettings = ErrorBarSettings;

@@ -497,46 +497,46 @@ var SeriesBase = (function (_super) {

};
__decorate([
ej2_base_1.Property('')
], SeriesBase.prototype, "xName", void 0);
__decorate([
ej2_base_1.Property('')
], SeriesBase.prototype, "high", void 0);
__decorate([
ej2_base_1.Property('')
], SeriesBase.prototype, "low", void 0);
__decorate([
ej2_base_1.Property('')
], SeriesBase.prototype, "open", void 0);
__decorate([
ej2_base_1.Property('')
], SeriesBase.prototype, "close", void 0);
__decorate([
ej2_base_1.Property('')
], SeriesBase.prototype, "volume", void 0);
__decorate([
ej2_base_1.Property(null)
], SeriesBase.prototype, "xAxisName", void 0);
__decorate([
ej2_base_1.Property(null)
], SeriesBase.prototype, "yAxisName", void 0);
__decorate([
ej2_base_1.Complex(null, base_1.Animation)
], SeriesBase.prototype, "animation", void 0);
__decorate([
ej2_base_1.Property(null)
], SeriesBase.prototype, "fill", void 0);
__decorate([
ej2_base_1.Property(1)
], SeriesBase.prototype, "width", void 0);
__decorate([
ej2_base_1.Property('0')
], SeriesBase.prototype, "dashArray", void 0);
__decorate([
ej2_base_1.Property('')
], SeriesBase.prototype, "dataSource", void 0);
__decorate([
ej2_base_1.Property()
], SeriesBase.prototype, "query", void 0);
return SeriesBase;
}(ej2_base_1.ChildProperty));
__decorate([
ej2_base_1.Property('')
], SeriesBase.prototype, "xName", void 0);
__decorate([
ej2_base_1.Property('')
], SeriesBase.prototype, "high", void 0);
__decorate([
ej2_base_1.Property('')
], SeriesBase.prototype, "low", void 0);
__decorate([
ej2_base_1.Property('')
], SeriesBase.prototype, "open", void 0);
__decorate([
ej2_base_1.Property('')
], SeriesBase.prototype, "close", void 0);
__decorate([
ej2_base_1.Property('')
], SeriesBase.prototype, "volume", void 0);
__decorate([
ej2_base_1.Property(null)
], SeriesBase.prototype, "xAxisName", void 0);
__decorate([
ej2_base_1.Property(null)
], SeriesBase.prototype, "yAxisName", void 0);
__decorate([
ej2_base_1.Complex(null, base_1.Animation)
], SeriesBase.prototype, "animation", void 0);
__decorate([
ej2_base_1.Property(null)
], SeriesBase.prototype, "fill", void 0);
__decorate([
ej2_base_1.Property(1)
], SeriesBase.prototype, "width", void 0);
__decorate([
ej2_base_1.Property('0')
], SeriesBase.prototype, "dashArray", void 0);
__decorate([
ej2_base_1.Property('')
], SeriesBase.prototype, "dataSource", void 0);
__decorate([
ej2_base_1.Property()
], SeriesBase.prototype, "query", void 0);
exports.SeriesBase = SeriesBase;

@@ -813,107 +813,107 @@ var Series = (function (_super) {

};
__decorate([
ej2_base_1.Property('')
], Series.prototype, "name", void 0);
__decorate([
ej2_base_1.Property('')
], Series.prototype, "yName", void 0);
__decorate([
ej2_base_1.Property('Line')
], Series.prototype, "drawType", void 0);
__decorate([
ej2_base_1.Property(true)
], Series.prototype, "isClosed", void 0);
__decorate([
ej2_base_1.Property('#2ecd71')
], Series.prototype, "bearFillColor", void 0);
__decorate([
ej2_base_1.Property('#e74c3d')
], Series.prototype, "bullFillColor", void 0);
__decorate([
ej2_base_1.Property(false)
], Series.prototype, "enableSolidCandles", void 0);
__decorate([
ej2_base_1.Property('')
], Series.prototype, "size", void 0);
__decorate([
ej2_base_1.Property('')
], Series.prototype, "stackingGroup", void 0);
__decorate([
ej2_base_1.Property(true)
], Series.prototype, "visible", void 0);
__decorate([
ej2_base_1.Complex({ color: 'transparent', width: 0 }, base_1.Border)
], Series.prototype, "border", void 0);
__decorate([
ej2_base_1.Property(1)
], Series.prototype, "opacity", void 0);
__decorate([
ej2_base_1.Property('Line')
], Series.prototype, "type", void 0);
__decorate([
ej2_base_1.Complex(null, ErrorBarSettings)
], Series.prototype, "errorBar", void 0);
__decorate([
ej2_base_1.Complex(null, MarkerSettings)
], Series.prototype, "marker", void 0);
__decorate([
ej2_base_1.Collection([], Trendline)
], Series.prototype, "trendlines", void 0);
__decorate([
ej2_base_1.Property(true)
], Series.prototype, "enableTooltip", void 0);
__decorate([
ej2_base_1.Property('SeriesType')
], Series.prototype, "legendShape", void 0);
__decorate([
ej2_base_1.Property(null)
], Series.prototype, "selectionStyle", void 0);
__decorate([
ej2_base_1.Property(1)
], Series.prototype, "minRadius", void 0);
__decorate([
ej2_base_1.Property(3)
], Series.prototype, "maxRadius", void 0);
__decorate([
ej2_base_1.Property('Natural')
], Series.prototype, "splineType", void 0);
__decorate([
ej2_base_1.Property(0.5)
], Series.prototype, "cardinalSplineTension", void 0);
__decorate([
ej2_base_1.Complex(null, base_1.EmptyPointSettings)
], Series.prototype, "emptyPointSettings", void 0);
__decorate([
ej2_base_1.Property(true)
], Series.prototype, "showMean", void 0);
__decorate([
ej2_base_1.Property('Normal')
], Series.prototype, "boxPlotMode", void 0);
__decorate([
ej2_base_1.Property(0.7)
], Series.prototype, "columnWidth", void 0);
__decorate([
ej2_base_1.Property(0)
], Series.prototype, "columnSpacing", void 0);
__decorate([
ej2_base_1.Property('#C64E4A')
], Series.prototype, "negativeFillColor", void 0);
__decorate([
ej2_base_1.Property('#4E81BC')
], Series.prototype, "summaryFillColor", void 0);
__decorate([
ej2_base_1.Property()
], Series.prototype, "intermediateSumIndexes", void 0);
__decorate([
ej2_base_1.Property()
], Series.prototype, "sumIndexes", void 0);
__decorate([
ej2_base_1.Complex({ color: 'black', width: 2 }, base_1.Connector)
], Series.prototype, "connector", void 0);
__decorate([
ej2_base_1.Complex(null, base_1.CornerRadius)
], Series.prototype, "cornerRadius", void 0);
return Series;
}(SeriesBase));
__decorate([
ej2_base_1.Property('')
], Series.prototype, "name", void 0);
__decorate([
ej2_base_1.Property('')
], Series.prototype, "yName", void 0);
__decorate([
ej2_base_1.Property('Line')
], Series.prototype, "drawType", void 0);
__decorate([
ej2_base_1.Property(true)
], Series.prototype, "isClosed", void 0);
__decorate([
ej2_base_1.Property('#2ecd71')
], Series.prototype, "bearFillColor", void 0);
__decorate([
ej2_base_1.Property('#e74c3d')
], Series.prototype, "bullFillColor", void 0);
__decorate([
ej2_base_1.Property(false)
], Series.prototype, "enableSolidCandles", void 0);
__decorate([
ej2_base_1.Property('')
], Series.prototype, "size", void 0);
__decorate([
ej2_base_1.Property('')
], Series.prototype, "stackingGroup", void 0);
__decorate([
ej2_base_1.Property(true)
], Series.prototype, "visible", void 0);
__decorate([
ej2_base_1.Complex({ color: 'transparent', width: 0 }, base_1.Border)
], Series.prototype, "border", void 0);
__decorate([
ej2_base_1.Property(1)
], Series.prototype, "opacity", void 0);
__decorate([
ej2_base_1.Property('Line')
], Series.prototype, "type", void 0);
__decorate([
ej2_base_1.Complex(null, ErrorBarSettings)
], Series.prototype, "errorBar", void 0);
__decorate([
ej2_base_1.Complex(null, MarkerSettings)
], Series.prototype, "marker", void 0);
__decorate([
ej2_base_1.Collection([], Trendline)
], Series.prototype, "trendlines", void 0);
__decorate([
ej2_base_1.Property(true)
], Series.prototype, "enableTooltip", void 0);
__decorate([
ej2_base_1.Property('SeriesType')
], Series.prototype, "legendShape", void 0);
__decorate([
ej2_base_1.Property(null)
], Series.prototype, "selectionStyle", void 0);
__decorate([
ej2_base_1.Property(1)
], Series.prototype, "minRadius", void 0);
__decorate([
ej2_base_1.Property(3)
], Series.prototype, "maxRadius", void 0);
__decorate([
ej2_base_1.Property('Natural')
], Series.prototype, "splineType", void 0);
__decorate([
ej2_base_1.Property(0.5)
], Series.prototype, "cardinalSplineTension", void 0);
__decorate([
ej2_base_1.Complex(null, base_1.EmptyPointSettings)
], Series.prototype, "emptyPointSettings", void 0);
__decorate([
ej2_base_1.Property(true)
], Series.prototype, "showMean", void 0);
__decorate([
ej2_base_1.Property('Normal')
], Series.prototype, "boxPlotMode", void 0);
__decorate([
ej2_base_1.Property(0.7)
], Series.prototype, "columnWidth", void 0);
__decorate([
ej2_base_1.Property(0)
], Series.prototype, "columnSpacing", void 0);
__decorate([
ej2_base_1.Property('#C64E4A')
], Series.prototype, "negativeFillColor", void 0);
__decorate([
ej2_base_1.Property('#4E81BC')
], Series.prototype, "summaryFillColor", void 0);
__decorate([
ej2_base_1.Property()
], Series.prototype, "intermediateSumIndexes", void 0);
__decorate([
ej2_base_1.Property()
], Series.prototype, "sumIndexes", void 0);
__decorate([
ej2_base_1.Complex({ color: 'black', width: 2 }, base_1.Connector)
], Series.prototype, "connector", void 0);
__decorate([
ej2_base_1.Complex(null, base_1.CornerRadius)
], Series.prototype, "cornerRadius", void 0);
exports.Series = Series;
});

120

src/chart/technical-indicators/technical-indicator.js

@@ -37,65 +37,65 @@ var __extends = (this && this.__extends) || (function () {

};
__decorate([
ej2_base_1.Property('Sma')
], TechnicalIndicator.prototype, "type", void 0);
__decorate([
ej2_base_1.Property(14)
], TechnicalIndicator.prototype, "period", void 0);
__decorate([
ej2_base_1.Property(14)
], TechnicalIndicator.prototype, "kPeriod", void 0);
__decorate([
ej2_base_1.Property(3)
], TechnicalIndicator.prototype, "dPeriod", void 0);
__decorate([
ej2_base_1.Property(80)
], TechnicalIndicator.prototype, "overBought", void 0);
__decorate([
ej2_base_1.Property(20)
], TechnicalIndicator.prototype, "overSold", void 0);
__decorate([
ej2_base_1.Property(2)
], TechnicalIndicator.prototype, "standardDeviation", void 0);
__decorate([
ej2_base_1.Property('Close')
], TechnicalIndicator.prototype, "field", void 0);
__decorate([
ej2_base_1.Property(12)
], TechnicalIndicator.prototype, "slowPeriod", void 0);
__decorate([
ej2_base_1.Property(26)
], TechnicalIndicator.prototype, "fastPeriod", void 0);
__decorate([
ej2_base_1.Property(true)
], TechnicalIndicator.prototype, "showZones", void 0);
__decorate([
ej2_base_1.Complex({ color: '#ff9933', width: 2 }, base_1.Connector)
], TechnicalIndicator.prototype, "macdLine", void 0);
__decorate([
ej2_base_1.Property('Both')
], TechnicalIndicator.prototype, "macdType", void 0);
__decorate([
ej2_base_1.Property('#2ecd71')
], TechnicalIndicator.prototype, "macdPositiveColor", void 0);
__decorate([
ej2_base_1.Property('#e74c3d')
], TechnicalIndicator.prototype, "macdNegativeColor", void 0);
__decorate([
ej2_base_1.Property('rgba(211,211,211,0.25)')
], TechnicalIndicator.prototype, "bandColor", void 0);
__decorate([
ej2_base_1.Complex({ color: '#ffb735', width: 1 }, base_1.Connector)
], TechnicalIndicator.prototype, "upperLine", void 0);
__decorate([
ej2_base_1.Complex({ color: '#f2ec2f', width: 1 }, base_1.Connector)
], TechnicalIndicator.prototype, "lowerLine", void 0);
__decorate([
ej2_base_1.Complex({ color: '#f2ec2f', width: 1 }, base_1.Connector)
], TechnicalIndicator.prototype, "periodLine", void 0);
__decorate([
ej2_base_1.Property('')
], TechnicalIndicator.prototype, "seriesName", void 0);
return TechnicalIndicator;
}(chart_series_1.SeriesBase));
__decorate([
ej2_base_1.Property('Sma')
], TechnicalIndicator.prototype, "type", void 0);
__decorate([
ej2_base_1.Property(14)
], TechnicalIndicator.prototype, "period", void 0);
__decorate([
ej2_base_1.Property(14)
], TechnicalIndicator.prototype, "kPeriod", void 0);
__decorate([
ej2_base_1.Property(3)
], TechnicalIndicator.prototype, "dPeriod", void 0);
__decorate([
ej2_base_1.Property(80)
], TechnicalIndicator.prototype, "overBought", void 0);
__decorate([
ej2_base_1.Property(20)
], TechnicalIndicator.prototype, "overSold", void 0);
__decorate([
ej2_base_1.Property(2)
], TechnicalIndicator.prototype, "standardDeviation", void 0);
__decorate([
ej2_base_1.Property('Close')
], TechnicalIndicator.prototype, "field", void 0);
__decorate([
ej2_base_1.Property(12)
], TechnicalIndicator.prototype, "slowPeriod", void 0);
__decorate([
ej2_base_1.Property(26)
], TechnicalIndicator.prototype, "fastPeriod", void 0);
__decorate([
ej2_base_1.Property(true)
], TechnicalIndicator.prototype, "showZones", void 0);
__decorate([
ej2_base_1.Complex({ color: '#ff9933', width: 2 }, base_1.Connector)
], TechnicalIndicator.prototype, "macdLine", void 0);
__decorate([
ej2_base_1.Property('Both')
], TechnicalIndicator.prototype, "macdType", void 0);
__decorate([
ej2_base_1.Property('#2ecd71')
], TechnicalIndicator.prototype, "macdPositiveColor", void 0);
__decorate([
ej2_base_1.Property('#e74c3d')
], TechnicalIndicator.prototype, "macdNegativeColor", void 0);
__decorate([
ej2_base_1.Property('rgba(211,211,211,0.25)')
], TechnicalIndicator.prototype, "bandColor", void 0);
__decorate([
ej2_base_1.Complex({ color: '#ffb735', width: 1 }, base_1.Connector)
], TechnicalIndicator.prototype, "upperLine", void 0);
__decorate([
ej2_base_1.Complex({ color: '#f2ec2f', width: 1 }, base_1.Connector)
], TechnicalIndicator.prototype, "lowerLine", void 0);
__decorate([
ej2_base_1.Complex({ color: '#f2ec2f', width: 1 }, base_1.Connector)
], TechnicalIndicator.prototype, "periodLine", void 0);
__decorate([
ej2_base_1.Property('')
], TechnicalIndicator.prototype, "seriesName", void 0);
exports.TechnicalIndicator = TechnicalIndicator;
});

1

src/chart/user-interaction/tooltip.d.ts

@@ -56,2 +56,3 @@ import { Chart } from '../chart';

private removeText();
private findHeader(data);
private renderSeriesTooltip(chart, isFirst, tooltipDiv);

@@ -58,0 +59,0 @@ private updateTemplateFn(chart);

12

src/chart/user-interaction/tooltip.js

@@ -146,2 +146,8 @@ var __extends = (this && this.__extends) || (function () {

};
Tooltip.prototype.findHeader = function (data) {
this.header = this.parseTemplate(data.point, data.series, this.header, data.series.xAxis, data.series.yAxis);
if (this.header.replace(/<b>/g, '').replace(/<\/b>/g, '').trim() !== '') {
this.formattedText = this.formattedText.concat(this.header);
}
};
Tooltip.prototype.renderSeriesTooltip = function (chart, isFirst, tooltipDiv) {

@@ -161,4 +167,3 @@ var data = this.getData();

if (this.header !== '') {
this.header = this.parseTemplate(data.point, data.series, this.header, data.series.xAxis, data.series.yAxis);
this.formattedText = this.formattedText.concat(this.header);
this.findHeader(data);
}

@@ -299,4 +304,3 @@ if (this.renderPoint(data, isFirst, this.textStyle.color || '#212121')) {

if (data && this.header !== '' && this.currentPoints.length === 0) {
this.header = this.parseTemplate(data.point, data.series, this.header, data.series.xAxis, data.series.yAxis);
this.formattedText = this.formattedText.concat(this.header);
this.findHeader(data);
}

@@ -303,0 +307,0 @@ if (data && this.renderPoint(data, true, this.textStyle.color || data.point.color, this.currentPoints.length === 0)) {

6

src/chart/user-interaction/zooming.js

@@ -322,3 +322,3 @@ define(["require", "exports", "@syncfusion/ej2-base", "../../common/utils/helper", "./zooming-toolkit", "../../common/model/theme", "../../common/model/constants", "../../common/utils/helper"], function (require, exports, ej2_base_1, helper_1, zooming_toolkit_1, theme_1, constants_1, helper_2) {

chart.axisCollections.forEach(function (axis, index) {
axisRange = axis.actualRange;
axisRange = axis.visibleRange;
if (_this.zoomAxes[index]) {

@@ -332,4 +332,4 @@ if (!chart.delayRedraw) {

range = {
actualMin: axisRange.min,
actualDelta: axisRange.delta,
actualMin: axis.actualRange.min,
actualDelta: axis.actualRange.delta,
min: axisRange.min,

@@ -336,0 +336,0 @@ delta: axisRange.delta

114

src/common/legend/legend.js

@@ -25,10 +25,10 @@ var __extends = (this && this.__extends) || (function () {

}
__decorate([
ej2_base_1.Property(0)
], Location.prototype, "x", void 0);
__decorate([
ej2_base_1.Property(0)
], Location.prototype, "y", void 0);
return Location;
}(ej2_base_1.ChildProperty));
__decorate([
ej2_base_1.Property(0)
], Location.prototype, "x", void 0);
__decorate([
ej2_base_1.Property(0)
], Location.prototype, "y", void 0);
exports.Location = Location;

@@ -40,55 +40,55 @@ var LegendSettings = (function (_super) {

}
__decorate([
ej2_base_1.Property(true)
], LegendSettings.prototype, "visible", void 0);
__decorate([
ej2_base_1.Property(null)
], LegendSettings.prototype, "height", void 0);
__decorate([
ej2_base_1.Property(null)
], LegendSettings.prototype, "width", void 0);
__decorate([
ej2_base_1.Complex({ x: 0, y: 0 }, Location)
], LegendSettings.prototype, "location", void 0);
__decorate([
ej2_base_1.Property('Auto')
], LegendSettings.prototype, "position", void 0);
__decorate([
ej2_base_1.Property(8)
], LegendSettings.prototype, "padding", void 0);
__decorate([
ej2_base_1.Property('Center')
], LegendSettings.prototype, "alignment", void 0);
__decorate([
ej2_base_1.Complex(theme_1.Theme.legendLabelFont, base_1.Font)
], LegendSettings.prototype, "textStyle", void 0);
__decorate([
ej2_base_1.Property(10)
], LegendSettings.prototype, "shapeHeight", void 0);
__decorate([
ej2_base_1.Property(10)
], LegendSettings.prototype, "shapeWidth", void 0);
__decorate([
ej2_base_1.Complex({}, base_1.Border)
], LegendSettings.prototype, "border", void 0);
__decorate([
ej2_base_1.Property(5)
], LegendSettings.prototype, "shapePadding", void 0);
__decorate([
ej2_base_1.Property('transparent')
], LegendSettings.prototype, "background", void 0);
__decorate([
ej2_base_1.Property(1)
], LegendSettings.prototype, "opacity", void 0);
__decorate([
ej2_base_1.Property(true)
], LegendSettings.prototype, "toggleVisibility", void 0);
__decorate([
ej2_base_1.Property(null)
], LegendSettings.prototype, "description", void 0);
__decorate([
ej2_base_1.Property(3)
], LegendSettings.prototype, "tabIndex", void 0);
return LegendSettings;
}(ej2_base_1.ChildProperty));
__decorate([
ej2_base_1.Property(true)
], LegendSettings.prototype, "visible", void 0);
__decorate([
ej2_base_1.Property(null)
], LegendSettings.prototype, "height", void 0);
__decorate([
ej2_base_1.Property(null)
], LegendSettings.prototype, "width", void 0);
__decorate([
ej2_base_1.Complex({ x: 0, y: 0 }, Location)
], LegendSettings.prototype, "location", void 0);
__decorate([
ej2_base_1.Property('Auto')
], LegendSettings.prototype, "position", void 0);
__decorate([
ej2_base_1.Property(8)
], LegendSettings.prototype, "padding", void 0);
__decorate([
ej2_base_1.Property('Center')
], LegendSettings.prototype, "alignment", void 0);
__decorate([
ej2_base_1.Complex(theme_1.Theme.legendLabelFont, base_1.Font)
], LegendSettings.prototype, "textStyle", void 0);
__decorate([
ej2_base_1.Property(10)
], LegendSettings.prototype, "shapeHeight", void 0);
__decorate([
ej2_base_1.Property(10)
], LegendSettings.prototype, "shapeWidth", void 0);
__decorate([
ej2_base_1.Complex({}, base_1.Border)
], LegendSettings.prototype, "border", void 0);
__decorate([
ej2_base_1.Property(5)
], LegendSettings.prototype, "shapePadding", void 0);
__decorate([
ej2_base_1.Property('transparent')
], LegendSettings.prototype, "background", void 0);
__decorate([
ej2_base_1.Property(1)
], LegendSettings.prototype, "opacity", void 0);
__decorate([
ej2_base_1.Property(true)
], LegendSettings.prototype, "toggleVisibility", void 0);
__decorate([
ej2_base_1.Property(null)
], LegendSettings.prototype, "description", void 0);
__decorate([
ej2_base_1.Property(3)
], LegendSettings.prototype, "tabIndex", void 0);
exports.LegendSettings = LegendSettings;

@@ -95,0 +95,0 @@ var BaseLegend = (function () {

198

src/common/model/base.js

@@ -25,19 +25,19 @@ var __extends = (this && this.__extends) || (function () {

}
__decorate([
ej2_base_1.Property('Line')
], Connector.prototype, "type", void 0);
__decorate([
ej2_base_1.Property(null)
], Connector.prototype, "color", void 0);
__decorate([
ej2_base_1.Property(1)
], Connector.prototype, "width", void 0);
__decorate([
ej2_base_1.Property(null)
], Connector.prototype, "length", void 0);
__decorate([
ej2_base_1.Property('')
], Connector.prototype, "dashArray", void 0);
return Connector;
}(ej2_base_1.ChildProperty));
__decorate([
ej2_base_1.Property('Line')
], Connector.prototype, "type", void 0);
__decorate([
ej2_base_1.Property(null)
], Connector.prototype, "color", void 0);
__decorate([
ej2_base_1.Property(1)
], Connector.prototype, "width", void 0);
__decorate([
ej2_base_1.Property(null)
], Connector.prototype, "length", void 0);
__decorate([
ej2_base_1.Property('')
], Connector.prototype, "dashArray", void 0);
exports.Connector = Connector;

@@ -49,25 +49,25 @@ var Font = (function (_super) {

}
__decorate([
ej2_base_1.Property('16px')
], Font.prototype, "size", void 0);
__decorate([
ej2_base_1.Property('')
], Font.prototype, "color", void 0);
__decorate([
ej2_base_1.Property('Segoe UI')
], Font.prototype, "fontFamily", void 0);
__decorate([
ej2_base_1.Property('Normal')
], Font.prototype, "fontWeight", void 0);
__decorate([
ej2_base_1.Property('Normal')
], Font.prototype, "fontStyle", void 0);
__decorate([
ej2_base_1.Property(1)
], Font.prototype, "opacity", void 0);
__decorate([
ej2_base_1.Property('Center')
], Font.prototype, "textAlignment", void 0);
return Font;
}(ej2_base_1.ChildProperty));
__decorate([
ej2_base_1.Property('16px')
], Font.prototype, "size", void 0);
__decorate([
ej2_base_1.Property('')
], Font.prototype, "color", void 0);
__decorate([
ej2_base_1.Property('Segoe UI')
], Font.prototype, "fontFamily", void 0);
__decorate([
ej2_base_1.Property('Normal')
], Font.prototype, "fontWeight", void 0);
__decorate([
ej2_base_1.Property('Normal')
], Font.prototype, "fontStyle", void 0);
__decorate([
ej2_base_1.Property(1)
], Font.prototype, "opacity", void 0);
__decorate([
ej2_base_1.Property('Center')
], Font.prototype, "textAlignment", void 0);
exports.Font = Font;

@@ -79,10 +79,10 @@ var Border = (function (_super) {

}
__decorate([
ej2_base_1.Property('')
], Border.prototype, "color", void 0);
__decorate([
ej2_base_1.Property(1)
], Border.prototype, "width", void 0);
return Border;
}(ej2_base_1.ChildProperty));
__decorate([
ej2_base_1.Property('')
], Border.prototype, "color", void 0);
__decorate([
ej2_base_1.Property(1)
], Border.prototype, "width", void 0);
exports.Border = Border;

@@ -94,13 +94,13 @@ var ChartArea = (function (_super) {

}
__decorate([
ej2_base_1.Complex({}, Border)
], ChartArea.prototype, "border", void 0);
__decorate([
ej2_base_1.Property('transparent')
], ChartArea.prototype, "background", void 0);
__decorate([
ej2_base_1.Property(1)
], ChartArea.prototype, "opacity", void 0);
return ChartArea;
}(ej2_base_1.ChildProperty));
__decorate([
ej2_base_1.Complex({}, Border)
], ChartArea.prototype, "border", void 0);
__decorate([
ej2_base_1.Property('transparent')
], ChartArea.prototype, "background", void 0);
__decorate([
ej2_base_1.Property(1)
], ChartArea.prototype, "opacity", void 0);
exports.ChartArea = ChartArea;

@@ -112,16 +112,16 @@ var Margin = (function (_super) {

}
__decorate([
ej2_base_1.Property(10)
], Margin.prototype, "left", void 0);
__decorate([
ej2_base_1.Property(10)
], Margin.prototype, "right", void 0);
__decorate([
ej2_base_1.Property(10)
], Margin.prototype, "top", void 0);
__decorate([
ej2_base_1.Property(10)
], Margin.prototype, "bottom", void 0);
return Margin;
}(ej2_base_1.ChildProperty));
__decorate([
ej2_base_1.Property(10)
], Margin.prototype, "left", void 0);
__decorate([
ej2_base_1.Property(10)
], Margin.prototype, "right", void 0);
__decorate([
ej2_base_1.Property(10)
], Margin.prototype, "top", void 0);
__decorate([
ej2_base_1.Property(10)
], Margin.prototype, "bottom", void 0);
exports.Margin = Margin;

@@ -133,13 +133,13 @@ var Animation = (function (_super) {

}
__decorate([
ej2_base_1.Property(true)
], Animation.prototype, "enable", void 0);
__decorate([
ej2_base_1.Property(1000)
], Animation.prototype, "duration", void 0);
__decorate([
ej2_base_1.Property(0)
], Animation.prototype, "delay", void 0);
return Animation;
}(ej2_base_1.ChildProperty));
__decorate([
ej2_base_1.Property(true)
], Animation.prototype, "enable", void 0);
__decorate([
ej2_base_1.Property(1000)
], Animation.prototype, "duration", void 0);
__decorate([
ej2_base_1.Property(0)
], Animation.prototype, "delay", void 0);
exports.Animation = Animation;

@@ -151,10 +151,10 @@ var Indexes = (function (_super) {

}
__decorate([
ej2_base_1.Property(0)
], Indexes.prototype, "series", void 0);
__decorate([
ej2_base_1.Property(0)
], Indexes.prototype, "point", void 0);
return Indexes;
}(ej2_base_1.ChildProperty));
__decorate([
ej2_base_1.Property(0)
], Indexes.prototype, "series", void 0);
__decorate([
ej2_base_1.Property(0)
], Indexes.prototype, "point", void 0);
exports.Indexes = Indexes;

@@ -166,16 +166,16 @@ var CornerRadius = (function (_super) {

}
__decorate([
ej2_base_1.Property(0)
], CornerRadius.prototype, "topLeft", void 0);
__decorate([
ej2_base_1.Property(0)
], CornerRadius.prototype, "topRight", void 0);
__decorate([
ej2_base_1.Property(0)
], CornerRadius.prototype, "bottomLeft", void 0);
__decorate([
ej2_base_1.Property(0)
], CornerRadius.prototype, "bottomRight", void 0);
return CornerRadius;
}(ej2_base_1.ChildProperty));
__decorate([
ej2_base_1.Property(0)
], CornerRadius.prototype, "topLeft", void 0);
__decorate([
ej2_base_1.Property(0)
], CornerRadius.prototype, "topRight", void 0);
__decorate([
ej2_base_1.Property(0)
], CornerRadius.prototype, "bottomLeft", void 0);
__decorate([
ej2_base_1.Property(0)
], CornerRadius.prototype, "bottomRight", void 0);
exports.CornerRadius = CornerRadius;

@@ -195,14 +195,14 @@ var Index = (function () {

}
__decorate([
ej2_base_1.Property(null)
], EmptyPointSettings.prototype, "fill", void 0);
__decorate([
ej2_base_1.Complex({ color: 'transparent', width: 0 }, Border)
], EmptyPointSettings.prototype, "border", void 0);
__decorate([
ej2_base_1.Property('Gap')
], EmptyPointSettings.prototype, "mode", void 0);
return EmptyPointSettings;
}(ej2_base_1.ChildProperty));
__decorate([
ej2_base_1.Property(null)
], EmptyPointSettings.prototype, "fill", void 0);
__decorate([
ej2_base_1.Complex({ color: 'transparent', width: 0 }, Border)
], EmptyPointSettings.prototype, "border", void 0);
__decorate([
ej2_base_1.Property('Gap')
], EmptyPointSettings.prototype, "mode", void 0);
exports.EmptyPointSettings = EmptyPointSettings;
});
dist/ej2-charts.umd.min.js

Sorry, the diff of this file is too big to display

dist/ej2-charts.umd.min.js.map

Sorry, the diff of this file is not supported yet

dist/global/ej2-charts.min.js

Sorry, the diff of this file is too big to display

dist/global/ej2-charts.min.js.map

Sorry, the diff of this file is not supported yet

dist\global\accumulationChart.js

Sorry, the diff of this file is too big to display

dist\global\chart.js

Sorry, the diff of this file is too big to display

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

About

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc