@syncfusion/ej2-angular-grids 19.4.52 → 19.4.53

package/CHANGELOG.md

@@ -6,6 +6,17 @@
 
 #### Bug Fixes
 
+- `#I364948` - column menu position issue when open last column is fixed.
+- `#I363675` - Need to set id and aria label for Grid checkboxes accessibility.
+- `#I366853` - Column menu icon is not showing in bigger tailwind theme.
+- `#I357480` - Need to include `strikeThrough` style for excel export issue has been fixed.
+
+## 19.4.52 (2022-02-15)
+
+### Grid
+
+#### Bug Fixes
+
 - `#I359192` - Ellipsis is not showing for the cells in the Firefox browser has been fixed.
 - `#I363178` - Filter dialog position mismatches when disable `ColumnMenu` for particular column is fixed.
 - `#I357482` - Not able to set the pager dropdown value as All on initialization issue has been fixed.

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

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-grids.umd.js
-*  version : 19.4.52
+*  version : 19.4.53
 *  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 : 19.4.52
+*  version : 19.4.53
 *  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@19.4.50",
+  "_id": "@syncfusion/ej2-angular-grids@19.4.52",
   "_inBundle": false,
-  "_integrity": "sha512-vEm1sDsO5nJ+BXpUHEBQxhNL4QLJKPry7Q62gQAmorQGW+fBL7/WLf6RmzYTyvJOy/f8gsj6t1TRq/AFfqscXQ==",
+  "_integrity": "sha512-+fuIDijnttEpE5Fi7WAO9gQba/2lkmf0DQwKJMS9/wXl+XKhzazgzm/ScyO+1tHJoy2CrsNkhP4wVMzE8IgvNw==",
   "_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-19.4.50.tgz",
-  "_shasum": "2820e66fa8c57ef014f72ce02c6262d9214a3983",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-angular-grids/-/ej2-angular-grids-19.4.52.tgz",
+  "_shasum": "91a77c73b6a2f37283d860d8c449fca8b2d5255c",
   "_spec": "@syncfusion/ej2-angular-grids@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -33,7 +33,7 @@
   "dependencies": {
     "@syncfusion/ej2-angular-base": "~19.4.52",
     "@syncfusion/ej2-base": "~19.4.52",
-    "@syncfusion/ej2-grids": "19.4.52"
+    "@syncfusion/ej2-grids": "19.4.53"
   },
   "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": "19.4.52"
+  "version": "19.4.53"
 }

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

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

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 = '^19.4.50';
+exports.pkgVer = '^19.4.52';
 exports.moduleName = 'GridModule, PagerModule';
-exports.themeVer = '~19.4.50';
+exports.themeVer = '~19.4.52';

package/schematics/utils/lib-details.ts

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

package/styles/bootstrap-dark.css

@@ -1031,6 +1031,7 @@
 }
 
 .e-xlflmenu .e-radio + label .e-label {
+  margin-top: 0;
   padding-left: 25px;
   padding-right: 9px;
 }
@@ -1172,6 +1173,7 @@
 .e-excelfilter.e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-caret {
   height: 40px;
   line-height: 40px;
+  margin-right: 0;
 }
 
 .e-bigger .e-excelfilter.e-dialog .e-dlg-content,
@@ -1305,6 +1307,7 @@
 .e-excelfilter .e-contextmenu-wrapper ul .e-menu-item .e-caret {
   height: 36px;
   line-height: 36px;
+  margin-right: 0;
 }
 
 .e-excelfilter .e-footer-content {
@@ -3690,6 +3693,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 
 .e-grid .e-groupdroparea {
   height: auto;
+  line-height: normal;
   min-height: 52px;
 }
 

package/styles/bootstrap.css

@@ -1031,6 +1031,7 @@
 }
 
 .e-xlflmenu .e-radio + label .e-label {
+  margin-top: 0;
   padding-left: 25px;
   padding-right: 9px;
 }
@@ -1172,6 +1173,7 @@
 .e-excelfilter.e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-caret {
   height: 40px;
   line-height: 40px;
+  margin-right: 0;
 }
 
 .e-bigger .e-excelfilter.e-dialog .e-dlg-content,
@@ -1305,6 +1307,7 @@
 .e-excelfilter .e-contextmenu-wrapper ul .e-menu-item .e-caret {
   height: 36px;
   line-height: 36px;
+  margin-right: 0;
 }
 
 .e-excelfilter .e-footer-content {
@@ -3691,6 +3694,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 
 .e-grid .e-groupdroparea {
   height: auto;
+  line-height: normal;
   min-height: 52px;
 }
 

package/styles/bootstrap4.css

@@ -1072,6 +1072,7 @@
 }
 
 .e-xlflmenu .e-radio + label .e-label {
+  margin-top: 0;
   padding-left: 25px;
   padding-right: 9px;
 }
