v17.4.44 is released

Author: pipeline

controls/base/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 17.4.43 (2020-01-14)
+## 17.4.44 (2021-01-21)
 
 ### Common
 

controls/buttons/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 17.4.43 (2020-01-14)
+## 17.4.44 (2021-01-21)
 
 ### Button
 

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

@@ -4489,6 +4489,7 @@ let DatePicker = class DatePicker extends Calendar {
                             this.changeTrigger(null);
                         }
                     }
+                    this.isInteracted = true;
                     break;
                 case 'format':
                     this.checkFormat();

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

@@ -4535,6 +4535,7 @@ var DatePicker = /** @__PURE__ @class */ (function (_super) {
                             this.changeTrigger(null);
                         }
                     }
+                    this.isInteracted = true;
                     break;
                 case 'format':
                     this.checkFormat();

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

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-calendars",
-	"version": "17.4.41",
+	"version": "17.4.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.map

@@ -1862,6 +1862,30 @@ describe('Datepicker', () => {
             expect(datepicker.changedArgs.isInteracted).toBe(true);
         });
     });
+    describe('Change the same value with interaction and without interaction', () => {
+        let datepicker: any;
+        beforeEach(() => {
+            let ele: HTMLElement = createElement('input', { id: 'date' });
+            document.body.appendChild(ele);
+            datepicker = new DatePicker({ value: new Date("12/12/2016") });
+            datepicker.appendTo('#date');
+        });
+        afterEach(() => {
+            if (datepicker) {
+                datepicker.destroy();
+            }
+            document.body.innerHTML = '';
+        });
+        it('Key events enter after changing value', () => {
+            datepicker.todayElement.click();
+            expect(datepicker.changedArgs.isInteracted).toBe(true);
+            datepicker.value = new Date();
+            datepicker.dataBind();
+            datepicker.inputElement.value = '5/5/2020';
+            datepicker.inputBlurHandler();
+            expect(datepicker.changedArgs.isInteracted).toBe(true);
+        });
+    });
     describe('clear button related testing', () => {
         let mouseEventArgs: any = { preventDefault: function () { }, target: null };
         let date: DatePicker;

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

@@ -1906,6 +1906,7 @@ export class DatePicker extends Calendar implements IInput {
                             this.changeTrigger(null);
                         }
                     }
+                    this.isInteracted = true;
                     break;
                 case 'format':
                     this.checkFormat();

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

@@ -4,7 +4,7 @@
 
 ## [Unreleased]
 
-## 17.4.43 (2020-01-14)
+## 17.4.44 (2021-01-21)
 
 ### CircularGauge
 

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

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 17.4.43 (2020-01-14)
+## 17.4.44 (2021-01-21)
 
 ### DataManager
 

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

@@ -2,6 +2,17 @@
 
 ## [Unreleased]
 
+## 17.4.44 (2021-01-21)
+
+### Diagram
+
+#### Bug Fixes
+
+- `#259960` - The issue "Expand and collapse not working on the Mindmap Layout" has been fixed.
+- `#260287` - The issue "left most node unable to be selected in the layout sample" has been fixed.
+- `#256458` - The diagram html content is cutoff, while exporting the diagram issue has been fixed.
+- `#259774` - The issue with connector and node opacity that is decreased while expanding and collapsing a ComplexHierarchicalTree layout has been fixed.
+
 ## 17.4.43 (2020-01-14)
 
 ### Diagram

controls/calendars/package.json

@@ -24048,7 +24048,7 @@ class DiagramEventHandler {
             bottomLeft = { x: (width - 17), y: height };
             bottomRight = { x: width, y: height };
             bounds = Rect.toBounds([topLeft, topRight, bottomLeft, bottomRight]);
-            if (bounds.containsPoint({ x: x, y: y })) {
+            if (bounds.containsPoint({ x: x + diagramCanvas.scrollLeft, y: y + diagramCanvas.scrollTop })) {
                 return true;
             }
         }
@@ -24058,7 +24058,7 @@ class DiagramEventHandler {
             bottomLeft = { x: 0, y: height };
             bottomRight = { x: width, y: height };
             bounds = Rect.toBounds([topLeft, topRight, bottomLeft, bottomRight]);
-            if (bounds.containsPoint({ x: x, y: y })) {
+            if (bounds.containsPoint({ x: x + diagramCanvas.scrollLeft, y: y + diagramCanvas.scrollTop })) {
                 return true;
             }
         }
@@ -29595,11 +29595,11 @@ class CommandHandler {
             connector.visible = visibility;
             let oldValues = {
                 visible: target.visible,
-                style: { opacity: target.style.opacity }
+                style: { opacity: target.wrapper.style.opacity }
             };
             let newValues = {
                 visible: target.visible,
-                style: { opacity: target.style.opacity }
+                style: { opacity: target.wrapper.style.opacity }
             };
             if (value) {
                 if (target.isExpanded) {
@@ -34247,6 +34247,9 @@ class Diagram extends Component {
                 this.protectPropertyChange(propChange);
             }
         }
+        if (update && !this.diagramActions) {
+            this.updateDiagramElementQuad();
+        }
         return ((this.blazorActions & BlazorAction.expandNode) ? layout : true);
     }
     /**
@@ -39756,7 +39759,7 @@ class PrintAndExport {
             let ctx = canvas.getContext('2d');
             ctx.fillStyle = 'transparent';
             ctx.fillRect(0, 0, bounds.width + (margin.left + margin.right), bounds.height + (margin.top + margin.bottom));
-            ctx.drawImage(img, bounds.x, bounds.y, bounds.width, bounds.height, margin.left, margin.top, bounds.width, bounds.height);
+            ctx.drawImage(img, 0, 0, bounds.width, bounds.height, margin.left, margin.top, bounds.width, bounds.height);
             image = canvas.toDataURL();
             if (options.printOptions) {
                 context.printImages(image, options);
@@ -47049,7 +47052,7 @@ class HierarchicalTree {
     hasChild(layout, shape) {
         //Check whether the node has children            
         let shape1 = layout.graphNodes[shape.id];
-        return shape1.tree.children && shape1.tree.children.length;
+        return shape1 ? shape1.tree.children && shape1.tree.children.length : 0;
     }
     updateHorizontalTree(layout, shape, prev, x, y, level) {
         //Get dimensions with respect to layout orientations  

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

@@ -25183,7 +25183,7 @@ var DiagramEventHandler = /** @__PURE__ @class */ (function () {
             bottomLeft = { x: (width - 17), y: height };
             bottomRight = { x: width, y: height };
             bounds = Rect.toBounds([topLeft, topRight, bottomLeft, bottomRight]);
-            if (bounds.containsPoint({ x: x, y: y })) {
+            if (bounds.containsPoint({ x: x + diagramCanvas.scrollLeft, y: y + diagramCanvas.scrollTop })) {
                 return true;
             }
         }
@@ -25193,7 +25193,7 @@ var DiagramEventHandler = /** @__PURE__ @class */ (function () {
             bottomLeft = { x: 0, y: height };
             bottomRight = { x: width, y: height };
             bounds = Rect.toBounds([topLeft, topRight, bottomLeft, bottomRight]);
-            if (bounds.containsPoint({ x: x, y: y })) {
+            if (bounds.containsPoint({ x: x + diagramCanvas.scrollLeft, y: y + diagramCanvas.scrollTop })) {
                 return true;
             }
         }
@@ -30819,11 +30819,11 @@ var CommandHandler = /** @__PURE__ @class */ (function () {
             connector.visible = visibility;
             var oldValues = {
                 visible: target.visible,
-                style: { opacity: target.style.opacity }
+                style: { opacity: target.wrapper.style.opacity }
             };
             var newValues = {
                 visible: target.visible,
-                style: { opacity: target.style.opacity }
+                style: { opacity: target.wrapper.style.opacity }
             };
             if (value) {
                 if (target.isExpanded) {
@@ -35615,6 +35615,9 @@ var Diagram = /** @__PURE__ @class */ (function (_super) {
                 this.protectPropertyChange(propChange);
             }
         }
+        if (update && !this.diagramActions) {
+            this.updateDiagramElementQuad();
+        }
         return ((this.blazorActions & BlazorAction.expandNode) ? layout : true);
     };
     /**
@@ -41208,7 +41211,7 @@ var PrintAndExport = /** @__PURE__ @class */ (function () {
             var ctx = canvas.getContext('2d');
             ctx.fillStyle = 'transparent';
             ctx.fillRect(0, 0, bounds.width + (margin.left + margin.right), bounds.height + (margin.top + margin.bottom));
-            ctx.drawImage(img, bounds.x, bounds.y, bounds.width, bounds.height, margin.left, margin.top, bounds.width, bounds.height);
+            ctx.drawImage(img, 0, 0, bounds.width, bounds.height, margin.left, margin.top, bounds.width, bounds.height);
             image = canvas.toDataURL();
             if (options.printOptions) {
                 context.printImages(image, options);
@@ -48571,7 +48574,7 @@ var HierarchicalTree = /** @__PURE__ @class */ (function () {
     HierarchicalTree.prototype.hasChild = function (layout, shape) {
         //Check whether the node has children            
         var shape1 = layout.graphNodes[shape.id];
-        return shape1.tree.children && shape1.tree.children.length;
+        return shape1 ? shape1.tree.children && shape1.tree.children.length : 0;
     };
     HierarchicalTree.prototype.updateHorizontalTree = function (layout, shape, prev, x, y, level) {
         //Get dimensions with respect to layout orientations  

controls/calendars/src/datepicker/datepicker.ts

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-diagrams",
-	"version": "17.4.41",
+	"version": "17.4.43",
 	"description": "Feature-rich diagram control to create diagrams like flow charts, organizational charts, mind maps, and BPMN diagrams. Its rich feature set includes built-in shapes, editing, serializing, exporting, printing, overview, data binding, and automatic layouts.",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",