@syncfusion/ej2-grids 18.3.48 → 18.3.50-85492

package/helpers/e2e/index.js

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

package/license

@@ -1,10 +1,10 @@
-Essential JS 2 library is available under the Syncfusion Essential Studio program,  and can be licensed either under the Syncfusion Community License Program or the Syncfusion commercial license.
-
-To be qualified for the Syncfusion Community License Program you must have a gross revenue of less than one (1) million U.S. dollars ($1,000,000.00 USD) per year and have less than five (5) developers in your organization, and agree to be bound by Syncfusion’s terms and conditions. 
-
-Customers who do not qualify for the community license can contact sales@syncfusion.com for commercial licensing options.
-
-Under no circumstances can you use this product without (1) either a Community License or a commercial license and (2) without agreeing and abiding by Syncfusion’s license containing all terms and conditions. 
-
-The Syncfusion license that contains the terms and conditions can be found at 
-https://www.syncfusion.com/content/downloads/syncfusion_license.pdf
+Essential JS 2 library is available under the Syncfusion Essential Studio program,  and can be licensed either under the Syncfusion Community License Program or the Syncfusion commercial license.
+
+To be qualified for the Syncfusion Community License Program you must have a gross revenue of less than one (1) million U.S. dollars ($1,000,000.00 USD) per year and have less than five (5) developers in your organization, and agree to be bound by Syncfusion’s terms and conditions. 
+
+Customers who do not qualify for the community license can contact sales@syncfusion.com for commercial licensing options.
+
+Under no circumstances can you use this product without (1) either a Community License or a commercial license and (2) without agreeing and abiding by Syncfusion’s license containing all terms and conditions. 
+
+The Syncfusion license that contains the terms and conditions can be found at 
+https://www.syncfusion.com/content/downloads/syncfusion_license.pdf

package/package.json

