@syncfusion/ej2-angular-grids 20.1.57 → 20.1.58

package/CHANGELOG.md

@@ -6,6 +6,17 @@
 
 #### Bug Fixes
 
+- `#I357493` - An issue with the grid throws a `NotFoundError` on Unmount in IE11 when using the custom template has been resolved.
+- `#I372485` - Adding new rows in-between with infinite scrolling issue has been fixed.
+- `#I375336` - Scrolling is not working fine with Virtualization Grid when having frozen column has been fixed.
+- `#I374913` - Collapsing Group row is not working properly when cache mode enabled in `InfiniteScrolling` has been fixed.
+
+## 20.1.57 (2022-05-24)
+
+### Grid
+
+#### Bug Fixes
+
 - `#I359884` - Accessibility of Grid component has been improved.
 - `#I376539` - Sorting issue on URL Adaptor `DataManagerRequest` has been fixed.
 - `#I365726` - Image and Text overlap issue in excel image has been fixed.

package/dist/ej2-angular-grids.umd.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-grids.umd.js
-*  version : 20.1.57
+*  version : 20.1.58
 *  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/dist/ej2-angular-grids.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-grids.umd.min.js
-*  version : 20.1.57
+*  version : 20.1.58
 *  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/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-angular-grids@*",
-  "_id": "@syncfusion/ej2-angular-grids@20.1.56",
+  "_id": "@syncfusion/ej2-angular-grids@20.1.57",
   "_inBundle": false,
-  "_integrity": "sha512-vA/lq2994Ixj7Wc/AIZe0UR47yZ5kbetx7NsWwflIR2igKn1WfztbEUWJ2/BShDWw+VlmXw5JTVG12U/s4lHRw==",
+  "_integrity": "sha512-SiA+Qa3MTJv7/LZSASuAWEeokAOoIyOsrdMZCIWRsikEJeaGRN3YN3FoHkEyNwwSI7P68x+nqApkyIJwMRSvrg==",
   "_location": "/@syncfusion/ej2-angular-grids",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-angular-grids/-/ej2-angular-grids-20.1.56.tgz",
-  "_shasum": "81edd74d27024b50fc9f32a679f2f7480e54bf7a",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-angular-grids/-/ej2-angular-grids-20.1.57.tgz",
+  "_shasum": "9e0d11ce78acf9599e1d48ae5e24aa14dd95469a",
   "_spec": "@syncfusion/ej2-angular-grids@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -32,8 +32,8 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-angular-base": "~20.1.55",
-    "@syncfusion/ej2-base": "~20.1.56",
-    "@syncfusion/ej2-grids": "20.1.57"
+    "@syncfusion/ej2-base": "~20.1.57",
+    "@syncfusion/ej2-grids": "20.1.58"
   },
   "deprecated": false,
   "description": "Feature-rich JavaScript datagrid (datatable) control with built-in support for editing, filtering, grouping, paging, sorting, and exporting to Excel. for Angular",
@@ -69,5 +69,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "ej2-angular-grids.d.ts",
-  "version": "20.1.57"
+  "version": "20.1.58"
 }

package/schematics/ng-add/schema.json

