@syncfusion/ej2-angular-grids 23.2.7 → 24.1.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (75) hide show
  1. package/esm2020/src/grid/grid.component.mjs +9 -3
  2. package/fesm2015/syncfusion-ej2-angular-grids.mjs +8 -2
  3. package/fesm2015/syncfusion-ej2-angular-grids.mjs.map +1 -1
  4. package/fesm2020/syncfusion-ej2-angular-grids.mjs +8 -2
  5. package/fesm2020/syncfusion-ej2-angular-grids.mjs.map +1 -1
  6. package/package.json +9 -9
  7. package/schematics/utils/lib-details.d.ts +2 -2
  8. package/schematics/utils/lib-details.js +2 -2
  9. package/schematics/utils/lib-details.ts +2 -2
  10. package/src/grid/grid.component.d.ts +8 -1
  11. package/styles/bootstrap-dark.css +249 -11
  12. package/styles/bootstrap.css +249 -11
  13. package/styles/bootstrap4.css +254 -15
  14. package/styles/bootstrap5-dark.css +249 -8
  15. package/styles/bootstrap5.css +249 -8
  16. package/styles/excel-filter/_material3-definition.scss +1 -1
  17. package/styles/fabric-dark.css +248 -10
  18. package/styles/fabric.css +248 -10
  19. package/styles/fluent-dark.css +256 -16
  20. package/styles/fluent.css +256 -16
  21. package/styles/grid/_bootstrap-dark-definition.scss +6 -2
  22. package/styles/grid/_bootstrap-definition.scss +6 -2
  23. package/styles/grid/_bootstrap4-definition.scss +10 -6
  24. package/styles/grid/_bootstrap5-definition.scss +4 -0
  25. package/styles/grid/_fabric-dark-definition.scss +6 -2
  26. package/styles/grid/_fabric-definition.scss +6 -2
  27. package/styles/grid/_fluent-definition.scss +10 -6
  28. package/styles/grid/_fusionnew-definition.scss +4 -0
  29. package/styles/grid/_highcontrast-definition.scss +5 -1
  30. package/styles/grid/_highcontrast-light-definition.scss +5 -1
  31. package/styles/grid/_layout.scss +231 -6
  32. package/styles/grid/_material-dark-definition.scss +5 -1
  33. package/styles/grid/_material-definition.scss +5 -1
  34. package/styles/grid/_material3-definition.scss +7 -3
  35. package/styles/grid/_tailwind-definition.scss +4 -0
  36. package/styles/grid/_theme.scss +8 -3
  37. package/styles/grid/bootstrap-dark.css +249 -11
  38. package/styles/grid/bootstrap.css +249 -11
  39. package/styles/grid/bootstrap4.css +254 -15
  40. package/styles/grid/bootstrap5-dark.css +249 -8
  41. package/styles/grid/bootstrap5.css +249 -8
  42. package/styles/grid/fabric-dark.css +248 -10
  43. package/styles/grid/fabric.css +248 -10
  44. package/styles/grid/fluent-dark.css +256 -16
  45. package/styles/grid/fluent.css +256 -16
  46. package/styles/grid/highcontrast-light.css +247 -9
  47. package/styles/grid/highcontrast.css +247 -9
  48. package/styles/grid/icons/_bootstrap-dark.scss +43 -2
  49. package/styles/grid/icons/_bootstrap.scss +43 -2
  50. package/styles/grid/icons/_bootstrap4.scss +43 -2
  51. package/styles/grid/icons/_bootstrap5.scss +40 -2
  52. package/styles/grid/icons/_fabric-dark.scss +43 -2
  53. package/styles/grid/icons/_fabric.scss +43 -2
  54. package/styles/grid/icons/_fluent.scss +43 -2
  55. package/styles/grid/icons/_fusionnew.scss +43 -2
  56. package/styles/grid/icons/_highcontrast-light.scss +43 -2
  57. package/styles/grid/icons/_highcontrast.scss +43 -2
  58. package/styles/grid/icons/_material-dark.scss +43 -2
  59. package/styles/grid/icons/_material.scss +43 -2
  60. package/styles/grid/icons/_material3.scss +46 -2
  61. package/styles/grid/icons/_tailwind.scss +43 -2
  62. package/styles/grid/material-dark.css +250 -10
  63. package/styles/grid/material.css +250 -10
  64. package/styles/grid/material3-dark.css +254 -12
  65. package/styles/grid/material3.css +254 -12
  66. package/styles/grid/tailwind-dark.css +247 -9
  67. package/styles/grid/tailwind.css +247 -9
  68. package/styles/highcontrast-light.css +247 -9
  69. package/styles/highcontrast.css +247 -9
  70. package/styles/material-dark.css +250 -10
  71. package/styles/material.css +250 -10
  72. package/styles/material3-dark.css +254 -12
  73. package/styles/material3.css +254 -12
  74. package/styles/tailwind-dark.css +247 -9
  75. package/styles/tailwind.css +247 -9