@@ -1213,6 +1214,7 @@
 .e-excelfilter.e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-caret {
   height: 40px;
   line-height: 40px;
+  margin-right: 0;
 }
 
 .e-bigger .e-excelfilter.e-dialog .e-dlg-content,
@@ -1346,6 +1348,7 @@
 .e-excelfilter .e-contextmenu-wrapper ul .e-menu-item .e-caret {
   height: 36px;
   line-height: 36px;
+  margin-right: 0;
 }
 
 .e-excelfilter .e-footer-content {
@@ -3739,6 +3742,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 
 .e-grid .e-groupdroparea {
   height: auto;
+  line-height: normal;
   min-height: 52px;
 }
 

package/styles/bootstrap5-dark.css

@@ -1068,6 +1068,7 @@
 }
 
 .e-xlflmenu .e-radio + label .e-label {
+  margin-top: 0;
   padding-left: 25px;
   padding-right: 9px;
 }
@@ -1209,6 +1210,7 @@
 .e-excelfilter.e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-caret {
   height: 40px;
   line-height: 40px;
+  margin-right: 6.2px;
 }
 
 .e-bigger .e-excelfilter.e-dialog .e-dlg-content,
@@ -1342,6 +1344,7 @@
 .e-excelfilter .e-contextmenu-wrapper ul .e-menu-item .e-caret {
   height: 36px;
   line-height: 36px;
+  margin-right: 13px;
 }
 
 .e-excelfilter .e-footer-content {
@@ -1735,12 +1738,12 @@ li.e-separator.e-menu-item.e-excel-separator {
 
 .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
 .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
-  font-size: 18px;
+  font-size: 13px;
 }
 
 .e-bigger .e-grid .e-row .e-icon-rowdragicon::before,
 .e-grid.e-bigger .e-row .e-icon-rowdragicon::before {
-  font-size: 18px;
+  font-size: 13px;
 }
 
 .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
@@ -1767,7 +1770,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid .e-headercell,
 .e-grid.e-bigger .e-headercell {
   height: 40px;
-  padding: 10px 8px 10px;
+  padding: 10px 12px 10px;
 }
 
 .e-bigger .e-grid .e-headercelldiv,
@@ -1863,7 +1866,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-bigger .e-filterbarcell,
 .e-grid.e-bigger .e-filterbarcelldisabled {
   height: 40px;
-  padding: 0 8px;
+  padding: 0 12px;
 }
 
 .e-bigger .e-grid .e-filterbarcell input,
@@ -1929,7 +1932,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 
 .e-bigger .e-grid .e-filtermenudiv,
 .e-grid.e-bigger .e-filtermenudiv {
-  margin: -20px -6px;
+  margin: -14px -6px;
 }
 
 .e-bigger .e-grid .e-sortfilterdiv,
@@ -1939,7 +1942,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 
 .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv,
 .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -20px 26px -31px 0;
+  margin: -14px 19px -31px 0;
 }
 
 .e-bigger .e-grid .e-gridheader .e-columnheader.e-wrap .e-sortfilterdiv,
@@ -2005,7 +2008,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 
 .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
 .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
-  margin: -20px -20px 0 -4px;
+  margin: -14px -20px 0 -4px;
 }
 
 .e-bigger .e-grid.e-rtl .e-headercell .e-sortfilterdiv,
@@ -2032,7 +2035,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 
 .e-bigger .e-grid.e-rtl .e-filtermenudiv,
 .e-grid.e-bigger.e-rtl .e-filtermenudiv {
-  margin: -21px 0 -18px -10px;
+  margin: -20px 0 -18px -10px;
 }
 
 .e-bigger .e-grid.e-rtl .e-rightalign .e-filtermenudiv,
@@ -2044,7 +2047,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber,
 .e-grid.e-bigger.e-rtl .e-headercell .e-headercelldiv .e-sortnumber,
 .e-grid.e-bigger.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber {
-  margin: 5px 0 0 36px;
+  margin: 4px 0 0 36px;
 }
 
 .e-bigger .e-grid .e-rowcell,
