v17.1.40 is released

Author: pipeline

controls/base/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-base",
-	"version": "17.1.32",
+	"version": "17.1.38",
 	"description": "A common package of Essential JS 2 base libraries, methods and class definitions",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

controls/buttons/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## [Unreleased]
 
+## 17.1.40 (2019-04-09)
+
+### RadioButton
+
+#### New Features
+
+- Provided `getSelectedValue` method to find the value of selected radio button in a group.
+
 ## 17.1.1-beta (2019-01-29)
 
 ### Chips

controls/buttons/dist/ej2-buttons.umd.min.js

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-buttons",
-	"version": "17.1.32",
+	"version": "17.1.38",
 	"description": "A package of feature-rich Essential JS 2 components such as Button, CheckBox, RadioButton and Switch.",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

controls/buttons/dist/ej2-buttons.umd.min.js.map

@@ -273,6 +273,18 @@ describe('RadioButton', () => {
             expect(radio.element.id).toContain('e-radio');
             expect(radio.element.type).toEqual('radio');
         });
+        it('getSelectedValue method', () => {
+            document.body.appendChild(createElement('input', { id: 'group1', attrs: { 'type': 'radio' } }));
+            document.body.appendChild(createElement('input', { id: 'group2', attrs: { 'type': 'radio' } }));
+            radio = new RadioButton({ name: 'group', value: '1' }, '#group1');
+            let radio2: RadioButton = new RadioButton({ name: 'group', value: '2' }, '#group2');
+            expect(radio.getSelectedValue()).toEqual('');
+            radio.element.click();
+            expect(radio2.getSelectedValue()).toEqual('1');
+            radio2.element.click();
+            expect(radio.getSelectedValue()).toEqual('2');
+            radio2.destroy();
+        });
     });
 
     describe('RadioButton in HTML5 forms', () => {

controls/buttons/dist/es6/ej2-buttons.es2015.js

@@ -121,8 +121,7 @@ export class RadioButton extends Component<HTMLInputElement> implements INotifyP
 
     private updateChange(state: boolean): void {
         let input: HTMLInputElement; let instance: RadioButton;
-        let name: string = this.element.getAttribute('name');
-        let radioGrp: NodeListOf<Element> = document.querySelectorAll('input.e-radio[name="' + name + '"]');
+        let radioGrp: NodeListOf<Element> = this.getRadioGroup();
         for (let i: number = 0; i < radioGrp.length; i++) {
             input = radioGrp[i] as HTMLInputElement;
             if (input !== this.element) {
@@ -171,6 +170,24 @@ export class RadioButton extends Component<HTMLInputElement> implements INotifyP
         return 'radio';
     }
 
+    /**
+     * To get the value of selected radio button in a group.
+     * @method getSelectedValue
+     * @return {string}
+     */
+    public getSelectedValue(): string {
+        let input: HTMLInputElement; let radioGrp: NodeListOf<Element> = this.getRadioGroup();
+        for (let i: number = 0, len: number = radioGrp.length; i < len; i++) {
+            input = radioGrp[i] as HTMLInputElement;
+            if (input.checked ) { return input.value; }
+        }
+        return '';
+    }
+
+    private getRadioGroup(): NodeListOf<Element> {
+        return document.querySelectorAll('input.e-radio[name="' + this.element.getAttribute('name') + '"]');
+    }
+
     /**
      * Gets the properties to be maintained in the persistence state.
      * @private

controls/buttons/dist/es6/ej2-buttons.es2015.js.map

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-calendars",
-	"version": "17.1.32",
+	"version": "17.1.38",
 	"description": "A complete package of date or time components with built-in features such as date formatting, inline editing, multiple (range) selection, range restriction, month and year selection, strict mode, and globalization.",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

controls/buttons/dist/es6/ej2-buttons.es5.js

@@ -2,6 +2,22 @@
 
 ## [Unreleased]
 
+## 17.1.40 (2019-04-09)
+
+### Accumulation chart
+
+#### Bug Fixes
+
+- Now Accumulation chart is refreshing properly on data change.
+
+### Chart
+
+#### Bug Fixes
+
+- Stacking column is not rendered properly when yvalue in string is fixed.
+- Zoomposition is not proper, when the axis is inversed is fixed.
+- Multiline label alignment is not proper, when breaking the labels into smaller text issue fixed
+
 ## 17.1.32-beta (2019-03-13)
 
 ### Chart

controls/buttons/dist/es6/ej2-buttons.es5.js.map

@@ -1410,14 +1410,8 @@ class Axis extends ChildProperty {
             let baseRange = this.actualRange;
             let start;
             let end;
-            if (!this.isInversed) {
-                start = this.actualRange.min + this.zoomPosition * this.actualRange.delta;
-                end = start + this.zoomFactor * this.actualRange.delta;
-            }
-            else {
-                start = this.actualRange.max - (this.zoomPosition * this.actualRange.delta);
-                end = start - (this.zoomFactor * this.actualRange.delta);
-            }
+            start = this.actualRange.min + this.zoomPosition * this.actualRange.delta;
+            end = start + this.zoomFactor * this.actualRange.delta;
             if (start < baseRange.min) {
                 end = end + (baseRange.min - start);
                 start = baseRange.min;
@@ -4216,7 +4210,7 @@ class CartesianAxisLayoutPanel {
             intervalLength = rect.width / length;
             width = ((axis.labelIntersectAction === 'Trim' || axis.labelIntersectAction === 'Wrap') && angle === 0
                 && elementSize.width > intervalLength) ? intervalLength : elementSize.width;
-            if (breakLabels.indexOf('<br>') !== -1 && label.breakLabelSize.width < axis.maxLabelSize.width) {
+            if (breakLabels.indexOf('<br>') !== -1 && label.breakLabelSize.width <= axis.maxLabelSize.width) {
                 pointX -= label.breakLabelSize.width / 2;
             }
             else {
@@ -5343,7 +5337,7 @@ class Series extends SeriesBase {
                 stackingSeies.push(series);
                 for (let j = 0, pointsLength = series.points.length; j < pointsLength; j++) {
                     lastValue = 0;
-                    value = yValues[j];
+                    value = +yValues[j]; // Fix for chart not rendering while y value is given as string issue
                     if (lastPositive[stackingGroup][series.points[j].xValue] === undefined) {
                         lastPositive[stackingGroup][series.points[j].xValue] = 0;
                     }
@@ -7561,6 +7555,8 @@ let Chart = class Chart extends Component {
         element.style.webkitUserSelect = 'none';
         element.style.position = 'relative';
         element.style.display = 'block';
+        // To fix angular and react tooltip div scrollbar issue
+        element.style.overflow = 'hidden';
     }
     /**
      * Finds the orientation.
@@ -22977,6 +22973,17 @@ let AccumulationChart = class AccumulationChart extends Component {
         }
         return false;
     }
+    /**
+     * Get visible series for accumulation chart by index
+     */
+    changeVisibleSeries(visibleSeries, index) {
+        for (let series of visibleSeries) {
+            if (index === series.index) {
+                return series;
+            }
+        }
+        return null;
+    }
     /**
      * Get the properties to be maintained in the persisted state.
      * @private
@@ -23032,8 +23039,11 @@ let AccumulationChart = class AccumulationChart extends Component {
                     if (!this.animateselected) {
                         let len = this.series.length;
                         let seriesRefresh = false;
+                        let series;
                         for (let i = 0; i < len; i++) {
+                            series = newProp.series[i];
                             if (newProp.series[i] && (newProp.series[i].dataSource || newProp.series[i].yName || newProp.series[i].xName)) {
+                                extend(this.changeVisibleSeries(this.visibleSeries, i), series, null, true);
                                 seriesRefresh = true;
                             }
                             if (newProp.series[i] && newProp.series[i].explodeIndex !== oldProp.series[i].explodeIndex) {
@@ -29174,7 +29184,7 @@ class StockEvents extends BaseTooltip {
                 textSize = measureText(stockEvent.text + 'W', stockEvent.textStyle);
                 if (!argsData.cancel) {
                     stockEventElement = sChart.renderer.createGroup({ id: this.chartId + '_Series_' + series.index + '_StockEvents_' + i });
-                    if (withIn(stockEvent.date.getTime(), series.xAxis.visibleRange)) {
+                    if (withIn(this.dateParse(stockEvent.date).getTime(), series.xAxis.visibleRange)) {
                         symbolLocation = this.findClosePoint(series, stockEvent);
                         if (!stockEvent.showOnSeries) {
                             symbolLocation.y = series.yAxis.rect.y + series.yAxis.rect.height;
@@ -29189,7 +29199,7 @@ class StockEvents extends BaseTooltip {
         return stockEventsElementGroup;
     }
     findClosePoint(series, sEvent) {
-        let closeIndex = this.getClosest(series, sEvent.date.getTime());
+        let closeIndex = this.getClosest(series, this.dateParse(sEvent.date).getTime());
         let pointData;
         let point;
         let xPixel;
@@ -29222,9 +29232,9 @@ class StockEvents extends BaseTooltip {
             case 'Flag':
             case 'Circle':
             case 'Square':
-                stockEventElement.appendChild(drawSymbol(new ChartLocation(lx, ly), 'Circle', new Size(2, 2), '', new PathOption(stockId + '_Circle', 'transparent', border.width, border.color), stockEve.date.toDateString()));
-                stockEventElement.appendChild(drawSymbol(new ChartLocation(lx, ly - 5), 'VerticalLine', new Size(9, 9), '', new PathOption(stockId + '_Path', border.color, border.width, border.color), stockEve.date.toDateString()));
-                stockEventElement.appendChild(drawSymbol(new ChartLocation(stockEve.type !== 'Flag' ? lx : lx + result.width / 2, ly - result.height), stockEve.type, result, '', new PathOption(stockId + '_Shape', stockEve.background, border.width, border.color), stockEve.date.toDateString()));
+                stockEventElement.appendChild(drawSymbol(new ChartLocation(lx, ly), 'Circle', new Size(2, 2), '', new PathOption(stockId + '_Circle', 'transparent', border.width, border.color), this.dateParse(stockEve.date).toISOString()));
+                stockEventElement.appendChild(drawSymbol(new ChartLocation(lx, ly - 5), 'VerticalLine', new Size(9, 9), '', new PathOption(stockId + '_Path', border.color, border.width, border.color), this.dateParse(stockEve.date).toISOString()));
+                stockEventElement.appendChild(drawSymbol(new ChartLocation(stockEve.type !== 'Flag' ? lx : lx + result.width / 2, ly - result.height), stockEve.type, result, '', new PathOption(stockId + '_Shape', stockEve.background, border.width, border.color), this.dateParse(stockEve.date).toISOString()));
                 textElement(new TextOption(stockId + '_Text', stockEve.type !== 'Flag' ? symbolLocation.x : symbolLocation.x + result.width / 2, (symbolLocation.y - result.height), 'middle', stockEve.text, '', 'middle'), stockEve.textStyle, stockEve.textStyle.color, stockEventElement);
                 break;
             case 'ArrowUp':
@@ -29239,7 +29249,7 @@ class StockEvents extends BaseTooltip {
             case 'InvertedTriangle':
                 result.height = 3 * textSize.height;
                 result.width = textSize.width + (1.5 * textSize.width);
-                stockEventElement.appendChild(drawSymbol(new ChartLocation(symbolLocation.x, symbolLocation.y), stockEve.type, new Size(20, 20), '', new PathOption(stockId + '_Shape', stockEve.background, border.width, border.color), stockEve.date.toDateString()));
+                stockEventElement.appendChild(drawSymbol(new ChartLocation(symbolLocation.x, symbolLocation.y), stockEve.type, new Size(20, 20), '', new PathOption(stockId + '_Shape', stockEve.background, border.width, border.color), this.dateParse(stockEve.date).toISOString()));
                 textElement(new TextOption(stockId + '_Text', symbolLocation.x, symbolLocation.y, 'middle', stockEve.text, '', 'middle'), stockEve.textStyle, stockEve.textStyle.color, stockEventElement);
                 break;
             case 'Text':
@@ -29355,6 +29365,16 @@ class StockEvents extends BaseTooltip {
             getElement(elementId).setAttribute('opacity', opacity.toString());
         }
     }
+    /**
+     * @param value
+     * To convert the c# or javascript date formats into js format
+     * refer chart control's dateTime processing.
+     */
+    dateParse(value) {
+        let dateParser = this.chart.intl.getDateParser({ skeleton: 'full', type: 'dateTime' });
+        let dateFormatter = this.chart.intl.getDateFormat({ skeleton: 'full', type: 'dateTime' });
+        return new Date((Date.parse(dateParser(dateFormatter(new Date(DataUtil.parse.parseJson({ val: value }).val))))));
+    }
 }
 function initialArray(numrows, numcols, initial) {
     let arr = [];