@@ -1,81 +1,81 @@
-{
-  "_from": "@syncfusion/ej2-grids@*",
-  "_id": "@syncfusion/ej2-grids@18.3.47",
-  "_inBundle": false,
-  "_integrity": "sha512-p0U2G2gPvL6KVE7FvG/xw0Y92EYjS7+98FhO+f0vVOHNoYnpunhGrMf3OVRo38N4gCNPplG03lsIHlDlI/uF4w==",
-  "_location": "/@syncfusion/ej2-grids",
-  "_phantomChildren": {},
-  "_requested": {
-    "type": "range",
-    "registry": true,
-    "raw": "@syncfusion/ej2-grids@*",
-    "name": "@syncfusion/ej2-grids",
-    "escapedName": "@syncfusion%2fej2-grids",
-    "scope": "@syncfusion",
-    "rawSpec": "*",
-    "saveSpec": null,
-    "fetchSpec": "*"
-  },
-  "_requiredBy": [
-    "/",
-    "/@syncfusion/ej2",
-    "/@syncfusion/ej2-angular-grids",
-    "/@syncfusion/ej2-filemanager",
-    "/@syncfusion/ej2-gantt",
-    "/@syncfusion/ej2-pivotview",
-    "/@syncfusion/ej2-react-grids",
-    "/@syncfusion/ej2-spreadsheet",
-    "/@syncfusion/ej2-treegrid",
-    "/@syncfusion/ej2-vue-grids"
-  ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-grids/-/ej2-grids-18.3.47.tgz",
-  "_shasum": "8c9bf92c2b0975ec72b66cdf7a7217d0f73bc6bd",
-  "_spec": "@syncfusion/ej2-grids@*",
-  "_where": "/jenkins/workspace/automation_release_18.1.0.1-52JLNOGRCDHXRVQM3W564VPLFCPHWUYDYU3I3DVRABSR7F6AIFYQ/packages/included",
-  "author": {
-    "name": "Syncfusion Inc."
-  },
-  "bundleDependencies": false,
-  "dependencies": {
-    "@syncfusion/ej2-base": "~18.3.48",
-    "@syncfusion/ej2-buttons": "~18.3.47",
-    "@syncfusion/ej2-calendars": "~18.3.48",
-    "@syncfusion/ej2-compression": "~18.3.47",
-    "@syncfusion/ej2-data": "~18.3.47",
-    "@syncfusion/ej2-dropdowns": "~18.3.48",
-    "@syncfusion/ej2-excel-export": "~18.3.47",
-    "@syncfusion/ej2-file-utils": "~18.3.47",
-    "@syncfusion/ej2-inputs": "~18.3.48",
-    "@syncfusion/ej2-lists": "~18.3.47",
-    "@syncfusion/ej2-navigations": "~18.3.47",
-    "@syncfusion/ej2-pdf-export": "~18.3.47",
-    "@syncfusion/ej2-popups": "~18.3.47",
-    "@syncfusion/ej2-splitbuttons": "~18.3.48"
-  },
-  "deprecated": false,
-  "description": "Feature-rich JavaScript datagrid (datatable) control with built-in support for editing, filtering, grouping, paging, sorting, and exporting to Excel.",
-  "devDependencies": {},
-  "es2015": "./dist/es6/ej2-grids.es2015.js",
-  "keywords": [
-    "ej2",
-    "syncfusion",
-    "ej2-grids",
-    "web-components",
-    "JavaScript",
-    "TypeScript",
-    "grid",
-    "data",
-    "table"
-  ],
-  "license": "SEE LICENSE IN license",
-  "main": "./dist/ej2-grids.umd.min.js",
-  "module": "./index.js",
-  "name": "@syncfusion/ej2-grids",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/grids"
-  },
-  "typings": "index.d.ts",
-  "version": "18.3.48",
-  "sideEffects": false
-}
+{
+    "_from": "@syncfusion/ej2-grids@*",
+    "_id": "@syncfusion/ej2-grids@18.3.48",
+    "_inBundle": false,
+    "_integrity": "sha512-sC3SV2jJ+KnOgi/IMHcSn+OMBkrpUp9jqhvzzZ9woUyhuBRgU1OS+37PhH6D3b/E+usfKfjvcHGc69dPCFzGPA==",
+    "_location": "/@syncfusion/ej2-grids",
+    "_phantomChildren": {},
+    "_requested": {
+      "type": "range",
+      "registry": true,
+      "raw": "@syncfusion/ej2-grids@*",
+      "name": "@syncfusion/ej2-grids",
+      "escapedName": "@syncfusion%2fej2-grids",
+      "scope": "@syncfusion",
+      "rawSpec": "*",
+      "saveSpec": null,
+      "fetchSpec": "*"
+    },
+    "_requiredBy": [
+      "/",
+      "/@syncfusion/ej2",
+      "/@syncfusion/ej2-angular-grids",
+      "/@syncfusion/ej2-filemanager",
+      "/@syncfusion/ej2-gantt",
+      "/@syncfusion/ej2-pivotview",
+      "/@syncfusion/ej2-react-grids",
+      "/@syncfusion/ej2-spreadsheet",
+      "/@syncfusion/ej2-treegrid",
+      "/@syncfusion/ej2-vue-grids"
+    ],
+    "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-grids/-/ej2-grids-18.3.48.tgz",
+    "_shasum": "4e60fa0fc9b98a8f1bb8961710855134be361632",
+    "_spec": "@syncfusion/ej2-grids@*",
+    "_where": "/jenkins/workspace/automation_release_18.1.0.1-52JLNOGRCDHXRVQM3W564VPLFCPHWUYDYU3I3DVRABSR7F6AIFYQ/packages/included",
+    "author": {
+      "name": "Syncfusion Inc."
+    },
+    "bundleDependencies": false,
+    "dependencies": {
+      "@syncfusion/ej2-base": "~18.3.49",
+      "@syncfusion/ej2-buttons": "~18.3.47",
+      "@syncfusion/ej2-calendars": "~18.3.48",
+      "@syncfusion/ej2-compression": "~18.3.47",
+      "@syncfusion/ej2-data": "~18.3.47",
+      "@syncfusion/ej2-dropdowns": "~18.3.48",
+      "@syncfusion/ej2-excel-export": "~18.3.47",
+      "@syncfusion/ej2-file-utils": "~18.3.47",
+      "@syncfusion/ej2-inputs": "~18.3.48",
+      "@syncfusion/ej2-lists": "~18.3.47",
+      "@syncfusion/ej2-navigations": "~18.3.50",
+      "@syncfusion/ej2-pdf-export": "~18.3.47",
+      "@syncfusion/ej2-popups": "~18.3.50",
+      "@syncfusion/ej2-splitbuttons": "~18.3.50"
+    },
+    "deprecated": false,
+    "description": "Feature-rich JavaScript datagrid (datatable) control with built-in support for editing, filtering, grouping, paging, sorting, and exporting to Excel.",
+    "devDependencies": {},
+    "es2015": "./dist/es6/ej2-grids.es2015.js",
+    "keywords": [
+      "ej2",
+      "syncfusion",
+      "ej2-grids",
+      "web-components",
+      "JavaScript",
+      "TypeScript",
+      "grid",
+      "data",
+      "table"
+    ],
+    "license": "SEE LICENSE IN license",
+    "main": "./dist/ej2-grids.umd.min.js",
+    "module": "./index.js",
+    "name": "@syncfusion/ej2-grids",
+    "repository": {
+      "type": "git",
+      "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/grids"
+    },
+    "typings": "index.d.ts",
+    "version": "18.3.50-85492",
+    "sideEffects": false
+  }

