@syncfusion/ej2-base 20.3.49 → 20.3.50

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.3.49
+*  version : 20.3.50
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-base@*",
-  "_id": "@syncfusion/ej2-base@18.61.0",
+  "_id": "@syncfusion/ej2-base@20.3.49",
   "_inBundle": false,
-  "_integrity": "sha512-WMTTtB07Yjxz1n2rt3gmdkiK/KNcaflW2TnEkIycIiAH4Obts9Yjmw6wqPQlQ7T7uIZWSUmwE4sATiqopMld7Q==",
+  "_integrity": "sha512-EE7DhtDxAg5vWQE/I4N6Oh2B36zxzlWIPtDcJHIkZRfJ2En3/wfFVLyvS2xMDVF4KMYEqF8ZmhAKQpXl7p0lUA==",
   "_location": "/@syncfusion/ej2-base",
   "_phantomChildren": {},
   "_requested": {
@@ -23,22 +23,21 @@
     "/@syncfusion/ej2-angular-buttons",
     "/@syncfusion/ej2-angular-calendars",
     "/@syncfusion/ej2-angular-charts",
-    "/@syncfusion/ej2-angular-circulargauge",
     "/@syncfusion/ej2-angular-diagrams",
     "/@syncfusion/ej2-angular-documenteditor",
     "/@syncfusion/ej2-angular-dropdowns",
-    "/@syncfusion/ej2-angular-filemanager",
     "/@syncfusion/ej2-angular-gantt",
     "/@syncfusion/ej2-angular-grids",
     "/@syncfusion/ej2-angular-heatmap",
+    "/@syncfusion/ej2-angular-image-editor",
     "/@syncfusion/ej2-angular-inputs",
-    "/@syncfusion/ej2-angular-kanban",
-    "/@syncfusion/ej2-angular-maps",
+    "/@syncfusion/ej2-angular-lists",
     "/@syncfusion/ej2-angular-navigations",
     "/@syncfusion/ej2-angular-pdfviewer",
     "/@syncfusion/ej2-angular-pivotview",
     "/@syncfusion/ej2-angular-popups",
     "/@syncfusion/ej2-angular-querybuilder",
+    "/@syncfusion/ej2-angular-richtexteditor",
     "/@syncfusion/ej2-angular-schedule",
     "/@syncfusion/ej2-angular-spreadsheet",
     "/@syncfusion/ej2-angular-treegrid",
@@ -76,22 +75,21 @@
     "/@syncfusion/ej2-react-buttons",
     "/@syncfusion/ej2-react-calendars",
     "/@syncfusion/ej2-react-charts",
-    "/@syncfusion/ej2-react-circulargauge",
     "/@syncfusion/ej2-react-diagrams",
     "/@syncfusion/ej2-react-documenteditor",
     "/@syncfusion/ej2-react-dropdowns",
-    "/@syncfusion/ej2-react-filemanager",
     "/@syncfusion/ej2-react-gantt",
     "/@syncfusion/ej2-react-grids",
     "/@syncfusion/ej2-react-heatmap",
+    "/@syncfusion/ej2-react-image-editor",
     "/@syncfusion/ej2-react-inputs",
-    "/@syncfusion/ej2-react-kanban",
-    "/@syncfusion/ej2-react-maps",
+    "/@syncfusion/ej2-react-lists",
     "/@syncfusion/ej2-react-navigations",
     "/@syncfusion/ej2-react-pdfviewer",
     "/@syncfusion/ej2-react-pivotview",
     "/@syncfusion/ej2-react-popups",
     "/@syncfusion/ej2-react-querybuilder",
+    "/@syncfusion/ej2-react-richtexteditor",
     "/@syncfusion/ej2-react-schedule",
     "/@syncfusion/ej2-react-spreadsheet",
     "/@syncfusion/ej2-react-treegrid",
@@ -106,28 +104,27 @@
     "/@syncfusion/ej2-vue-buttons",
     "/@syncfusion/ej2-vue-calendars",
     "/@syncfusion/ej2-vue-charts",
-    "/@syncfusion/ej2-vue-circulargauge",
     "/@syncfusion/ej2-vue-diagrams",
     "/@syncfusion/ej2-vue-documenteditor",
     "/@syncfusion/ej2-vue-dropdowns",
-    "/@syncfusion/ej2-vue-filemanager",
     "/@syncfusion/ej2-vue-gantt",
     "/@syncfusion/ej2-vue-grids",
     "/@syncfusion/ej2-vue-heatmap",
+    "/@syncfusion/ej2-vue-image-editor",
     "/@syncfusion/ej2-vue-inputs",
-    "/@syncfusion/ej2-vue-kanban",
-    "/@syncfusion/ej2-vue-maps",
+    "/@syncfusion/ej2-vue-lists",
     "/@syncfusion/ej2-vue-navigations",
     "/@syncfusion/ej2-vue-pdfviewer",
     "/@syncfusion/ej2-vue-pivotview",
     "/@syncfusion/ej2-vue-popups",
     "/@syncfusion/ej2-vue-querybuilder",
+    "/@syncfusion/ej2-vue-richtexteditor",
     "/@syncfusion/ej2-vue-schedule",
     "/@syncfusion/ej2-vue-spreadsheet",
     "/@syncfusion/ej2-vue-treegrid"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-base/-/ej2-base-18.61.0.tgz",
-  "_shasum": "99e7aee23d5cec67e8c4e0b10cea775e11290851",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-base/-/ej2-base-20.3.49.tgz",
+  "_shasum": "3261261027f2c0dea7a4f77e1700eb96b57acb4d",
   "_spec": "@syncfusion/ej2-base@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -182,6 +179,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "20.3.49",
+  "version": "20.3.50",
   "sideEffects": true
 }

