@syncfusion/ej2-base 20.3.48 → 20.3.50

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.3.48
+*  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-xre902f3O/phpSNiA8URYl4Cxgu8eyF2LZvMpe3GeDdUnH8Iyun5AdcUzjPcsez1YGoCR0fJzchW5XCasn4JOQ==",
+  "_integrity": "sha512-EE7DhtDxAg5vWQE/I4N6Oh2B36zxzlWIPtDcJHIkZRfJ2En3/wfFVLyvS2xMDVF4KMYEqF8ZmhAKQpXl7p0lUA==",
   "_location": "/@syncfusion/ej2-base",
   "_phantomChildren": {},
   "_requested": {
@@ -23,17 +23,22 @@
     "/@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-gantt",
     "/@syncfusion/ej2-angular-grids",
+    "/@syncfusion/ej2-angular-heatmap",
     "/@syncfusion/ej2-angular-image-editor",
-    "/@syncfusion/ej2-angular-layouts",
+    "/@syncfusion/ej2-angular-inputs",
+    "/@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",
     "/@syncfusion/ej2-barcode-generator",
@@ -70,17 +75,22 @@
     "/@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-gantt",
     "/@syncfusion/ej2-react-grids",
+    "/@syncfusion/ej2-react-heatmap",
     "/@syncfusion/ej2-react-image-editor",
-    "/@syncfusion/ej2-react-layouts",
+    "/@syncfusion/ej2-react-inputs",
+    "/@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",
     "/@syncfusion/ej2-richtexteditor",
@@ -94,22 +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-gantt",
     "/@syncfusion/ej2-vue-grids",
+    "/@syncfusion/ej2-vue-heatmap",
     "/@syncfusion/ej2-vue-image-editor",
-    "/@syncfusion/ej2-vue-layouts",
+    "/@syncfusion/ej2-vue-inputs",
+    "/@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": "d234208f117d2a802c37ce46286e335c1b0d7081",
+  "_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": {
@@ -164,6 +179,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "20.3.48",
+  "version": "20.3.50",
   "sideEffects": true
 }

package/src/component.d.ts

@@ -173,7 +173,7 @@ export declare abstract class Component<ElementType extends HTMLElement> extends
     private detectFunction;
     private mergePersistData;
     private setPersistData;
-    protected renderReactTemplates(): void;
+    protected renderReactTemplates(callback?: any): void;
     protected clearTemplate(templateName?: string[], index?: any): void;
     private getUniqueID;
     private pageID;

package/src/component.js

@@ -360,7 +360,7 @@ var Component = /** @class */ (function (_super) {
         }
     };
     //tslint:disable-next-line
-    Component.prototype.renderReactTemplates = function () {
+    Component.prototype.renderReactTemplates = function (callback) {
         //No Code
     };
     // eslint-disable-next-line

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 - iTop);
-            draEleLeft = (left - iLeft) < 0 ? this.dragElePosition.left : (left - iLeft);
+        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 - iTop;
-            draEleLeft = left - iLeft;
+            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,6 +515,11 @@ var Draggable = /** @class */ (function (_super) {
                 }
             }
         }
+        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;
+        }
         /* istanbul ignore next */
         // if(this.eleTop > 0) {
         //      draEleTop += this.eleTop;
@@ -562,19 +580,19 @@ var Draggable = /** @class */ (function (_super) {
     };
     Draggable.prototype.getScrollPosition = function (nodeEle, draEleTop) {
         if (nodeEle && nodeEle === document.scrollingElement) {
-            if ((nodeEle.clientHeight - nodeEle.getBoundingClientRect().top - this.helperElement.clientHeight) < draEleTop
-                && nodeEle.getBoundingClientRect().height > draEleTop) {
+            if ((nodeEle.clientHeight + document.scrollingElement.scrollTop - this.helperElement.clientHeight) < draEleTop
+                && nodeEle.getBoundingClientRect().height + this.parentClientRect.top > draEleTop) {
                 nodeEle.scrollTop += this.helperElement.clientHeight;
             }
-            else if (nodeEle.scrollHeight - nodeEle.clientHeight > draEleTop) {
+            else if (nodeEle.scrollTop > draEleTop - this.helperElement.clientHeight) {
                 nodeEle.scrollTop -= this.helperElement.clientHeight;
             }
         }
         else if (nodeEle && nodeEle !== document.scrollingElement) {
-            if ((nodeEle.clientHeight + nodeEle.getBoundingClientRect().top - this.helperElement.clientHeight) < 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)) {
+            else if (nodeEle.getBoundingClientRect().top > (draEleTop - this.helperElement.clientHeight - document.scrollingElement.scrollTop)) {
                 nodeEle.scrollTop -= this.helperElement.clientHeight;
             }
         }
@@ -677,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 ? 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++) {
@@ -688,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;
+            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;