@@ -274,6 +274,10 @@
274
274
  .e-grid-menu .e-icon-rowdragicon::before {
275
275
  content: "\e330";
276
276
  }
277
+ .e-grid .e-responsivetoolbaritems-btn::before,
278
+ .e-grid-menu .e-responsivetoolbaritems-btn::before {
279
+ content: "\e984";
280
+ }
277
281
  .e-grid.e-rtl .e-icon-rowdragicon::before,
278
282
  .e-grid-menu.e-rtl .e-icon-rowdragicon::before {
279
283
  content: "\e330";
@@ -291,15 +295,43 @@
291
295
  .e-responsive-dialog .e-filterset::before {
292
296
  content: "\e21c";
293
297
  }
294
- .e-responsive-dialog .e-search-icon::before {
298
+ .e-responsive-dialog .e-search-icon::before, .e-responsive-dialog .e-ccdlg span.e-ccsearch-icon::before {
295
299
  content: "\e97d";
296
300
  }
297
- .e-responsive-dialog .e-chkcancel-icon::before {
301
+ .e-responsive-dialog .e-chkcancel-icon::before, .e-responsive-dialog .e-ccdlg span.e-cc-cancel::before {
298
302
  content: "\e7a7";
299
303
  }
300
304
  .e-responsive-dialog .e-icon-filter-clear::before {
301
305
  content: "\e247";
302
306
  }
307
+ .e-responsive-dialog .e-resfilter-icon.e-icons::before {
308
+ content: "\e21c";
309
+ }
310
+ .e-responsive-dialog .e-resascending-icon.e-icons::before {
311
+ content: "\e840";
312
+ }
313
+ .e-responsive-dialog .e-resdescending-icon.e-icons::before {
314
+ content: "\e83f";
315
+ }
316
+ .e-responsive-dialog .e-resgroup-icon.e-icons::before {
317
+ content: "\e926";
318
+ }
319
+ .e-responsive-dialog .e-resungroup-icon.e-icons::before {
320
+ content: "\e926";
321
+ }
322
+
323
+ .e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-icon.e-print::before {
324
+ content: "\e7df";
325
+ }
326
+ .e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-icon.e-pdfexport::before {
327
+ content: "\e240";
328
+ }
329
+ .e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-icon.e-excelexport::before {
330
+ content: "\e242";
331
+ }
332
+ .e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-icon.e-csvexport::before {
333
+ content: "\e241";
334
+ }
303
335
 
304
336
  .e-row-responsive-filter .e-dlg-closeicon-btn .e-icon-dlg-close::before {
305
337
  content: "\e610";
@@ -396,6 +428,10 @@
396
428
  height: 45px;
397
429
  padding: 0 10px 0;
398
430
  }
431
+ .e-bigger .e-grid.e-grid-autofit .e-headercell,
432
+ .e-grid.e-bigger.e-grid-autofit .e-headercell {
433
+ padding: 0 10px 0;
434
+ }
399
435
  .e-bigger .e-grid .e-headercelldiv,
400
436
  .e-grid.e-bigger .e-headercelldiv {
401
437
  font-size: 14px;
@@ -948,16 +984,28 @@
948
984
  position: relative;
949
985
  }
950
986
  .e-bigger .e-grid .e-rowcell .e-frozen-right-cursor,
987
+ .e-bigger .e-grid .e-rowcell .e-frozen-fixedright-cursor,
951
988
  .e-bigger .e-grid .e-rowcell .e-frozen-left-cursor,
989
+ .e-bigger .e-grid .e-rowcell .e-frozen-fixedleft-cursor,
952
990
  .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
991
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
953
992
  .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
993
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
954
994
  .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
995
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
996
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
955
997
  .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor,
956
998
  .e-grid.e-bigger .e-rowcell .e-frozen-right-cursor,
999
+ .e-grid.e-bigger .e-rowcell .e-frozen-fixedright-cursor,
957
1000
  .e-grid.e-bigger .e-rowcell .e-frozen-left-cursor,
1001
+ .e-grid.e-bigger .e-rowcell .e-frozen-fixedleft-cursor,
958
1002
  .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor,
1003
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
959
1004
  .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor,
1005
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
960
1006
  .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
1007
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
1008
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
961
1009
  .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
962
1010
  cursor: move;
963
1011
  height: 100%;
@@ -966,18 +1014,30 @@
966
1014
  width: 4px;
967
1015
  }
968
1016
  .e-bigger .e-grid .e-rowcell .e-frozen-left-cursor,
1017
+ .e-bigger .e-grid .e-rowcell .e-frozen-fixedright-cursor,
969
1018
  .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
1019
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
1020
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
970
1021
  .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor,
971
1022
  .e-grid.e-bigger .e-rowcell .e-frozen-left-cursor,
1023
+ .e-grid.e-bigger .e-rowcell .e-frozen-fixedright-cursor,
972
1024
  .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor,
1025
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
1026
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
973
1027
  .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
974
1028
  right: 0;
975
1029
  }
976
1030
  .e-bigger .e-grid .e-rowcell .e-frozen-right-cursor,
1031
+ .e-bigger .e-grid .e-rowcell .e-frozen-fixedleft-cursor,
977
1032
  .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
1033
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
1034
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
978
1035
  .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
979
1036
  .e-grid.e-bigger .e-rowcell .e-frozen-right-cursor,
1037
+ .e-grid.e-bigger .e-rowcell .e-frozen-fixedleft-cursor,
980
1038
  .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor,
1039
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
1040
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
981
1041
  .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor {
982
1042
  left: 0;
983
1043
  }
@@ -1109,6 +1169,18 @@
1109
1169
  .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid .e-gridcontent .e-rowcell.e-dragborder, .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder, .e-grid .e-gridcontent .e-detailrowcollapse.e-dragborder, .e-grid .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid .e-gridheader .e-rowcell.e-dragborder, .e-grid .e-gridheader .e-rowdragdrop.e-dragborder, .e-grid .e-gridheader .e-detailrowcollapse.e-dragborder, .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder, .e-grid.e-rtl .e-gridcontent .e-detailrowcollapse.e-dragborder, .e-grid.e-rtl .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridheader .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridheader .e-rowdragdrop.e-dragborder, .e-grid.e-rtl .e-gridheader .e-detailrowcollapse.e-dragborder {
1110
1170
  box-shadow: 0 2px 0 0 #0074cc;
1111
1171
  }
1172
+ .e-grid .e-gridcontent .e-rowcell.e-dragtop, .e-grid .e-gridcontent .e-rowdragdrop.e-dragtop, .e-grid .e-gridcontent .e-rowcell.e-dragtop.e-dragright, .e-grid .e-gridheader .e-rowcell.e-dragtop, .e-grid .e-gridheader .e-rowdragdrop.e-dragtop, .e-grid .e-gridheader .e-rowcell.e-dragtop.e-dragright, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragtop, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragtop, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragtop.e-dragright, .e-grid.e-rtl .e-gridheader .e-rowcell.e-dragtop, .e-grid.e-rtl .e-gridheader .e-rowdragdrop.e-dragtop, .e-grid.e-rtl .e-gridheader .e-rowcell.e-dragtop.e-dragright {
1173
+ border-top: 1px dashed #0074cc;
1174
+ }
1175
+ .e-grid .e-gridcontent .e-rowdragdrop.e-dragtop.e-dragleft, .e-grid .e-gridcontent .e-rowdragdrop.e-dragleft, .e-grid .e-gridcontent .e-rowdragdrop.e-dragbottom.e-dragleft, .e-grid .e-gridheader .e-rowdragdrop.e-dragtop.e-dragleft, .e-grid .e-gridheader .e-rowdragdrop.e-dragleft, .e-grid .e-gridheader .e-rowdragdrop.e-dragbottom.e-dragleft, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragtop.e-dragleft, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragleft, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragbottom.e-dragleft, .e-grid.e-rtl .e-gridheader .e-rowdragdrop.e-dragtop.e-dragleft, .e-grid.e-rtl .e-gridheader .e-rowdragdrop.e-dragleft, .e-grid.e-rtl .e-gridheader .e-rowdragdrop.e-dragbottom.e-dragleft {
1176
+ border-left: 1px dashed #0074cc;
1177
+ }
1178
+ .e-grid .e-gridcontent .e-rowcell.e-dragright, .e-grid .e-gridheader .e-rowcell.e-dragright, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragright, .e-grid.e-rtl .e-gridheader .e-rowcell.e-dragright {
1179
+ border-right: 1px dashed #0074cc;
1180
+ }
1181
+ .e-grid .e-gridcontent .e-rowcell.e-dragbottom, .e-grid .e-gridcontent .e-rowcell.e-lastrowcell.e-dragbottom, .e-grid .e-gridcontent .e-rowcell.e-dragtop.e-dragbottom, .e-grid .e-gridcontent .e-rowdragdrop.e-dragbottom, .e-grid .e-gridheader .e-rowcell.e-dragbottom, .e-grid .e-gridheader .e-rowcell.e-lastrowcell.e-dragbottom, .e-grid .e-gridheader .e-rowcell.e-dragtop.e-dragbottom, .e-grid .e-gridheader .e-rowdragdrop.e-dragbottom, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragbottom, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-lastrowcell.e-dragbottom, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragtop.e-dragbottom, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragbottom, .e-grid.e-rtl .e-gridheader .e-rowcell.e-dragbottom, .e-grid.e-rtl .e-gridheader .e-rowcell.e-lastrowcell.e-dragbottom, .e-grid.e-rtl .e-gridheader .e-rowcell.e-dragtop.e-dragbottom, .e-grid.e-rtl .e-gridheader .e-rowdragdrop.e-dragbottom {
1182
+ border-bottom: 1px dashed #0074cc;
1183
+ }
1112
1184
  .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid .e-gridcontent .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid .e-gridcontent .e-detailrowcollapse.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid .e-gridheader .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid .e-gridheader .e-rowdragdrop.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid .e-gridheader .e-detailrowcollapse.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid.e-rtl .e-gridcontent .e-detailrowcollapse.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid.e-rtl .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid.e-rtl .e-gridheader .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid.e-rtl .e-gridheader .e-rowdragdrop.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid.e-rtl .e-gridheader .e-detailrowcollapse.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze) {
1113
1185
  position: relative;
1114
1186
  }