@@ -2122,7 +2125,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,
@@ -2267,8 +2270,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-bigger .e-unboundcell,
 .e-grid.e-bigger .e-editedrow .e-normaledit .e-unboundcell,
 .e-grid.e-bigger .e-addedrow .e-normaledit .e-unboundcell {
-  padding-bottom: 6px;
-  padding-top: 6px;
+  padding-bottom: 1.2px;
+  padding-top: 1.2px;
 }
 
 .e-bigger .e-grid .e-grouptext,
@@ -2452,20 +2455,20 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 
 .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
-  font-size: 18px;
+  font-size: 13px;
 }
 
 .e-grid .e-row .e-icon-rowdragicon::before {
   display: block;
   text-indent: 10px;
-  font-size: 16px;
+  font-size: 14px;
   font-weight: bold;
   color: #adb5bd;
   opacity: 0.54;
 }
 
 .e-grid .e-row .e-icon-rowdragmoveicon::before {
-  font-size: 16px;
+  font-size: 14px;
   font-weight: bold;
 }
 
@@ -3223,7 +3226,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   float: right;
   height: 16px;
   margin: -28px -4px;
-  padding: 8px 8px;
+  padding: 1px 2px;
   width: 16px;
 }
 
@@ -3253,8 +3256,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 
 .e-grid .e-filtermenudiv {
   float: right;
-  margin: -20px -10px;
-  padding: 8px;
+  margin: -11px -8px;
+  padding: 2px 2px 1px;
   text-align: right;
 }
 
@@ -3303,25 +3306,25 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-radius: 65%;
   display: inline-block;
   float: right;
-  font-size: 11px;
+  font-size: 12px;
   height: 16px;
   line-height: 16px;
-  margin: 2px 11px 0 8px;
+  margin: 1.5px 11px 0 8px;
   text-align: center;
   width: 16px;
 }
 
 .e-grid .e-gridheader .e-rightalign .e-sortnumber {
   float: left;
-  margin: 2px 11px 0 15px;
+  margin: 1.5px 11px 0 15px;
 }
 
 .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -20px 29px -29px 0;
+  margin: -11px 20px -29px 0;
 }
 
 .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
-  margin: -20px -11px -5px -5px;
+  margin: -11px -11px -5px -5px;
 }
 
 .e-grid.e-wrap .e-gridheader .e-rightalign .e-sortnumber {
@@ -3345,7 +3348,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   position: absolute;
   right: 23px;
   float: right;
-  margin: -19px -18px -3px -19px;
+  margin: -19px -23px -3px -19px;
   padding: 6px;
 }
 
@@ -3744,6 +3747,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 
 .e-grid .e-groupdroparea {
   height: auto;
+  line-height: normal;
   min-height: 36px;
 }
 
@@ -4436,11 +4440,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 
 .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -20px -4px 0 26px;
+  margin: -11px -2px 0 8px;
 }
 
 .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
-  margin: -20px -4px 0 28px;
+  margin: -11px -25px 0 18px;
 }
 
 .e-grid.e-rtl .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
@@ -4740,8 +4744,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 
 .e-grid.e-rtl .e-filtermenudiv {
   float: left;
-  margin: -20px 0 -20px -6px;
-  padding: 8px;
+  margin: -11px 0 -20px -6px;
+  padding: 2px 2px 1px;
 }
 
 .e-grid.e-wrap .e-rowcell,
@@ -5248,7 +5252,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon {
   color: #adb5bd;
   font-size: 18px;
-  margin-top: -12px;
+  margin-top: -10px;
 }
 
 .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn:hover .e-btn-icon,
@@ -5279,7 +5283,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-dlg-custom-header,
 .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-dlg-custom-header {
   font-weight: 500;
-  padding-top: 5px;
+  padding-top: 4px;
   width: 100%;
 }
 
@@ -5619,7 +5623,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 
 .e-grid .e-gridheader .e-headercontent .e-icon-reorderuparrow,
 .e-grid .e-gridheader .e-headercontent .e-icon-reorderdownarrow {
-  color: #adb5bd;
+  color: #0d6efd;
 }
 
 .e-grid .e-groupdroparea .e-icons {
@@ -5906,18 +5910,18 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 
 .e-grid .e-rhelper {
-  background-color: #444c54;
+  background-color: #adb5bd;
   cursor: col-resize;
   opacity: 1;
 }
 
 .e-grid.e-device .e-rcursor::before {
-  border-right-color: #444c54;
+  border-right-color: #adb5bd;
   opacity: 1;
 }
 
 .e-grid.e-device .e-rcursor::after {
-  border-left-color: #444c54;
+  border-left-color: #adb5bd;
   opacity: 1;
 }