@syncfusion/ej2-base 20.2.38 → 20.2.45

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

@@ -6759,19 +6759,19 @@ var LicenseValidator = /** @__PURE__ @class */ (function () {
             noLicense: 'This application was built using a trial version of Syncfusion Essential Studio.' +
                 ' Please include a valid license to permanently remove this license validation message.' +
                 ' You can also obtain a free 30 day evaluation license to temporarily remove this message ' +
-                'during the evaluation period. Please refer to this <a style="color:yellow;text-decoration:none;"' +
+                'during the evaluation period. Please refer to this <a class="e-license"' +
                 'href="https://help.syncfusion.com/common/essential-studio/licensing">help topic</a> for more information.',
             trailExpired: 'Your Syncfusion trial license has expired. Please refer to this ' +
-                '<a style="color:yellow;text-decoration:none;"' +
+                '<a class="e-license"' +
                 'href="https://help.syncfusion.com/common/essential-studio/licensing/licensing-errors#trial-expired">help topic</a> for more information.',
             versionMismatched: 'The included Syncfusion license (v##LicenseVersion) is invalid for version ' +
-                '##Requireversion. Please refer to this <a style="color:yellow;text-decoration:none;" ' +
+                '##Requireversion. Please refer to this <a class="e-license" ' +
                 'href="https://help.syncfusion.com/es/licensing/version-mismatch/">help topic</a> for more information.',
             platformMismatched: 'The included Syncfusion license is invalid (Platform mismatch). Please refer' +
-                ' to this <a style="color:yellow;text-decoration:none;" ' +
+                ' to this <a class="e-license" ' +
                 'href="https://help.syncfusion.com/common/essential-studio/licensing/licensing-errors#platform-mismatch">help topic</a> for more information.',
             invalidKey: 'The included Syncfusion license is invalid. Please refer to this ' +
-                '<a style="color:yellow;text-decoration:none;" ' +
+                '<a class="e-license" ' +
                 'href="https://help.syncfusion.com/common/essential-studio/licensing/licensing-errors#invalid-key">help topic</a> for more information.'
         };
         /**
@@ -6790,7 +6790,7 @@ var LicenseValidator = /** @__PURE__ @class */ (function () {
          * To manage npx licensing operation.
          */
         this.npxManager = (function () {
-            var npxLicKey = "npxKeyReplace";
+            var npxLicKey = 'npxKeyReplace';
             function get() { return npxLicKey; }
             return {
                 getKey: get
@@ -6800,11 +6800,11 @@ var LicenseValidator = /** @__PURE__ @class */ (function () {
     }
     /**
      * To validate the provided license key.
-     */
+    */
     LicenseValidator.prototype.validate = function () {
         if (!this.isValidated && (containerObject && !getValue(convertToChar(bypassKey), containerObject) && !getValue('Blazor', containerObject))) {
             var validateMsg = void 0;
-            if ((this.manager && this.manager.getKey()) || (this.npxManager && this.npxManager.getKey() != 'npxKeyReplace')) {
+            if ((this.manager && this.manager.getKey()) || (this.npxManager && this.npxManager.getKey() !== 'npxKeyReplace')) {
                 var result = this.getInfoFromKey();
                 if (result && result.length) {
                     for (var _i = 0, result_1 = result; _i < result_1.length; _i++) {
@@ -6836,11 +6836,10 @@ var LicenseValidator = /** @__PURE__ @class */ (function () {
             else {
                 validateMsg = this.errors.noLicense;
             }
-            if (validateMsg && typeof document !== "undefined" && !isNullOrUndefined(document)) {
+            if (validateMsg && typeof document !== 'undefined' && !isNullOrUndefined(document)) {
                 var errorDiv = createElement('div', {
                     innerHTML: validateMsg +
-                        '<span style="position:absolute;right: 10px;top:27%;cursor:pointer;"' +
-                        'onClick=this.parentElement.remove();>' +
+                        '<span id="license-banner-error" class=".e-license-banner">' +
                         '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">' +
                         '<line x1="5" y1="5" x2="15" y2="15" stroke="yellow" stroke-width="2.5" ' +
                         'stroke-miterlimit="10" stroke-linecap="round"></line><line x1="15" y1="5" ' +
@@ -6852,6 +6851,9 @@ var LicenseValidator = /** @__PURE__ @class */ (function () {
                 });
                 errorDiv.setAttribute('id', 'js-licensing');
                 document.body.appendChild(errorDiv);
+                document.getElementById('license-banner-error').addEventListener('click', function () {
+                    document.getElementById('js-licensing').remove();
+                });
             }
             this.isValidated = true;
             setValue(convertToChar(bypassKey), this.isValidated, containerObject);
@@ -6951,6 +6953,7 @@ function convertToChar(cArr) {
 }
 /**
  * To set license key.
+ *
  * @param {string} key - license key
  */
 function registerLicense(key) {
@@ -7928,23 +7931,30 @@ var Draggable = /** @__PURE__ @class */ (function (_super) {
             draEleTop -= this.parentScrollY;
             draEleLeft -= this.parentScrollX;
         }
-        if (this.helperElement.classList.contains('e-treeview')) {
-            var body = document.body;
-            var html = document.documentElement;
-            var tempHeight = Math.max(body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight);
-            var tempWidth = Math.max(body.offsetWidth, html.clientWidth, html.scrollWidth, html.offsetWidth);
-            if (draEleTop > tempHeight) {
-                draEleTop = tempHeight;
-            }
-            if (draEleLeft > tempWidth) {
-                draEleLeft = tempWidth;
-            }
-        }
         var dragValue = this.getProcessedPositionValue({ top: draEleTop + 'px', left: draEleLeft + 'px' });
         setStyleAttribute(helperElement, this.getDragPosition(dragValue));
-        if (!this.elementInViewport(helperElement) && this.enableAutoScroll) {
+        if (!this.elementInViewport(helperElement) && this.enableAutoScroll && !this.helperElement.classList.contains('e-treeview')) {
             this.helperElement.scrollIntoView();
         }
+        var elements = document.querySelectorAll(':hover');
+        if (this.enableAutoScroll && this.helperElement.classList.contains('e-treeview')) {
+            if (elements.length === 0) {
+                elements = this.getPathElements(evt);
+            }
+            /* tslint:disable no-any */
+            var scrollParent = this.getScrollParent(elements, false);
+            if (this.elementInViewport(this.helperElement)) {
+                this.getScrollPosition(scrollParent, draEleTop);
+            }
+            else if (!this.elementInViewport(this.helperElement)) {
+                elements = [].slice.call(document.querySelectorAll(':hover'));
+                if (elements.length === 0) {
+                    elements = this.getPathElements(evt);
+                }
+                scrollParent = this.getScrollParent(elements, true);
+                this.getScrollPosition(scrollParent, draEleTop);
+            }
+        }
         this.dragProcessStarted = true;
         this.prevLeft = left;
         this.prevTop = top;
@@ -7953,6 +7963,48 @@ var Draggable = /** @__PURE__ @class */ (function (_super) {
         this.pageX = pagex;
         this.pageY = pagey;
     };
+    /* tslint:disable no-any */
+    Draggable.prototype.getScrollParent = function (node, reverse) {
+        /* tslint:disable no-any */
+        var nodeEl = reverse ? node.reverse() : node;
+        var hasScroll;
+        for (var i = nodeEl.length - 1; i >= 0; i--) {
+            hasScroll = window.getComputedStyle(nodeEl[i])['overflow-y'];
+            if ((hasScroll === 'auto' || hasScroll === 'scroll')
+                && nodeEl[i].scrollHeight > nodeEl[i].clientHeight) {
+                return nodeEl[i];
+            }
+        }
+        hasScroll = window.getComputedStyle(document.scrollingElement)['overflow-y'];
+        if (hasScroll === 'visible') {
+            document.scrollingElement.style.overflow = 'auto';
+            return document.scrollingElement;
+        }
+    };
+    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) {
+                nodeEle.scrollTop += this.helperElement.clientHeight;
+            }
+            else if (nodeEle.scrollHeight - nodeEle.clientHeight > draEleTop) {
+                nodeEle.scrollTop -= this.helperElement.clientHeight;
+            }
+        }
+        else if (nodeEle && nodeEle !== document.scrollingElement) {
+            if ((nodeEle.clientHeight + nodeEle.getBoundingClientRect().top - this.helperElement.clientHeight) < draEleTop) {
+                nodeEle.scrollTop += this.helperElement.clientHeight;
+            }
+            else if (nodeEle.getBoundingClientRect().top > (draEleTop - this.helperElement.clientHeight)) {
+                nodeEle.scrollTop -= this.helperElement.clientHeight;
+            }
+        }
+    };
+    Draggable.prototype.getPathElements = function (evt) {
+        var elementTop = evt.clientX > 0 ? evt.clientX : 0;
+        var elementLeft = evt.clientY > 0 ? evt.clientY : 0;
+        return document.elementsFromPoint(elementTop, elementLeft);
+    };
     Draggable.prototype.triggerOutFunction = function (evt, eleObj) {
         this.hoverObject.instance.intOut(evt, eleObj.target);
         this.hoverObject.instance.dragData[this.scope] = null;