@@ -1203,6 +1275,9 @@
1203
1275
  .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-input-group::before, .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-input-group::after {
1204
1276
  background: none;
1205
1277
  }
1278
+ .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-right:not(.e-responsive-right) .e-search-wrapper:not(.e-responsive-right) {
1279
+ width: 40px;
1280
+ }
1206
1281
  .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-right .e-search-wrapper {
1207
1282
  width: 100%;
1208
1283
  padding-left: 16px;
@@ -1229,6 +1304,9 @@
1229
1304
  .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
1230
1305
  padding-left: 0;
1231
1306
  }
1307
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-tbar-btn:hover {
1308
+ background: none;
1309
+ }
1232
1310
  .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
1233
1311
  margin: 0;
1234
1312
  }
@@ -1816,6 +1894,17 @@
1816
1894
  .e-grid .e-gridheader .e-stackedheadercelldiv {
1817
1895
  padding: 0 20px 0 5px;
1818
1896
  }
1897
+ .e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
1898
+ .e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
1899
+ .e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
1900
+ .e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
1901
+ padding-right: 5px;
1902
+ }
1903
+ .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
1904
+ .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv, .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
1905
+ .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
1906
+ padding-left: 5px;
1907
+ }
1819
1908
  .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
1820
1909
  padding: 0 20px 0 5px;
