@syncfusion/ej2-base - npm Package Compare versions

Comparing version 20.1.57 to 20.1.58-106983

.eslintrc.json

@@ -9,3 +9,4 @@ {
         "plugin:@typescript-eslint/recommended",
-        "plugin:jsdoc/recommended"
+        "plugin:jsdoc/recommended",
+        "plugin:security/recommended"
     ],
@@ -22,2 +23,3 @@ "parser": "@typescript-eslint/parser",
         "@typescript-eslint/tslint",
+        "eslint-plugin-security",
         "jsdoc"
@@ -27,2 +29,15 @@ ],
         "use-isnan": "error",
+        "security/detect-unsafe-regex":"error",
+        "security/detect-buffer-noassert":"error",
+        "security/detect-child-process":"error",
+        "security/detect-disable-mustache-escape":"error",
+        "security/detect-eval-with-expression":"error",
+        "security/detect-no-csrf-before-method-override":"error",
+        "security/detect-non-literal-fs-filename":"error",
+        "security/detect-non-literal-regexp":"error",
+        "security/detect-non-literal-require":"error",
+        "security/detect-object-injection":"error",
+        "security/detect-possible-timing-attacks":"error",
+        "security/detect-pseudoRandomBytes":"error",
+        "security/detect-new-buffer":"error",
         "@typescript-eslint/no-inferrable-types": "off",
@@ -29,0 +44,0 @@ "@typescript-eslint/ban-types": ["warn", {

CHANGELOG.md

@@ -5,2 +5,92 @@ # Changelog
 
+## 20.4.48 (2023-02-01)
+
+### Dashboard Layout
+
+#### Bug Fixes
+
+- `#I423971` - Provided cancel option in Drag Start and Drag Stop events of the Dashboard Layout component.
+
+### Common
+
+#### Bug Fixes
+
+- `#I424071` - The issue with the "Tooltip component throws a script error when setting content as '${}'" has been resolved.
+
+## 20.4.44 (2023-01-18)
+
+### Common
+
+#### Bug Fixes
+
+- `#F178732` - Resolved the sudden changes in top value of `draggable` element.
+
+## 20.4.42 (2023-01-04)
+
+### Common
+
+#### Bug Fixes
+
+- `#I427250` - Resolved window undefined in server side rendering with React next JS.
+
+## 20.4.38 (2022-12-21)
+
+### Common
+
+#### New Features
+
+- The new `Rating` control has been added to Essential JS 2.
+- The `AppBar`, `Floating Action Button (FAB)`, `Mention`, `Message` and `Speed Dial` controls have been developed to meet industry standards and are now marked production-ready.
+
+#### Breaking Changes
+
+- If you are using Syncfusion's controls without first registering a license, a license dialog will appear after a certain limit of usage, preventing further interaction in the application. Please make sure to register a valid license in order to continue using the Syncfusion controls without interruption.
+
+## 20.3.59 (2022-11-29)
+
+### Common
+
+#### Bug Fixes
+
+- `#I421652` - The issue with the "gulp is added to the dependency package in the ej2 package" has been resolved.
+
+## 20.3.47 (2022-09-29)
+
+### Common
+
+#### Bug Fixes
+
+- `#I383984` - The issue with the "Unwanted swipe event trigger in Firefox browser" has been resolved.
+
+## 20.2.36 (2022-06-30)
+
+### Common
+
+#### New Features
+
+- Provided the TypeScript 4.7 compatible support for the EJ2 components.
+- Provided the option to register the license key by using the `npx` command. Follow these steps to register the license using the `npx` command:
+
+| The `npx` command |
+|---|
+| Install the Syncfusion packages from `npm`. |
+| Add the license key either in the environment variable `SYNCFUSION_LICENSE` or in the `syncfusion-license.txt` text file. |
+| Run the command `npx syncfusion-license activate` to automatically register the license. |
+
+## 20.1.61 (2022-06-21)
+
+### Common
+
+#### Bug Fixes
+
+- `#F173517` - "The Chart with ngFor data binding is not working" issue has been resolved.
+
+## 20.1.60 (2022-06-14)
+
+### Common
+
+#### Bug Fixes
+
+- `#I372767`, `#I370308` - The empty space issue in `Treeview` component while dragging the element has been resolved.
+
 ## 20.1.56 (2022-05-17)
@@ -12,3 +102,3 @@
 
-- `F173666` - The issue with sanitize html while creating a appointment in scheduler has been resolve.
+- `#F173666` - The issue with sanitize html while creating a appointment in scheduler has been resolve.
 
@@ -21,3 +111,3 @@ ## 20.1.55 (2022-05-12)
 
-- `SF-376600` - The issue with "`IsDevice` value return as false only for Safari browser in iPad" has been resolved.
+- `#I376600` - The issue with "`IsDevice` value return as false only for Safari browser in iPad" has been resolved.
 
@@ -30,3 +120,3 @@ ## 20.1.50 (2022-04-19)
 
-- `I370803` - The issue with "Script error occurs while opening the popup in the DropDownList" has been resolved.
+- `#I370803` - The issue with "Script error occurs while opening the popup in the DropDownList" has been resolved.
 
@@ -39,3 +129,3 @@ ## 20.1.48 (2022-04-12)
 
-- `I374390` - Resolved window undefined in server side rendering with React next JS.
+- `#I374390` - Resolved window undefined in server side rendering with React next JS.
 
@@ -48,4 +138,10 @@ ## 20.1.47 (2022-04-04)
 
+- `#I324684` - Resolved the `Treeview` check box issues in safari browser.
+- `#I342741`, `#F172105`, `#I365783`, `#F172867`, `#I367588`, `#I358914` - Provided the `draggable` support for the mobile and touch devices.
+
+### Common
+
+#### Bug Fixes
+
 - `I324684` - Resolved the `Treeview` check box issues in safari browser.
-- `I342741`, `F172105`, `SF-365783`, `F172867`, `SF-367588`, `SF-358914` - Provided the `draggable` support for the mobile and touch devices.
 
@@ -52,0 +148,0 @@ ## 17.4.51 (2020-02-25)

e2e/protractor.config.js

@@ -11,2 +11,8 @@ var shell = require('shelljs');
 var fs = require('fs');
+var enableW3c = '{W3cdisabled}';
+var HtmlScreenshotReporter = require('protractor-jasmine2-screenshot-reporter');
+var reporter = new HtmlScreenshotReporter({
+    dest: 'e2e_report/' + config.browsers[0],
+    filename: config.browsers[0] + '.html'
+});
 isDashBoardReport = isDashBoardReport === undefined ? true : isDashBoardReport;
@@ -26,4 +32,2 @@ if (isDashBoardReport) {
 
-
-
 exports.config = {
@@ -72,3 +76,2 @@ allScriptsTimeout: 600000,
                 ccMailAddress: ccMail
-
             };
@@ -78,10 +81,10 @@ var status = failurecount.length ? 'Failure' : 'Success';
             var notRun = totalcount - (successCount + failurecount);
-            if (fs.existsSync('./testreport')) {
-                shell.cd('./testreport');
-                shell.exec('Syncfusion.UpdateTestResults.exe /Platform:"JavaScript - EJ2" /Control:"' + components +
-                    '" /TestingTool:"Selenium" /StartTime:"' + new Date().toLocaleTimeString() + '" /EndTime:"' + new Date().toLocaleTimeString() +
-                    '" /Status:"' + status + '" /TotalTestCase:' + totalcount +
-                    ' /SuccessCount:' + successCount + ' /FailureCount:' + failurecount + ' /NotRunCount:' + notRun + ' /UpdatedBy:"' + toMail[0] + '"');
-                shell.cd('../');
-            }
+             if (fs.existsSync('./testreport')) {
+                 shell.cd('./testreport');
+                 shell.exec('Syncfusion.UpdateTestResults.exe /Platform:"JavaScript - EJ2" /Control:"' + components +
+                     '" /TestingTool:"Selenium" /StartTime:"' + new Date().toLocaleTimeString() + '" /EndTime:"' + new Date().toLocaleTimeString() +
+                     '" /Status:"' + status + '" /TotalTestCase:' + totalcount +
+                     ' /SuccessCount:' + successCount + ' /FailureCount:' + failurecount + ' /NotRunCount:' + notRun + ' /UpdatedBy:"' + toMail[0] + '"');
+                 shell.cd('../');
+             }
             request({
@@ -102,2 +105,7 @@ url: 'https://ej2services.syncfusion.com/cicentral/api/getE2EReport',
     },
+    beforeLaunch: function () {
+        return new Promise(function (resolve) {
+            reporter.beforeLaunch(resolve);
+        });
+    },
 
@@ -127,5 +135,5 @@ onPrepare: function () {
             browser.get(browser.basePath + path);
-            browser.wait(function () {
-                return element(By.css('.e-control')).isDisplayed();
-            }, 3000);
+             browser.wait(function () {
+                 return element(By.css('.e-control')).isDisplayed();
+             }, 3000);
 
@@ -253,4 +261,10 @@ if (browser.css) {
         });
+        jasmine.getEnv().addReporter(reporter);
 
     },
+    afterLaunch: function (exitCode) {
+        return new Promise(function (resolve) {
+            reporter.afterLaunch(resolve.bind(this, exitCode));
+        });
+    },
 };
@@ -262,5 +276,14 @@
         var browserName = config.browsers[i];
-        exports.config.multiCapabilities.push({
-            'browserName': browserName
-        });
+        if (browserName === 'chrome' && enableW3c === '{W3cenabled}') {
+            exports.config.multiCapabilities.push({
+                'browserName': browserName,
+                'goog:chromeOptions': {              //disable w3c here
+                    w3c: false,
+                }
+            });
+        } else {
+            exports.config.multiCapabilities.push({
+                'browserName': browserName
+            });
+        }
     }
@@ -281,8 +304,17 @@ } else {
     });
