@syncfusion/ej2-grids 18.3.48 → 18.3.50-85492

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

@@ -1,4 +1,4 @@
-import { Browser, ChildProperty, Collection, Complex, Component, Draggable, Droppable, Event, EventHandler, Internationalization, KeyboardEvents, L10n, NotifyPropertyChanges, Observer, Property, addClass, append, attributes, blazorTemplates, classList, closest, compile, createElement, debounce, detach, extend, formatUnit, getEnumValue, getValue, isBlazor, isNullOrUndefined, isObject, isUndefined, matches, merge, print, remove, removeClass, resetBlazorTemplate, setCulture, setStyleAttribute, setValue, updateBlazorTemplate } from '@syncfusion/ej2-base';
+import { Browser, ChildProperty, Collection, Complex, Component, Draggable, Droppable, Event, EventHandler, Internationalization, KeyboardEvents, L10n, NotifyPropertyChanges, Observer, Property, addClass, append, attributes, blazorTemplates, classList, closest, compile, createElement, debounce, detach, extend, formatUnit, getEnumValue, getValue, isBlazor, isNullOrUndefined, isObject, isUndefined, matches, merge, print, remove, removeClass, resetBlazorTemplate, select, selectAll, setCulture, setStyleAttribute, setValue, updateBlazorTemplate } from '@syncfusion/ej2-base';
 import { DataManager, DataUtil, Deferred, Predicate, Query, UrlAdaptor } from '@syncfusion/ej2-data';
 import { Dialog, Tooltip, calculatePosition, calculateRelativeBasedPosition, createSpinner, hideSpinner, showSpinner } from '@syncfusion/ej2-popups';
 import { Button, CheckBox, RadioButton, Switch, createCheckBox } from '@syncfusion/ej2-buttons';
@@ -66,12 +66,12 @@ class ValueFormatter {
     }
 }
 
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 /**
  * Represents Grid `Column` model class.
  */