1821
1910
  }
@@ -2037,6 +2126,13 @@
2037
2126
  min-height: 160px;
2038
2127
  overflow-y: auto;
2039
2128
  }
2129
+ .e-grid .e-checkboxlist.e-checkbox-infinitescroll {
2130
+ border-top-style: solid;
2131
+ border-top-color: rgba(248, 248, 248, 0.12);
2132
+ border-top-width: 1px;
2133
+ margin-top: 0;
2134
+ overflow-x: hidden;
2135
+ }
2040
2136
  .e-grid .e-checkfltrnmdiv {
2041
2137
  height: 60px;
2042
2138
  padding: 23px;
@@ -3329,10 +3425,16 @@
3329
3425
  position: relative;
3330
3426
  }
3331
3427
  .e-grid.sf-grid .e-rowcell .e-frozen-right-cursor,
3428
+ .e-grid.sf-grid .e-rowcell .e-frozen-fixedright-cursor,
3332
3429
  .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor,
3430
+ .e-grid.sf-grid .e-rowcell .e-frozen-fixedleft-cursor,
3333
3431
  .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
3432
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
3334
3433
  .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
3434
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
3335
3435
  .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
3436
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
3437
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
3336
3438
  .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
3337
3439
  cursor: move;
3338
3440
  height: 100%;