-    exports.config.multiCapabilities.push({
-        'browserName': 'chrome',
-        'chromeOptions': {
-            'args': ['no-sandbox']
-        }
-    });
+    if (enableW3c === '{W3cenabled}') {
+        exports.config.multiCapabilities.push({
+            'browserName': 'chrome',
+            'goog:chromeOptions': {              //disable w3c here
+                w3c: false,
+            }
+        });
+    } else {
+        exports.config.multiCapabilities.push({
+            'browserName': 'chrome',
+            'chromeOptions': {
+                'args': ['no-sandbox']
+            }
+        });
+    }
 }
@@ -293,2 +325,2 @@ exports.config.seleniumAddress = config.seleniumAddress || 'http://localhost:4444/wd/hub/';
     shell.mkdir('-p', path);
-}
+}

helpers/e2e/base.js

@@ -1,56 +0,66 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-/**
- * Base E2E Helper Function
- */
-class TestHelper {
-    selector(arg) {
-        return (this.wrapperFn ? this.wrapperFn(arg) : arg);
-    }
-    setModel(property, value) {
-        return Mapper.setModel(this.id, this.selector.bind(this), property, value);
-    }
-    getModel(property) {
-        return Mapper.getModel(this.id, this.selector.bind(this), property);
-    }
-    invoke(fName, args = []) {
-        return Mapper.invoke(this.id, this.selector.bind(this), fName, args);
-    }
-    eventHandler(eventName, callback) {
-        return this.selector('#' + this.id).then((ele) => {
-            var inst = ele[0].ej2_instances[0];
-            return inst[eventName] = callback;
-        });
-    }
-}
-exports.TestHelper = TestHelper;
-class Mapper {
-    static setModel(id, selector, property, value) {
-        let result;
-        if (cy) {
-            result = selector('#' + id).then((ele) => {
-                return ele[0].ej2_instances[0][property] = value;
-            });
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    /**
+     * Base E2E Helper Function
+     */
+    var TestHelper = /** @class */ (function () {
+        function TestHelper() {
         }
-        return result;
-    }
-    static getModel(id, selector, property) {
-        let result;
-        if (cy) {
-            result = selector('#' + id).then((ele) => {
-                return ele[0].ej2_instances[0][property];
-            });
-        }
-        return result;
-    }
-    static invoke(id, selector, fName, args = []) {
-        let result;
-        if (cy) {
-            result = selector('#' + id).then((ele) => {
+        TestHelper.prototype.selector = function (arg) {
+            return (this.wrapperFn ? this.wrapperFn(arg) : arg);
+        };
+        TestHelper.prototype.setModel = function (property, value) {
+            return Mapper.setModel(this.id, this.selector.bind(this), property, value);
+        };
+        TestHelper.prototype.getModel = function (property) {
+            return Mapper.getModel(this.id, this.selector.bind(this), property);
+        };
+        TestHelper.prototype.invoke = function (fName, args) {
+            if (args === void 0) { args = []; }
+            return Mapper.invoke(this.id, this.selector.bind(this), fName, args);
+        };
+        TestHelper.prototype.eventHandler = function (eventName, callback) {
+            return this.selector('#' + this.id).then(function (ele) {
                 var inst = ele[0].ej2_instances[0];
-                return inst[fName].call(inst, args);
+                return inst[eventName] = callback;
             });
+        };
+        return TestHelper;
+    }());
+    exports.TestHelper = TestHelper;
+    var Mapper = /** @class */ (function () {
+        function Mapper() {
         }
-        return result;
-    }
-}
+        Mapper.setModel = function (id, selector, property, value) {
+            var result;
+            if (cy) {
+                result = selector('#' + id).then(function (ele) {
+                    return ele[0].ej2_instances[0][property] = value;
+                });
+            }
+            return result;
+        };
+        Mapper.getModel = function (id, selector, property) {
+            var result;
+            if (cy) {
+                result = selector('#' + id).then(function (ele) {
+                    return ele[0].ej2_instances[0][property];
+                });
+            }
+            return result;
+        };
+        Mapper.invoke = function (id, selector, fName, args) {
+            if (args === void 0) { args = []; }
+            var result;
+            if (cy) {
+                result = selector('#' + id).then(function (ele) {
+                    var inst = ele[0].ej2_instances[0];
+                    return inst[fName].call(inst, args);
+                });
+            }
+            return result;
+        };
+        return Mapper;
+    }());
+});

helpers/e2e/index.js

@@ -1,6 +0,8 @@
-"use strict";
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
-Object.defineProperty(exports, "__esModule", { value: true });
-__export(require("./base"));
+define(["require", "exports", "./base"], function (require, exports, base_1) {
+    "use strict";
+    function __export(m) {
+        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+    }
+    Object.defineProperty(exports, "__esModule", { value: true });
+    __export(base_1);
+});

package.json

 {
-	"_from": "@syncfusion/ej2-base@*",
-	"_id": "@syncfusion/ej2-base@20.1.55",
+	"_from": "@syncfusion/ej2-base@~20.1.57",
+	"_id": "@syncfusion/ej2-base@20.1.61",
 	"_inBundle": false,
-	"_integrity": "sha512-8aq1464TXvI7tOSODaEYO8vGel2j1YF6XmtkV7qo1o+PwR1sDIqgnHykgZU7VLgWHdxUjdNw1BuZb2gl9micOg==",
+	"_integrity": "sha512-NBSAZ+To+mH0QjmVMXMvqoWRsXb1JYIzTW8fM3yF/D9bIUYJ19Xlz60GeCY4sJk6n8GzWj/xrLmDdh76P64ukQ==",
 	"_location": "/@syncfusion/ej2-base",
@@ -11,99 +11,18 @@ "_phantomChildren": {},
 	  "registry": true,
-	  "raw": "@syncfusion/ej2-base@*",
+	  "raw": "@syncfusion/ej2-base@~20.1.57",
 	  "name": "@syncfusion/ej2-base",
 	  "escapedName": "@syncfusion%2fej2-base",
 	  "scope": "@syncfusion",
-	  "rawSpec": "*",
+	  "rawSpec": "~20.1.57",
 	  "saveSpec": null,
-	  "fetchSpec": "*"
+	  "fetchSpec": "~20.1.57"
 	},
 	"_requiredBy": [
-	  "/",
-	  "/@syncfusion/ej2",
-	  "/@syncfusion/ej2-angular-base",
-	  "/@syncfusion/ej2-angular-calendars",
-	  "/@syncfusion/ej2-angular-charts",
-	  "/@syncfusion/ej2-angular-documenteditor",
-	  "/@syncfusion/ej2-angular-dropdowns",
-	  "/@syncfusion/ej2-angular-filemanager",
-	  "/@syncfusion/ej2-angular-gantt",
-	  "/@syncfusion/ej2-angular-grids",
-	  "/@syncfusion/ej2-angular-navigations",
-	  "/@syncfusion/ej2-angular-pdfviewer",
-	  "/@syncfusion/ej2-angular-pivotview",
-	  "/@syncfusion/ej2-angular-richtexteditor",
-	  "/@syncfusion/ej2-angular-schedule",
-	  "/@syncfusion/ej2-angular-spreadsheet",
-	  "/@syncfusion/ej2-angular-treegrid",
-	  "/@syncfusion/ej2-barcode-generator",
 	  "/@syncfusion/ej2-buttons",
-	  "/@syncfusion/ej2-calendars",
-	  "/@syncfusion/ej2-charts",
-	  "/@syncfusion/ej2-circulargauge",
-	  "/@syncfusion/ej2-data",
-	  "/@syncfusion/ej2-diagrams",
-	  "/@syncfusion/ej2-documenteditor",
-	  "/@syncfusion/ej2-drawings",
-	  "/@syncfusion/ej2-dropdowns",
-	  "/@syncfusion/ej2-excel-export",
-	  "/@syncfusion/ej2-filemanager",
-	  "/@syncfusion/ej2-gantt",
-	  "/@syncfusion/ej2-grids",
-	  "/@syncfusion/ej2-heatmap",
-	  "/@syncfusion/ej2-inplace-editor",
-	  "/@syncfusion/ej2-inputs",
-	  "/@syncfusion/ej2-kanban",
-	  "/@syncfusion/ej2-layouts",
-	  "/@syncfusion/ej2-lineargauge",
-	  "/@syncfusion/ej2-lists",
-	  "/@syncfusion/ej2-maps",
-	  "/@syncfusion/ej2-navigations",
-	  "/@syncfusion/ej2-notifications",
-	  "/@syncfusion/ej2-pdfviewer",
-	  "/@syncfusion/ej2-pivotview",
-	  "/@syncfusion/ej2-popups",
-	  "/@syncfusion/ej2-progressbar",
-	  "/@syncfusion/ej2-querybuilder",
-	  "/@syncfusion/ej2-react-base",
-	  "/@syncfusion/ej2-react-calendars",
-	  "/@syncfusion/ej2-react-charts",
-	  "/@syncfusion/ej2-react-documenteditor",
-	  "/@syncfusion/ej2-react-dropdowns",
-	  "/@syncfusion/ej2-react-filemanager",
-	  "/@syncfusion/ej2-react-gantt",
-	  "/@syncfusion/ej2-react-grids",
-	  "/@syncfusion/ej2-react-navigations",
-	  "/@syncfusion/ej2-react-pdfviewer",
-	  "/@syncfusion/ej2-react-pivotview",
-	  "/@syncfusion/ej2-react-richtexteditor",
-	  "/@syncfusion/ej2-react-schedule",
-	  "/@syncfusion/ej2-react-spreadsheet",
-	  "/@syncfusion/ej2-react-treegrid",
-	  "/@syncfusion/ej2-richtexteditor",
-	  "/@syncfusion/ej2-schedule",
-	  "/@syncfusion/ej2-splitbuttons",
-	  "/@syncfusion/ej2-spreadsheet",
-	  "/@syncfusion/ej2-svg-base",
-	  "/@syncfusion/ej2-treegrid",
-	  "/@syncfusion/ej2-treemap",
-	  "/@syncfusion/ej2-vue-base",
-	  "/@syncfusion/ej2-vue-calendars",
-	  "/@syncfusion/ej2-vue-charts",
-	  "/@syncfusion/ej2-vue-documenteditor",
-	  "/@syncfusion/ej2-vue-dropdowns",
-	  "/@syncfusion/ej2-vue-filemanager",
-	  "/@syncfusion/ej2-vue-gantt",
-	  "/@syncfusion/ej2-vue-grids",
-	  "/@syncfusion/ej2-vue-navigations",
-	  "/@syncfusion/ej2-vue-pdfviewer",
-	  "/@syncfusion/ej2-vue-pivotview",
-	  "/@syncfusion/ej2-vue-richtexteditor",
-	  "/@syncfusion/ej2-vue-schedule",
-	  "/@syncfusion/ej2-vue-spreadsheet",
-	  "/@syncfusion/ej2-vue-treegrid"
+	  "/@syncfusion/ej2-popups"
 	],
-	"_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-base/-/ej2-base-20.1.55.tgz",
-	"_shasum": "276806d41168b79bd36ffc0fb17ef47336363c2f",
-	"_spec": "@syncfusion/ej2-base@*",
-	"_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
+	"_resolved": "https://registry.npmjs.org/@syncfusion/ej2-base/-/ej2-base-20.1.61.tgz",
+	"_shasum": "dd04e7d5bd0af8034a1c4db11b7e684e7212682c",
+	"_spec": "@syncfusion/ej2-base@~20.1.57",
+	"_where": "E:\\New folder (3)\\node_modules\\@syncfusion\\ej2-popups",
 	"author": {
@@ -157,5 +76,6 @@ "name": "Syncfusion Inc."
 	},
+	"sideEffects": true,
 	"typings": "index.d.ts",
-	"version": "20.1.57",
-	"sideEffects": true
-  }
+	"version": "20.1.58-106983"
+  }
+  

