v17.1.44 is released

Author: pipeline

controls/base/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 17.1.43 (2019-04-30)
+## 17.1.44 (2019-05-07)
 
 ### Common
 

controls/calendars/CHANGELOG.md

@@ -8,6 +8,12 @@
 
 - #143352 - Now, the DatePicker fires input's blur when click outside without select the date from calendar popup.
 
+- #233877 - Now, you can enter the same date value after form reset.
+
+### DateTimePicker
+
+- #233877 - Now, you can enter the same datetime value after form reset.
+
 ## 17.1.42 (2019-04-23)
 
 ### DateRangePicker

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

@@ -3118,7 +3118,8 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
     DatePicker.prototype.restoreValue = function () {
         this.currentDate = this.value ? this.value : new Date();
         this.previousDate = this.value;
-        this.previousElementValue = this.inputElement.value;
+        this.previousElementValue = (isNullOrUndefined(this.inputValueCopy)) ? '' :
+            this.globalize.formatDate(this.inputValueCopy, { format: this.formatString, type: 'dateTime', skeleton: 'yMd' });
     };
     DatePicker.prototype.inputChangeHandler = function (e) {
         e.stopPropagation();
@@ -6779,6 +6780,7 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
         }
     };
     DateRangePicker.prototype.applyFunction = function (eve) {
+        var isValueChanged = false;
         eve.preventDefault();
         if (this.closeEventArgs && this.closeEventArgs.cancel) {
             this.startValue = this.popupWrapper.querySelector('.e-start-date') &&
@@ -6801,13 +6803,20 @@ var DateRangePicker = /** @__PURE__ @class */ (function (_super) {
             this.previousEndValue = new Date(+this.endValue);
             this.previousEleValue = this.inputElement.value;
             Input.setValue(this.rangeArgs(eve).text, this.inputElement, this.floatLabelType, this.showClearButton);
+            if (+this.initStartDate !== +this.startValue || +this.initEndDate !== +this.endValue) {
+                isValueChanged = true;
+            }
             this.changeTrigger(eve);
             this.hide(eve ? eve : null);
             this.errorClass();
         }
         else {
             this.hide(eve ? eve : null);
         }
+        if (!(closest(eve.target, '.' + INPUTCONTAINER$1))
+            && (!isValueChanged)) {
+            this.focusOut();
+        }
         if (!this.isMobile) {
             this.isKeyPopup = false;
             if (this.isRangeIconClicked) {
@@ -11715,7 +11724,8 @@ var DateTimePicker = /** @__PURE__ @class */ (function (_super) {
         this.currentDate = this.value ? this.value : new Date();
         this.valueWithMinutes = this.value;
         this.previousDate = this.value;
-        this.previousElementValue = this.inputElement.value;
+        this.previousElementValue = this.previousElementValue = (isNullOrUndefined(this.inputValueCopy)) ? '' :
+            this.getFormattedValue(this.inputValueCopy);
     };
     __decorate$4([
         Property(null)

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

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-calendars",
-	"version": "17.1.42",
+	"version": "17.1.43",
 	"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/calendars/dist/es6/ej2-calendars.es2015.js

@@ -2991,6 +2991,32 @@ describe('Datepicker', () => {
             expect((<any>document.getElementById('datepicker')).value === '').toBe(true);
             datepicker = null;
         });
+        it('Input value reset case_1 ', () => {
+            datepicker = new DatePicker({ });
+            datepicker.appendTo('#datepicker');
+            (<any>document.getElementById("form-element")).reset();
+            datepicker.dataBind();
+            expect(datepicker.previousElementValue === "").toBe(true);
+        });
+        it('Input value reset case_2 ', () => {
+            datepicker = new DatePicker({
+                value: new Date("2/12/2018")
+            });
+            datepicker.appendTo('#datepicker');
+            (<any>document.getElementById("form-element")).reset();
+            datepicker.dataBind();
+            expect(datepicker.previousElementValue === "2/12/2018").toBe(true);
+        });
+        it('Input value reset case_3 ', () => {
+            datepicker = new DatePicker({
+                value: new Date("2/12/2018"),
+                format: "yyyy/MMM/dd"
+            });
+            datepicker.appendTo('#datepicker');
+            (<any>document.getElementById("form-element")).reset();
+            datepicker.dataBind();
+            expect(datepicker.previousElementValue === "2018/Feb/12").toBe(true);
+        });
     });
 	describe('Form element', () => {
         let datepicker: any;

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

@@ -8284,6 +8284,32 @@ describe('DateRangePicker', () => {
         //Check the final memory usage against the first usage, there should be little change if everything was properly deallocated
         expect(memory).toBeLessThan(profile.samples[0] + 0.25);
     })
+    describe('DateRangePicker', function () {
+        let daterangepicker:any;
+        beforeEach(function () {
+            let ele: HTMLElement = createElement('input', { id: 'date' });
+            document.body.appendChild(ele);
+        });
+        afterEach(function () {
+            if (daterangepicker) {
+                daterangepicker.destroy();
+            }
+            document.body.innerHTML = '';
+        });
+        it('focus event checking on document click when the calendar is open test case', function () {
+            daterangepicker = new DateRangePicker();
+            daterangepicker.appendTo('#date');
+            let e ={
+                preventDefault : () => {},
+                target:document.getElementById('date')
+            };
+            document.getElementsByClassName(' e-input-group-icon e-range-icon e-icons')[0].dispatchEvent(clickEvent);
+            expect(daterangepicker.popupObj != null).toBe(true);
+            e.target = document.getElementsByTagName('body')[0];
+            daterangepicker.documentHandler(e);
+            expect(daterangepicker.inputWrapper.container.classList.contains('e-input-focus')).toBe(false);
+        });
+    });
 });
 interface CalendarElement {
     leftCalTitle: HTMLElement;

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

@@ -2403,6 +2403,32 @@ describe('Form element', () => {
         expect((<any>document.getElementById('datetimepicker')).value === '').toBe(true);
         datetime = null;
     });
+    it('Input value reset case', () => {
+        datetime = new DateTimePicker({ });
+        datetime.appendTo('#datetimepicker');
+        (<any>document.getElementById("form-element")).reset();
+        datetime.dataBind();
+        expect(datetime.previousElementValue === "").toBe(true);
+    });
+    it('Input value reset case_2', () => {
+        datetime = new DateTimePicker({ 
+            value: new Date('2/12/2018 2:00 AM')
+        });
+        datetime.appendTo('#datetimepicker');
+        (<any>document.getElementById("form-element")).reset();
+        datetime.dataBind();
+        expect(datetime.previousElementValue === "2/12/2018 2:00 AM").toBe(true);
+    });
+    it('Input value reset case_3', () => {
+        datetime = new DateTimePicker({ 
+            value: new Date('2/12/2018 2:00 AM'),
+            format: "yyyy/MMM/dd HH:mm"
+        });
+        datetime.appendTo('#datetimepicker');
+        (<any>document.getElementById("form-element")).reset();
+        datetime.dataBind();
+        expect(datetime.previousElementValue === "2018/Feb/12 02:00").toBe(true);
+    });
 });
 
 describe('Islamic ', () => {

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

@@ -545,7 +545,8 @@ export class DatePicker extends Calendar implements IInput {
     protected restoreValue(): void {
         this.currentDate = this.value ? this.value : new Date();
         this.previousDate = this.value;
-        this.previousElementValue = this.inputElement.value;
+        this.previousElementValue = (isNullOrUndefined(this.inputValueCopy)) ? '' :
+            this.globalize.formatDate(this.inputValueCopy, { format: this.formatString, type: 'dateTime', skeleton: 'yMd' });
     }
     private inputChangeHandler(e: MouseEvent): void {
         e.stopPropagation();

controls/calendars/dist/global/ej2-calendars.min.js

@@ -2840,6 +2840,7 @@ export class DateRangePicker extends CalendarBase {
         }
     }
     private applyFunction(eve?: MouseEvent | KeyboardEventArgs): void {
+        let isValueChanged: boolean = false;
         eve.preventDefault();
         if (this.closeEventArgs && this.closeEventArgs.cancel) {
             this.startValue = this.popupWrapper.querySelector('.e-start-date') &&
@@ -2860,12 +2861,19 @@ export class DateRangePicker extends CalendarBase {
             this.previousEndValue = new Date(+this.endValue);
             this.previousEleValue = this.inputElement.value;
             Input.setValue(this.rangeArgs(eve).text, this.inputElement, this.floatLabelType, this.showClearButton);
+            if (+this.initStartDate !== +this.startValue || +this.initEndDate !== +this.endValue) {
+                isValueChanged = true;
+            }
             this.changeTrigger(eve);
             this.hide(eve ? eve : null);
             this.errorClass();
         } else {
             this.hide(eve ? eve : null);
         }
+        if (!(closest(eve.target as HTMLElement, '.' + INPUTCONTAINER))
+        && (!isValueChanged)) {
+            this.focusOut();
+        }
         if (!this.isMobile) {
             this.isKeyPopup = false;
             if (this.isRangeIconClicked) {

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

@@ -1376,6 +1376,7 @@ export class DateTimePicker extends DatePicker {
         this.currentDate = this.value ? this.value : new Date();
         this.valueWithMinutes = this.value;
         this.previousDate = this.value;
-        this.previousElementValue = this.inputElement.value;
+        this.previousElementValue = this.previousElementValue = (isNullOrUndefined(this.inputValueCopy)) ? '' :
+            this.getFormattedValue(this.inputValueCopy);
     }
 }

controls/calendars/package.json

@@ -1,3 +1,5 @@
+[![coverage](http://ej2.syncfusion.com/badges/ej2-charts/coverage.svg)](http://ej2.syncfusion.com/badges/ej2-charts)
+
 # ej2-charts
 
 The Chart control is used to visualize the data with user interactivity and provides customizing options to configure the data visually. It can bind data from  datasource such as array of JSON objects , `OData web services` or

controls/calendars/spec/datepicker/datepicker.spec.ts

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-charts",
-	"version": "17.1.42",
+	"version": "17.1.43",
 	"description": "Feature-rich chart control with built-in support for over 25 chart types, technical indictors, trendline, zooming, tooltip, selection, crosshair and trackball.",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

controls/calendars/spec/daterangepicker/daterangepicker.spec.ts

@@ -4,6 +4,14 @@
 
 ## [Unreleased]
 
+## 17.1.44 (2019-05-07)
+
+### CircularGauge
+
+#### Bug Fixes
+
+- #I234531 - The issue with rendering circular gauge when setting cancel argument to true in the "axisLabelRender" event has been fixed.
+
 ## 17.1.43 (2019-04-30)
 
 ### CircularGauge

controls/calendars/spec/datetimepicker/datetimepicker.spec.ts

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-circulargauge",
-	"version": "17.1.42",
+	"version": "17.1.43",
 	"description": "Essential JS 2 CircularGauge Components",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

controls/calendars/src/datepicker/datepicker.ts

@@ -93,6 +93,17 @@ describe('Circular-Gauge Control', () => {
             gauge.axes[0].labelStyle.useRangeColor = true;
             gauge.refresh();
         });
+        it('Checking label cancel in axisLabel event', (done: Function) => {
+            gauge.axisLabelRender =  (args: IAxisLabelRenderEventArgs) => {
+                args.cancel = true;
+            };
+            gauge.loaded = (args: ILoadedEventArgs): void => {
+                svg = document.getElementById('container_Axis_0_Label_0');
+                expect(svg === null).toBe(true);
+                done();
+            };
+            gauge.refresh();
+        });
         it('Checking Annotation Event', (done: Function) => {
             gauge.annotationRender = (args: IAnnotationRenderEventArgs) => {
                 args.annotation.content = '<div><span style="font-size:20px; color:#424242; font-family:Regular">65 MPH</span></div>';

controls/calendars/src/daterangepicker/daterangepicker.ts

@@ -268,7 +268,7 @@ export class AxisLayoutPanel {
                 ));
             }
         }
-        let lastLabel: number = axis.visibleLabels[axis.visibleLabels.length - 1].value;
+        let lastLabel: number = axis.visibleLabels.length ? axis.visibleLabels[axis.visibleLabels.length - 1].value : null;
         let maxVal: number = axis.visibleRange.max;
         if ( lastLabel !== maxVal && axis.showLastLabel === true) {
             argsData = {

controls/calendars/src/datetimepicker/datetimepicker.ts

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-compression",
-	"version": "17.1.32",
+	"version": "17.1.42",
 	"description": "Essential Javascript 2 Compression library",
 	"keywords": [
 		"ej2",

controls/charts/ReadMe.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 17.1.43 (2019-04-30)
+## 17.1.41 (2019-04-16)
 
 ### DataManager
 

controls/charts/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-data",
-	"version": "17.1.38",
+	"version": "17.1.42",
 	"description": "Essential JS 2 DataManager",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

controls/circulargauge/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 ## [Unreleased]
 
+## 17.1.44 (2019-05-07)
+
+- #234537 - Conditional sequence connector is now working properly when connected with BPMN Service shape.
+- #234307 - Undo/redo is now working properly when modifying the annotation's font size at run time.
+- #234106 - When the node having different size and executing the layout, nodes are now arranged properly.
+
 ## 17.1.43 (2019-04-30)
 
 ### Diagram

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

@@ -1,5 +1,3 @@
-[![coverage](http://ej2.syncfusion.com/badges/ej2-diagrams/coverage.svg)](http://ej2.syncfusion.com/badges/ej2-diagrams)
-
 # ej2-diagrams
 
 The diagram component visually represents information. It is also used to create diagrams like flow charts, organizational charts, mind maps, and BPMN either through code or a visual interface.