@@ -3341,12 +3443,18 @@
3341
3443
  width: 4px;
3342
3444
  }
3343
3445
  .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor,
3446
+ .e-grid.sf-grid .e-rowcell .e-frozen-fixedright-cursor,
3344
3447
  .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
3448
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
3449
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
3345
3450
  .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
3346
3451
  right: 0;
3347
3452
  }
3348
3453
  .e-grid.sf-grid .e-rowcell .e-frozen-right-cursor,
3454
+ .e-grid.sf-grid .e-rowcell .e-frozen-fixedleft-cursor,
3349
3455
  .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
3456
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
3457
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
3350
3458
  .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor {
3351
3459
  left: 0;
3352
3460
  }
@@ -3482,6 +3590,12 @@
3482
3590
  .e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
3483
3591
  border-width: 0 0 0 1px;
3484
3592
  }
3593
+ .e-grid.sf-grid.e-default.e-bothlines .e-headercell.e-leftfreeze.e-freezeleftborder, .e-grid.sf-grid.e-default.e-verticallines .e-headercell.e-leftfreeze.e-freezeleftborder {
3594
+ border-right-width: 2px;
3595
+ }
3596
+ .e-grid.sf-grid.e-default.e-bothlines .e-headercell.e-rightfreeze.e-freezerightborder, .e-grid.sf-grid.e-default.e-verticallines .e-headercell.e-rightfreeze.e-freezerightborder {
3597
+ border-left-width: 2px;
3598
+ }
3485
3599
  .e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
3486
3600
  border-bottom-style: solid;
3487
3601
  border-bottom-width: 1px;
@@ -3781,6 +3895,105 @@
3781
3895
  .e-bigger.e-responsive-dialog .e-btn.e-ripple {
3782
3896
  overflow: initial;
3783
3897
  }
