@syncfusion/ej2-base 20.3.56 → 20.4.40

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.3.56
+*  version : 20.4.40
 *  Copyright Syncfusion Inc. 2001 - 2020. 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/modified-protractor/protractor.config.js

@@ -0,0 +1,316 @@
+var shell = require('shelljs');
+var os = require('os');
+var camelCase = require('pix-diff/lib/camelCase.js');
+var seleniumAddress = 'http://150.107.121.2:4444/wd/hub';
+var request = require('request');
+var config = require('../../../../config.json');
+var RepalceRegex = /"/g;
+var isDashBoardReport = config['dashBoardReport'];
+var timeCal = {};
+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;
+if (isDashBoardReport) {
+    var currentRepo = shell.exec('git config --get remote.origin.url', {
+        silent: true
+    })
+        .stdout.split('essential-studio/')[1].replace('.git', '').replace('/', '').trim();
+    var components = JSON.stringify(config.components);
+    components = components.replace(RepalceRegex, '').replace('[', '').replace(']', '').trim();
+    var branch = JSON.stringify(config.branchName);
+    branch = branch.replace(RepalceRegex, '').trim();
+    var toMail = config.toMailAddress;
+    var ccMail = config.ccMailAddress;
+}
+
+exports.config = {
+    allScriptsTimeout: 600000,
+
+    getPageTimeout: 60000,
+
+    framework: 'jasmine',
+
+    jasmineNodeOpts: {
+        defaultTimeoutInterval: 100000
+    },
+    multiCapabilities: [],
+
+    specs: ['../../../../e2e/tests/**/*.spec.js'],
+
+    onComplete: function () {
+        if (isDashBoardReport) {
+            var failurecount = 0;
+            var resultjson = require('../../../../jasmine-test-results.json');
+            var key = Object.keys(resultjson);
+            var totalcount = 0;
+            for (var i = 0; i < key.length; i++) {
+                var Objects = resultjson[key[i]]["specs"];
+                totalcount = totalcount + Objects.length;
+                for (var j = 0; j < Objects.length; j++) {
+                    if (Objects[j].status === "failed") {
+                        failurecount++;
+                    }
+                }
+            }
+            ccMail.push("ej2core@syncfusion.com");
+            var data = {
+                RepositoryName: currentRepo,
+                ComponentName: components,
+                BranchName: branch,
+                StartDate: new Date(),
+                EndDate: new Date(),
+                Type: "Desktop",
+                TotalTestCaseCount: totalcount,
+                FailureTestCaseCount: failurecount,
+                SuccessTestCaseCount: totalcount - failurecount,
+                Browser: browser.browserName,
+                toMailAddress: toMail,
+                ccMailAddress: ccMail
+            };
+            var status = failurecount.length ? 'Failure' : 'Success';
+            var successCount = totalcount - failurecount;
+            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('../');
+             }
+            request({
+                url: 'https://ej2services.syncfusion.com/cicentral/api/getE2EReport',
+                method: 'POST',
+                json: true,
+                body: data,
+                headers: {
+                    'authorization': 'ej2centrailzedstatus',
+                    'content-type': 'application/json'
+                }
+            });
+        }
+
+        browser.driver.quit();
+        console.log(browser.browserName + ' driver closed!');
+    },
+    beforeLaunch: function () {
+        return new Promise(function (resolve) {
+            reporter.beforeLaunch(resolve);
+        });
+    },
+
+    onPrepare: function () {
+        const PixDiff = require('pix-diff');
+        const fs = require('fs');
+        const path = require('path');
+        browser.ignoreSynchronization = true;
+        browser.waitForAngularEnabled = false;
+        browser.isDesktop = true;
+        timeCal['startTime'] = new Date().toLocaleTimeString();
+        browser.basePath = require('../../../../protractor.browser.json').basePath;
+
+        browser.driver.manage().window().setSize(1600, 1200);
+        var JSONReporter = require('jasmine-json-test-reporter');
+        jasmine.getEnv().addReporter(new JSONReporter({
+            file: 'jasmine-test-results.json',
+            beautify: true,
+            indentationLevel: 4 // used if beautify === true
+        }));
+
+        //move to out off user screen
+        browser.driver.manage().window().setPosition(2500, 0);
+
+        browser.load = function (path) {
+            browser.get(browser.basePath + path);
+            //  browser.wait(function () {
+            //      return element(By.css('.e-control')).isDisplayed();
+            //  }, 3000);
+
+            if (browser.css) {
+                browser.injectCss(browser.css);
+            }
+        }
+
+        browser.loadAsync = function (path) {
+            return browser.get(browser.basePath + path);
+        }
+
+        browser.getCapabilities().then(function (cap) {
+
+            browser.browserName = cap.get('browserName');
+
+            browser.pixResult = PixDiff;
+
+            browser.pixDiff = new PixDiff({
+                basePath: './e2e',
+                diffPath: './e2e',
+                formatImageName: '{tag}'
+            });
+
+            //override difference path
+            browser.pixDiff.diffPath = path.normalize(camelCase('./e2e/Diff/' + browser.browserName));
+            //create folder if not present
+            createF(browser.pixDiff.diffPath);
+
+            browser.compareScreen = 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));
+                }
+
+                // thresholdType: 'percent',
+                // threshold: 0.009,
+                var option = {
+                    imageAPath: '/expected/' + browser.pixDiff.browserName + '/' + fileName, // Use file-path 
+                    imageBPath: '/actual/' + browser.pixDiff.browserName + '/' + fileName,
+                    filter: ['grayScale'],
+                    debug: true,
+                    hideShift: true,
+                };
+                var doneFn = arguments[arguments.length - 1];
+                if (typeof opt === 'object' && Object.keys(opt).length) {
+                    Object.assign(option, opt);
+                }
+                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.saveCheckImage(element, fileName, option, doneFn);
+                });
+            }
+
+            browser.saveCheckImage = function (element, fileName, option, doneFn) {
+                browser.pixDiff.checkRegion(element, '/Expected/' + browser.pixDiff.browserName + '/' + fileName, option).then((result) => {
+                    //
+                    // *  - `RESULT_UNKNOWN`: 0
+                    // *  - `RESULT_DIFFERENT`: 1
+                    // *  - `RESULT_SIMILAR`: 7
+                    // *  - `RESULT_IDENTICAL`: 5
+                    console.log(JSON.stringify(result));
+                    expect(result.code).toEqual(browser.pixResult.RESULT_IDENTICAL);
+                    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;
+                    var instanceObj;
+                    for (var i = 0; instances && i < instances.length; i++) {
+                        if (instances[i].getModuleName() == moduleName) {
+                            instanceObj = instances[i]
+                        }
+                    }
+                    if (instanceObj) {
+                        var handler;
+                        handler = function (e) {
+                            instanceObj.removeEventListener(eventName, handler);
+                            callback();
+                        };
+                        instanceObj.addEventListener(eventName, handler);
+                    } else {
+                        callback();
+                    }
+                }, id, moduleName, eventName);
+            }
+
+            browser.injectScript = function (path, callback) {
+                return browser.executeAsyncScript(function (path) {
+                    var head = document.getElementsByTagName('head')[0];
+                    var script = document.createElement('script');
+                    script.type = 'text/javascript';
+                    script.onload = function () {
+                        callback();
+                    }
+                    script.src = path;
+                    head.appendChild(script);
+                }, browser.basePath + path);
+
+            }
+
+            browser.injectCss = function (content) {
+                return browser.wait(browser.executeScript(`
+                        var style = document.createElement('style');
+                        style.id = 'browsercss';
+                        if (style.styleSheet) {style.styleSheet.cssText = '` + content + `';}
+                        else{style.appendChild(document.createTextNode('` + content + `'));}
+                        document.head.appendChild(style);
+                        `));
+            }
+
+        });
+        jasmine.getEnv().addReporter(reporter);
+
+    },
+    afterLaunch: function (exitCode) {
+        return new Promise(function (resolve) {
+            reporter.afterLaunch(resolve.bind(this, exitCode));
+        });
+    },
+};
+
+//Browser Configuration 
+if (config.browsers && config.browsers.length) {
+    for (var i = 0; i < config.browsers.length; i++) {
+        var browserName = config.browsers[i];
+        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
+            });
+        }
+    }
+} else {
+    if (os.platform() === 'win32') {
+        exports.config.multiCapabilities.push({
+            'browserName': 'internet explorer'
+        });
+        if (Number(os.release().split('.')[0]) >= 10) {
+            exports.config.multiCapabilities.push({
+                'browserName': 'MicrosoftEdge'
+            });
+        }
+    }
+    exports.config.multiCapabilities.push({
+        'browserName': 'firefox'
+    });
+    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']
+            }
+        });
+    }
+}
+exports.config.seleniumAddress = config.seleniumAddress || 'http://localhost:4444/wd/hub/';
+
+function createF(path) {
+    shell.mkdir('-p', path);
+}