@@ -1,6 +1,6 @@
 {
   "$schema": "http://json-schema.org/schema",
-  "id": "ngAdd",
+  "$id": "ngAdd",
   "title": "Add Essential JS 2 Angular packages",
   "type": "object",
   "properties": {

package/schematics/utils/lib-details.d.ts

@@ -1,4 +1,4 @@
 export declare const pkgName = "@syncfusion/ej2-angular-grids";
-export declare const pkgVer = "^20.1.56";
+export declare const pkgVer = "^20.1.57";
 export declare const moduleName = "GridModule, PagerModule";
-export declare const themeVer = "~20.1.56";
+export declare const themeVer = "~20.1.57";

package/schematics/utils/lib-details.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pkgName = '@syncfusion/ej2-angular-grids';
-exports.pkgVer = '^20.1.56';
+exports.pkgVer = '^20.1.57';
 exports.moduleName = 'GridModule, PagerModule';
-exports.themeVer = '~20.1.56';
+exports.themeVer = '~20.1.57';

package/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
 export const pkgName = '@syncfusion/ej2-angular-grids';
-export const pkgVer = '^20.1.56';
+export const pkgVer = '^20.1.57';
 export const moduleName = 'GridModule, PagerModule';
-export const themeVer = '~20.1.56';
+export const themeVer = '~20.1.57';

package/styles/bootstrap-dark.css

@@ -1566,6 +1566,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 31px;
+  top: 31px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -1775,7 +1776,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,

package/styles/bootstrap.css

@@ -1567,6 +1567,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 31px;
+  top: 31px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -1776,7 +1777,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,

package/styles/bootstrap4.css

@@ -1616,6 +1616,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 31px;
+  top: 32px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -1825,7 +1826,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,

package/styles/bootstrap5-dark.css

@@ -1659,6 +1659,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 21px;
+  top: 23px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {

package/styles/bootstrap5.css

@@ -1659,6 +1659,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 21px;
+  top: 23px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {

package/styles/fabric-dark.css

@@ -1542,6 +1542,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 35px;
+  top: 37px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {

package/styles/fabric.css

@@ -1535,6 +1535,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 35px;
+  top: 37px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {

package/styles/fluent-dark.css

@@ -1605,6 +1605,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 10px;
+  top: 28px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -1836,7 +1837,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,

package/styles/fluent.css

@@ -1605,6 +1605,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 10px;
+  top: 28px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -1836,7 +1837,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,

package/styles/grid/bootstrap-dark.css

@@ -473,6 +473,7 @@
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 31px;
+  top: 31px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -682,7 +683,7 @@
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,

package/styles/grid/bootstrap.css

@@ -474,6 +474,7 @@
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 31px;
+  top: 31px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -683,7 +684,7 @@
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,

package/styles/grid/bootstrap4.css

@@ -515,6 +515,7 @@
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 31px;
+  top: 32px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -724,7 +725,7 @@
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,

package/styles/grid/bootstrap5-dark.css

@@ -528,6 +528,7 @@
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 21px;
+  top: 23px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {

package/styles/grid/bootstrap5.css

@@ -528,6 +528,7 @@
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 21px;
+  top: 23px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {

package/styles/grid/fabric-dark.css

@@ -449,6 +449,7 @@
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 35px;
+  top: 37px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {

package/styles/grid/fabric.css

@@ -442,6 +442,7 @@
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 35px;
+  top: 37px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {

package/styles/grid/fluent-dark.css

@@ -507,6 +507,7 @@
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 10px;
+  top: 28px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -738,7 +739,7 @@
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,

package/styles/grid/fluent.css

@@ -507,6 +507,7 @@
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 10px;
+  top: 28px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -738,7 +739,7 @@
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,

package/styles/grid/highcontrast-light.css

@@ -446,6 +446,7 @@
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 31px;
+  top: 38px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -655,7 +656,7 @@
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,

package/styles/grid/highcontrast.css

@@ -446,6 +446,7 @@
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 31px;
+  top: 38px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {

package/styles/grid/material-dark.css

@@ -490,6 +490,7 @@
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 35px;
+  top: 35px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -699,7 +700,7 @@
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,

package/styles/grid/material.css

@@ -524,6 +524,7 @@
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 31px;
+  top: 35px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -733,7 +734,7 @@
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,

package/styles/grid/tailwind-dark.css

@@ -476,6 +476,7 @@
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 23px;
+  top: 24px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {

package/styles/grid/tailwind.css

@@ -476,6 +476,7 @@
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 23px;
+  top: 24px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {

package/styles/highcontrast-light.css

@@ -1539,6 +1539,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 31px;
+  top: 38px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -1748,7 +1749,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,

package/styles/highcontrast.css

@@ -1539,6 +1539,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 31px;
+  top: 38px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {

package/styles/material-dark.css

@@ -1589,6 +1589,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 35px;
+  top: 35px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -1798,7 +1799,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,

package/styles/material.css

@@ -1631,6 +1631,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 31px;
+  top: 35px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {
@@ -1840,7 +1841,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
-  right: 10px;
+  right: 23px;
 }
 .e-bigger .e-grid .e-groupheadercell,
 .e-bigger .e-grid .e-groupheadercell:hover,

package/styles/tailwind-dark.css

@@ -1700,6 +1700,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 23px;
+  top: 24px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {

package/styles/tailwind.css

@@ -1700,6 +1700,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-columnmenu,
 .e-grid.e-bigger .e-columnmenu {
   bottom: 23px;
+  top: 24px;
 }
 .e-bigger .e-grid.e-device.e-noselect,
 .e-grid.e-bigger.e-device.e-noselect {