3898
+ .e-bigger .e-responsive-dialog .columnmenudiv,
3899
+ .e-bigger.e-responsive-dialog .columnmenudiv {
3900
+ /* stylelint-disable */
3901
+ /* stylelint-enable */
3902
+ }
3903
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsiveascendingdiv .e-resascending-icon,
3904
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsivedescendingdiv .e-resdescending-icon,
3905
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsivegroupdiv .e-resgroup-icon,
3906
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsiveungroupdiv .e-resungroup-icon,
3907
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsivecoldiv .e-ressort-icon,
3908
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsivefilterdiv .e-resfilter-icon,
3909
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsiveascendingdiv .e-resascending-icon,
3910
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsivedescendingdiv .e-resdescending-icon,
3911
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsivegroupdiv .e-resgroup-icon,
3912
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsiveungroupdiv .e-resungroup-icon,
3913
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsivecoldiv .e-ressort-icon,
3914
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsivefilterdiv .e-resfilter-icon {
3915
+ margin-top: 0;
3916
+ position: absolute;
3917
+ }
3918
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsivecoldiv .e-res-header-text.e-rescolumn-menu,
3919
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsivecoldiv .e-res-header-text.e-rescolumn-menu {
3920
+ margin-left: 33px !important;
3921
+ }
3922
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv,
3923
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv {
3924
+ /* stylelint-disable */
3925
+ /* stylelint-enable */
3926
+ /* stylelint-disable */
3927
+ /* stylelint-enable */
3928
+ }
3929
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg.e-cc.e-control.e-dialog,
3930
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg.e-cc.e-control.e-dialog {
3931
+ left: 0 !important;
3932
+ max-height: 100% !important;
3933
+ width: 100% !important;
3934
+ }
3935
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg,
3936
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg {
3937
+ /* stylelint-disable */
3938
+ /* stylelint-enable */
3939
+ }
3940
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg li.e-cclist,
3941
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg li.e-cclist {
3942
+ padding: 13px 0 13px 6px;
3943
+ }
3944
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-main-div.e-cc,
3945
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-main-div.e-cc {
3946
+ height: 100%;
3947
+ }
3948
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-cc-contentdiv,
3949
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-cc-contentdiv {
3950
+ height: 90% !important;
3951
+ min-height: 160px;
3952
+ overflow-y: auto !important;
3953
+ }
3954
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-dlg-content,
3955
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-dlg-content {
3956
+ padding: 8px 16px 8px 8px;
3957
+ overflow-y: hidden;
3958
+ }
3959
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-ccul-ele,
3960
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-ccul-ele {
3961
+ margin: 13px 0;
3962
+ padding: 0;
3963
+ }
3964
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-chk-hidden,
3965
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-chk-hidden {
3966
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
3967
+ height: 1px;
3968
+ opacity: 0;
3969
+ width: 1px;
3970
+ }
3971
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-contentdiv,
3972
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-contentdiv {
3973
+ height: 90% !important;
3974
+ min-height: 160px;
3975
+ overflow-y: auto !important;
3976
+ }
3977
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox,
3978
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox {
3979
+ padding-left: 8px;
3980
+ }
3981
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox .e-ccsearch-icon:hover,
3982
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox .e-cc-cancel:hover,
3983
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox .e-ccsearch-icon:hover,
3984
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox .e-cc-cancel:hover {
3985
+ background: none;
3986
+ }
3987
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccsearch-icon,
3988
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-cancel,
3989
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-search-icon,
3990
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-chkcancel-icon,
3991
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccsearch-icon,
3992
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-cancel,
3993
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-search-icon,
3994
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-chkcancel-icon {
3995
+ font-size: 20px;
3996
+ }
3784
3997
  .e-bigger .e-responsive-dialog .e-dlg-header-content,
3785
3998
  .e-bigger.e-responsive-dialog .e-dlg-header-content {
3786
3999
  background: #201f1f;
@@ -3804,7 +4017,7 @@
3804
4017
  .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon {
3805
4018
  color: #dadada;
3806
4019
  font-size: 17px;
3807
- margin-top: 0;
4020
+ margin-top: 2px;
3808
4021
  }
3809
4022
  .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn:hover .e-btn-icon, .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn:focus .e-btn-icon,
3810
4023
  .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn:hover .e-btn-icon,
@@ -3847,7 +4060,7 @@
3847
4060
  color: #0074cc;
3848
4061
  font-size: 19px;
3849
4062
  font-weight: 500;
3850
- padding-top: 5px;
4063
+ padding-top: 3px;
3851
4064
  }
3852
4065
  .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn,
3853
4066
  .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn {
@@ -3885,8 +4098,11 @@
3885
4098
  padding-top: 0;
3886
4099
  }
3887
4100
  .e-bigger .e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv,
