Skip to content

Commit 3d14877

Browse files
author
pipeline
committed
v17.3.28 is released
1 parent 04d6d63 commit 3d14877

File tree

309 files changed

+10576
-2196
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

309 files changed

+10576
-2196
lines changed

‎controls/base/dist/ej2-base.umd.min.js

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎controls/base/dist/ej2-base.umd.min.js.map

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎controls/base/dist/es6/ej2-base.es2015.js

+12-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎controls/base/dist/es6/ej2-base.es2015.js.map

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎controls/base/dist/es6/ej2-base.es5.js

+12-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎controls/base/dist/es6/ej2-base.es5.js.map

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎controls/base/dist/global/ej2-base.min.js

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎controls/base/dist/global/ej2-base.min.js.map

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎controls/base/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@syncfusion/ej2-base",
3-
"version": "17.3.26",
3+
"version": "17.3.27",
44
"description": "A common package of Essential JS 2 base libraries, methods and class definitions",
55
"author": "Syncfusion Inc.",
66
"license": "SEE LICENSE IN license",

‎controls/base/src/draggable.ts

+13-1
Original file line numberDiff line numberDiff line change
@@ -335,6 +335,7 @@ export class Draggable extends Base<HTMLElement> implements INotifyPropertyChang
335335
private dragProcessStarted: boolean = false;
336336
/* tslint:disable no-any */
337337
private tapHoldTimer: any = 0;
338+
private dragElePosition: any;
338339
public currentStateTarget: any;
339340
private externalInitialize: boolean = false;
340341
private diffY: number = 0;
@@ -533,6 +534,7 @@ export class Draggable extends Base<HTMLElement> implements INotifyPropertyChang
533534
top: (pos.top - this.diffY) + 'px',
534535
left: (pos.left - this.diffX) + 'px'
535536
});
537+
this.dragElePosition = { top: pos.top, left: pos.left };
536538
setStyleAttribute(dragTargetElement, this.getDragPosition({ position: 'absolute', left: posValue.left, top: posValue.top }));
537539
EventHandler.remove(document, Browser.touchMoveEvent, this.intDragStart);
538540
EventHandler.remove(document, Browser.touchEndEvent, this.intDestroy);
@@ -668,7 +670,17 @@ export class Draggable extends Base<HTMLElement> implements INotifyPropertyChang
668670
left = this.prevLeft;
669671
}
670672
}
671-
let dragValue: DragPosition = this.getProcessedPositionValue({ top: (top - iTop) + 'px', left: (left - iLeft) + 'px' });
673+
let draEleTop: number;
674+
let draEleLeft: number;
675+
if (this.dragArea) {
676+
draEleTop = (top - iTop) < 0 ? this.dragLimit.top : (top - iTop);
677+
draEleLeft = (left - iLeft) < 0 ? this.dragElePosition.left : (left - iLeft);
678+
} else {
679+
draEleTop = top - iTop;
680+
draEleLeft = left - iLeft;
681+
}
682+
683+
let dragValue: DragPosition = this.getProcessedPositionValue({ top: draEleTop + 'px', left: draEleLeft + 'px' });
672684
setStyleAttribute(helperElement, this.getDragPosition(dragValue));
673685
if (!this.elementInViewport(helperElement) && this.enableAutoScroll) {
674686
this.helperElement.scrollIntoView();

‎controls/buttons/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@syncfusion/ej2-buttons",
3-
"version": "17.3.26",
3+
"version": "17.3.27",
44
"description": "A package of feature-rich Essential JS 2 components such as Button, CheckBox, RadioButton and Switch.",
55
"author": "Syncfusion Inc.",
66
"license": "SEE LICENSE IN license",

‎controls/charts/CHANGELOG.md

+12
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,18 @@
22

33
## [Unreleased]
44

5+
## 17.3.28 (2019-11-19)
6+
7+
### Chart
8+
9+
#### Bug Fixes
10+
11+
- #252450 - In Polar series, selection did not work while clicking center of the marker which is plotted in the axis line is fixed
12+
- #254803 - While clicking legend corresponding axis of the series will hide now.
13+
- #252450 - Selection applied for marker shadow element is prevented now.
14+
- #255392 - Axis label tooltip not disappeared when the mouse is moved away from chart issue fixed.
15+
- #254710 - Border customization is not applied for legend in scatter chart is fixed.
16+
517
## 17.3.27 (2019-11-12)
618

719
### Chart

‎controls/charts/demos/customer-issue/chart/legend-click-axis-hide.html

+38
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<title>Legend Click Axis Visibility</title>
6+
<meta charset="utf-8" />
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
8+
<meta name="description" content="Typescript UI Controls" />
9+
<meta name="author" content="Syncfusion" />
10+
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" />
11+
<script src="../../../node_modules/requirejs/require.js" data-main="legend-click-axis-hide"></script>
12+
<script src="./chart-require.js"></script>
13+
<link href="https://cdn.syncfusion.com/ej2/fabric.css" rel="stylesheet" />
14+
</head>
15+
16+
<body>
17+
<div class="container">
18+
<div class="row">
19+
<div class="col-sm">
20+
<div id="legendChart"></div>
21+
</div>
22+
<div class="col-sm">
23+
<div id="legendChartSeries"></div>
24+
</div>
25+
</div>
26+
<div class="row">
27+
<div class="col-sm">
28+
<div id="polarMarker"></div>
29+
</div>
30+
<div class="col-sm">
31+
32+
</div>
33+
</div>
34+
35+
</div>
36+
</body>
37+
38+
</html>

‎controls/charts/demos/customer-issue/chart/legend-click-axis-hide.ts

+54
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
/**
2+
* Polar Chart Issues
3+
*
4+
*/
5+
6+
import {
7+
Chart, Tooltip, Legend, Category, AreaSeries, LineSeries, Selection, ColumnSeries, ChartModel
8+
} from '../../../src/index';
9+
Chart.Inject(Tooltip, Legend, Category, AreaSeries, LineSeries, Selection, ColumnSeries);
10+
11+
let legendChartModel: ChartModel = {
12+
13+
primaryXAxis: { isInversed: true, interval: 1, valueType: 'Category' },
14+
15+
primaryYAxis: { title: 'Revenue in Millions', labelFormat: '{value}M', isInversed : true },
16+
17+
axes: [
18+
{ name: 'secondXAxis', title: 'secondXAxis', valueType: 'Category', opposedPosition: true },
19+
{ name: 'secondYAxis', title: 'secondYAxis', opposedPosition: true }
20+
],
21+
22+
series: [
23+
{
24+
xName: 'x', width: 2, yName: 'y', name: 'Product A',
25+
dataSource: [{ x: 2000, y: 1 }, { x: 2001, y: 2.0 }, { x: 2002, y: 3.0 }, { x: 2003, y: 4.4 }],
26+
},
27+
{
28+
xName: 'x', width: 2, yName: 'y', name: 'Product B', xAxisName: 'secondXAxis', yAxisName: 'secondYAxis',
29+
dataSource: [{ x: 2000, y: 1 }, { x: 2001, y: 2.0 }, { x: 2002, y: 3.0 }, { x: 2003, y: 4.4 }],
30+
},
31+
{
32+
xName: 'x', width: 2, yName: 'y', name: 'Product C', xAxisName: 'secondXAxis', yAxisName: 'secondYAxis',
33+
dataSource: [{ x: 2000, y: 2 }, { x: 2001, y: -2.3 }, { x: 2002, y: 0 }, { x: 2003, y: 3.4 }],
34+
}
35+
],
36+
tooltip: { enable: true }, title: 'LegendClick-Axis hide three series',
37+
38+
};
39+
let legendChart: Chart = new Chart(legendChartModel);
40+
legendChart.appendTo('#legendChart');
41+
42+
let legendChartTwoSeries: Chart = new Chart(legendChartModel);
43+
legendChartTwoSeries.series.pop();
44+
legendChartTwoSeries.title = 'LegendClick-Axis hide two series';
45+
legendChartTwoSeries.appendTo('#legendChartSeries');
46+
47+
// document.getElementById('xAxis').addEventListener('click', (e: Event) => {
48+
// legendChart.primaryXAxis.visible = (e.srcElement as HTMLInputElement).checked;
49+
// legendChart.dataBind();
50+
// });
51+
// document.getElementById('yAxis').addEventListener('click', (e: Event) => {
52+
// legendChart.primaryYAxis.visible = (e.srcElement as HTMLInputElement).checked;
53+
// legendChart.dataBind();
54+
// });

‎controls/charts/demos/customer-issue/chart/polarInversedLabel.html

+9
Original file line numberDiff line numberDiff line change
@@ -28,6 +28,15 @@
2828
<input type="checkbox" checked id="radarY">Inversed YAxis
2929
</div>
3030
</div>
31+
<div class="row">
32+
<div class="col-sm">
33+
<div id="polarMarker"></div>
34+
</div>
35+
<div class="col-sm">
36+
37+
</div>
38+
</div>
39+
3140
</div>
3241
</body>
3342

‎controls/charts/demos/customer-issue/chart/polarInversedLabel.ts

+49-2
Original file line numberDiff line numberDiff line change
@@ -4,9 +4,9 @@
44
*/
55

66
import {
7-
Chart, Tooltip, Legend, PolarSeries, RadarSeries, Category, AreaSeries
7+
Chart, Tooltip, Legend, PolarSeries, RadarSeries, Category, AreaSeries, LineSeries, Selection, IPointEventArgs
88
} from '../../../src/index';
9-
Chart.Inject(Tooltip, Legend, PolarSeries, Category, AreaSeries, RadarSeries);
9+
Chart.Inject(Tooltip, Legend, PolarSeries, Category, AreaSeries, RadarSeries, LineSeries, Selection);
1010

1111
let polar: Chart = new Chart({
1212

@@ -80,3 +80,50 @@ radarYEle.onclick = () => {
8080
radar.dataBind();
8181
}
8282

83+
84+
/**
85+
* Polar Chart Selection and marker for Line Series
86+
*/
87+
88+
export let data1: object[] = [
89+
{ x: 'Jan', y: -7.1 },
90+
{ x: 'Feb', y: -3.7 },
91+
{ x: 'Mar', y: 0.8 },
92+
{ x: 'Apr', y: 6.3 },
93+
{ x: 'May', y: 13.3 },
94+
{ x: 'Jun', y: 18.0 },
95+
{ x: 'Jul', y: 19.8 },
96+
{ x: 'Aug', y: 18.1 },
97+
{ x: 'Sep', y: 13.1 },
98+
{ x: 'Oct', y: 4.1 },
99+
{ x: 'Nov', y: -3.8 },
100+
{ x: 'Dec', y: -6.8 },
101+
];
102+
export let data2: object[] = [
103+
{ x: 'Jan', y: -17.4 },
104+
{ x: 'Feb', y: -15.6 },
105+
{ x: 'Mar', y: -12.3 },
106+
{ x: 'Apr', y: -5.3 },
107+
{ x: 'May', y: 1.0 },
108+
{ x: 'Jun', y: 6.9 },
109+
{ x: 'Jul', y: 9.4 },
110+
{ x: 'Aug', y: 7.6 },
111+
{ x: 'Sep', y: 2.6 },
112+
{ x: 'Oct', y: -4.9 },
113+
{ x: 'Nov', y: -13.4 },
114+
{ x: 'Dec', y: -16.4 },
115+
];
116+
let polarSelectionChart: Chart = new Chart({
117+
primaryXAxis: { valueType: 'Category'},
118+
series: [
119+
{ dataSource: [{x:"Algeria",y:0.0},{x:"Argentina",y:3.0},{x:"Armenia",y:1.0},{x:"Australia",y:8.0},{x:"Austria",y:0.0}], xName: 'x', yName: 'y', marker: { visible: true }, name: 'TempC', type: 'Polar' },
120+
//{ dataSource: data2, xName: 'x', yName: 'y', marker: { visible: true }, name: 'TempF', type: 'Polar' },
121+
],
122+
legendSettings: { visible: true },
123+
selectionMode: 'Point',
124+
title: 'Marker click on YAxis line issue',
125+
pointClick: (value: IPointEventArgs) => {
126+
//console.log(value.point.x + ':' + value.point.y);
127+
}
128+
});
129+
polarSelectionChart.appendTo('#polarMarker');

‎controls/charts/demos/customer-issue/range-navigator/date-EST.html

+30
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<title>Polar Inversed Label Issue</title>
6+
<meta charset="utf-8" />
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
8+
<meta name="description" content="Typescript UI Controls" />
9+
<meta name="author" content="Syncfusion" />
10+
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" />
11+
<script src="../../../node_modules/requirejs/require.js" data-main="date-EST"></script>
12+
<script src="./chart-require.js"></script>
13+
<link href="https://cdn.syncfusion.com/ej2/fabric.css" rel="stylesheet" />
14+
</head>
15+
16+
<body>
17+
18+
<div class="container">
19+
<div class="row">
20+
<div class="col-sm">
21+
<div id="dateEST"></div>
22+
</div>
23+
<div class="col-sm">
24+
<div id="radarLabel"></div>
25+
</div>
26+
</div>
27+
</div>
28+
</body>
29+
30+
</html>

‎controls/charts/demos/customer-issue/range-navigator/date-EST.ts

+31
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
/**
2+
* Datetime - EST issue
3+
*/
4+
import { RangeNavigator, DateTime, RangeTooltip, Chart, LineSeries } from '../../../src/index';
5+
import { DataManager } from '@syncfusion/ej2-data';
6+
RangeNavigator.Inject(DateTime, RangeTooltip);
7+
Chart.Inject(DateTime, LineSeries);
8+
var naviData = [{ "xValue": getFormattedDate("2001-01-01"), "yValue": 1569172.0 }, { "xValue": getFormattedDate("2002-01-01"), "yValue": 4326228.0 }, { "xValue": getFormattedDate("2003-12-31"), "yValue": 2954475.0 }];
9+
let range: RangeNavigator = new RangeNavigator({
10+
valueType: 'DateTime',
11+
dataSource: new DataManager(naviData),
12+
xName: 'xValue', yName: 'yValue',
13+
intervalType: 'Years',
14+
15+
tooltip: { enable: true }
16+
});
17+
18+
let range2: RangeNavigator = new RangeNavigator({
19+
valueType: 'DateTime',
20+
series: [{
21+
dataSource: [{ x: new Date(2000, 2, 4), y: 23 }, { x: new Date(2010, 2, 4), y: 55 }], xName: 'x', yName: 'y'
22+
}],
23+
24+
});
25+
function getFormattedDate(date: any) {
26+
let formattedString: string = ':00:00:00 GMT';
27+
return (date + formattedString);
28+
}
29+
range2.appendTo('#radarLabel');
30+
range.appendTo('#dateEST');
31+

0 commit comments

Comments
 (0)