@syncfusion/ej2-base 20.3.48 → 20.3.49

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.3.48
+*  version : 20.3.49
 *  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

@@ -2,7 +2,7 @@
   "_from": "@syncfusion/ej2-base@*",
   "_id": "@syncfusion/ej2-base@18.61.0",
   "_inBundle": false,
-  "_integrity": "sha512-xre902f3O/phpSNiA8URYl4Cxgu8eyF2LZvMpe3GeDdUnH8Iyun5AdcUzjPcsez1YGoCR0fJzchW5XCasn4JOQ==",
+  "_integrity": "sha512-WMTTtB07Yjxz1n2rt3gmdkiK/KNcaflW2TnEkIycIiAH4Obts9Yjmw6wqPQlQ7T7uIZWSUmwE4sATiqopMld7Q==",
   "_location": "/@syncfusion/ej2-base",
   "_phantomChildren": {},
   "_requested": {
@@ -27,13 +27,19 @@
     "/@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-image-editor",
-    "/@syncfusion/ej2-angular-layouts",
+    "/@syncfusion/ej2-angular-heatmap",
+    "/@syncfusion/ej2-angular-inputs",
+    "/@syncfusion/ej2-angular-kanban",
+    "/@syncfusion/ej2-angular-maps",
     "/@syncfusion/ej2-angular-navigations",
     "/@syncfusion/ej2-angular-pdfviewer",
+    "/@syncfusion/ej2-angular-pivotview",
     "/@syncfusion/ej2-angular-popups",
+    "/@syncfusion/ej2-angular-querybuilder",
+    "/@syncfusion/ej2-angular-schedule",
     "/@syncfusion/ej2-angular-spreadsheet",
     "/@syncfusion/ej2-angular-treegrid",
     "/@syncfusion/ej2-barcode-generator",
@@ -74,13 +80,19 @@
     "/@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-image-editor",
-    "/@syncfusion/ej2-react-layouts",
+    "/@syncfusion/ej2-react-heatmap",
+    "/@syncfusion/ej2-react-inputs",
+    "/@syncfusion/ej2-react-kanban",
+    "/@syncfusion/ej2-react-maps",
     "/@syncfusion/ej2-react-navigations",
     "/@syncfusion/ej2-react-pdfviewer",
+    "/@syncfusion/ej2-react-pivotview",
     "/@syncfusion/ej2-react-popups",
+    "/@syncfusion/ej2-react-querybuilder",
+    "/@syncfusion/ej2-react-schedule",
     "/@syncfusion/ej2-react-spreadsheet",
     "/@syncfusion/ej2-react-treegrid",
     "/@syncfusion/ej2-richtexteditor",
@@ -98,18 +110,24 @@
     "/@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-image-editor",
-    "/@syncfusion/ej2-vue-layouts",
+    "/@syncfusion/ej2-vue-heatmap",
+    "/@syncfusion/ej2-vue-inputs",
+    "/@syncfusion/ej2-vue-kanban",
+    "/@syncfusion/ej2-vue-maps",
     "/@syncfusion/ej2-vue-navigations",
     "/@syncfusion/ej2-vue-pdfviewer",
+    "/@syncfusion/ej2-vue-pivotview",
     "/@syncfusion/ej2-vue-popups",
+    "/@syncfusion/ej2-vue-querybuilder",
+    "/@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",
+  "_shasum": "99e7aee23d5cec67e8c4e0b10cea775e11290851",
   "_spec": "@syncfusion/ej2-base@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -164,6 +182,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "20.3.48",
+  "version": "20.3.49",
   "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

@@ -464,12 +464,12 @@ var Draggable = /** @class */ (function (_super) {
         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);
+            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 - iTop;
-            draEleLeft = left - iLeft;
+            draEleTop = top - this.borderWidth.top;
+            draEleLeft = left - this.borderWidth.left;
         }
         var marginTop = parseFloat(getComputedStyle(this.element).marginTop);
         // when drag-element has margin-top
@@ -502,6 +502,11 @@ var Draggable = /** @class */ (function (_super) {
                 }
             }
         }
+        if (this.dragArea) {
+            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 +567,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 - this.borderWidth.top - this.borderWidth.bottom) <= 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 +682,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 && 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 +693,7 @@ 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;
+            top = elementArea.top + document.scrollingElement.scrollTop;
             left = elementArea.left;
             this.dragLimit.left = left + this.borderWidth.left + this.padding.left;
             this.dragLimit.top = ele.offsetTop + this.borderWidth.top + this.padding.top;