@syncfusion/ej2-base 24.2.7 → 25.1.35

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 24.2.7
+*  version : 25.1.35
 *  Copyright Syncfusion Inc. 2001 - 2023. 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/e2e/protractor.config.js

@@ -9,6 +9,7 @@ var isDashBoardReport = config['dashBoardReport'];
 var timeCal = {};
 var fs = require('fs');
 var enableW3c = '{W3cdisabled}';
+const pixelmatch = require('pixelmatch');
 var HtmlScreenshotReporter = require('protractor-jasmine2-screenshot-reporter');
 var reporter = new HtmlScreenshotReporter({
     dest: 'e2e_report/' + config.browsers[0],
@@ -36,7 +37,7 @@ exports.config = {
     framework: 'jasmine',
 
     jasmineNodeOpts: {
-        defaultTimeoutInterval: 100000
+        defaultTimeoutInterval: 150000
     },
     multiCapabilities: [],
 
@@ -205,6 +206,62 @@ exports.config = {
                 });
             }
 
+            browser.compareScreenWithPixelMatch = function (element, fileName, opt) {
+                var folderName = fileName;
+                var fArr = fileName.split('/');
+                if (fArr.length > 1) {
+                    fArr.splice(-1, 1);
+                    folderName = fArr.join('/')
+                    createF(camelCase('e2e/expected/' + browser.pixDiff.browserName + '/' + folderName));
+                    createF(camelCase('e2e/actual/' + browser.pixDiff.browserName + '/' + folderName));
+                }
+
+                var option = {
+                    imageAPath: '/expected/' + browser.pixDiff.browserName + '/' + fileName, // Use file-path 
+                    imageBPath: '/actual/' + browser.pixDiff.browserName + '/' + fileName,
+                    filter: ['grayScale'],
+                    debug: true,
+                    hideShift: true,
+                    thresholdType: 'pixel',
+                    threshold: 0.3
+                };
+                var doneFn = arguments[arguments.length - 1];
+                if (typeof opt === 'object' && Object.keys(opt).length) {
+                    Object.assign(option, opt);
+                }
+                console.log(JSON.stringify(option));
+                browser.pixDiff.saveRegion(element, '/Actual/' + browser.pixDiff.browserName + '/' + fileName, option).then(() => {
+                    var fPathName = path.resolve(__dirname, '../../../../' + camelCase('e2e/expected/' + browser.pixDiff.browserName + '/' + fileName) + '.png');
+                    if (!fs.existsSync(fPathName) && fs.existsSync(fPathName.replace("Expected", "Actual"))) {
+                        fs.copyFileSync(fPathName.replace("Expected", "Actual"), fPathName);
+                        console.log('Expected Image Created : /expected/' + browser.pixDiff.browserName + '/' + fileName);
+                    }
+                    browser.saveCheckImagewithPixelMatch(element, fileName, option, doneFn);
+                });
+            }
+
+            browser.saveCheckImagewithPixelMatch = function (element, fileName, option, doneFn) {
+                var img1 = PNG.sync.read(fs.readFileSync('./e2e'+option.imageBPath+'.png'));
+                var img2 = PNG.sync.read(fs.readFileSync('./e2e'+option.imageAPath+'.png'));
+                var { width, height } = img1;
+                var diff = new PNG({ width, height });
+                var result = pixelmatch(img1.data, img2.data, diff.data, width, height, { threshold: option.threshold });
+                console.log('result --->\n', result);
+                if (result < 75) {
+                    result = 5
+                } else if (result < 150){
+                    result = 7;
+                    fs.writeFileSync('./e2e' + option.imageAPath.replace('expected', 'diff') + '.png', PNG.sync.write(diff));
+                } else{
+                    result = 1;
+                    fs.writeFileSync('./e2e' + option.imageAPath.replace('expected', 'diff') + '.png', PNG.sync.write(diff));
+                }
+                expect(result).toEqual(5)
+                if (typeof doneFn === 'function') {
+                    doneFn();
+                }
+            }
+
             browser.waitForEvent = function (id, moduleName, eventName) {
                 return browser.executeAsyncScript(function (id, moduleName, eventName, callback) {
                     var instances = document.getElementById(id).ej2_instances;

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-base@*",
-  "_id": "@syncfusion/ej2-base@24.2.5",
+  "_id": "@syncfusion/ej2-base@18.92.0",
   "_inBundle": false,
-  "_integrity": "sha512-pJvhVF1l3TTUm0NfT9YwuXjMEgTP42tqnaKyzIelSGOMdPbr1n7ObO5X1DaUO7hwUi0YGdjv8sJag4sZofDkNQ==",
+  "_integrity": "sha512-duRt3JuBjQX0mQtd7LO8Q92GCEef3zrE9BF1cJlRRutTv15EdfhPMI72ND4cm6gMw9nMwDeAKA7pPbCcF+t4YQ==",
   "_location": "/@syncfusion/ej2-base",
   "_phantomChildren": {},
   "_requested": {
@@ -22,7 +22,9 @@
     "/@syncfusion/ej2-angular-barcode-generator",
     "/@syncfusion/ej2-angular-base",
     "/@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",
@@ -30,13 +32,28 @@
     "/@syncfusion/ej2-angular-gantt",
     "/@syncfusion/ej2-angular-grids",
     "/@syncfusion/ej2-angular-heatmap",
+    "/@syncfusion/ej2-angular-image-editor",
     "/@syncfusion/ej2-angular-inplace-editor",
     "/@syncfusion/ej2-angular-inputs",
+    "/@syncfusion/ej2-angular-kanban",
+    "/@syncfusion/ej2-angular-layouts",
+    "/@syncfusion/ej2-angular-lineargauge",
+    "/@syncfusion/ej2-angular-lists",
+    "/@syncfusion/ej2-angular-maps",
+    "/@syncfusion/ej2-angular-navigations",
+    "/@syncfusion/ej2-angular-notifications",
     "/@syncfusion/ej2-angular-pdfviewer",
+    "/@syncfusion/ej2-angular-pivotview",
+    "/@syncfusion/ej2-angular-popups",
+    "/@syncfusion/ej2-angular-progressbar",
+    "/@syncfusion/ej2-angular-querybuilder",
+    "/@syncfusion/ej2-angular-ribbon",
     "/@syncfusion/ej2-angular-richtexteditor",
+    "/@syncfusion/ej2-angular-schedule",
     "/@syncfusion/ej2-angular-splitbuttons",
     "/@syncfusion/ej2-angular-spreadsheet",
     "/@syncfusion/ej2-angular-treegrid",
+    "/@syncfusion/ej2-angular-treemap",
     "/@syncfusion/ej2-barcode-generator",
     "/@syncfusion/ej2-buttons",
     "/@syncfusion/ej2-calendars",
@@ -71,7 +88,9 @@
     "/@syncfusion/ej2-react-barcode-generator",
     "/@syncfusion/ej2-react-base",
     "/@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",
@@ -79,13 +98,28 @@
     "/@syncfusion/ej2-react-gantt",
     "/@syncfusion/ej2-react-grids",
     "/@syncfusion/ej2-react-heatmap",
+    "/@syncfusion/ej2-react-image-editor",
     "/@syncfusion/ej2-react-inplace-editor",
     "/@syncfusion/ej2-react-inputs",
+    "/@syncfusion/ej2-react-kanban",
+    "/@syncfusion/ej2-react-layouts",
+    "/@syncfusion/ej2-react-lineargauge",
+    "/@syncfusion/ej2-react-lists",
+    "/@syncfusion/ej2-react-maps",
+    "/@syncfusion/ej2-react-navigations",
+    "/@syncfusion/ej2-react-notifications",
     "/@syncfusion/ej2-react-pdfviewer",
+    "/@syncfusion/ej2-react-pivotview",
+    "/@syncfusion/ej2-react-popups",
+    "/@syncfusion/ej2-react-progressbar",
+    "/@syncfusion/ej2-react-querybuilder",
+    "/@syncfusion/ej2-react-ribbon",
     "/@syncfusion/ej2-react-richtexteditor",
+    "/@syncfusion/ej2-react-schedule",
     "/@syncfusion/ej2-react-splitbuttons",
     "/@syncfusion/ej2-react-spreadsheet",
     "/@syncfusion/ej2-react-treegrid",
+    "/@syncfusion/ej2-react-treemap",
     "/@syncfusion/ej2-ribbon",
     "/@syncfusion/ej2-richtexteditor",
     "/@syncfusion/ej2-schedule",
@@ -97,7 +131,9 @@
     "/@syncfusion/ej2-vue-barcode-generator",
     "/@syncfusion/ej2-vue-base",
     "/@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",
@@ -105,18 +141,33 @@
     "/@syncfusion/ej2-vue-gantt",
     "/@syncfusion/ej2-vue-grids",
     "/@syncfusion/ej2-vue-heatmap",
+    "/@syncfusion/ej2-vue-image-editor",
     "/@syncfusion/ej2-vue-inplace-editor",
     "/@syncfusion/ej2-vue-inputs",
+    "/@syncfusion/ej2-vue-kanban",
+    "/@syncfusion/ej2-vue-layouts",
+    "/@syncfusion/ej2-vue-lineargauge",
+    "/@syncfusion/ej2-vue-lists",
+    "/@syncfusion/ej2-vue-maps",
+    "/@syncfusion/ej2-vue-navigations",
+    "/@syncfusion/ej2-vue-notifications",
     "/@syncfusion/ej2-vue-pdfviewer",
+    "/@syncfusion/ej2-vue-pivotview",
+    "/@syncfusion/ej2-vue-popups",
+    "/@syncfusion/ej2-vue-progressbar",
+    "/@syncfusion/ej2-vue-querybuilder",
+    "/@syncfusion/ej2-vue-ribbon",
     "/@syncfusion/ej2-vue-richtexteditor",
+    "/@syncfusion/ej2-vue-schedule",
     "/@syncfusion/ej2-vue-splitbuttons",
     "/@syncfusion/ej2-vue-spreadsheet",
-    "/@syncfusion/ej2-vue-treegrid"
+    "/@syncfusion/ej2-vue-treegrid",
+    "/@syncfusion/ej2-vue-treemap"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-base/-/ej2-base-24.2.5.tgz",
-  "_shasum": "4fee55353627b5a680cb389353938c62b9f518de",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-base/-/ej2-base-18.92.0.tgz",
+  "_shasum": "1c8e5f13a7a0f742a83daa98db9cb3e577fb9702",
   "_spec": "@syncfusion/ej2-base@*",
-  "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -128,7 +179,7 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-icons": "~24.2.3"
+    "@syncfusion/ej2-icons": "~25.1.35"
   },
   "deprecated": false,
   "description": "A common package of Essential JS 2 base libraries, methods and class definitions",
@@ -169,6 +220,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "24.2.7",
+  "version": "25.1.35",
   "sideEffects": true
 }

package/src/ajax.js

@@ -86,7 +86,6 @@ var Ajax = /** @class */ (function () {
             if (!isNullOrUndefined(_this.onUploadProgress)) {
                 _this.httpRequest.upload.onprogress = _this.onUploadProgress;
             }
-            // eslint-disable-next-line
             _this.httpRequest.open(_this.type, _this.url, _this.mode);
             // Set default headers
             if (!isNullOrUndefined(_this.data) && _this.contentType !== null) {

package/src/animation.d.ts

@@ -212,15 +212,15 @@ export declare function setGlobalAnimation(value: string | GlobalAnimationMode):
  */
 export declare enum GlobalAnimationMode {
     /**
-    * Defines the global animation mode as Default. Animation is enabled or disabled based on the component's animation settings.
-    */
+     * Defines the global animation mode as Default. Animation is enabled or disabled based on the component's animation settings.
+     */
     Default = "Default",
     /**
-    * Defines the global animation mode as Enable. Enables the animation for all components, regardless of the individual component's animation settings.
-    */
+     * Defines the global animation mode as Enable. Enables the animation for all components, regardless of the individual component's animation settings.
+     */
     Enable = "Enable",
     /**
-    * Defines the global animation mode as Disable. Disables the animation for all components, regardless of the individual component's animation settings.
-    */
+     * Defines the global animation mode as Disable. Disables the animation for all components, regardless of the individual component's animation settings.
+     */
     Disable = "Disable"
 }

package/src/animation.js

@@ -446,15 +446,15 @@ export function setGlobalAnimation(value) {
 export var GlobalAnimationMode;
 (function (GlobalAnimationMode) {
     /**
-    * Defines the global animation mode as Default. Animation is enabled or disabled based on the component's animation settings.
-    */
+     * Defines the global animation mode as Default. Animation is enabled or disabled based on the component's animation settings.
+     */
     GlobalAnimationMode["Default"] = "Default";
     /**
-    * Defines the global animation mode as Enable. Enables the animation for all components, regardless of the individual component's animation settings.
-    */
+     * Defines the global animation mode as Enable. Enables the animation for all components, regardless of the individual component's animation settings.
+     */
     GlobalAnimationMode["Enable"] = "Enable";
     /**
-    * Defines the global animation mode as Disable. Disables the animation for all components, regardless of the individual component's animation settings.
-    */
+     * Defines the global animation mode as Disable. Disables the animation for all components, regardless of the individual component's animation settings.
+     */
     GlobalAnimationMode["Disable"] = "Disable";
 })(GlobalAnimationMode || (GlobalAnimationMode = {}));

package/src/base.d.ts

@@ -139,4 +139,5 @@ export declare function getComponent<T>(elem: HTMLElement | string, comp: string
  * @private
  */
 export declare function removeChildInstance(element: HTMLElement): void;
-export declare let proxyToRaw: Function, setProxyToRaw: (toRaw: Function) => void;
+export declare let proxyToRaw: Function;
+export declare const setProxyToRaw: Function;

package/src/base.js

@@ -257,12 +257,13 @@ var Base = /** @class */ (function () {
         var _this = this;
         // eslint-disable-next-line
         this.element.ej2_instances =
-            this.element.ej2_instances ? this.element.ej2_instances.filter(function (i) {
-                if (proxyToRaw) {
-                    return proxyToRaw(i) !== proxyToRaw(_this);
-                }
-                return i !== _this;
-            })
+            this.element.ej2_instances ?
+                this.element.ej2_instances.filter(function (i) {
+                    if (proxyToRaw) {
+                        return proxyToRaw(i) !== proxyToRaw(_this);
+                    }
+                    return i !== _this;
+                })
                 : [];
         removeClass([this.element], ['e-' + this.getModuleName()]);
         if (this.element.ej2_instances.length === 0) {
@@ -325,4 +326,5 @@ export function removeChildInstance(element) {
         }
     }
 }
-export var proxyToRaw, setProxyToRaw = function (toRaw) { proxyToRaw = toRaw; };
+export var proxyToRaw;
+export var setProxyToRaw = function (toRaw) { proxyToRaw = toRaw; };

package/src/component.d.ts

@@ -83,16 +83,22 @@ export declare abstract class Component<ElementType extends HTMLElement> extends
     getLocalData(): any;
     /**
      * Adding unload event to persist data when enable persistence true
+     *
+     * @returns {void}
      */
-    attachUnloadEvent(): any;
+    attachUnloadEvent(): void;
     /**
      * Handling unload event to persist data when enable persistence true
+     *
+     * @returns {void}
      */
-    handleUnload(): any;
+    handleUnload(): void;
     /**
      * Removing unload event to persist data when enable persistence true
+     *
+     * @returns {void}
      */
-    detachUnloadEvent(): any;
+    detachUnloadEvent(): void;
     /**
      * Appends the control within the given HTML element
      *

package/src/component.js

@@ -78,7 +78,7 @@ var Component = /** @class */ (function (_super) {
         // tslint:disable-next-line:no-function-constructor-with-string-args
         onIntlChange.on('notifyExternalChange', _this.detectFunction, _this, _this.randomId);
         // Based on the considered control list we have count the instance
-        if (typeof window !== "undefined" && typeof document !== "undefined" && !validateLicense()) {
+        if (typeof window !== 'undefined' && typeof document !== 'undefined' && !validateLicense()) {
             if (componentList.indexOf(_this.getModuleName()) !== -1) {
                 instancecount = instancecount + 1;
                 if (instancecount > 5) {
@@ -169,6 +169,8 @@ var Component = /** @class */ (function (_super) {
     };
     /**
      * Adding unload event to persist data when enable persistence true
+     *
+     * @returns {void}
      */
     Component.prototype.attachUnloadEvent = function () {
         this.handleUnload = this.handleUnload.bind(this);
@@ -176,12 +178,16 @@ var Component = /** @class */ (function (_super) {
     };
     /**
      * Handling unload event to persist data when enable persistence true
+     *
+     * @returns {void}
      */
     Component.prototype.handleUnload = function () {
         this.setPersistData();
     };
     /**
      * Removing unload event to persist data when enable persistence true
+     *
+     * @returns {void}
      */
     Component.prototype.detachUnloadEvent = function () {
         window.removeEventListener('unload', this.handleUnload);
@@ -216,7 +222,32 @@ var Component = /** @class */ (function (_super) {
             }
             this.preRender();
             this.injectModules();
-            // Checked weather cases are valid or not. If control leads to more than five counts  
+            // Throw a warning for the required modules to be injected.
+            var ignoredComponents = {
+                schedule: 'all',
+                diagram: 'all',
+                PdfViewer: 'all',
+                grid: ['logger'],
+                richtexteditor: ['link', 'table', 'image', 'audio', 'video', 'formatPainter', 'emojiPicker', 'pasteCleanup', 'htmlEditor', 'toolbar'],
+                treegrid: ['filter'],
+                gantt: ['tooltip'],
+                chart: ['Export', 'Zoom'],
+                accumulationchart: ['Export']
+            };
+            var component = this.getModuleName();
+            if (this.requiredModules && (!ignoredComponents["" + component] || ignoredComponents["" + component] !== 'all')) {
+                var modulesRequired = this.requiredModules();
+                for (var _i = 0, _a = this.moduleLoader.getNonInjectedModules(modulesRequired); _i < _a.length; _i++) {
+                    var module = _a[_i];
+                    var moduleName = module.name ? module.name : module.member;
+                    if (ignoredComponents["" + component] && ignoredComponents["" + component].indexOf(module.member) !== -1) {
+                        continue;
+                    }
+                    var componentName = component.charAt(0).toUpperCase() + component.slice(1); // To capitalize the component name
+                    console.warn("[WARNING] :: Module \"" + moduleName + "\" is not available in " + componentName + " component! You either misspelled the module name or forgot to load it.");
+                }
+            }
+            // Checked weather cases are valid or not. If control leads to more than five counts
             if (!isvalid && !isBannerAdded) {
                 createLicenseOverlay();
                 isBannerAdded = true;

package/src/draggable.d.ts

@@ -361,6 +361,8 @@ export declare class Draggable extends Base<HTMLElement> implements INotifyPrope
     private getDocumentWidthHeight;
     private intDragStop;
     /**
+     * @param {MouseEvent | TouchEvent} evt ?
+     * @returns {void}
      * @private
      */
     intDestroy(evt: MouseEvent & TouchEvent): void;

package/src/draggable.js

@@ -26,9 +26,6 @@ import { ChildProperty } from './child-property';
 import { select, closest, setStyleAttribute, addClass, createElement } from './dom';
 import { extend, isUndefined, isNullOrUndefined, compareElementParent, isBlazor } from './util';
 var defaultPosition = { left: 0, top: 0, bottom: 0, right: 0 };
-var positionProp = ['offsetLeft', 'offsetTop'];
-var axisMapper = ['x', 'y'];
-var axisValueMapper = ['left', 'top'];
 var isDraggedObject = { isDragged: false };
 /**
  * Specifies the position coordinates
@@ -161,6 +158,7 @@ var Draggable = /** @class */ (function (_super) {
             return this.getScrollableParent(element.parentNode, axis);
         }
     };
+    /* eslint-disable */
     Draggable.prototype.getScrollableValues = function () {
         this.parentScrollX = 0;
         this.parentScrollY = 0;
@@ -168,6 +166,7 @@ var Draggable = /** @class */ (function (_super) {
         var verticalScrollParent = this.getScrollableParent(this.element.parentNode, 'vertical');
         var horizontalScrollParent = this.getScrollableParent(this.element.parentNode, 'horizontal');
     };
+    /* eslint-enable */
     Draggable.prototype.initialize = function (evt, curTarget) {
         this.currentStateTarget = evt.target;
         if (this.isDragStarted()) {
@@ -181,6 +180,7 @@ var Draggable = /** @class */ (function (_super) {
         this.dragProcessStarted = false;
         if (this.abort) {
             /* tslint:disable no-any */
+            // eslint-disable-next-line
             var abortSelectors = this.abort;
             if (typeof abortSelectors === 'string') {
                 abortSelectors = [abortSelectors];
@@ -251,6 +251,7 @@ var Draggable = /** @class */ (function (_super) {
         }
         /* istanbul ignore next */
         if (this.isReplaceDragEle) {
+            // eslint-disable-next-line
             element = this.currentStateCheck(evt.target, element);
         }
         this.offset = this.calculateParentPosition(element);
@@ -403,6 +404,7 @@ var Draggable = /** @class */ (function (_super) {
                 }
             }
             if (flag) {
+                // eslint-disable-next-line
                 eleObj.instance.dragData[this.scope] = this.droppables[this.scope];
                 eleObj.instance.intOver(evt, eleObj.target);
                 this.hoverObject = eleObj;
@@ -552,6 +554,7 @@ var Draggable = /** @class */ (function (_super) {
                 elements = this.getPathElements(evt);
             }
             /* tslint:disable no-any */
+            // eslint-disable-next-line
             var scrollParent = this.getScrollParent(elements, false);
             if (this.elementInViewport(this.helperElement)) {
                 this.getScrollPosition(scrollParent, draEleTop);
@@ -574,8 +577,10 @@ var Draggable = /** @class */ (function (_super) {
         this.pageY = pagey;
     };
     /* tslint:disable no-any */
+    // eslint-disable-next-line
     Draggable.prototype.getScrollParent = function (node, reverse) {
         /* tslint:disable no-any */
+        // eslint-disable-next-line
         var nodeEl = reverse ? node.reverse() : node;
         var hasScroll;
         for (var i = nodeEl.length - 1; i >= 0; i--) {
@@ -602,10 +607,12 @@ var Draggable = /** @class */ (function (_super) {
             }
         }
         else if (nodeEle && nodeEle !== document.scrollingElement) {
-            if ((nodeEle.clientHeight + nodeEle.getBoundingClientRect().top - this.helperElement.clientHeight + document.scrollingElement.scrollTop) < draEleTop) {
+            var docScrollTop = document.scrollingElement.scrollTop;
+            var helperClientHeight = this.helperElement.clientHeight;
+            if ((nodeEle.clientHeight + nodeEle.getBoundingClientRect().top - helperClientHeight + docScrollTop) < draEleTop) {
                 nodeEle.scrollTop += this.helperElement.clientHeight;
             }
-            else if (nodeEle.getBoundingClientRect().top > (draEleTop - this.helperElement.clientHeight - document.scrollingElement.scrollTop)) {
+            else if (nodeEle.getBoundingClientRect().top > (draEleTop - helperClientHeight - docScrollTop)) {
                 nodeEle.scrollTop -= this.helperElement.clientHeight;
             }
         }
@@ -657,6 +664,7 @@ var Draggable = /** @class */ (function (_super) {
         var eleObj = this.checkTargetElement(evt);
         if (eleObj.target && eleObj.instance) {
             eleObj.instance.dragStopCalled = true;
+            // eslint-disable-next-line
             eleObj.instance.dragData[this.scope] = this.droppables[this.scope];
             eleObj.instance.intDrop(evt, eleObj.target);
         }
@@ -664,8 +672,11 @@ var Draggable = /** @class */ (function (_super) {
         document.body.classList.remove('e-prevent-select');
     };
     /**
+     * @param {MouseEvent | TouchEvent} evt ?
+     * @returns {void}
      * @private
      */
+    // eslint-disable-next-line
     Draggable.prototype.intDestroy = function (evt) {
         this.dragProcessStarted = false;
         this.toggleEvents();
@@ -680,6 +691,7 @@ var Draggable = /** @class */ (function (_super) {
         }
     };
     // triggers when property changed
+    // eslint-disable-next-line
     Draggable.prototype.onPropertyChanged = function (newProp, oldProp) {
         //No Code to handle
     };
@@ -710,6 +722,7 @@ var Draggable = /** @class */ (function (_super) {
             eleWidthBound = ele.scrollWidth ? ele.scrollWidth : elementArea.right - elementArea.left;
             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'];
+            /* eslint-disable */
             var styles = getComputedStyle(ele);
             for (var i = 0; i < keys.length; i++) {
                 var key = keys[parseInt(i.toString(), 10)];
@@ -719,6 +732,7 @@ var Draggable = /** @class */ (function (_super) {
                 this.borderWidth["" + lowerKey] = isNaN(parseFloat(tborder)) ? 0 : parseFloat(tborder);
                 this.padding["" + lowerKey] = isNaN(parseFloat(tpadding)) ? 0 : parseFloat(tpadding);
             }
+            /* eslint-enable */
             if (this.dragArea && !isNullOrUndefined(this.helperElement) && this.helperElement.classList.contains('e-treeview')) {
                 top = elementArea.top + document.scrollingElement.scrollTop;
             }
@@ -736,7 +750,7 @@ var Draggable = /** @class */ (function (_super) {
         var intCoord = this.getCoordinates(evt);
         var ele;
         var prevStyle = this.helperElement.style.pointerEvents || '';
-        var isPointer = evt.type.indexOf('pointer') !== -1 && Browser.info.name === 'safari' && parseInt(Browser.info.version) > 12;
+        var isPointer = evt.type.indexOf('pointer') !== -1 && Browser.info.name === 'safari' && parseInt(Browser.info.version, 10) > 12;
         if (compareElementParent(evt.target, this.helperElement) || evt.type.indexOf('touch') !== -1 || isPointer) {
             this.helperElement.style.pointerEvents = 'none';
             ele = document.elementFromPoint(intCoord.clientX, intCoord.clientY);
@@ -760,6 +774,7 @@ var Draggable = /** @class */ (function (_super) {
     };
     Draggable.prototype.getMousePosition = function (evt, isdragscroll) {
         /* tslint:disable no-any */
+        // eslint-disable-next-line
         var dragEle = evt.srcElement !== undefined ? evt.srcElement : evt.target;
         var intCoord = this.getCoordinates(evt);
         var pageX;
@@ -777,10 +792,11 @@ var Draggable = /** @class */ (function (_super) {
             pageY = this.clone ? intCoord.pageY : (intCoord.pageY + window.pageYOffset) - this.relativeYPosition;
         }
         if (document.scrollingElement && (!isdragscroll && !this.clone)) {
-            var isVerticalScroll = document.scrollingElement.scrollHeight > 0 && document.scrollingElement.scrollHeight > document.scrollingElement.clientHeight && document.scrollingElement.scrollTop > 0;
-            var isHorrizontalScroll = document.scrollingElement.scrollWidth > 0 && document.scrollingElement.scrollWidth > document.scrollingElement.clientWidth && document.scrollingElement.scrollLeft > 0;
-            pageX = isHorrizontalScroll ? pageX - document.scrollingElement.scrollLeft : pageX;
-            pageY = isVerticalScroll ? pageY - document.scrollingElement.scrollTop : pageY;
+            var ele = document.scrollingElement;
+            var isVerticalScroll = ele.scrollHeight > 0 && ele.scrollHeight > ele.clientHeight && ele.scrollTop > 0;
+            var isHorrizontalScroll = ele.scrollWidth > 0 && ele.scrollWidth > ele.clientWidth && ele.scrollLeft > 0;
+            pageX = isHorrizontalScroll ? pageX - ele.scrollLeft : pageX;
+            pageY = isVerticalScroll ? pageY - ele.scrollTop : pageY;
         }
         return {
             left: pageX - (this.margin.left + this.cursorAt.left),

package/src/event-handler.js

@@ -115,7 +115,8 @@ var EventHandler = /** @class */ (function () {
         // eslint-disable-next-line
         copyData = extend([], copyData, eventData);
         for (var i = 0; i < copyData.length; i++) {
-            element.removeEventListener(copyData[parseInt(i.toString(), 10)].name, copyData[parseInt(i.toString(), 10)].debounce);
+            var parseValue = copyData[parseInt(i.toString(), 10)];
+            element.removeEventListener(parseValue.name, parseValue.debounce);
             eventData.shift();
         }
     };

package/src/intl/date-parser.js

@@ -342,6 +342,7 @@ var DateParser = /** @class */ (function () {
                         // eslint-disable-next-line
                         matchString = ((prop === 'month') && (!parseOptions.isIslamic) && (parseOptions.culture === 'en' || parseOptions.culture === 'en-GB' || parseOptions.culture === 'en-US'))
                             ? matchString[0].toUpperCase() + matchString.substring(1).toLowerCase() : matchString;
+                        // eslint-disable-next-line
                         matchString = ((prop !== 'month') && (prop === 'designator') && parseOptions.culture && parseOptions.culture.indexOf('en-') !== -1 && cultureOptions.indexOf(parseOptions.culture) === -1)
                             ? matchString.toLowerCase() : matchString;
                         // eslint-disable-next-line