@syncfusion/ej2-base 20.1.61 → 20.2.39

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

@@ -5964,11 +5964,21 @@ let Animation = Animation_1 = class Animation extends Base {
      * @returns {void}
      */
     static delayAnimation(model) {
-        if (model.delay) {
-            setTimeout(() => { Animation_1.applyAnimation(model); }, model.delay);
+        if (animationMode === 'Disable') {
+            if (model.begin) {
+                model.begin.call(this, model);
+            }
+            if (model.end) {
+                model.end.call(this, model);
+            }
         }
         else {
-            Animation_1.applyAnimation(model);
+            if (model.delay) {
+                setTimeout(() => { Animation_1.applyAnimation(model); }, model.delay);
+            }
+            else {
+                Animation_1.applyAnimation(model);
+            }
         }
     }
     /**
@@ -6270,6 +6280,17 @@ function enableRipple(isRipple) {
     isRippleEnabled = isRipple;
     return isRippleEnabled;
 }
+/**
+ * Defines the Modes of Global animation.
+ * @private
+ */
+let animationMode = '';
+/**
+ * Method for set the Global animation modes for Syncfusion Blazor components.
+ */
+function setGlobalAnimation(value) {
+    animationMode = value;
+}
 
 /**
  * Module loading operations
@@ -6557,7 +6578,7 @@ const bypassKey = [115, 121, 110, 99, 102, 117, 115, 105,
 class LicenseValidator {
     constructor(key) {
         this.isValidated = false;
-        this.version = '20.1';
+        this.version = '20.2';
         this.platform = /JavaScript|ASPNET|ASPNETCORE|ASPNETMVC|FileFormats/i;
         this.errors = {
             noLicense: 'This application was built using a trial version of Syncfusion Essential Studio.' +
@@ -6590,6 +6611,16 @@ class LicenseValidator {
                 getKey: get
             };
         })();
+        /**
+         * To manage npx licensing operation.
+         */
+        this.npxManager = (() => {
+            let npxLicKey = "npxKeyReplace";
+            function get() { return npxLicKey; }
+            return {
+                getKey: get
+            };
+        })();
         this.manager.setKey(key);
     }
     /**
@@ -6598,7 +6629,7 @@ class LicenseValidator {
     validate() {
         if (!this.isValidated && (containerObject && !getValue(convertToChar(bypassKey), containerObject) && !getValue('Blazor', containerObject))) {
             let validateMsg;
-            if (this.manager && this.manager.getKey()) {
+            if ((this.manager && this.manager.getKey()) || (this.npxManager && this.npxManager.getKey() != 'npxKeyReplace')) {
                 let result = this.getInfoFromKey();
                 if (result && result.length) {
                     for (let res of result) {
@@ -6663,14 +6694,22 @@ class LicenseValidator {
      */
     getInfoFromKey() {
         try {
-            let licKey = this.manager.getKey();
-            let licKeySplit = licKey.split(';');
+            let licKey = '';
             let pkey = [5439488, 7929856, 5111808, 6488064, 4587520, 7667712, 5439488,
                 6881280, 5177344, 7208960, 4194304, 4456448, 6619136, 7733248, 5242880, 7077888,
                 6356992, 7602176, 4587520, 7274496, 7471104, 7143424];
             let decryptedStr = [];
             let resultArray = [];
             let invalidPlatform = false;
+            let isNpxKey = false;
+            if (this.manager.getKey()) {
+                licKey = this.manager.getKey();
+            }
+            else {
+                isNpxKey = true;
+                licKey = this.npxManager.getKey().split('npxKeyReplace')[1];
+            }
+            let licKeySplit = licKey.split(';');
             for (let lKey of licKeySplit) {
                 let decodeStr = this.getDecryptedData(lKey);
                 if (!decodeStr) {
@@ -6678,12 +6717,24 @@ class LicenseValidator {
                 }
                 let k = 0;
                 let buffr = '';
-                for (let i = 0; i < decodeStr.length; i++, k++) {
-                    if (k === pkey.length) {
-                        k = 0;
+                if (!isNpxKey) {
+                    for (let i = 0; i < decodeStr.length; i++, k++) {
+                        if (k === pkey.length) {
+                            k = 0;
+                        }
+                        let c = decodeStr.charCodeAt(i);
+                        buffr += String.fromCharCode(c ^ (pkey[k] >> 16));
+                    }
+                }
+                else {
+                    let charKey = decodeStr[decodeStr.length - 1];
+                    let decryptedKey = [];
+                    for (let i = 0; i < decodeStr.length; i++) {
+                        decryptedKey[i] = decodeStr[i].charCodeAt(0) - charKey.charCodeAt(0);
+                    }
+                    for (let i = 0; i < decryptedKey.length; i++) {
+                        buffr += String.fromCharCode(decryptedKey[i]);
                     }
-                    let c = decodeStr.charCodeAt(i);
-                    buffr += String.fromCharCode(c ^ (pkey[k] >> 16));
                 }
                 if (this.platform.test(buffr)) {
                     decryptedStr = buffr.split(';');
@@ -6786,9 +6837,7 @@ let Component = class Component extends Base {
         this.localObserver = new Observer(this);
         // tslint:disable-next-line:no-function-constructor-with-string-args
         onIntlChange.on('notifyExternalChange', this.detectFunction, this, this.randomId);
-        if (typeof window !== "undefined" && typeof document !== "undefined") {
-            validateLicense();
-        }
+        validateLicense();
         if (!isUndefined(selector)) {
             this.appendTo();
         }
@@ -7650,23 +7699,30 @@ let Draggable = Draggable_1 = class Draggable extends Base {
             draEleTop -= this.parentScrollY;
             draEleLeft -= this.parentScrollX;
         }
-        if (this.helperElement.classList.contains('e-treeview')) {
-            let body = document.body;
-            let html = document.documentElement;
-            let tempHeight = Math.max(body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight);
-            let tempWidth = Math.max(body.offsetWidth, html.clientWidth, html.scrollWidth, html.offsetWidth);
-            if (draEleTop > tempHeight) {
-                draEleTop = tempHeight;
-            }
-            if (draEleLeft > tempWidth) {
-                draEleLeft = tempWidth;
-            }
-        }
         let 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();
         }
+        let 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 */
+            let 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;
@@ -7675,6 +7731,48 @@ let Draggable = Draggable_1 = class Draggable extends Base {
         this.pageX = pagex;
         this.pageY = pagey;
     }
+    /* tslint:disable no-any */
+    getScrollParent(node, reverse) {
+        /* tslint:disable no-any */
+        const nodeEl = reverse ? node.reverse() : node;
+        let hasScroll;
+        for (let 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;
+        }
+    }
+    getScrollPosition(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;
+            }
+        }
+    }
+    getPathElements(evt) {
+        const elementTop = evt.clientX > 0 ? evt.clientX : 0;
+        const elementLeft = evt.clientY > 0 ? evt.clientY : 0;
+        return document.elementsFromPoint(elementTop, elementLeft);
+    }
     triggerOutFunction(evt, eleObj) {
         this.hoverObject.instance.intOut(evt, eleObj.target);
         this.hoverObject.instance.dragData[this.scope] = null;
@@ -8508,6 +8606,10 @@ let Touch = class Touch extends Base {
             diffX = Math.floor(diffX < 0 ? -1 * diffX : diffX);
             diffY = Math.floor(diffY < 0 ? -1 * diffY : diffX);
             this.isTouchMoved = diffX > 1 || diffY > 1;
+            const isFirefox = (/Firefox/).test(Browser.userAgent);
+            if (isFirefox && point.clientX === 0 && point.clientY === 0 && evt.type === 'mouseup') {
+                this.isTouchMoved = false;
+            }
             this.endPoint = point;
             this.calcPoints(evt);
             const swipeArgs = {
@@ -9329,5 +9431,5 @@ class SanitizeHtmlHelper {
  * Base modules
  */
 
-export { blazorCultureFormats, IntlBase, Ajax, Animation, rippleEffect, isRippleEnabled, enableRipple, Base, getComponent, removeChildInstance, Browser, versionBasedStatePersistence, enableVersionBasedPersistence, Component, ChildProperty, Position, Draggable, Droppable, EventHandler, onIntlChange, rightToLeft, cldrData, defaultCulture, defaultCurrencyCode, Internationalization, setCulture, setCurrencyCode, loadCldr, enableRtl, getNumericObject, getNumberDependable, getDefaultDateObject, KeyboardEvents, L10n, ModuleLoader, Property, Complex, ComplexFactory, Collection, CollectionFactory, Event$1 as Event, NotifyPropertyChanges, CreateBuilder, SwipeSettings, Touch, HijriParser, blazorTemplates, getRandomId, compile$$1 as compile, updateBlazorTemplate, resetBlazorTemplate, setTemplateEngine, getTemplateEngine, disableBlazorMode, createInstance, setImmediate, getValue, setValue, deleteObject, containerObject, isObject, getEnumValue, merge, extend, isNullOrUndefined, isUndefined, getUniqueID, debounce, queryParams, isObjectArray, compareElementParent, throwError, print, formatUnit, enableBlazorMode, isBlazor, getElement, getInstance, addInstance, uniqueID, createElement, addClass, removeClass, isVisible, prepend, append, detach, remove, attributes, select, selectAll, closest, siblings, getAttributeOrDefault, setStyleAttribute, classList, matches, includeInnerHTML, containsClass, cloneNode, Observer, SanitizeHtmlHelper, registerLicense, validateLicense, getVersion };
+export { blazorCultureFormats, IntlBase, Ajax, Animation, rippleEffect, isRippleEnabled, enableRipple, animationMode, setGlobalAnimation, Base, getComponent, removeChildInstance, Browser, versionBasedStatePersistence, enableVersionBasedPersistence, Component, ChildProperty, Position, Draggable, Droppable, EventHandler, onIntlChange, rightToLeft, cldrData, defaultCulture, defaultCurrencyCode, Internationalization, setCulture, setCurrencyCode, loadCldr, enableRtl, getNumericObject, getNumberDependable, getDefaultDateObject, KeyboardEvents, L10n, ModuleLoader, Property, Complex, ComplexFactory, Collection, CollectionFactory, Event$1 as Event, NotifyPropertyChanges, CreateBuilder, SwipeSettings, Touch, HijriParser, blazorTemplates, getRandomId, compile$$1 as compile, updateBlazorTemplate, resetBlazorTemplate, setTemplateEngine, getTemplateEngine, disableBlazorMode, createInstance, setImmediate, getValue, setValue, deleteObject, containerObject, isObject, getEnumValue, merge, extend, isNullOrUndefined, isUndefined, getUniqueID, debounce, queryParams, isObjectArray, compareElementParent, throwError, print, formatUnit, enableBlazorMode, isBlazor, getElement, getInstance, addInstance, uniqueID, createElement, addClass, removeClass, isVisible, prepend, append, detach, remove, attributes, select, selectAll, closest, siblings, getAttributeOrDefault, setStyleAttribute, classList, matches, includeInnerHTML, containsClass, cloneNode, Observer, SanitizeHtmlHelper, registerLicense, validateLicense, getVersion };
 //# sourceMappingURL=ej2-base.es2015.js.map