package/src/draggable.js

@@ -462,14 +462,27 @@ var Draggable = /** @class */ (function (_super) {
         }
         var draEleTop;
         var draEleLeft;
-        if (this.dragArea) {
-            this.dragLimit.top = this.clone ? this.dragLimit.top : 0;
-            draEleTop = (top - iTop) < 0 ? this.dragLimit.top : (top - this.borderWidth.top);
-            draEleLeft = (left - iLeft) < 0 ? this.dragLimit.left : (left - this.borderWidth.left);
+        if (this.helperElement.classList.contains('e-treeview')) {
+            if (this.dragArea) {
+                this.dragLimit.top = this.clone ? this.dragLimit.top : 0;
+                draEleTop = (top - iTop) < 0 ? this.dragLimit.top : (top - this.borderWidth.top);
+                draEleLeft = (left - iLeft) < 0 ? this.dragLimit.left : (left - this.borderWidth.left);
+            }
+            else {
+                draEleTop = top - this.borderWidth.top;
+                draEleLeft = left - this.borderWidth.left;
+            }
         }
         else {
-            draEleTop = top - this.borderWidth.top;
-            draEleLeft = left - this.borderWidth.left;
+            if (this.dragArea) {
+                this.dragLimit.top = this.clone ? this.dragLimit.top : 0;
+                draEleTop = (top - iTop) < 0 ? this.dragLimit.top : (top - iTop);
+                draEleLeft = (left - iLeft) < 0 ? this.dragElePosition.left : (left - iLeft);
+            }
+            else {
+                draEleTop = top - iTop;
+                draEleLeft = left - iLeft;
+            }
         }
         var marginTop = parseFloat(getComputedStyle(this.element).marginTop);
         // when drag-element has margin-top
@@ -502,7 +515,7 @@ var Draggable = /** @class */ (function (_super) {
                 }
             }
         }
-        if (this.dragArea) {
+        if (this.dragArea && this.helperElement.classList.contains('e-treeview')) {
             var helperHeight = helperElement.offsetHeight + (parseFloat(styles.marginTop)
                 + parseFloat(styles.marginBottom));
             draEleTop = (draEleTop + helperHeight) > this.dragLimit.bottom ? (this.dragLimit.bottom - helperHeight) : draEleTop;
@@ -576,7 +589,7 @@ var Draggable = /** @class */ (function (_super) {
             }
         }
         else if (nodeEle && nodeEle !== document.scrollingElement) {
-            if ((nodeEle.clientHeight + nodeEle.getBoundingClientRect().top - this.helperElement.clientHeight + document.scrollingElement.scrollTop - this.borderWidth.top - this.borderWidth.bottom) <= draEleTop) {
+            if ((nodeEle.clientHeight + nodeEle.getBoundingClientRect().top - this.helperElement.clientHeight + document.scrollingElement.scrollTop) < draEleTop) {
                 nodeEle.scrollTop += this.helperElement.clientHeight;
             }
             else if (nodeEle.getBoundingClientRect().top > (draEleTop - this.helperElement.clientHeight - document.scrollingElement.scrollTop)) {
@@ -682,7 +695,7 @@ var Draggable = /** @class */ (function (_super) {
         if (ele) {
             var elementArea = ele.getBoundingClientRect();
             eleWidthBound = ele.scrollWidth ? ele.scrollWidth : elementArea.right - elementArea.left;
-            eleHeightBound = ele.scrollHeight ? (this.dragArea && this.helperElement.classList.contains('e-treeview')) ? ele.clientHeight : ele.scrollHeight : elementArea.bottom - elementArea.top;
+            eleHeightBound = ele.scrollHeight ? (this.dragArea && !isNullOrUndefined(this.helperElement) && this.helperElement.classList.contains('e-treeview')) ? ele.clientHeight : ele.scrollHeight : elementArea.bottom - elementArea.top;
             var keys = ['Top', 'Left', 'Bottom', 'Right'];
             var styles = getComputedStyle(ele);
             for (var i = 0; i < keys.length; i++) {
@@ -693,7 +706,12 @@ var Draggable = /** @class */ (function (_super) {
                 this.borderWidth[lowerKey] = isNaN(parseFloat(tborder)) ? 0 : parseFloat(tborder);
                 this.padding[lowerKey] = isNaN(parseFloat(tpadding)) ? 0 : parseFloat(tpadding);
             }
-            top = elementArea.top + document.scrollingElement.scrollTop;
+            if (this.dragArea && !isNullOrUndefined(this.helperElement) && this.helperElement.classList.contains('e-treeview')) {
+                top = elementArea.top + document.scrollingElement.scrollTop;
+            }
+            else {
+                top = elementArea.top;
+            }
             left = elementArea.left;
             this.dragLimit.left = left + this.borderWidth.left + this.padding.left;
             this.dragLimit.top = ele.offsetTop + this.borderWidth.top + this.padding.top;