3888
- .e-bigger.e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv {
4101
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-ccnmdiv,
4102
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv,
4103
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-ccnmdiv {
3889
4104
  text-align: center;
4105
+ padding-top: 40px;
3890
4106
  }
3891
4107
  .e-bigger .e-responsive-dialog .e-dlg-content .e-filtersetdiv,
3892
4108
  .e-bigger.e-responsive-dialog .e-dlg-content .e-filtersetdiv {
@@ -3916,6 +4132,10 @@
3916
4132
  .e-bigger.e-responsive-dialog .e-dlg-content .e-excelfilter .e-checkboxlist > span {
3917
4133
  padding-left: 9px;
3918
4134
  }
4135
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-ccdlg,
4136
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-ccdlg {
4137
+ border: transparent;
4138
+ }
3919
4139
  .e-bigger .e-responsive-dialog .e-dlg-content .e-xlflmenu,
3920
4140
  .e-bigger.e-responsive-dialog .e-dlg-content .e-xlflmenu {
3921
4141
  border: transparent;
@@ -3982,10 +4202,13 @@
3982
4202
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox {
3983
4203
  padding-left: 10px;
3984
4204
  }
3985
- .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:focus, .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:active, .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:hover,
4205
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:focus, .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:active, .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:hover, .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-chkcancel-icon:focus, .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-chkcancel-icon:active, .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-chkcancel-icon:hover,
3986
4206
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:focus,
3987
4207
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:active,
3988
- .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:hover {
4208
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:hover,
4209
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-chkcancel-icon:focus,
4210
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-chkcancel-icon:active,
4211
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-chkcancel-icon:hover {
3989
4212
  background: none;
3990
4213
  }
3991
4214
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner,
@@ -4078,7 +4301,17 @@
4078
4301
  .e-bigger.e-responsive-dialog.e-rtl .e-ressortbutton-parent {
4079
4302
  float: left;
4080
4303
  }
4304
+ .e-bigger .e-responsive-dialog.e-rtl .columnmenudiv .e-responsivecoldiv .e-res-header-text.e-rescolumn-menu,
4305
+ .e-bigger.e-responsive-dialog.e-rtl .columnmenudiv .e-responsivecoldiv .e-res-header-text.e-rescolumn-menu {
4306
+ margin-right: 33px;
4307
+ }
4081
4308
 
4309
+ /* stylelint-disable */
4310
+ .e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-item.e-focused {
4311
+ background-color: transparent !important;
4312
+ }
4313
+
4314
+ /* stylelint-enable */
4082
4315
  /* stylelint-disable */
4083
4316
  .e-ddl.e-popup.e-popup-flmenu .e-dropdownbase,
4084
4317
  .e-ddl.e-popup.e-popup-flbar .e-dropdownbase {
@@ -4349,9 +4582,9 @@
4349
4582
  .e-grid .e-xlsel-bottom-border {
4350
4583
  border-bottom-color: #fff;
4351
4584
  }
4352
- .e-grid .e-leftfreeze:not(.e-summarycell, .e-indentcell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
4353
- .e-grid .e-rightfreeze:not(.e-summarycell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
4354
- .e-grid .e-fixedfreeze:not(.e-summarycell, .e-selectionbackground, .e-updatedtd, .e-columnselection, .e-groupcaption, .e-cellselectionbackground) {
4585
+ .e-grid .e-leftfreeze:not(.e-summarycell, .e-indentcell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground, .e-active),
4586
+ .e-grid .e-rightfreeze:not(.e-summarycell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground, .e-active),
4587
+ .e-grid .e-fixedfreeze:not(.e-summarycell, .e-selectionbackground, .e-updatedtd, .e-columnselection, .e-groupcaption, .e-cellselectionbackground, .e-active) {
4355
4588
  background-color: #201f1f;
4356
4589
  }
4357
4590
  .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-groupcaption,
@@ -4599,10 +4832,15 @@
4599
4832
  border-right: 0 #414040 solid;
4600
4833
  }
4601
4834
  .e-grid .e-ftrchk.e-chkfocus,
4835
+ .e-grid .e-menu-item.e-menufocus,
4602
4836
  .e-grid li.e-cclist.e-colfocus {
4603
4837
  background-color: #414040;
4604
4838
  }
4605
4839
 
4840
+ .e-spreadsheet .e-ftrchk.e-chkfocus {
4841
+ background-color: #414040;
4842
+ }
4843
+
4606
4844
  .e-tooltip-wrap.e-griderror,
4607
4845
  .e-control.e-tooltip-wrap.e-popup.e-griderror {
4608
4846
  background-color: #fcdbe4;