ReadMe.md

@@ -5,5 +5,5 @@ # ej2-base
 
-> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA (https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here (https://www.syncfusion.com/account/manage-trials/start-trials).
+> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of [Syncfusion's EULA](https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase [here](https://www.syncfusion.com/sales/products) or start a free 30-day trial [here](https://www.syncfusion.com/account/manage-trials/start-trials).
 >
-> A free community license (https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
+> A free [community license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
 
@@ -94,10 +94,9 @@ ## Setup
 ## License
+ Check the license detail [here](https://github.com/syncfusion/ej2-javascript-ui-controls/blob/master/license).
 
-Check the license detail [here](https://github.com/syncfusion/ej2-base/blob/master/license).
-
 ## Changelog
 
-Check the changelog [here](https://ej2.syncfusion.com/documentation/release-notes?utm_source=npm&utm_campaign=ej2-base)
+Check the changelog [here](https://ej2.syncfusion.com/documentation/release-notes/index/?utm_source=npm&utm_campaign=ej2-base).
 
-    © Copyright 2021 Syncfusion, Inc. All Rights Reserved.
+    © Copyright 2022 Syncfusion, Inc. All Rights Reserved.
     The Syncfusion Essential Studio license and copyright applies to this distribution.

src/animation.d.ts

@@ -197,1 +197,14 @@ import { Base, EmitType } from './base';
 export declare function enableRipple(isRipple: boolean): boolean;
+/**
+ * Defines the Modes of Global animation.
+ *
+ * @private
+ */
+export declare let animationMode: string;
+/**
+ * Method for set the Global animation modes for Syncfusion Blazor components.
+ *
+ * @param {string} value - Specifies the animation mode.
+ * @returns {void}
+ */
+export declare function setGlobalAnimation(value: string): void;

src/animation.js

@@ -106,7 +106,17 @@ var __extends = (this && this.__extends) || (function () {
     Animation.delayAnimation = function (model) {
-        if (model.delay) {
-            setTimeout(function () { 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(function () { Animation_1.applyAnimation(model); }, model.delay);
+            }
+            else {
+                Animation_1.applyAnimation(model);
+            }
         }
@@ -275,3 +285,5 @@ };
     if (rippleModel.rippleFlag === false || (rippleModel.rippleFlag === undefined && !isRippleEnabled)) {
-        return (function () { });
+        return (function () {
+            // do nothing.
+        });
     }
@@ -418,1 +430,16 @@ element.setAttribute('data-ripple', 'true');
 }
+/**
+ * Defines the Modes of Global animation.
+ *
+ * @private
+ */
+export var animationMode = '';
+/**
+ * Method for set the Global animation modes for Syncfusion Blazor components.
+ *
+ * @param {string} value - Specifies the animation mode.
+ * @returns {void}
+ */
+export function setGlobalAnimation(value) {
+    animationMode = value;
+}

src/base.js

@@ -88,4 +88,4 @@ import { isUndefined, isNullOrUndefined, merge, setImmediate, setValue, isBlazor, getValue, extend } from './util';
             var key = keys_1[_i];
-            if (parent[key] instanceof Array) {
-                for (var _a = 0, _b = parent[key]; _a < _b.length; _a++) {
+            if (parent["" + key] instanceof Array) {
+                for (var _a = 0, _b = parent["" + key]; _a < _b.length; _a++) {
                     var obj_1 = _b[_a];
@@ -98,3 +98,3 @@ if (obj_1.dataBind !== undefined) {
             else {
-                parent[key].dataBind();
+                parent["" + key].dataBind();
             }
@@ -134,4 +134,4 @@ }
         var sfBlazor = 'sfBlazor';
-        if (this.allowServerDataBinding && window[sfBlazor].updateModel) {
-            window[sfBlazor].updateModel(this);
+        if (this.allowServerDataBinding && window["" + sfBlazor].updateModel) {
+            window["" + sfBlazor].updateModel(this);
             this.bulkChanges = {};
@@ -145,3 +145,3 @@ }
             var newChanges = {};
-            newChanges[key] = newValue;
+            newChanges["" + key] = newValue;
             this.serverDataBind(newChanges);
@@ -152,4 +152,4 @@ }
         }
-        this.oldProperties[key] = oldValue;
-        this.changedProperties[key] = newValue;
+        this.oldProperties["" + key] = oldValue;
+        this.changedProperties["" + key] = newValue;
         this.finalUpdate();
@@ -200,3 +200,3 @@ this.finalUpdate = setImmediate(this.dataBind.bind(this));
                     var blazor = 'Blazor';
-                    if (window[blazor]) {
+                    if (window["" + blazor]) {
                         var promise = handler.call(this, eventProp);
@@ -292,3 +292,3 @@ if (promise && typeof promise.then === 'function') {
     for (i = 0; i < ele.ej2_instances.length; i++) {
-        instance = ele.ej2_instances[i];
+        instance = ele.ej2_instances[parseInt(i.toString(), 10)];
         if (typeof comp === 'string') {
@@ -321,5 +321,5 @@ var compName = instance.getModuleName();
     for (var i = 0; i < childEle.length; i++) {
-        var compName = childEle[i].classList[1].split('e-')[1];
+        var compName = childEle[parseInt(i.toString(), 10)].classList[1].split('e-')[1];
         // tslint:disable-next-line:no-any
-        var compInstance = getComponent(childEle[i], compName);
+        var compInstance = getComponent(childEle[parseInt(i.toString(), 10)], compName);
         if (!isUndefined(compInstance)) {
@@ -326,0 +326,0 @@ compInstance.destroy();

src/browser.js

@@ -38,3 +38,3 @@ import { isUndefined } from './util';
             var key = keys_1[_i];
-            clientInfo = Browser.userAgent.match(REGX_BROWSER[key]);
+            clientInfo = Browser.userAgent.match(REGX_BROWSER["" + key]);
             if (clientInfo) {
@@ -81,5 +81,5 @@ browserInfo.name = (clientInfo[1].toLowerCase() === 'opr' ? 'opera' : clientInfo[1].toLowerCase());
         };
-        return (Browser.isPointer ? events[event].isPointer :
-            (Browser.isTouch ? events[event].isTouch + (!Browser.isDevice ? ' ' + events[event].isDevice : '')
-                : events[event].isDevice));
+        return (Browser.isPointer ? events["" + event].isPointer :
+            (Browser.isTouch ? events["" + event].isTouch + (!Browser.isDevice ? ' ' + events["" + event].isDevice : '')
+                : events["" + event].isDevice));
     };
@@ -126,4 +126,4 @@ /**
     Browser.getValue = function (key, regX) {
-        var browserDetails = window.browserDetails;
-        if (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1 && Browser.isTouch === true) {
+        var browserDetails = typeof window !== 'undefined' ? window.browserDetails : {};
+        if (typeof navigator !== 'undefined' && navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1 && Browser.isTouch === true) {
             browserDetails['isIos'] = true;
@@ -134,6 +134,6 @@ browserDetails['isDevice'] = true;
         }
-        if ('undefined' === typeof browserDetails[key]) {
-            return browserDetails[key] = regX.test(Browser.userAgent);
+        if ('undefined' === typeof browserDetails["" + key]) {
+            return browserDetails["" + key] = regX.test(Browser.userAgent);
         }
-        return browserDetails[key];
+        return browserDetails["" + key];
     };
@@ -140,0 +140,0 @@ Object.defineProperty(Browser, "userAgent", {

src/child-property.js

@@ -33,6 +33,6 @@ import { getValue, setValue, merge, isBlazor } from './util';
         if (val === true) {
-            this.parentObj.childChangedProperties[propName] = val;
+            this.parentObj.childChangedProperties["" + propName] = val;
         }
         else {
-            delete this.parentObj.childChangedProperties[propName];
+            delete this.parentObj.childChangedProperties["" + propName];
         }
@@ -125,4 +125,4 @@ if (this.parentObj.updateChange) {
         }
-        this.oldProperties[key] = oldValue;
-        this.changedProperties[key] = newValue;
+        this.oldProperties["" + key] = oldValue;
+        this.changedProperties["" + key] = newValue;
         this.updateChange(true, this.propName);
@@ -143,10 +143,10 @@ this.finalUpdate();
                     var isFinal = i === complexKeys.length - 1;
-                    parent_1[complexKeys[i]] = isFinal ? value : {};
-                    parent_1 = isFinal ? parent_1 : parent_1[complexKeys[i]];
+                    parent_1[complexKeys[parseInt(i.toString(), 10)]] = isFinal ? value : {};
+                    parent_1 = isFinal ? parent_1 : parent_1[complexKeys[parseInt(i.toString(), 10)]];
                 }
             }
             else {
-                newChanges[parentKey] = {};
-                parent_1 = newChanges[parentKey];
-                newChanges[parentKey][key] = value;
+                newChanges["" + parentKey] = {};
+                parent_1 = newChanges["" + parentKey];
+                newChanges["" + parentKey]["" + key] = value;
             }
@@ -156,3 +156,3 @@ /* istanbul ignore next */
                 var actionProperty = 'ejsAction';
-                parent_1[actionProperty] = action ? action : 'none';
+                parent_1["" + actionProperty] = action ? action : 'none';
             }
@@ -159,0 +159,0 @@ this.controlParent.serverDataBind(newChanges);

src/component-model.d.ts

@@ -1,2 +0,2 @@
-import { isUndefined, getValue, isNullOrUndefined, setValue, uniqueID, isBlazor } from './util';import { ModuleLoader, ModuleDeclaration } from './module-loader';import { Base } from './base';import { Observer, BoundOptions } from './observer';import { ChildProperty } from './child-property';import { Property, NotifyPropertyChanges } from './notify-property-change';import { onIntlChange, rightToLeft, defaultCulture } from './internationalization';import { createElement, addClass, removeClass, ElementProperties, select } from './dom';import {validateLicense} from './validate-lic';
+import { isUndefined, getValue, isNullOrUndefined, setValue, uniqueID, isBlazor } from './util';import { ModuleLoader, ModuleDeclaration } from './module-loader';import { Base } from './base';import { Observer, BoundOptions } from './observer';import { ChildProperty } from './child-property';import { Property, NotifyPropertyChanges } from './notify-property-change';import { onIntlChange, rightToLeft, defaultCulture } from './internationalization';import { createElement, addClass, removeClass, ElementProperties, select } from './dom';import { validateLicense, createLicenseOverlay, componentList } from './validate-lic';
 
@@ -3,0 +3,0 @@ /**

src/component.d.ts

@@ -176,3 +176,3 @@ import { ModuleLoader, ModuleDeclaration } from './module-loader';
     private setPersistData;
-    protected renderReactTemplates(): void;
+    protected renderReactTemplates(callback?: any): void;
     protected clearTemplate(templateName?: string[], index?: any): void;
@@ -179,0 +179,0 @@ private getUniqueID;

src/component.js

@@ -28,6 +28,12 @@ var __extends = (this && this.__extends) || (function () {
 import { createElement, addClass, removeClass, select } from './dom';
-import { validateLicense } from './validate-lic';
+import { validateLicense, createLicenseOverlay, componentList } from './validate-lic';
 var componentCount = 0;
 var lastPageID;
 var lastHistoryLen = 0;
+// Decalre the static variable to count the instance
+var instancecount = 0;
+// Decalre the static variable to find if control limit exceed or not
+var isvalid = true;
+// We have added styles to inline type so here declare the static variable to detect if banner is added or not
+var isBannerAdded = false;
 export var versionBasedStatePersistence = false;
@@ -75,4 +81,10 @@ /**
         onIntlChange.on('notifyExternalChange', _this.detectFunction, _this, _this.randomId);
-        if (typeof window !== "undefined" && typeof document !== "undefined") {
-            validateLicense();
+        // Based on the considered control list we have count the instance
+        if (typeof window !== "undefined" && typeof document !== "undefined" && !validateLicense()) {
+            if (componentList.indexOf(_this.getModuleName()) !== -1) {
+                instancecount = instancecount + 1;
+                if (instancecount > 5) {
+                    isvalid = false;
+                }
+            }
         }
@@ -189,2 +201,7 @@ if (!isUndefined(selector)) {
             this.injectModules();
+            // Checked weather cases are valid or not. If control leads to more than five counts  
+            if (!isvalid && !isBannerAdded) {
+                createLicenseOverlay();
+                isBannerAdded = true;
+            }
             this.render();
@@ -299,4 +316,4 @@ if (!this.mount) {
         for (var i = 0; i < moduleList.length; i++) {
-            if (this.prototype.injectedModules.indexOf(moduleList[i]) === -1) {
-                this.prototype.injectedModules.push(moduleList[i]);
+            if (this.prototype.injectedModules.indexOf(moduleList[parseInt(i.toString(), 10)]) === -1) {
+                this.prototype.injectedModules.push(moduleList[parseInt(i.toString(), 10)]);
             }
@@ -368,5 +385,7 @@ }
     };
-    //tslint:disable-next-line
-    Component.prototype.renderReactTemplates = function () {
-        //No Code
+    // eslint-disable-next-line
+    Component.prototype.renderReactTemplates = function (callback) {
+        if (!isNullOrUndefined(callback)) {
+            callback();
+        }
     };
@@ -439,6 +458,6 @@ // eslint-disable-next-line
                     });
-                    newObj[key] = this_1.iterateJsonProperties(this_1.getActualProperties(value), newList);
+                    newObj["" + key] = this_1.iterateJsonProperties(this_1.getActualProperties(value), newList);
                 }
                 else {
-                    newObj[key] = value;
+                    newObj["" + key] = value;
                 }
@@ -445,0 +464,0 @@ }

src/dom.js

@@ -236,6 +236,6 @@ /**
             }
-            ele.attributes[iKey] = attributes[key];
+            ele.attributes["" + iKey] = attributes["" + key];
         }
         else {
-            ele.setAttribute(key, attributes[key]);
+            ele.setAttribute(key, attributes["" + key]);
         }
@@ -288,11 +288,11 @@ }
         for (var i = 0; i < idList.length; i++) {
-            var list = idList[i].split(' ');
+            var list = idList[parseInt(i.toString(), 10)].split(' ');
             for (var j = 0; j < list.length; j++) {
-                if (list[j].indexOf('#') > -1) {
-                    if (!list[j].match(/\[.*\]/)) {
-                        var splitId = list[j].split('#');
+                if (list[parseInt(j.toString(), 10)].indexOf('#') > -1) {
+                    if (!list[parseInt(j.toString(), 10)].match(/\[.*\]/)) {
+                        var splitId = list[parseInt(j.toString(), 10)].split('#');
                         if (splitId[1].match(/^\d/) || splitId[1].match(charRegex)) {
-                            var setId = list[j].split('.');
+                            var setId = list[parseInt(j.toString(), 10)].split('.');
                             setId[0] = setId[0].replace(/#/, '[id=\'') + '\']';
-                            list[j] = setId.join('.');
+                            list[parseInt(j.toString(), 10)] = setId.join('.');
                         }
@@ -302,3 +302,3 @@ }
             }
-            idList[i] = list.join(' ');
+            idList[parseInt(i.toString(), 10)] = list.join(' ');
         }
@@ -371,3 +371,3 @@ return idList.join(',');
         else {
-            element.attributes[property] = value;
+            element.attributes["" + property] = value;
         }
@@ -374,0 +374,0 @@ attrVal = value;

src/draggable-model.d.ts

@@ -32,3 +32,4 @@ import { Base } from './base';import { Browser } from './browser';import { isVisible } from './dom';import { Property, Complex, NotifyPropertyChanges, INotifyPropertyChanged, Event } from './notify-property-change';import { EventHandler } from './event-handler';import { ChildProperty } from './child-property';import { select, closest, setStyleAttribute, addClass, createElement } from './dom';import { extend, isUndefined, isNullOrUndefined, compareElementParent, isBlazor } from './util';
     /**
-     * If `clone` set to true, drag operations are performed in duplicate element of the draggable element. 
+     * If `clone` set to true, drag operations are performed in duplicate element of the draggable element.
+     *
      * @default true
@@ -50,2 +51,3 @@ */
      * Defines wheather need to replace drag element by currentstateTarget.
+     *
      * @private
@@ -57,2 +59,3 @@ */
      * Defines wheather need to add prevent select class to body or not.
+     *
      * @private
@@ -64,4 +67,4 @@ */
      * Specifies the callback function for drag event.
-
-     * @event
+     *
+     * @event drag
      */
@@ -72,3 +75,4 @@ drag?: Function;
      * Specifies the callback function for dragStart event.
-     * @event
+     *
+     * @event dragStart
      */
@@ -79,3 +83,4 @@ dragStart?: Function;
      * Specifies the callback function for dragStop event.
-     * @event
+     *
+     * @event dragStop
      */
@@ -86,2 +91,3 @@ dragStop?: Function;
      * Defines the minimum distance draggable element to be moved to trigger the drag operation.
+     *
      * @default 1
@@ -107,3 +113,3 @@ */
     /**
-     * Defines the scope value to group sets of draggable and droppable items. 
+     * Defines the scope value to group sets of draggable and droppable items.
      * A draggable with the same scope value will be accepted by the droppable.
@@ -115,2 +121,3 @@ */
      * Specifies the dragTarget by which the clone element is positioned if not given current context element will be considered.
+     *
      * @private
@@ -121,4 +128,4 @@ */
     /**
-     * Defines the axis to limit the draggable element drag path.The possible axis path values are   
-     * * `x` - Allows drag movement in horizontal direction only. 
+     * Defines the axis to limit the draggable element drag path.The possible axis path values are
+     * * `x` - Allows drag movement in horizontal direction only.
      * * `y` - Allows drag movement in vertical direction only.
@@ -130,2 +137,3 @@ */
      * Defines the function to change the position value.
+     *
      * @private
@@ -137,2 +145,3 @@ */
      * Defines whether the drag clone element will be split form the cursor pointer.
+     *
      * @private
@@ -144,2 +153,3 @@ */
      * Defines whether to skip the previous drag movement comparison.
+     *
      * @private
@@ -157,2 +167,3 @@ */
      * enableAutoScroll
+     *
      * @private
@@ -165,2 +176,3 @@ */
      * enableAutoScroll
+     *
      * @private
@@ -172,2 +184,3 @@ */
      * Specifies the time delay for tap hold.
+     *
      * @default 750
@@ -174,0 +187,0 @@ *  @private

src/draggable.d.ts

@@ -28,2 +28,3 @@ import { Base } from './base';
  * Coordinates for element position
+ *
  * @private
@@ -72,2 +73,3 @@ */
  * Used to access values
+ *
  * @private
@@ -81,2 +83,3 @@ */
  * Used for accessing the interface.
+ *
  * @private
@@ -94,2 +97,3 @@ */
  * Droppable function to be invoked from draggable
+ *
  * @private
@@ -135,5 +139,10 @@ */
     target?: HTMLElement;
+    /**
+     * 'true' if the drag or drop action is to be prevented; otherwise false.
+     */
+    cancel?: boolean;
 }
 /**
  * Used for accessing the BlazorEventArgs.
+ *
  * @private
@@ -174,2 +183,3 @@ */
      * If `clone` set to true, drag operations are performed in duplicate element of the draggable element.
+     *
      * @default true
@@ -188,2 +198,3 @@ */
      * Defines wheather need to replace drag element by currentstateTarget.
+     *
      * @private
@@ -194,2 +205,3 @@ */
      * Defines wheather need to add prevent select class to body or not.
+     *
      * @private
@@ -200,4 +212,4 @@ */
      * Specifies the callback function for drag event.
-
-     * @event
+     *
+     * @event drag
      */
@@ -207,3 +219,4 @@ drag: Function;
      * Specifies the callback function for dragStart event.
-     * @event
+     *
+     * @event dragStart
      */
@@ -213,3 +226,4 @@ dragStart: Function;
      * Specifies the callback function for dragStop event.
-     * @event
+     *
+     * @event dragStop
      */
@@ -219,2 +233,3 @@ dragStop: Function;
      * Defines the minimum distance draggable element to be moved to trigger the drag operation.
+     *
      * @default 1
@@ -242,2 +257,3 @@ */
      * Specifies the dragTarget by which the clone element is positioned if not given current context element will be considered.
+     *
      * @private
@@ -254,2 +270,3 @@ */
      * Defines the function to change the position value.
+     *
      * @private
@@ -260,2 +277,3 @@ */
      * Defines whether the drag clone element will be split form the cursor pointer.
+     *
      * @private
@@ -266,2 +284,3 @@ */
      * Defines whether to skip the previous drag movement comparison.
+     *
      * @private
@@ -277,2 +296,3 @@ */
      * enableAutoScroll
+     *
      * @private
@@ -284,2 +304,3 @@ */
      * enableAutoScroll
+     *
      * @private
@@ -290,2 +311,3 @@ */
      * Specifies the time delay for tap hold.
+     *
      * @default 750
@@ -296,4 +318,4 @@ *  @private
     /**
-    * @private
-    */
+     * @private
+     */
     enableScrollHandler: boolean;
@@ -354,2 +376,5 @@ private target;
     private intDrag;
+    private getScrollParent;
+    private getScrollPosition;
+    private getPathElements;
     private triggerOutFunction;
@@ -356,0 +381,0 @@ private getDragPosition;

src/draggable.js

@@ -77,4 +77,4 @@ var __extends = (this && this.__extends) || (function () {
         _this.dragProcessStarted = false;
-        /* tslint:disable no-any */
         _this.eleTop = 0;
+        /* eslint-disable @typescript-eslint/no-explicit-any */
         _this.tapHoldTimer = 0;
@@ -138,3 +138,3 @@ _this.externalInitialize = false;
         }
-        if (element[scroll[axis]] > element[client[axis]]) {
+        if (element[scroll["" + axis]] > element[client["" + axis]]) {
             if (axis === 'vertical' ? element.scrollTop > 0 : element.scrollLeft > 0) {
@@ -191,3 +191,3 @@ if (axis === 'vertical') {
             for (var i = 0; i < abortSelectors.length; i++) {
-                if (!isNullOrUndefined(closest(evt.target, abortSelectors[i]))) {
+                if (!isNullOrUndefined(closest(evt.target, abortSelectors[parseInt(i.toString(), 10)]))) {
                     /* istanbul ignore next */
@@ -239,5 +239,2 @@ if (this.isDragStarted()) {
         }
-        if (isChangeTouch) {
-            evt.preventDefault();
-        }
         var intCordinate = this.getCoordinates(evt);
@@ -250,3 +247,3 @@ var pos;
             right: parseInt(styleProp.marginRight, 10),
-            bottom: parseInt(styleProp.marginBottom, 10),
+            bottom: parseInt(styleProp.marginBottom, 10)
         };
@@ -274,2 +271,5 @@ var element = this.element;
             }
+            if (isChangeTouch) {
+                evt.preventDefault();
+            }
             var dragTargetElement = this.helperElement = ele;
@@ -321,2 +321,5 @@ this.parentClientRect = this.calculateParentPosition(dragTargetElement.offsetParent);
             });
+            if (this.dragArea && typeof this.dragArea !== 'string' && this.dragArea.classList.contains('e-kanban-content') && this.dragArea.style.position === 'relative') {
+                pos.top += this.dragArea.scrollTop;
+            }
             this.dragElePosition = { top: pos.top, left: pos.left };
@@ -472,10 +475,23 @@ setStyleAttribute(dragTargetElement, this.getDragPosition({ position: 'absolute', left: posValue.left, top: posValue.top }));
         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);
+        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 - iTop;
-            draEleLeft = left - iLeft;
+            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;
+            }
         }
@@ -513,2 +529,7 @@ var marginTop = parseFloat(getComputedStyle(this.element).marginTop);
         }
+        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;
+        }
         /* istanbul ignore next */
@@ -522,7 +543,29 @@ // if(this.eleTop > 0) {
         }
+        if (this.dragArea && typeof this.dragArea !== 'string' && this.dragArea.classList.contains('e-kanban-content') && this.dragArea.style.position === 'relative') {
+            draEleTop += this.dragArea.scrollTop;
+        }
         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;
@@ -536,2 +579,44 @@ this.prevLeft = left;
     };
+    /* 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[parseInt(i.toString(), 10)])['overflow-y'];
+            if ((hasScroll === 'auto' || hasScroll === 'scroll')
+                && nodeEl[parseInt(i.toString(), 10)].scrollHeight > nodeEl[parseInt(i.toString(), 10)].clientHeight) {
+                return nodeEl[parseInt(i.toString(), 10)];
+            }
+        }
+        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 + document.scrollingElement.scrollTop - this.helperElement.clientHeight) < draEleTop
+                && nodeEle.getBoundingClientRect().height + this.parentClientRect.top > draEleTop) {
+                nodeEle.scrollTop += this.helperElement.clientHeight;
+            }
+            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 + document.scrollingElement.scrollTop) < draEleTop) {
+                nodeEle.scrollTop += this.helperElement.clientHeight;
+            }
+            else if (nodeEle.getBoundingClientRect().top > (draEleTop - this.helperElement.clientHeight - document.scrollingElement.scrollTop)) {
+                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) {
@@ -630,14 +715,19 @@ this.hoverObject.instance.intOut(evt, eleObj.target);
             eleWidthBound = ele.scrollWidth ? ele.scrollWidth : elementArea.right - elementArea.left;
-            eleHeightBound = ele.scrollHeight ? 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++) {
-                var key = keys[i];
+                var key = keys[parseInt(i.toString(), 10)];
                 var tborder = styles['border' + key + 'Width'];
                 var tpadding = styles['padding' + key];
                 var lowerKey = key.toLowerCase();
-                this.borderWidth[lowerKey] = isNaN(parseFloat(tborder)) ? 0 : parseFloat(tborder);
-                this.padding[lowerKey] = isNaN(parseFloat(tpadding)) ? 0 : parseFloat(tpadding);
+                this.borderWidth["" + lowerKey] = isNaN(parseFloat(tborder)) ? 0 : parseFloat(tborder);
+                this.padding["" + lowerKey] = isNaN(parseFloat(tpadding)) ? 0 : parseFloat(tpadding);
             }
-            top = elementArea.top;
+            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;
@@ -654,3 +744,4 @@ this.dragLimit.left = left + this.borderWidth.left + this.padding.left;
         var prevStyle = this.helperElement.style.pointerEvents || '';
-        if (compareElementParent(evt.target, this.helperElement) || evt.type.indexOf('touch') !== -1) {
+        var isPointer = evt.type.indexOf('pointer') !== -1 && Browser.info.name === 'safari' && parseInt(Browser.info.version) > 12;
+        if (compareElementParent(evt.target, this.helperElement) || evt.type.indexOf('touch') !== -1 || isPointer) {
             this.helperElement.style.pointerEvents = 'none';
@@ -694,2 +785,8 @@ ele = document.elementFromPoint(intCoord.clientX, intCoord.clientY);
         }
+        if (this.element && this.element.classList.length > 0 && this.element.classList.value.indexOf("e-dialog") === -1 && document.scrollingElement) {
+            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;
+        }
         return {
@@ -747,3 +844,3 @@ left: pageX - (this.margin.left + this.cursorAt.left),
                 var inst = eleInst_1[_i];
-                if (inst[name]() === 'droppable') {
+                if (inst["" + name]() === 'droppable') {
                     drop = inst;
@@ -750,0 +847,0 @@ break;

src/event-handler.js

@@ -60,3 +60,3 @@ import { debounce, extend } from './util';
             eventData.push({
-                name: event[i],
+                name: event[parseInt(i.toString(), 10)],
                 listener: listener,
@@ -66,6 +66,6 @@ debounce: debounceListener
             if (Browser.isIE) {
-                element.addEventListener(event[i], debounceListener);
+                element.addEventListener(event[parseInt(i.toString(), 10)], debounceListener);
             }
             else {
-                element.addEventListener(event[i], debounceListener, { passive: false });
+                element.addEventListener(event[parseInt(i.toString(), 10)], debounceListener, { passive: false });
             }
@@ -91,3 +91,3 @@ }
                 eventData.some(function (x, i) {
-                    return x.name === event[j] && x.listener === listener ?
+                    return x.name === event[parseInt(j.toString(), 10)] && x.listener === listener ?
                         (index = i, debounceListener = x.debounce, true) : false;
@@ -100,3 +100,3 @@ });
             if (debounceListener) {
-                element.removeEventListener(event[j], debounceListener);
+                element.removeEventListener(event[parseInt(j.toString(), 10)], debounceListener);
             }
@@ -122,3 +122,3 @@ };
         for (var i = 0; i < copyData.length; i++) {
-            element.removeEventListener(copyData[i].name, copyData[i].debounce);
+            element.removeEventListener(copyData[parseInt(i.toString(), 10)].name, copyData[parseInt(i.toString(), 10)].debounce);
             eventData.shift();
@@ -125,0 +125,0 @@ }

src/hijri-parser.js

@@ -154,3 +154,3 @@ /***
         for (; i < dateCorrection.length; i++) {
-            if (dateCorrection[i] > modifiedJulianDate) {
+            if (dateCorrection[parseInt(i.toString(), 10)] > modifiedJulianDate) {
                 break;
@@ -157,0 +157,0 @@ }

src/intl/date-parser.js

@@ -62,3 +62,3 @@ import { IntlBase as base } from './intl-base';
             for (var i = 0; i < length_1; i++) {
-                var str = patternMatch[i];
+                var str = patternMatch[parseInt(i.toString(), 10)];
                 var len = str.length;
@@ -193,3 +193,3 @@ var char = (str[0] === 'K') ? 'h' : str[0];
                 if (canUpdate) {
-                    parseOptions.evalposition[charKey] = { isNumber: isNumber, pos: i + 1 + gmtCorrection, hourOnly: hourOnly };
+                    parseOptions.evalposition["" + charKey] = { isNumber: isNumber, pos: i + 1 + gmtCorrection, hourOnly: hourOnly };
                 }
@@ -318,3 +318,3 @@ if (i === length_1 - 1 && !isNullOrUndefined(regexString)) {
                 var prop = props_1[_i];
-                var curObject = parseOptions.evalposition[prop];
+                var curObject = parseOptions.evalposition["" + prop];
                 var matchString = matches[curObject.pos];
@@ -339,3 +339,3 @@ if (curObject.isNumber) {
                         if (!isNullOrUndefined(val)) {
-                            retOptions[prop] = val;
+                            retOptions["" + prop] = val;
                         }
@@ -342,0 +342,0 @@ }

src/intl/intl-base.js

@@ -942,3 +942,3 @@ import { defaultCurrencyCode } from '../internationalization';
         for (var i = 0; i < 2; i++) {
-            var part = parts[i];
+            var part = parts[parseInt(i.toString(), 10)];
             var loc = part.indexOf(actual);
@@ -1162,3 +1162,3 @@ if ((loc !== -1) && ((loc < part.indexOf('\'')) || (loc > part.lastIndexOf('\'')))) {
         for (var x = integer.length - 1; x > 0; x = x - 3) {
-            pattern = ',' + integer[x - 2] + integer[x - 1] + integer[x] + pattern;
+            pattern = ',' + integer[x - 2] + integer[x - 1] + integer[parseInt(x.toString(), 10)] + pattern;
         }
@@ -1184,5 +1184,5 @@ pattern = pattern.slice(1);
         if (mapper) {
-            firstDay = mapper[iCulture] || mapper[iCulture.slice(0, 2)] || defaultFirstDay;
+            firstDay = mapper["" + iCulture] || mapper[iCulture.slice(0, 2)] || defaultFirstDay;
         }
-        return firstDayMapper[firstDay];
+        return firstDayMapper["" + firstDay];
     }
@@ -1189,0 +1189,0 @@ IntlBase.getWeekData = getWeekData;

src/intl/number-formatter.js

@@ -9,3 +9,3 @@ import { isUndefined, throwError, isNullOrUndefined, extend, isBlazor, getValue } from '../util';
     'mf': 'minimumFractionDigits',
-    'lf': 'maximumFractionDigits',
+    'lf': 'maximumFractionDigits'
 };
@@ -48,5 +48,5 @@ var integerError = 'minimumIntegerDigits';
         dOptions.percentSymbol = isBlazor() ? getValue('numberSymbols.percentSign', numObject) :
-            dOptions.numberMapper.numberSymbols[percentSign];
+            dOptions.numberMapper.numberSymbols["" + percentSign];
         dOptions.minusSymbol = isBlazor() ? getValue('numberSymbols.minusSign', numObject) :
-            dOptions.numberMapper.numberSymbols[minusSign];
+            dOptions.numberMapper.numberSymbols["" + minusSign];
         var symbols = dOptions.numberMapper.numberSymbols;
@@ -53,0 +53,0 @@ if ((option.format) && !(base.formatRegex.test(option.format))) {

src/intl/parser-base.js

@@ -108,6 +108,6 @@ /**
             if (i !== len - 1) {
-                ret += val[i] + '|';
+                ret += val[parseInt(i.toString(), 10)] + '|';
             }
             else {
-                ret += val[i];
+                ret += val[parseInt(i.toString(), 10)];
             }
@@ -114,0 +114,0 @@ }

src/keyboard.js

@@ -107,3 +107,3 @@ var __extends = (this && this.__extends) || (function () {
                 var key = keys_1[_i];
-                var configCollection = _this.keyConfigs[key].split(',');
+                var configCollection = _this.keyConfigs["" + key].split(',');
                 for (var _a = 0, configCollection_1 = configCollection; _a < configCollection_1.length; _a++) {
@@ -185,3 +185,3 @@ var rconfig = configCollection_1[_a];
         if (config in this.configCache) {
-            return this.configCache[config];
+            return this.configCache["" + config];
         }
@@ -201,3 +201,3 @@ var keys = config.toLowerCase().split('+');
         }
-        KeyboardEvents_1.configCache[config] = keyData;
+        KeyboardEvents_1.configCache["" + config] = keyData;
         return keyData;
@@ -207,3 +207,3 @@ };
     KeyboardEvents.getKeyCode = function (keyVal) {
-        return keyCode[keyVal] || keyVal.toUpperCase().charCodeAt(0);
+        return keyCode["" + keyVal] || keyVal.toUpperCase().charCodeAt(0);
     };
@@ -210,0 +210,0 @@ var KeyboardEvents_1;

src/l10n.js

@@ -66,7 +66,7 @@ import { extend, isNullOrUndefined } from './util';
         // Removed conditional operator because this method does not return correct value when passing 0 as value in localization
-        if (!isNullOrUndefined(this.currentLocale[prop])) {
-            return this.currentLocale[prop];
+        if (!isNullOrUndefined(this.currentLocale["" + prop])) {
+            return this.currentLocale["" + prop];
         }
         else {
-            return this.localeStrings[prop] || '';
+            return this.localeStrings["" + prop] || '';
         }
@@ -82,4 +82,4 @@ };
     L10n.prototype.intGetControlConstant = function (curObject, locale) {
-        if ((curObject)[locale]) {
-            return (curObject)[locale][this.controlName];
+        if ((curObject)["" + locale]) {
+            return (curObject)["" + locale][this.controlName];
         }
@@ -86,0 +86,0 @@ return null;

src/module-loader.js

@@ -28,7 +28,7 @@ /**
         for (var i = 0; i < reqLength; i++) {
-            var modl = requiredModules[i];
+            var modl = requiredModules[parseInt(i.toString(), 10)];
             for (var _i = 0, moduleList_1 = moduleList; _i < moduleList_1.length; _i++) {
                 var module = moduleList_1[_i];
                 var modName = modl.member;
-                if (module.prototype.getModuleName() === modl.member && !this.isModuleLoaded(modName)) {
+                if (module && module.prototype.getModuleName() === modl.member && !this.isModuleLoaded(modName)) {
                     var moduleObject = createInstance(module, modl.args);
@@ -35,0 +35,0 @@ var memberName = this.getMemberName(modName);

src/notify-property-change.js

@@ -15,5 +15,5 @@ import { createInstance, isUndefined, merge, extend, getValue } from './util';
     if (!instance.properties.hasOwnProperty(curKey) || !(instance.properties[curKey] instanceof type)) {
-        instance.properties[curKey] = createInstance(type, [instance, curKey, defaultValue]);
+        instance.properties["" + curKey] = createInstance(type, [instance, curKey, defaultValue]);
     }
-    return instance.properties[curKey];
+    return instance.properties["" + curKey];
 }
@@ -38,11 +38,11 @@ /**
         if (isFactory) {
-            curType = type(defaultValue[i], instance);
+            curType = type(defaultValue[parseInt(i.toString(), 10)], instance);
         }
         if (isSetter) {
             var inst = createInstance(curType, [instance, curKey, {}, true]);
-            inst.setProperties(defaultValue[i], true);
+            inst.setProperties(defaultValue[parseInt(i.toString(), 10)], true);
             result.push(inst);
         }
         else {
-            result.push(createInstance(curType, [instance, curKey, defaultValue[i], false]));
+            result.push(createInstance(curType, [instance, curKey, defaultValue[parseInt(i.toString(), 10)], false]));
         }
@@ -63,5 +63,5 @@ }
         if (!this.properties.hasOwnProperty(curKey)) {
-            this.properties[curKey] = defaultValue;
+            this.properties["" + curKey] = defaultValue;
         }
-        return this.properties[curKey];
+        return this.properties["" + curKey];
     };
@@ -78,7 +78,7 @@ }
     return function (newValue) {
-        if (this.properties[curKey] !== newValue) {
+        if (this.properties["" + curKey] !== newValue) {
             // eslint-disable-next-line
             var oldVal = this.properties.hasOwnProperty(curKey) ? this.properties[curKey] : defaultValue;
             this.saveChanges(curKey, newValue, oldVal);
-            this.properties[curKey] = newValue;
+            this.properties["" + curKey] = newValue;
         }
@@ -127,3 +127,3 @@ };
         if (this.properties.hasOwnProperty(curKey)) {
-            return this.properties[curKey];
+            return this.properties["" + curKey];
         }
@@ -161,3 +161,3 @@ else {
             var defCollection = getObjectArray(this, curKey, defaultValue, type, false);
-            this.properties[curKey] = defCollection;
+            this.properties["" + curKey] = defCollection;
         }
@@ -170,6 +170,6 @@ var ignore = ((this.controlParent !== undefined && this.controlParent.ignoreCollectionWatch)
                 var descriptor = {
-                    value: complexArrayDefinedCallback(extendFunc, curKey, type, _this.properties[curKey]).bind(_this),
+                    value: complexArrayDefinedCallback(extendFunc, curKey, type, _this.properties["" + curKey]).bind(_this),
                     configurable: true
                 };
-                Object.defineProperty(_this.properties[curKey], extendFunc, descriptor);
+                Object.defineProperty(_this.properties["" + curKey], extendFunc, descriptor);
             });
@@ -179,5 +179,5 @@ }
         if (!this.properties[curKey].hasOwnProperty('isComplexArray')) {
-            Object.defineProperty(this.properties[curKey], 'isComplexArray', { value: true });
+            Object.defineProperty(this.properties["" + curKey], 'isComplexArray', { value: true });
         }
-        return this.properties[curKey];
+        return this.properties["" + curKey];
     };
@@ -199,3 +199,3 @@ }
         this.saveChanges(curKey, newValCollection, oldValueCollection);
-        this.properties[curKey] = newValCollection;
+        this.properties["" + curKey] = newValCollection;
     };
@@ -216,3 +216,3 @@ }
         this.saveChanges(curKey, newValCollection, oldValueCollection);
-        this.properties[curKey] = newValCollection;
+        this.properties["" + curKey] = newValCollection;
     };
@@ -233,5 +233,5 @@ }
             var defCollection = getObjectArray(this, curKey, defaultValue, curType, false);
-            this.properties[curKey] = defCollection;
+            this.properties["" + curKey] = defCollection;
         }
-        return this.properties[curKey];
+        return this.properties["" + curKey];
     };
@@ -258,9 +258,9 @@ }
                 for (var i = 0; i < newValue.length; i++) {
-                    Array.prototype[dFunc].apply(prop, [newValue[i]]);
-                    var model_1 = getArrayModel(keyString + (prop.length - 1), newValue[i], !this.controlParent, dFunc);
-                    this.serverDataBind(model_1, newValue[i], false, dFunc);
+                    Array.prototype["" + dFunc].apply(prop, [newValue[parseInt(i.toString(), 10)]]);
+                    var model_1 = getArrayModel(keyString + (prop.length - 1), newValue[parseInt(i.toString(), 10)], !this.controlParent, dFunc);
+                    this.serverDataBind(model_1, newValue[parseInt(i.toString(), 10)], false, dFunc);
                 }
                 break;
             case 'pop':
-                Array.prototype[dFunc].apply(prop);
+                Array.prototype["" + dFunc].apply(prop);
                 // eslint-disable-next-line
@@ -286,6 +286,6 @@ var model = getArrayModel(keyString + prop.length, null, !this.controlParent, dFunc);
         modelObject = {};
-        modelObject[keyString] = value;
+        modelObject["" + keyString] = value;
         if (value && typeof value === 'object') {
             var action = 'ejsAction';
-            modelObject[keyString][action] = arrayFunction;
+            modelObject["" + keyString]["" + action] = arrayFunction;
         }
@@ -431,3 +431,3 @@ }
             set: function (newValue) {
-                var oldValue = this.properties[key];
+                var oldValue = this.properties["" + key];
                 if (oldValue !== newValue) {
@@ -439,3 +439,3 @@ var finalContext = getParentContext(this, key);
                     finalContext.context.addEventListener(finalContext.prefix, newValue);
-                    this.properties[key] = newValue;
+                    this.properties["" + key] = newValue;
                 }
@@ -556,3 +556,3 @@ },
             };
-            for (var _b = 0, _c = component.prototype.propList[key]; _b < _c.length; _b++) {
+            for (var _b = 0, _c = component.prototype.propList["" + key]; _b < _c.length; _b++) {
                 var prop = _c[_b];
@@ -559,0 +559,0 @@ _loop_1(prop);

src/observer.js

@@ -26,3 +26,3 @@ import { isNullOrUndefined, getValue, extend, isBlazor } from './util';
         if (this.notExist(property)) {
-            this.boundedEvents[property] = [{ handler: handler, context: cntxt }];
+            this.boundedEvents["" + property] = [{ handler: handler, context: cntxt }];
             return;
@@ -33,7 +33,7 @@ }
                 this.ranArray.push(id);
-                this.boundedEvents[property].push({ handler: handler, context: cntxt, id: id });
+                this.boundedEvents["" + property].push({ handler: handler, context: cntxt, id: id });
             }
         }
-        else if (!this.isHandlerPresent(this.boundedEvents[property], handler)) {
-            this.boundedEvents[property].push({ handler: handler, context: cntxt });
+        else if (!this.isHandlerPresent(this.boundedEvents["" + property], handler)) {
+            this.boundedEvents["" + property].push({ handler: handler, context: cntxt });
         }
@@ -57,3 +57,3 @@ };
                 if (id) {
-                    if (curObject[i].id === id) {
+                    if (curObject[parseInt(i.toString(), 10)].id === id) {
                         curObject.splice(i, 1);
@@ -67,3 +67,3 @@ var indexLocation = this.ranArray.indexOf(id);
                 }
-                else if (handler === curObject[i].handler) {
+                else if (handler === curObject[parseInt(i.toString(), 10)].handler) {
                     curObject.splice(i, 1);
@@ -75,3 +75,3 @@ break;
         else {
-            delete this.boundedEvents[property];
+            delete this.boundedEvents["" + property];
         }
@@ -100,3 +100,3 @@ };
         var curObject = getValue(property, this.boundedEvents).slice(0);
-        if (window[blazor]) {
+        if (window["" + blazor]) {
             return this.blazorCallback(curObject, argument, successHandler, errorHandler, 0);
@@ -118,3 +118,3 @@ }
         if (index < objs.length) {
-            var obj_1 = objs[index];
+            var obj_1 = objs[parseInt(index.toString(), 10)];
             var promise = obj_1.handler.call(obj_1.context, argument);
@@ -121,0 +121,0 @@ if (promise && typeof promise.then === 'function') {

src/sanitize-helper.js

@@ -145,5 +145,5 @@ /**
         for (var j = 0; j < nodes.length; j++) {
-            var attribute = nodes[j].attributes;
+            var attribute = nodes[parseInt(j.toString(), 10)].attributes;
             for (var i = 0; i < attribute.length; i++) {
-                this.wrapElement.children[j].removeAttribute(attribute[i].localName);
+                this.wrapElement.children[parseInt(j.toString(), 10)].removeAttribute(attribute[parseInt(i.toString(), 10)].localName);
             }
@@ -150,0 +150,0 @@ }

src/template-engine.js

@@ -36,14 +36,14 @@ /**
             var blazorId = templateId + randomId;
-            if (!blazorTemplates[templateId]) {
-                blazorTemplates[templateId] = [];
+            if (!blazorTemplates["" + templateId]) {
+                blazorTemplates["" + templateId] = [];
             }
             if (!isNullOrUndefined(index)) {
-                var keys = Object.keys(blazorTemplates[templateId][index]);
+                var keys = Object.keys(blazorTemplates["" + templateId][parseInt(index.toString(), 10)]);
                 for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {
                     var key = keys_1[_i];
-                    if (key !== blazorTemplateId && data[key]) {
-                        blazorTemplates[templateId][index][key] = data[key];
+                    if (key !== blazorTemplateId && data["" + key]) {
+                        blazorTemplates["" + templateId][parseInt(index.toString(), 10)]["" + key] = data["" + key];
                     }
                     if (key === blazorTemplateId) {
-                        blazorId = blazorTemplates[templateId][index][key];
+                        blazorId = blazorTemplates["" + templateId][parseInt(index.toString(), 10)]["" + key];
                     }
@@ -53,4 +53,4 @@ }
             else {
-                data[blazorTemplateId] = blazorId;
-                blazorTemplates[templateId].push(data);
+                data["" + blazorTemplateId] = blazorId;
+                blazorTemplates["" + templateId].push(data);
             }
@@ -89,5 +89,5 @@ // eslint-disable-next-line
         var ejsIntrop = 'sfBlazor';
-        window[ejsIntrop].updateTemplate(templateName, blazorTemplates[templateId], templateId, comp, callBack);
+        window["" + ejsIntrop].updateTemplate(templateName, blazorTemplates["" + templateId], templateId, comp, callBack);
         if (isEmpty !== false) {
-            blazorTemplates[templateId] = [];
+            blazorTemplates["" + templateId] = [];
         }
@@ -111,6 +111,6 @@ }
             if (!isNullOrUndefined(index)) {
-                tempId = innerTemplates[index].getAttribute('data-templateId');
+                tempId = innerTemplates[parseInt(index.toString(), 10)].getAttribute('data-templateId');
             }
             else {
-                tempId = innerTemplates[i].getAttribute('data-templateId');
+                tempId = innerTemplates[parseInt(i.toString(), 10)].getAttribute('data-templateId');
             }
@@ -122,7 +122,7 @@ var tempElement = document.getElementById(tempId);
                     if (!isNullOrUndefined(index)) {
-                        innerTemplates[index].appendChild(tempElement.childNodes[0]);
+                        innerTemplates[parseInt(index.toString(), 10)].appendChild(tempElement.childNodes[0]);
                         i = innerTemplates.length;
                     }
                     else {
-                        innerTemplates[i].appendChild(tempElement.childNodes[0]);
+                        innerTemplates[parseInt(i.toString(), 10)].appendChild(tempElement.childNodes[0]);
                     }
@@ -129,0 +129,0 @@ }

src/template.js

@@ -64,4 +64,5 @@ /**
     var evalExpResult = evalExp(template, argName, helper, ignorePrefix);
+    // eslint-disable-next-line
     var condtion = "var valueRegEx = (/value=\\'([A-Za-z0-9 _]*)((.)([\\w)(!-;?-\u25A0\\s]+)['])/g);\n    var hrefRegex = (/(?:href)([\\s='\"./]+)([\\w-./?=&\\\\#\"]+)((.)([\\w)(!-;/?-\u25A0\\s]+)['])/g);\n    if(str.match(valueRegEx)){\n        var check = str.match(valueRegEx);\n        var str1 = str;\n        for (var i=0; i < check.length; i++) {\n            var check1 = str.match(valueRegEx)[i].split('value=')[1];\n            var change = check1.match(/^'/) !== null ? check1.replace(/^'/, '\"') : check1;\n            change =change.match(/.$/)[0] === '\\'' ? change.replace(/.$/,'\"') : change;\n            str1 = str1.replace(check1, change);\n        }\n        str = str.replace(str, str1);\n    }\n    else if (str.match(/(?:href='')/) === null) {\n        if(str.match(hrefRegex)) {\n            var check = str.match(hrefRegex);\n            var str1 = str;\n            for (var i=0; i < check.length; i++) {\n                var check1 = str.match(hrefRegex)[i].split('href=')[1];\n                if (check1) {\n                    var change = check1.match(/^'/) !== null ? check1.replace(/^'/, '\"') : check1;\n                    change =change.match(/.$/)[0] === '\\'' ? change.replace(/.$/,'\"') : change;\n                    str1 = str1.replace(check1, change);\n                }\n            }\n            str = str.replace(str, str1);\n        }\n    }\n    ";
-    var fnCode = "var str=\"" + evalExpResult + "\";" + condtion + " return str;";
+    var fnCode = 'var str=\"' + evalExpResult + '\";' + condtion + ' return str;';
     var fn = new Function(argName, fnCode);
@@ -179,3 +180,3 @@ return fn.bind(helper);
                 // evaluate normal expression
-                cnt = '"+' + addNameSpace(cnt.replace(/,/gi, '+' + nameSpace + '.'), (localKeys.indexOf(cnt) === -1), nameSpace, localKeys, ignorePrefix) + '+"';
+                cnt = cnt !== '' ? '"+' + addNameSpace(cnt.replace(/,/gi, '+' + nameSpace + '.'), (localKeys.indexOf(cnt) === -1), nameSpace, localKeys, ignorePrefix) + '+"' : ' ';
             }
@@ -182,0 +183,0 @@ }

src/touch.js

@@ -160,2 +160,6 @@ var __extends = (this && this.__extends) || (function () {
             _this.isTouchMoved = diffX > 1 || diffY > 1;
+            var isFirefox = (/Firefox/).test(Browser.userAgent);
+            if (isFirefox && point.clientX === 0 && point.clientY === 0 && evt.type === 'mouseup') {
+                _this.isTouchMoved = false;
+            }
             _this.endPoint = point;
@@ -162,0 +166,0 @@ _this.calcPoints(evt);

src/util.js

@@ -69,3 +69,3 @@ var instances = 'ej2_instances';
     for (var i = 0; i < splits.length && !isUndefined(value); i++) {
-        value = value[splits[i]];
+        value = value[splits[parseInt(i.toString(), 10)]];
     }
@@ -94,10 +94,10 @@ return value;
     for (i = 0; i < length; i++) {
-        key = keys[i];
+        key = keys[parseInt(i.toString(), 10)];
         if (i + 1 === length) {
-            fromObj[key] = value === undefined ? {} : value;
+            fromObj["" + key] = value === undefined ? {} : value;
         }
-        else if (isNullOrUndefined(fromObj[key])) {
-            fromObj[key] = {};
+        else if (isNullOrUndefined(fromObj["" + key])) {
+            fromObj["" + key] = {};
         }
-        fromObj = fromObj[key];
+        fromObj = fromObj["" + key];
     }
@@ -116,3 +116,3 @@ return start;
 export function deleteObject(obj, key) {
-    delete obj[key];
+    delete obj["" + key];
 }
@@ -122,3 +122,4 @@ /**
  */
-export var containerObject = typeof window !== "undefined" ? window : {};
+// eslint-disable-next-line
+export var containerObject = typeof window !== 'undefined' ? window : {};
 /**
@@ -165,8 +166,8 @@ * Check weather the given argument is only object.
             var key = keys_1[_i];
-            if (!isNullOrUndefined(temrObj[deepmerge]) && (temrObj[deepmerge].indexOf(key) !== -1) &&
-                (isObject(tempProp[key]) || Array.isArray(tempProp[key]))) {
-                extend(temrObj[key], temrObj[key], tempProp[key], true);
+            if (!isNullOrUndefined(temrObj["" + deepmerge]) && (temrObj["" + deepmerge].indexOf(key) !== -1) &&
+                (isObject(tempProp["" + key]) || Array.isArray(tempProp["" + key]))) {
+                extend(temrObj["" + key], temrObj["" + key], tempProp["" + key], true);
             }
             else {
-                temrObj[key] = tempProp[key];
+                temrObj["" + key] = tempProp["" + key];
             }
@@ -200,4 +201,4 @@ }
         Object.keys(obj1).forEach(function (key) {
-            var src = result[key];
-            var copy = obj1[key];
+            var src = result["" + key];
+            var copy = obj1["" + key];
             var clone;
@@ -215,3 +216,3 @@ var isArrayChanged = Array.isArray(copy) && Array.isArray(src) && (copy.length !== src.length);
                     else {
-                        result[key] = extend(clone, {}, copy, deep);
+                        result["" + key] = extend(clone, {}, copy, deep);
                     }
@@ -222,7 +223,8 @@ }
                     clone = isBlazor() ? src && Object.keys(copy).length : src ? src : [];
-                    result[key] = extend([], clone, copy, deep);
+                    // eslint-disable-next-line
+                    result["" + key] = extend([], clone, copy, (clone && clone.length) || (copy && copy.length));
                 }
             }
             else {
-                result[key] = copy;
+                result["" + key] = copy;
             }
@@ -303,3 +305,3 @@ });
         var key = keys_2[_i];
-        array.push(encodeURIComponent(key) + '=' + encodeURIComponent('' + data[key]));
+        array.push(encodeURIComponent(key) + '=' + encodeURIComponent('' + data["" + key]));
     }
@@ -374,3 +376,3 @@ return array.join('&');
         for (var l = 0, len = blinks.length; l < len; l++) {
-            links.push(blinks[l]);
+            links.push(blinks[parseInt(l.toString(), 10)]);
         }
@@ -384,3 +386,3 @@ }
     for (var i = 0, len = links.length; i < len; i++) {
-        reference += links[i].outerHTML;
+        reference += links[parseInt(i.toString(), 10)].outerHTML;
     }
@@ -442,4 +444,4 @@ printWindow.document.write('<!DOCTYPE html> <html><head>' + reference + '</head><body>' + div.innerHTML +
     var xPath = 'xPath';
-    if (!(element instanceof Node) && isBlazor() && !isNullOrUndefined(element[xPath])) {
-        return document.evaluate(element[xPath], document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
+    if (!(element instanceof Node) && isBlazor() && !isNullOrUndefined(element["" + xPath])) {
+        return document.evaluate(element["" + xPath], document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
     }
@@ -460,4 +462,4 @@ return element;
     var elem = (typeof (element) === 'string') ? document.querySelector(element) : element;
-    if (elem[instances]) {
-        for (var _i = 0, _a = elem[instances]; _i < _a.length; _i++) {
+    if (elem["" + instances]) {
+        for (var _i = 0, _a = elem["" + instances]; _i < _a.length; _i++) {
             var inst = _a[_i];
@@ -482,7 +484,7 @@ if (inst instanceof component) {
     var elem = (typeof (element) === 'string') ? document.querySelector(element) : element;
-    if (elem[instances]) {
-        elem[instances].push(instance);
+    if (elem["" + instances]) {
+        elem["" + instances].push(instance);
     }
     else {
-        elem[instances] = [instance];
+        elem["" + instances] = [instance];
     }
@@ -514,5 +516,5 @@ }
     for (var i = 0; i < 5; i++) {
-        ret += (i ? ',' : '') + num[i];
+        ret += (i ? ',' : '') + num[parseInt(i.toString(), 10)];
     }
     return ret;
 }

src/validate-lic.d.ts

@@ -0,4 +1,7 @@
+export declare let componentList: string[];
 /**
  * To set license key.
+ *
  * @param {string} key - license key
+ * @returns {void}
  */
@@ -8,1 +11,2 @@ export declare function registerLicense(key: string): void;
 export declare const getVersion: Function;
+export declare const createLicenseOverlay: Function;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

10493044

increased by34.21%

Number of package files

182

increased by8.98%

Lines of code

98567

increased by24.29%

Worsened metrics

Number of low quality alerts

2

increased byInfinity%

Number of lines in readme file

101

decreased by-0.98%

Number of low supply chain risk alerts

9

increased by125%

No dependency changes