@@ -3505,6 +3505,9 @@ class ContentRender {
     refreshImmutableContent(index, tr, row) {
         row.isAltRow = this.parent.enableAltRow ? index % 2 !== 0 : false;
         row.isAltRow ? tr.classList.add('e-altrow') : tr.classList.remove('e-altrow');
+        row.index = index;
+        row.edit = undefined;
+        row.isDirty = false;
         tr.setAttribute('aria-rowindex', index.toString());
         this.updateCellIndex(tr, index);
     }
@@ -6296,7 +6299,7 @@ class FocusStrategy {
         this.addFocus(this.getContent().getFocusInfo(), e);
     }
     removeFocus(e) {
-        if (!this.currentInfo.element) {
+        if (!this.currentInfo.element || !this.currentInfo.elementToFocus) {
             return;
         }
         removeClass([this.currentInfo.element, this.currentInfo.elementToFocus], ['e-focused', 'e-focus']);
@@ -6328,7 +6331,7 @@ class FocusStrategy {
     addFocus(info, e) {
         this.currentInfo = info;
         this.currentInfo.outline = info.outline && !isNullOrUndefined(e);
-        if (!info.element) {
+        if (!info.element || !info.elementToFocus) {
             return;
         }
         let isFocused = info.elementToFocus.classList.contains('e-focus');
@@ -6742,6 +6745,7 @@ class ContentFocus {
     }
     onClick(e, force) {
         let target = e.target;
+        this.target = target;
         target = (target.classList.contains('e-rowcell') ? target : closest(target, 'td'));
         target = target ? target : closest(e.target, 'td.e-detailrowcollapse')
             || closest(e.target, 'td.e-detailrowexpand');
@@ -6776,6 +6780,7 @@ class ContentFocus {
     }
     getFocusable(element) {
         let query = 'button, [href], input:not([type="hidden"]), select, textarea, [tabindex]:not([tabindex="-1"])';
+        let isTemplate = !isNullOrUndefined(closest(element, '.e-templatecell'));
         if (this.parent.isEdit) {
             query = 'input:not([type="hidden"]), select:not([aria-hidden="true"]), textarea';
         }
@@ -6784,7 +6789,14 @@ class ContentFocus {
          * if no child found then select the cell itself.
          * if Grid is in editable state, check for editable control inside child.
          */
-        return child.length ? child[0] : element;
+        if (isTemplate && child.length && child.length > 1) {
+            setTimeout(() => {
+                return this.target;
+            }, 10);
+        }
+        else {
+            return child.length ? child[0] : element;
+        }
     }
     selector(row, cell, isRowTemplate) {
         let types = [CellType.Expand, CellType.GroupCaption, CellType.CaptionSummary, CellType.GroupSummary];
@@ -7100,12 +7112,12 @@ class SearchBox {
     }
 }
 
-var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 /**
  * Configures the paging behavior of the Grid.
  */
@@ -7133,12 +7145,12 @@ __decorate$2([
     Property(null)
 ], PageSettings.prototype, "template", void 0);
 
-var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 /**
  * Configures the column chooser behavior of the Grid.
  */
@@ -9034,9 +9046,9 @@ class Selection {
             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';
@@ -10803,12 +10815,12 @@ class Scroll {
     }
 }
 
-var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 /**
  * Configures the Grid's aggregate column.
  */
@@ -11595,12 +11607,12 @@ class BlazorAction {
     }
 }
 
-var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 var Grid_1;
 /**
  * Represents the field name and direction of sort column.
@@ -16175,13 +16187,13 @@ class Print {
         if (!depth) {
             return;
         }
-        let groupCaption = element.querySelectorAll(`${id}captioncell.e-groupcaption`);
+        let groupCaption = selectAll(`${id}captioncell.e-groupcaption`, element);
         let colSpan = groupCaption[depth - 1].getAttribute('colspan');
         for (let i = 0; i < groupCaption.length; i++) {
             groupCaption[i].setAttribute('colspan', colSpan);
         }
-        let colGroups = element.querySelectorAll(`colgroup${id}colGroup`);
-        let contentColGroups = element.querySelector('.e-content').querySelectorAll('colgroup');
+        let colGroups = selectAll(`colgroup${id}colGroup`, element);
+        let contentColGroups = selectAll('.e-content colgroup', element);
         this.hideColGroup(colGroups, depth);
         this.hideColGroup(contentColGroups, depth);
     }
@@ -16703,9 +16715,9 @@ function isEditable(col, type, elem) {
 }
 /** @hidden */
 function isActionPrevent(inst) {
-    let dlg = inst.element.querySelector('#' + inst.element.id + 'EditConfirm');
+    let dlg = select('#' + inst.element.id + 'EditConfirm', inst.element);
     return inst.editSettings.mode === 'Batch' &&
-        (inst.element.querySelectorAll('.e-updatedtd').length) && inst.editSettings.showConfirmDialog &&
+        (selectAll('.e-updatedtd', inst.element).length) && inst.editSettings.showConfirmDialog &&
         (dlg ? dlg.classList.contains('e-popup-close') : true);
 }
 /** @hidden */
@@ -17960,9 +17972,9 @@ class CheckBoxFilterBase {
             this.searchBoxClick(e);
         }
         if (elem) {
-            let selectAll = elem.querySelector('.e-selectall');
-            if (selectAll) {
-                this.updateAllCBoxes(!selectAll.classList.contains('e-check'));
+            let selectAll$$1 = elem.querySelector('.e-selectall');
+            if (selectAll$$1) {
+                this.updateAllCBoxes(!selectAll$$1.classList.contains('e-check'));
             }
             else {
                 toogleCheckbox(elem.parentElement);
@@ -18061,9 +18073,9 @@ class CheckBoxFilterBase {
         if (data.length && !this.renderEmpty) {
             let selectAllValue = this.getLocalizedLabel('SelectAll');
             let checkBox = this.createCheckbox(selectAllValue, false, { [this.options.field]: selectAllValue });
-            let selectAll = createCboxWithWrap(getUid('cbox'), checkBox, 'e-ftrchk');
-            selectAll.querySelector('.e-frame').classList.add('e-selectall');
-            cBoxes.appendChild(selectAll);
+            let selectAll$$1 = createCboxWithWrap(getUid('cbox'), checkBox, 'e-ftrchk');
+            selectAll$$1.querySelector('.e-frame').classList.add('e-selectall');
+            cBoxes.appendChild(selectAll$$1);
             let predicate = new Predicate('field', 'equal', this.options.field);
             if (this.options.foreignKeyValue) {
                 predicate = predicate.or('field', 'equal', this.options.foreignKeyValue);
@@ -19830,12 +19842,12 @@ class PagerMessage {
     }
 }
 
-var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 /**
  * Represents the `Pager` component.
  * ```html
@@ -20406,7 +20418,7 @@ class PagerDropDown {
     convertValue(pageSizeValue) {
         let item = pageSizeValue;
         for (let i = 0; i < item.length; i++) {
-            item[i] = typeof item[i] === 'number' ? item[i].toString() : item[i];
+            item[i] = parseInt(item[i], 10) ? item[i].toString() : this.pagerModule.getLocalizedLabel(item[i]);
         }
         return item;
     }
@@ -23436,7 +23448,9 @@ class Resize {
     doubleTapEvent(e) {
         if (this.getUserAgent() && this.isDblClk) {
             if (!this.tapped) {
-                this.tapped = setTimeout(this.timeoutHandler(), 300);
+                this.tapped = setTimeout(() => {
+                    this.tapped = null;
+                }, 300);
             }
             else {
                 clearTimeout(this.tapped);
@@ -26079,7 +26093,7 @@ class Toolbar$1 {
         }
     }
     bindSearchEvents() {
-        this.searchElement = this.element.querySelector('#' + this.gridID + '_searchbar');
+        this.searchElement = select('#' + this.gridID + '_searchbar', this.element);
         this.wireEvent();
         this.refreshToolbarItems();
         if (this.parent.searchSettings) {
@@ -26088,11 +26102,11 @@ class Toolbar$1 {
     }
     toolbarCreated() {
         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();
@@ -26223,7 +26237,7 @@ class Toolbar$1 {
      */
     enableItems(items, isEnable) {
         for (let item of items) {
-            let element = this.element.querySelector('#' + item);
+            let element = select('#' + item, this.element);
             if (element) {
                 this.toolbar.enableItems(element.parentElement, isEnable);
             }
@@ -28960,7 +28974,7 @@ class EditRender {
         let fForm;
         let frzCols = gObj.getFrozenColumns();
         let form = gObj.editSettings.mode === 'Dialog' ?
-            document.querySelector('#' + gObj.element.id + '_dialogEdit_wrapper').querySelector('.e-gridform') :
+            select('#' + gObj.element.id + '_dialogEdit_wrapper .e-gridform', document) :
             gObj.element.querySelector('.e-gridform');
         if (frzCols && gObj.editSettings.mode === 'Normal') {
             let rowIndex = parseInt(args.row.getAttribute('aria-rowindex'), 10);
@@ -29286,7 +29300,7 @@ class DropDownEditCell {
     dropDownOpen(args) {
         let dlgElement = parentsUntil(this.obj.element, 'e-dialog');
         if (this.parent.editSettings.mode === 'Dialog' && !isNullOrUndefined(dlgElement)) {
-            let dlgObj = document.querySelector('#' + dlgElement.id).ej2_instances[0];
+            let dlgObj = select('#' + dlgElement.id, document).ej2_instances[0];
             args.popup.element.style.zIndex = (dlgObj.zIndex + 1).toString();
         }
     }
@@ -29583,7 +29597,7 @@ class NormalEdit {
             previousData: this.previousData, selectedRow: gObj.selectedRowIndex, foreignKeyData: {}
         });
         let isDlg = gObj.editSettings.mode === 'Dialog';
-        let dlgWrapper = document.querySelector('#' + gObj.element.id + '_dialogEdit_wrapper');
+        let dlgWrapper = select('#' + gObj.element.id + '_dialogEdit_wrapper', document);
         let dlgForm = isDlg ? dlgWrapper.querySelector('.e-gridform') : gObj.element.querySelector('.e-gridform');
         let data = { virtualData: {}, isAdd: false };
         this.parent.notify(getVirtualData, data);
@@ -30892,7 +30906,7 @@ class BatchEdit {
             }
             this.renderer.update(cellEditArgs);
             this.parent.notify(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';
         });
@@ -32028,7 +32042,7 @@ class Edit {
         let frzCols = gObj.getFrozenColumns();
         let 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);
         let mForm = gObj.element.querySelectorAll('.e-gridform')[1];
         let rules = {};
         let mRules = {};
@@ -32099,7 +32113,7 @@ class Edit {
                 > (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);
     }
     validationComplete(args) {
         if (this.parent.isEdit) {
@@ -32155,7 +32169,7 @@ class Edit {
         }
         let 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);
         let client = table.getBoundingClientRect();
         let left = isInline ?
             this.parent.element.getBoundingClientRect().left : client.left;
@@ -32648,7 +32662,7 @@ class ColumnChooser {
         this.clearActions();
         this.parent.notify(columnChooserCancelBtnClick, { dialog: this.dlgObj });
     }
-    checkstatecolumn(isChecked, coluid, selectAll = false) {
+    checkstatecolumn(isChecked, coluid, selectAll$$1 = false) {
         if (isChecked) {
             if (this.hideColumn.indexOf(coluid) !== -1) {
                 this.hideColumn.splice(this.hideColumn.indexOf(coluid), 1);
@@ -32665,7 +32679,7 @@ class ColumnChooser {
                 this.hideColumn.push(coluid);
             }
         }
-        if (selectAll) {
+        if (selectAll$$1) {
             if (!isChecked) {
                 this.changedColumns.push(coluid);
             }
@@ -32746,8 +32760,8 @@ class ColumnChooser {
         let checkstate;
         let elem = parentsUntil(e.target, 'e-checkbox-wrapper');
         if (elem) {
-            let selectAll = elem.querySelector('.e-selectall');
-            if (selectAll) {
+            let selectAll$$1 = elem.querySelector('.e-selectall');
+            if (selectAll$$1) {
                 this.updateSelectAll(!elem.querySelector('.e-check'));
             }
             else {
@@ -32844,12 +32858,12 @@ class ColumnChooser {
         this.ulElement = this.parent.createElement('ul', { className: 'e-ccul-ele e-cc' });
         let selectAllValue = this.l10n.getConstant('SelectAll');
         let cclist = this.parent.createElement('li', { className: 'e-cclist e-cc e-cc-selectall' });
-        let selectAll = this.createCheckBox(selectAllValue, false, 'grid-selectAll');
+        let selectAll$$1 = this.createCheckBox(selectAllValue, false, 'grid-selectAll');
         if (gdCol.length) {
-            selectAll.querySelector('.e-checkbox-wrapper').firstElementChild.classList.add('e-selectall');
-            selectAll.querySelector('.e-frame').classList.add('e-selectall');
-            this.checkState(selectAll.querySelector('.e-icons'), true);
-            cclist.appendChild(selectAll);
+            selectAll$$1.querySelector('.e-checkbox-wrapper').firstElementChild.classList.add('e-selectall');
+            selectAll$$1.querySelector('.e-frame').classList.add('e-selectall');
+            this.checkState(selectAll$$1.querySelector('.e-icons'), true);
+            cclist.appendChild(selectAll$$1);
             this.ulElement.appendChild(cclist);
         }
         for (let i = 0; i < gdCol.length; i++) {
@@ -37901,7 +37915,7 @@ const detailLists = {
         },
         generateMessage(args, parent) {
             return WARNING + ': LOCALE CONFIG MISSING\n' + `Locale configuration for '${parent.locale}' is not provided.\n` +
-                `Refer to ${BASE_DOC_URL}/globalization-and-localization.html?#localization 
+                `Refer to ${BASE_DOC_URL}/globalization-and-localization.html?#localization 
              for documentation on setting locale configuration.`;
         }
     },