@syncfusion/ej2-base 20.3.49 → 20.3.56

package/dist/es6/ej2-base.es5.js

@@ -7323,7 +7323,9 @@ var Component = /** @__PURE__ @class */ (function (_super) {
     };
     //tslint:disable-next-line
     Component.prototype.renderReactTemplates = function (callback) {
-        //No Code
+        if (!isNullOrUndefined(callback)) {
+            callback();
+        }
     };
     // eslint-disable-next-line
     Component.prototype.clearTemplate = function (templateName, index) {
@@ -7883,14 +7885,27 @@ var Draggable = /** @__PURE__ @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
@@ -7923,7 +7938,7 @@ var Draggable = /** @__PURE__ @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;
@@ -7997,7 +8012,7 @@ var Draggable = /** @__PURE__ @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)) {
@@ -8103,7 +8118,7 @@ var Draggable = /** @__PURE__ @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++) {
@@ -8114,7 +8129,12 @@ var Draggable = /** @__PURE__ @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;