package/src/grid/actions/batch-edit.js

@@ -1,4 +1,4 @@
-import { extend, addClass, removeClass, setValue, isBlazor, closest } from '@syncfusion/ej2-base';
+import { extend, addClass, removeClass, setValue, isBlazor, closest, select } from '@syncfusion/ej2-base';
 import { remove, classList, updateBlazorTemplate, blazorTemplates, resetBlazorTemplate } from '@syncfusion/ej2-base';
 import { isNullOrUndefined, isUndefined } from '@syncfusion/ej2-base';
 import { CellType } from '../base/enum';
@@ -866,7 +866,7 @@ var BatchEdit = /** @class */ (function () {
             }
             _this.renderer.update(cellEditArgs);
             _this.parent.notify(events.batchEditFormRendered, cellEditArgs);
-            _this.form = gObj.element.querySelector('#' + gObj.element.id + 'EditForm');
+            _this.form = select('#' + gObj.element.id + 'EditForm', gObj.element);
             gObj.editModule.applyFormValidation([col]);
             _this.parent.element.querySelector('.e-gridpopup').style.display = 'none';
         });

package/src/grid/actions/dialog-edit.js

@@ -1,16 +1,16 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    }
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
 import { NormalEdit } from './normal-edit';
 /**
  * `DialogEdit` module is used to handle dialog editing actions.

package/src/grid/actions/edit.js

@@ -1,4 +1,4 @@
-import { closest, addClass } from '@syncfusion/ej2-base';
+import { closest, addClass, select } from '@syncfusion/ej2-base';
 import { extend, getValue, resetBlazorTemplate, updateBlazorTemplate, isBlazor } from '@syncfusion/ej2-base';
 import { remove } from '@syncfusion/ej2-base';
 import { isNullOrUndefined } from '@syncfusion/ej2-base';
@@ -709,7 +709,7 @@ var Edit = /** @class */ (function () {
         var frzCols = gObj.getFrozenColumns();
         var form = this.parent.editSettings.mode !== 'Dialog' ?
             gObj.element.querySelector('.e-gridform') :
-            document.querySelector('#' + gObj.element.id + '_dialogEdit_wrapper').querySelector('.e-gridform');
+            select('#' + gObj.element.id + '_dialogEdit_wrapper .e-gridform', document);
         var mForm = gObj.element.querySelectorAll('.e-gridform')[1];
         var rules = {};
         var mRules = {};
@@ -781,7 +781,7 @@ var Edit = /** @class */ (function () {
                 > (parseInt(closest(inputElement, '.e-row').getAttribute('aria-rowindex'), 10) || 0));
         }
         return this.parent.editSettings.mode !== 'Dialog' ? isFHdr ? this.parent.getHeaderTable() : this.parent.getContentTable() :
-            document.querySelector('#' + this.parent.element.id + '_dialogEdit_wrapper');
+            select('#' + this.parent.element.id + '_dialogEdit_wrapper', document);
     };
     Edit.prototype.validationComplete = function (args) {
         if (this.parent.isEdit) {
@@ -837,7 +837,7 @@ var Edit = /** @class */ (function () {
         }
         var table = isInline ?
             (isFHdr ? this.parent.getHeaderTable() : this.parent.getContentTable()) :
-            document.querySelector('#' + this.parent.element.id + '_dialogEdit_wrapper').querySelector('.e-dlg-content');
+            select('#' + this.parent.element.id + '_dialogEdit_wrapper .e-dlg-content', document);
         var client = table.getBoundingClientRect();
         var left = isInline ?
             this.parent.element.getBoundingClientRect().left : client.left;

package/src/grid/actions/excel-filter.js

@@ -1,16 +1,16 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    }
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
 import { ExcelFilterBase } from '../common/excel-filter-base';
 import { CheckBoxFilter } from './checkbox-filter';
 import * as events from '../base/constant';

package/src/grid/actions/foreign-key.js

@@ -1,16 +1,16 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    }
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
 import { isNullOrUndefined, extend } from '@syncfusion/ej2-base';
 import { DataManager, Query, Deferred, Predicate, DataUtil } from '@syncfusion/ej2-data';
 import { initForeignKeyColumn, getForeignKeyData, generateQuery } from '../base/constant';

package/src/grid/actions/inline-edit.js

@@ -1,16 +1,16 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    }
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
 import { NormalEdit } from './normal-edit';
 /**
  * `InlineEdit` module is used to handle inline editing actions.

package/src/grid/actions/normal-edit.js

@@ -1,4 +1,4 @@
-import { extend, isBlazor } from '@syncfusion/ej2-base';
+import { extend, isBlazor, select } from '@syncfusion/ej2-base';
 import { remove, isNullOrUndefined, updateBlazorTemplate, resetBlazorTemplate } from '@syncfusion/ej2-base';
 import { parentsUntil, isGroupAdaptive, refreshForeignData, getObject } from '../base/util';
 import * as events from '../base/constant';
@@ -201,7 +201,7 @@ var NormalEdit = /** @class */ (function () {
             previousData: this.previousData, selectedRow: gObj.selectedRowIndex, foreignKeyData: {}
         });
         var isDlg = gObj.editSettings.mode === 'Dialog';
-        var dlgWrapper = document.querySelector('#' + gObj.element.id + '_dialogEdit_wrapper');
+        var dlgWrapper = select('#' + gObj.element.id + '_dialogEdit_wrapper', document);
         var dlgForm = isDlg ? dlgWrapper.querySelector('.e-gridform') : gObj.element.querySelector('.e-gridform');
         var data = { virtualData: {}, isAdd: false };
         this.parent.notify(events.getVirtualData, data);

package/src/grid/actions/print.js

@@ -1,4 +1,4 @@
-import { print as printWindow, createElement, detach, classList } from '@syncfusion/ej2-base';
+import { print as printWindow, createElement, detach, classList, selectAll } from '@syncfusion/ej2-base';
 import { getPrintGridModel } from '../base/util';
 import { Grid } from '../base/grid';
 import * as events from '../base/constant';
@@ -188,13 +188,13 @@ var Print = /** @class */ (function () {
         if (!depth) {
             return;
         }
-        var groupCaption = element.querySelectorAll(id + "captioncell.e-groupcaption");
+        var groupCaption = selectAll(id + "captioncell.e-groupcaption", element);
         var colSpan = groupCaption[depth - 1].getAttribute('colspan');
         for (var i = 0; i < groupCaption.length; i++) {
             groupCaption[i].setAttribute('colspan', colSpan);
         }
-        var colGroups = element.querySelectorAll("colgroup" + id + "colGroup");
-        var contentColGroups = element.querySelector('.e-content').querySelectorAll('colgroup');
+        var colGroups = selectAll("colgroup" + id + "colGroup", element);
+        var contentColGroups = selectAll('.e-content colgroup', element);
         this.hideColGroup(colGroups, depth);
         this.hideColGroup(contentColGroups, depth);
     };

package/src/grid/actions/resize.js

@@ -686,9 +686,12 @@ var Resize = /** @class */ (function () {
         };
     };
     Resize.prototype.doubleTapEvent = function (e) {
+        var _this = this;
         if (this.getUserAgent() && this.isDblClk) {
             if (!this.tapped) {
-                this.tapped = setTimeout(this.timeoutHandler(), 300);
+                this.tapped = setTimeout(function () {
+                    _this.tapped = null;
+                }, 300);
             }
             else {
                 clearTimeout(this.tapped);

package/src/grid/actions/selection.js

@@ -1,17 +1,17 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 import { Browser, EventHandler, createElement, isBlazor } from '@syncfusion/ej2-base';
 import { isNullOrUndefined, isUndefined, addClass, removeClass } from '@syncfusion/ej2-base';
-import { remove, closest } from '@syncfusion/ej2-base';
+import { remove, closest, select } from '@syncfusion/ej2-base';
 import { Query } from '@syncfusion/ej2-data';
 import { setCssInGridPopUp, getPosition, isGroupAdaptive, parentsUntil, addRemoveActiveClasses, removeAddCboxClasses } from '../base/util';
 import * as events from '../base/constant';
@@ -1930,9 +1930,9 @@ var Selection = /** @class */ (function () {
             if (rindex < this.parent.frozenRows) {
                 isFrozenRow = true;
             }
-            if (!parentsUntil(this.target, 'e-table').querySelector('#' + this.parent.element.id + '_autofill')) {
-                if (this.parent.element.querySelector('#' + this.parent.element.id + '_autofill')) {
-                    this.parent.element.querySelector('#' + this.parent.element.id + '_autofill').remove();
+            if (!select('#' + this.parent.element.id + '_autofill', parentsUntil(this.target, 'e-table'))) {
+                if (select('#' + this.parent.element.id + '_autofill', this.parent.element)) {
+                    select('#' + this.parent.element.id + '_autofill', this.parent.element).remove();
                 }
                 this.autofill = createElement('div', { className: 'e-autofill', id: this.parent.element.id + '_autofill' });
                 this.autofill.style.display = 'none';

package/src/grid/actions/toolbar.js

@@ -1,5 +1,5 @@
 import { EventHandler, extend, isNullOrUndefined } from '@syncfusion/ej2-base';
-import { remove, isBlazor, updateBlazorTemplate } from '@syncfusion/ej2-base';
+import { remove, isBlazor, updateBlazorTemplate, select } from '@syncfusion/ej2-base';
 import { Toolbar as tool } from '@syncfusion/ej2-navigations';
 import * as events from '../base/constant';
 import { templateCompiler, appendChildren } from '../base/util';
@@ -73,7 +73,7 @@ var Toolbar = /** @class */ (function () {
         }
     };
     Toolbar.prototype.bindSearchEvents = function () {
-        this.searchElement = this.element.querySelector('#' + this.gridID + '_searchbar');
+        this.searchElement = select('#' + this.gridID + '_searchbar', this.element);
         this.wireEvent();
         this.refreshToolbarItems();
         if (this.parent.searchSettings) {
@@ -82,11 +82,11 @@ var Toolbar = /** @class */ (function () {
     };
     Toolbar.prototype.toolbarCreated = function () {
         if (this.element.querySelector('.e-search-wrapper')) {
-            this.element.querySelector('.e-search-wrapper').innerHTML = '<div class="e-input-group e-search" role="search">\
-        <input id="' + this.gridID + '_searchbar" class="e-input" name="input" type="search" \
-        placeholder= \"' + this.l10n.getConstant('Search') + '\"/>\
-        <span id="' + this.gridID + '_searchbutton" class="e-input-group-icon e-search-icon e-icons" \
-        tabindex="-1" title="' + this.l10n.getConstant('Search') + '" aria-label= "search"></span> \
+            this.element.querySelector('.e-search-wrapper').innerHTML = '<div class="e-input-group e-search" role="search">\
+        <input id="' + this.gridID + '_searchbar" class="e-input" name="input" type="search" \
+        placeholder= \"' + this.l10n.getConstant('Search') + '\"/>\
+        <span id="' + this.gridID + '_searchbutton" class="e-input-group-icon e-search-icon e-icons" \
+        tabindex="-1" title="' + this.l10n.getConstant('Search') + '" aria-label= "search"></span> \
         </div>';
         }
         this.bindSearchEvents();
@@ -219,7 +219,7 @@ var Toolbar = /** @class */ (function () {
     Toolbar.prototype.enableItems = function (items, isEnable) {
         for (var _i = 0, items_2 = items; _i < items_2.length; _i++) {
             var item = items_2[_i];
-            var element = this.element.querySelector('#' + item);
+            var element = select('#' + item, this.element);
             if (element) {
                 this.toolbar.enableItems(element.parentElement, isEnable);
             }