v16.3.33 is released

Author: pipeline

controls/buttons/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## [Unreleased]
 
+## 16.3.33 (2018-11-15)
+
+### CheckBox
+
+#### Bug Fixes
+
+- Add multiple classes dynamically to `cssClass` property issue fixed.
+
 ## 16.2.49 (2018-08-21)
 
 ### Common

controls/buttons/README.md

@@ -101,7 +101,7 @@ Product support is available for through following mediums.
 
 ## License
 
-Check the license detail [here](https://github.com/syncfusion/ej2/blob/master/license?utm_source=npm&utm_campaign=button).
+Check the license detail [here](https://github.com/syncfusion/ej2-javascript-ui-controls/blob/master/license?utm_source=npm&utm_campaign=button).
 
 ## Changelog
 

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

@@ -1,4 +1,4 @@
-import { Component, INotifyPropertyChanged , NotifyPropertyChanges, Property } from '@syncfusion/ej2-base';import { EmitType, Event, EventHandler, KeyboardEvents } from '@syncfusion/ej2-base';import { addClass, detach, getUniqueID, isRippleEnabled, removeClass, rippleEffect } from '@syncfusion/ej2-base';import { wrapperInitialize, rippleMouseHandler, ChangeEventArgs } from './../common/common';
+import { Component, INotifyPropertyChanged, NotifyPropertyChanges, Property } from '@syncfusion/ej2-base';import { EmitType, Event, EventHandler, KeyboardEvents } from '@syncfusion/ej2-base';import { addClass, detach, getUniqueID, isRippleEnabled, removeClass, rippleEffect } from '@syncfusion/ej2-base';import { wrapperInitialize, rippleMouseHandler, ChangeEventArgs } from './../common/common';
 import {LabelPosition} from "./check-box";
 import {ComponentModel} from '@syncfusion/ej2-base';
 

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

@@ -1,4 +1,4 @@
-import { Component, INotifyPropertyChanged , NotifyPropertyChanges, Property } from '@syncfusion/ej2-base';
+import { Component, INotifyPropertyChanged, NotifyPropertyChanges, Property } from '@syncfusion/ej2-base';
 import { EmitType, Event, EventHandler, KeyboardEvents } from '@syncfusion/ej2-base';
 import { addClass, detach, getUniqueID, isRippleEnabled, removeClass, rippleEffect } from '@syncfusion/ej2-base';
 import { CheckBoxModel } from './check-box-model';
@@ -273,7 +273,7 @@ export class CheckBox extends Component<HTMLInputElement> implements INotifyProp
             let rippleSpan: HTMLElement = this.createElement('span', { className: RIPPLE });
             if (this.labelPosition === 'Before') {
                 label.appendChild(rippleSpan);
-            }else {
+            } else {
                 label.insertBefore(rippleSpan, frameSpan);
             }
             rippleEffect(rippleSpan, { duration: 400, isCenterRipple: true });
@@ -330,9 +330,11 @@ export class CheckBox extends Component<HTMLInputElement> implements INotifyProp
                     break;
                 case 'cssClass':
                     if (oldProp.cssClass) {
-                        wrapper.classList.remove(oldProp.cssClass);
+                        removeClass([wrapper], oldProp.cssClass.split(' '));
+                    }
+                    if (newProp.cssClass) {
+                        addClass([wrapper], newProp.cssClass.split(' '));
                     }
-                    wrapper.classList.add(newProp.cssClass);
                     break;
                 case 'enableRtl':
                     if (newProp.enableRtl) {

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

@@ -264,7 +264,9 @@ export class RadioButton extends Component<HTMLInputElement> implements INotifyP
                     if (oldProp.cssClass) {
                         removeClass([label], oldProp.cssClass.split(' '));
                     }
-                    addClass([label], newProp.cssClass.split(' '));
+                    if (newProp.cssClass) {
+                        addClass([label], newProp.cssClass.split(' '));
+                    }
                     break;
                 case 'enableRtl':
                     if (newProp.enableRtl) {

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

@@ -261,9 +261,11 @@ export class Switch extends Component<HTMLInputElement> implements INotifyProper
                     break;
                 case 'cssClass':
                     if (oldProp.cssClass) {
-                        wrapper.classList.remove(oldProp.cssClass);
+                        removeClass([wrapper], oldProp.cssClass.split(' '));
+                    }
+                    if (newProp.cssClass) {
+                        addClass([wrapper], newProp.cssClass.split(' '));
                     }
-                    wrapper.classList.add(newProp.cssClass);
                     break;
             }
         }

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

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 16.3.32 (2018-11-15)
+## 16.3.31 (2018-11-07)
 
 ### DatePicker
 

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

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-calendars",
-	"version": "16.3.30",
+	"version": "16.3.31",
 	"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/global/ej2-buttons.min.js

@@ -8,6 +8,19 @@
 
 ## [Unreleased]
 
+## 16.3.33 (2018-11-15)
+
+### Chart
+
+#### New Features
+
+- Margin options are added to legend.
+
+#### Bug Fixes
+
+- Series DataSource change chart refresh issue fixed.
+- Axis label is now rendering properly, when we have the interval in decimals.
+
 ## 16.3.32 (2018-11-13)
 
 ### Chart

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

@@ -42,9 +42,9 @@ Following list of components are available in the package
 
 ## Supported frameworks
  These components are available in following list of
-  1. [Angular](https://github.com/syncfusion/ej2-angular-ui-components/?utm_source=npm&utm_campaign=chart)
-  2. [React](https://github.com/syncfusion/ej2-react-ui-components/?utm_source=npm&utm_campaign=chart)
-  3. [Vue.js](https://github.com/syncfusion/ej2-vue-ui-components/?utm_source=npm&utm_campaign=chart)
+  1. [Angular](https://github.com/syncfusion/ej2-angular-ui-components/tree/master/components/charts?utm_source=npm&utm_campaign=chart)
+  2. [React](https://github.com/syncfusion/ej2-react-ui-components/tree/master/components/charts?utm_source=npm&utm_campaign=chart)
+  3. [Vue.js](https://github.com/syncfusion/ej2-vue-ui-components/tree/master/components/charts?utm_source=npm&utm_campaign=chart)
   4. [ASP.NET Core](https://aspdotnetcore.syncfusion.com/Chart/Line#/material)
   5. [ASP.NET MVC](https://aspnetmvc.syncfusion.com/Chart/Line#/material)
   6. [JavaScript (ES5)](https://www.syncfusion.com/javascript-ui-controls/charts)

controls/buttons/src/check-box/check-box-model.d.ts

@@ -685,18 +685,33 @@ class Double {
         }
         let format = this.getFormat(axis);
         let isCustom = format.match('{value}') !== null;
+        let intervalDigits = 0;
+        let formatDigits = 0;
+        if (axis.labelFormat && axis.labelFormat.indexOf('n') > -1) {
+            formatDigits = parseInt(axis.labelFormat.substring(1, axis.labelFormat.length), 10);
+        }
         axis.format = chart.intl.getNumberFormat({
             format: isCustom ? '' : format,
             useGrouping: chart.useGroupingSeparator
         });
         axis.startLabel = axis.format(axis.visibleRange.min);
         axis.endLabel = axis.format(axis.visibleRange.max);
+        if (axis.visibleRange.interval && (axis.visibleRange.interval + '').indexOf('.') >= 0) {
+            intervalDigits = (axis.visibleRange.interval + '').split('.')[1].length;
+        }
+        labelStyle = (extend({}, getValue('properties', axis.labelStyle), null, true));
         for (; tempInterval <= axis.visibleRange.max; tempInterval += axis.visibleRange.interval) {
-            labelStyle = (extend({}, getValue('properties', axis.labelStyle), null, true));
             if (withIn(tempInterval, axis.visibleRange)) {
                 triggerLabelRender(chart, tempInterval, this.formatValue(axis, isCustom, format, tempInterval), labelStyle, axis);
             }
         }
+        if (tempInterval && (tempInterval + '').indexOf('.') >= 0 && (tempInterval + '').split('.')[1].length > 10) {
+            tempInterval = (tempInterval + '').split('.')[1].length > (formatDigits || intervalDigits) ?
+                +tempInterval.toFixed(formatDigits || intervalDigits) : tempInterval;
+            if (tempInterval <= axis.visibleRange.max) {
+                triggerLabelRender(chart, tempInterval, this.formatValue(axis, isCustom, format, tempInterval), labelStyle, axis);
+            }
+        }
         if (axis.getMaxLabelWidth) {
             axis.getMaxLabelWidth(this.chart);
         }
@@ -5809,6 +5824,9 @@ __decorate$5([
 __decorate$5([
     Complex({}, Border)
 ], LegendSettings.prototype, "border", void 0);
+__decorate$5([
+    Complex({ left: 0, right: 0, top: 0, bottom: 0 }, Margin)
+], LegendSettings.prototype, "margin", void 0);
 __decorate$5([
     Property(5)
 ], LegendSettings.prototype, "shapePadding", void 0);
@@ -5902,25 +5920,26 @@ class BaseLegend {
      */
     getLocation(position, alignment, legendBounds, rect, availableSize) {
         let padding = this.legend.border.width;
-        let legendHeight = legendBounds.height + padding;
-        let legendWidth = legendBounds.width + padding;
+        let legendHeight = legendBounds.height + padding + this.legend.margin.top + this.legend.margin.bottom;
+        let legendWidth = legendBounds.width + padding + this.legend.margin.left + this.legend.margin.right;
         let marginBottom = this.chart.margin.bottom;
         if (position === 'Bottom') {
             legendBounds.x = this.alignLegend(legendBounds.x, availableSize.width, legendBounds.width, alignment);
-            legendBounds.y = rect.y + (rect.height - legendHeight) + padding;
+            legendBounds.y = rect.y + (rect.height - legendHeight) + padding + this.legend.margin.top;
             subtractThickness(rect, new Thickness(0, 0, 0, legendHeight));
         }
         else if (position === 'Top') {
             legendBounds.x = this.alignLegend(legendBounds.x, availableSize.width, legendBounds.width, alignment);
-            legendBounds.y = rect.y + padding;
+            legendBounds.y = rect.y + padding + this.legend.margin.top;
             subtractThickness(rect, new Thickness(0, 0, legendHeight, 0));
         }
         else if (position === 'Right') {
-            legendBounds.x = rect.x + (rect.width - legendBounds.width);
+            legendBounds.x = rect.x + (rect.width - legendBounds.width) - this.legend.margin.right;
             legendBounds.y = rect.y + this.alignLegend(0, availableSize.height - (rect.y + marginBottom), legendBounds.height, alignment);
             subtractThickness(rect, new Thickness(0, legendWidth, 0, 0));
         }
         else if (position === 'Left') {
+            legendBounds.x = legendBounds.x + this.legend.margin.left;
             legendBounds.y = rect.y + this.alignLegend(0, availableSize.height - (rect.y + marginBottom), legendBounds.height, alignment);
             subtractThickness(rect, new Thickness(legendWidth, 0, 0, 0));
         }
@@ -7828,6 +7847,17 @@ let Chart = class Chart extends Component {
         this.processData();
         return true;
     }
+    /**
+     * Get visible series by index
+     */
+    getVisibleSeries(visibleSeries, index) {
+        for (let series of visibleSeries) {
+            if (index === series.index) {
+                return series;
+            }
+        }
+        return null;
+    }
     /**
      * Called internally if any of the property value changed.
      * @private
@@ -7910,6 +7940,7 @@ let Chart = class Chart extends Component {
                             series = newProp.series[i];
                             if (series && (series.dataSource || series.xName || series.yName || series.size ||
                                 series.high || series.low || series.open || series.close)) {
+                                extend(this.getVisibleSeries(this.visibleSeries, i), series, null, true);
                                 seriesRefresh = true;
                             }
                         }