package/e2e/protractor.config.js

@@ -9,6 +9,11 @@ var isDashBoardReport = config['dashBoardReport'];
 var timeCal = {};
 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;
 if (isDashBoardReport) {
     var currentRepo = shell.exec('git config --get remote.origin.url', {
@@ -23,8 +28,6 @@ if (isDashBoardReport) {
     var ccMail = config.ccMailAddress;
 }
 
-
-
 exports.config = {
     allScriptsTimeout: 600000,
 
@@ -68,19 +71,18 @@ exports.config = {
                 Browser: browser.browserName,
                 toMailAddress: toMail,
                 ccMailAddress: ccMail
-
             };
             var status = failurecount.length ? 'Failure' : 'Success';
             var successCount = totalcount - failurecount;
             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({
                 url: 'https://ej2services.syncfusion.com/cicentral/api/getE2EReport',
                 method: 'POST',
@@ -96,6 +98,11 @@ exports.config = {
         browser.driver.quit();
         console.log(browser.browserName + ' driver closed!');
     },
+    beforeLaunch: function () {
+        return new Promise(function (resolve) {
+            reporter.beforeLaunch(resolve);
+        });
+    },
 
     onPrepare: function () {
         const PixDiff = require('pix-diff');
@@ -120,9 +127,9 @@ exports.config = {
 
         browser.load = function (path) {
             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);
 
             if (browser.css) {
                 browser.injectCss(browser.css);
@@ -245,8 +252,14 @@ exports.config = {
             }
 
         });
+        jasmine.getEnv().addReporter(reporter);
 
     },
+    afterLaunch: function (exitCode) {
+        return new Promise(function (resolve) {
+            reporter.afterLaunch(resolve.bind(this, exitCode));
+        });
+    },
 };
 
 //Browser Configuration 
@@ -300,4 +313,4 @@ exports.config.seleniumAddress = config.seleniumAddress || 'http://localhost:444
 
 function createF(path) {
     shell.mkdir('-p', path);
-}
+}

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-base@*",
-  "_id": "@syncfusion/ej2-base@20.3.50",
+  "_id": "@syncfusion/ej2-base@20.4.38",
   "_inBundle": false,
-  "_integrity": "sha512-bIuQE+PoeRiT8S5bdA/3+m9jbaXK/IB8ycAwIz+Zw1wRuZRXJZgCATSgLpZgCV2Cb+5Z8m7dGuQhKVV13HElIg==",
+  "_integrity": "sha512-Yn+cPKDnIodXDSfHWnci1YZyGkSVOWtVmZ+zjQIep1bUsJsHrVmn12KLNf8ywC+R+kX8vTfdG+jBXdfPEKawuQ==",
   "_location": "/@syncfusion/ej2-base",
   "_phantomChildren": {},
   "_requested": {
@@ -33,7 +33,6 @@
     "/@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",
@@ -42,17 +41,10 @@
     "/@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-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",
@@ -97,7 +89,6 @@
     "/@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",
@@ -106,17 +97,10 @@
     "/@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-richtexteditor",
-    "/@syncfusion/ej2-react-schedule",
     "/@syncfusion/ej2-react-splitbuttons",
-    "/@syncfusion/ej2-react-spreadsheet",
     "/@syncfusion/ej2-react-treegrid",
-    "/@syncfusion/ej2-react-treemap",
     "/@syncfusion/ej2-richtexteditor",
     "/@syncfusion/ej2-schedule",
     "/@syncfusion/ej2-splitbuttons",
@@ -159,8 +143,8 @@
     "/@syncfusion/ej2-vue-treegrid",
     "/@syncfusion/ej2-vue-treemap"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-base/-/ej2-base-20.3.50.tgz",
-  "_shasum": "8f1e29ca93f6a7cc082cf5fd0a9bd3336cb97d36",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-base/-/ej2-base-20.4.38.tgz",
+  "_shasum": "0d8b78b913c6a527c982dd43e7f91f67fd1de8e1",
   "_spec": "@syncfusion/ej2-base@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
   "author": {
@@ -174,7 +158,7 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-icons": "~20.3.56"
+    "@syncfusion/ej2-icons": "~20.4.40"
   },
   "deprecated": false,
   "description": "A common package of Essential JS 2 base libraries, methods and class definitions",
@@ -215,6 +199,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "20.3.56",
+  "version": "20.4.40",
   "sideEffects": true
 }

package/src/animation.d.ts

@@ -196,10 +196,14 @@ export declare let isRippleEnabled: boolean;
 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;

package/src/animation.js

@@ -281,7 +281,9 @@ export { Animation };
 export function rippleEffect(element, rippleOptions, done) {
     var rippleModel = getRippleModel(rippleOptions);
     if (rippleModel.rippleFlag === false || (rippleModel.rippleFlag === undefined && !isRippleEnabled)) {
-        return (function () { });
+        return (function () {
+            // do nothing.
+        });
     }
     element.setAttribute('data-ripple', 'true');
     EventHandler.add(element, 'mousedown', rippleHandler, { parent: element, rippleOptions: rippleModel });
@@ -425,11 +427,15 @@ export function enableRipple(isRipple) {
 }
 /**
  * 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;

package/src/base.js

@@ -85,8 +85,8 @@ var Base = /** @class */ (function () {
         var keys = Object.keys(obj);
         for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {
             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];
                     if (obj_1.dataBind !== undefined) {
                         obj_1.dataBind();
@@ -94,7 +94,7 @@ var Base = /** @class */ (function () {
                 }
             }
             else {
-                parent[key].dataBind();
+                parent["" + key].dataBind();
             }
         }
     };
@@ -129,8 +129,8 @@ var Base = /** @class */ (function () {
         newChanges = newChanges ? newChanges : {};
         extend(this.bulkChanges, {}, newChanges, true);
         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 = {};
         }
     };
@@ -139,14 +139,14 @@ var Base = /** @class */ (function () {
         if (isBlazor()) {
             // tslint:disable-next-line:no-any
             var newChanges = {};
-            newChanges[key] = newValue;
+            newChanges["" + key] = newValue;
             this.serverDataBind(newChanges);
         }
         if (this.isProtectedOnChange) {
             return;
         }
-        this.oldProperties[key] = oldValue;
-        this.changedProperties[key] = newValue;
+        this.oldProperties["" + key] = oldValue;
+        this.changedProperties["" + key] = newValue;
         this.finalUpdate();
         this.finalUpdate = setImmediate(this.dataBind.bind(this));
     };
@@ -192,7 +192,7 @@ var Base = /** @class */ (function () {
                 var handler = getValue(eventName, this);
                 if (handler) {
                     var blazor = 'Blazor';
-                    if (window[blazor]) {
+                    if (window["" + blazor]) {
                         var promise = handler.call(this, eventProp);
                         if (promise && typeof promise.then === 'function') {
                             if (!successHandler) {
@@ -283,7 +283,7 @@ export function getComponent(elem, comp) {
     var i;
     var ele = typeof elem === 'string' ? document.getElementById(elem) : elem;
     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') {
             var compName = instance.getModuleName();
             if (comp === compName) {
@@ -311,9 +311,9 @@ export function removeChildInstance(element) {
     // tslint:disable-next-line:no-any
     var childEle = [].slice.call(element.getElementsByClassName('e-control'));
     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)) {
             compInstance.destroy();
         }

package/src/browser.js

@@ -35,7 +35,7 @@ var Browser = /** @class */ (function () {
         var clientInfo = [];
         for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {
             var key = keys_1[_i];
-            clientInfo = Browser.userAgent.match(REGX_BROWSER[key]);
+            clientInfo = Browser.userAgent.match(REGX_BROWSER["" + key]);
             if (clientInfo) {
                 browserInfo.name = (clientInfo[1].toLowerCase() === 'opr' ? 'opera' : clientInfo[1].toLowerCase());
                 browserInfo.name = (clientInfo[1].toLowerCase() === 'crios' ? 'chrome' : browserInfo.name);
@@ -77,9 +77,9 @@ var Browser = /** @class */ (function () {
                 isPointer: 'pointercancel', isTouch: 'touchcancel', isDevice: 'mouseleave'
             }
         };
-        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));
     };
     /**
      * To get the Touch start event from browser
@@ -128,10 +128,10 @@ var Browser = /** @class */ (function () {
             browserDetails['isTouch'] = true;
             browserDetails['isPointer'] = 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];
     };
     Object.defineProperty(Browser, "userAgent", {
         get: function () {