@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
@@ -271,6 +271,10 @@
271
271
  .e-grid-menu .e-icon-rowdragicon::before {
272
272
  content: "\e330";
273
273
  }
274
+ .e-grid .e-responsivetoolbaritems-btn::before,
275
+ .e-grid-menu .e-responsivetoolbaritems-btn::before {
276
+ content: "\e984";
277
+ }
274
278
  .e-grid.e-rtl .e-icon-rowdragicon::before,
275
279
  .e-grid-menu.e-rtl .e-icon-rowdragicon::before {
276
280
  content: "\e330";
@@ -288,15 +292,43 @@
288
292
  .e-responsive-dialog .e-filterset::before {
289
293
  content: "\e21c";
290
294
  }
291
- .e-responsive-dialog .e-search-icon::before {
295
+ .e-responsive-dialog .e-search-icon::before, .e-responsive-dialog .e-ccdlg span.e-ccsearch-icon::before {
292
296
  content: "\e97d";
293
297
  }
294
- .e-responsive-dialog .e-chkcancel-icon::before {
298
+ .e-responsive-dialog .e-chkcancel-icon::before, .e-responsive-dialog .e-ccdlg span.e-cc-cancel::before {
295
299
  content: "\e7a7";
296
300
  }
297
301
  .e-responsive-dialog .e-icon-filter-clear::before {
298
302
  content: "\e247";
299
303
  }
304
+ .e-responsive-dialog .e-resfilter-icon.e-icons::before {
305
+ content: "\e21c";
306
+ }
307
+ .e-responsive-dialog .e-resascending-icon.e-icons::before {
308
+ content: "\e840";
309
+ }
310
+ .e-responsive-dialog .e-resdescending-icon.e-icons::before {
311
+ content: "\e83f";
312
+ }
313
+ .e-responsive-dialog .e-resgroup-icon.e-icons::before {
314
+ content: "\e926";
315
+ }
316
+ .e-responsive-dialog .e-resungroup-icon.e-icons::before {
317
+ content: "\e926";
318
+ }
319
+
320
+ .e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-icon.e-print::before {
321
+ content: "\e7df";
322
+ }
323
+ .e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-icon.e-pdfexport::before {
324
+ content: "\e240";
325
+ }
326
+ .e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-icon.e-excelexport::before {
327
+ content: "\e242";
328
+ }
329
+ .e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-icon.e-csvexport::before {
330
+ content: "\e241";
331
+ }
300
332
 
301
333
  .e-row-responsive-filter .e-dlg-closeicon-btn .e-icon-dlg-close::before {
302
334
  content: "\e962";
@@ -393,6 +425,10 @@
393
425
  height: 45px;
394
426
  padding: 0 10px 0;
395
427
  }
428
+ .e-bigger .e-grid.e-grid-autofit .e-headercell,
429
+ .e-grid.e-bigger.e-grid-autofit .e-headercell {
430
+ padding: 0 10px 0;
431
+ }
396
432
  .e-bigger .e-grid .e-headercelldiv,
397
433
  .e-grid.e-bigger .e-headercelldiv {
398
434
  font-size: 14px;
@@ -945,16 +981,28 @@
945
981
  position: relative;
946
982
  }
947
983
  .e-bigger .e-grid .e-rowcell .e-frozen-right-cursor,
984
+ .e-bigger .e-grid .e-rowcell .e-frozen-fixedright-cursor,
948
985
  .e-bigger .e-grid .e-rowcell .e-frozen-left-cursor,
986
+ .e-bigger .e-grid .e-rowcell .e-frozen-fixedleft-cursor,
949
987
  .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
988
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
950
989
  .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
990
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
951
991
  .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
992
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
993
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
952
994
  .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor,
953
995
  .e-grid.e-bigger .e-rowcell .e-frozen-right-cursor,
996
+ .e-grid.e-bigger .e-rowcell .e-frozen-fixedright-cursor,
954
997
  .e-grid.e-bigger .e-rowcell .e-frozen-left-cursor,
998
+ .e-grid.e-bigger .e-rowcell .e-frozen-fixedleft-cursor,
955
999
  .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor,
1000
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
956
1001
  .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor,
1002
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
957
1003
  .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
1004
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
1005
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
958
1006
  .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
959
1007
  cursor: move;
960
1008
  height: 100%;
@@ -963,18 +1011,30 @@
963
1011
  width: 4px;
964
1012
  }
965
1013
  .e-bigger .e-grid .e-rowcell .e-frozen-left-cursor,
1014
+ .e-bigger .e-grid .e-rowcell .e-frozen-fixedright-cursor,
966
1015
  .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
1016
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
1017
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
967
1018
  .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor,
968
1019
  .e-grid.e-bigger .e-rowcell .e-frozen-left-cursor,
1020
+ .e-grid.e-bigger .e-rowcell .e-frozen-fixedright-cursor,
969
1021
  .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor,
1022
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
1023
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
970
1024
  .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
971
1025
  right: 0;
972
1026
  }
973
1027
  .e-bigger .e-grid .e-rowcell .e-frozen-right-cursor,
1028
+ .e-bigger .e-grid .e-rowcell .e-frozen-fixedleft-cursor,
974
1029
  .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
1030
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
1031
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
975
1032
  .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
976
1033
  .e-grid.e-bigger .e-rowcell .e-frozen-right-cursor,
1034
+ .e-grid.e-bigger .e-rowcell .e-frozen-fixedleft-cursor,
977
1035
  .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor,
1036
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
1037
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
978
1038
  .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor {
979
1039
  left: 0;
980
1040
  }
@@ -1106,6 +1166,18 @@
1106
1166
  .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 {
1107
1167
  box-shadow: 0 2px 0 0 #400074;
1108
1168
  }
1169
+ .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 {
1170
+ border-top: 1px dashed #400074;
1171
+ }
1172
+ .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 {
1173
+ border-left: 1px dashed #400074;
1174
+ }
1175
+ .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 {
1176
+ border-right: 1px dashed #400074;
1177
+ }
1178
+ .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 {
1179
+ border-bottom: 1px dashed #400074;
1180
+ }
1109
1181
  .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) {
1110
1182
  position: relative;
1111
1183
  }
@@ -1200,6 +1272,9 @@
1200
1272
  .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 {
1201
1273
  background: none;
1202
1274
  }
1275
+ .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-right:not(.e-responsive-right) .e-search-wrapper:not(.e-responsive-right) {
1276
+ width: 40px;
1277
+ }
1203
1278
  .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-right .e-search-wrapper {
1204
1279
  width: 100%;
1205
1280
  padding-left: 28px;
@@ -1226,6 +1301,9 @@
1226
1301
  .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
1227
1302
  padding-left: 0;
1228
1303
  }
1304
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-tbar-btn:hover {
1305
+ background: none;
1306
+ }
1229
1307
  .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
1230
1308
  margin: 0;
1231
1309
  }
@@ -1813,6 +1891,17 @@
1813
1891
  .e-grid .e-gridheader .e-stackedheadercelldiv {
1814
1892
  padding: 0 10px 0 0;
1815
1893
  }
1894
+ .e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
1895
+ .e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
1896
+ .e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
1897
+ .e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
1898
+ padding-right: 0;
1899
+ }
1900
+ .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
1901
+ .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,
1902
+ .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
1903
+ padding-left: 0;
1904
+ }
1816
1905
  .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
1817
1906
  padding: 0 10px 0 0;
1818
1907
  }
@@ -2034,6 +2123,13 @@
2034
2123
  min-height: 160px;
2035
2124
  overflow-y: auto;
2036
2125
  }
2126
+ .e-grid .e-checkboxlist.e-checkbox-infinitescroll {
2127
+ border-top-style: solid;
2128
+ border-top-color: #757575;
2129
+ border-top-width: 1px;
2130
+ margin-top: 0;
2131
+ overflow-x: hidden;
2132
+ }
2037
2133
  .e-grid .e-checkfltrnmdiv {
2038
2134
  height: 60px;
2039
2135
  padding: 23px;
@@ -3326,10 +3422,16 @@
3326
3422
  position: relative;
3327
3423
  }
3328
3424
  .e-grid.sf-grid .e-rowcell .e-frozen-right-cursor,
3425
+ .e-grid.sf-grid .e-rowcell .e-frozen-fixedright-cursor,
3329
3426
  .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor,
3427
+ .e-grid.sf-grid .e-rowcell .e-frozen-fixedleft-cursor,
3330
3428
  .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
3429
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
3331
3430
  .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
3431
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
3332
3432
  .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
3433
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
3434
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
3333
3435
  .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
3334
3436
  cursor: move;
3335
3437
  height: 100%;
@@ -3338,12 +3440,18 @@
3338
3440
  width: 4px;
3339
3441
  }
3340
3442
  .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor,
3443
+ .e-grid.sf-grid .e-rowcell .e-frozen-fixedright-cursor,
3341
3444
  .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
3445
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
3446
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
3342
3447
  .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
3343
3448
  right: 0;
3344
3449
  }
3345
3450
  .e-grid.sf-grid .e-rowcell .e-frozen-right-cursor,
3451
+ .e-grid.sf-grid .e-rowcell .e-frozen-fixedleft-cursor,
3346
3452
  .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
3453
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
3454
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
3347
3455
  .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor {
3348
3456
  left: 0;
3349
3457
  }
@@ -3479,6 +3587,12 @@
3479
3587
  .e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
3480
3588
  border-width: 0 0 0 1px;
3481
3589
  }
3590
+ .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 {
3591
+ border-right-width: 2px;
3592
+ }
3593
+ .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 {
3594
+ border-left-width: 2px;
3595
+ }
3482
3596
  .e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
3483
3597
  border-bottom-style: solid;
3484
3598
  border-bottom-width: 1px;
@@ -3778,6 +3892,105 @@
3778
3892
  .e-bigger.e-responsive-dialog .e-btn.e-ripple {
3779
3893
  overflow: initial;
3780
3894
  }
3895
+ .e-bigger .e-responsive-dialog .columnmenudiv,
3896
+ .e-bigger.e-responsive-dialog .columnmenudiv {
3897
+ /* stylelint-disable */
3898
+ /* stylelint-enable */
3899
+ }
3900
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsiveascendingdiv .e-resascending-icon,
3901
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsivedescendingdiv .e-resdescending-icon,
3902
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsivegroupdiv .e-resgroup-icon,
3903
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsiveungroupdiv .e-resungroup-icon,
3904
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsivecoldiv .e-ressort-icon,
3905
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsivefilterdiv .e-resfilter-icon,
3906
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsiveascendingdiv .e-resascending-icon,
3907
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsivedescendingdiv .e-resdescending-icon,
3908
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsivegroupdiv .e-resgroup-icon,
3909
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsiveungroupdiv .e-resungroup-icon,
3910
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsivecoldiv .e-ressort-icon,
3911
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsivefilterdiv .e-resfilter-icon {
3912
+ margin-top: 4px;
3913
+ position: absolute;
3914
+ }
3915
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsivecoldiv .e-res-header-text.e-rescolumn-menu,
3916
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsivecoldiv .e-res-header-text.e-rescolumn-menu {
3917
+ margin-left: 33px !important;
3918
+ }
3919
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv,
3920
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv {
3921
+ /* stylelint-disable */
3922
+ /* stylelint-enable */
3923
+ /* stylelint-disable */
3924
+ /* stylelint-enable */
3925
+ }
3926
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg.e-cc.e-control.e-dialog,
3927
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg.e-cc.e-control.e-dialog {
3928
+ left: 0 !important;
3929
+ max-height: 100% !important;
3930
+ width: 100% !important;
3931
+ }
3932
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg,
3933
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg {
3934
+ /* stylelint-disable */
3935
+ /* stylelint-enable */
3936
+ }
3937
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg li.e-cclist,
3938
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg li.e-cclist {
3939
+ padding: 13px 0 13px 6px;
3940
+ }
3941
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-main-div.e-cc,
3942
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-main-div.e-cc {
3943
+ height: 100%;
3944
+ }
3945
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-cc-contentdiv,
3946
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-cc-contentdiv {
3947
+ height: 90% !important;
3948
+ min-height: 160px;
3949
+ overflow-y: auto !important;
3950
+ }
3951
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-dlg-content,
3952
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-dlg-content {
3953
+ padding: 8px 16px 8px 8px;
3954
+ overflow-y: hidden;
3955
+ }
3956
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-ccul-ele,
3957
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-ccul-ele {
3958
+ margin: 13px 0;
3959
+ padding: 0;
3960
+ }
3961
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-chk-hidden,
3962
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-chk-hidden {
3963
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
3964
+ height: 1px;
3965
+ opacity: 0;
3966
+ width: 1px;
3967
+ }
3968
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-contentdiv,
3969
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-contentdiv {
3970
+ height: 90% !important;
3971
+ min-height: 160px;
3972
+ overflow-y: auto !important;
3973
+ }
3974
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox,
3975
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox {
3976
+ padding-left: 8px;
3977
+ }
3978
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox .e-ccsearch-icon:hover,
3979
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox .e-cc-cancel:hover,
3980
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox .e-ccsearch-icon:hover,
3981
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox .e-cc-cancel:hover {
3982
+ background: none;
3983
+ }
3984
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccsearch-icon,
3985
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-cancel,
3986
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-search-icon,
3987
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-chkcancel-icon,
3988
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccsearch-icon,
3989
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-cancel,
3990
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-search-icon,
3991
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-chkcancel-icon {
3992
+ font-size: 20px;
3993
+ }
3781
3994
  .e-bigger .e-responsive-dialog .e-dlg-header-content,
3782
3995
  .e-bigger.e-responsive-dialog .e-dlg-header-content {
3783
3996
  background: #fff;
@@ -3844,7 +4057,7 @@
3844
4057
  color: #400074;
3845
4058
  font-size: 19px;
3846
4059
  font-weight: 500;
3847
- padding-top: 5px;
4060
+ padding-top: 2px;
3848
4061
  }
3849
4062
  .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn,
3850
4063
  .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn {
@@ -3882,8 +4095,11 @@
3882
4095
  padding-top: 0;
3883
4096
  }
3884
4097
  .e-bigger .e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv,
3885
- .e-bigger.e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv {
4098
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-ccnmdiv,
4099
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv,
4100
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-ccnmdiv {
3886
4101
  text-align: center;
4102
+ padding-top: 40px;
3887
4103
  }
3888
4104
  .e-bigger .e-responsive-dialog .e-dlg-content .e-filtersetdiv,
3889
4105
  .e-bigger.e-responsive-dialog .e-dlg-content .e-filtersetdiv {
@@ -3913,6 +4129,10 @@
3913
4129
  .e-bigger.e-responsive-dialog .e-dlg-content .e-excelfilter .e-checkboxlist > span {
3914
4130
  padding-left: 9px;
3915
4131
  }
4132
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-ccdlg,
4133
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-ccdlg {
4134
+ border: transparent;
4135
+ }
3916
4136
  .e-bigger .e-responsive-dialog .e-dlg-content .e-xlflmenu,
3917
4137
  .e-bigger.e-responsive-dialog .e-dlg-content .e-xlflmenu {
3918
4138
  border: transparent;
@@ -3979,10 +4199,13 @@
3979
4199
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox {
3980
4200
  padding-left: 10px;
3981
4201
  }
3982
- .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,
4202
+ .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,
3983
4203
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:focus,
3984
4204
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:active,
3985
- .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:hover,
4206
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-chkcancel-icon:focus,
4207
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-chkcancel-icon:active,
4208
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-chkcancel-icon:hover {
3986
4209
  background: none;
3987
4210
  }
3988
4211
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner,
@@ -4075,7 +4298,17 @@
4075
4298
  .e-bigger.e-responsive-dialog.e-rtl .e-ressortbutton-parent {
4076
4299
  float: left;
4077
4300
  }
4301
+ .e-bigger .e-responsive-dialog.e-rtl .columnmenudiv .e-responsivecoldiv .e-res-header-text.e-rescolumn-menu,
4302
+ .e-bigger.e-responsive-dialog.e-rtl .columnmenudiv .e-responsivecoldiv .e-res-header-text.e-rescolumn-menu {
4303
+ margin-right: 33px;
4304
+ }
4078
4305
 
4306
+ /* stylelint-disable */
4307
+ .e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-item.e-focused {
4308
+ background-color: transparent !important;
4309
+ }
4310
+
4311
+ /* stylelint-enable */
4079
4312
  /* stylelint-disable */
4080
4313
  .e-ddl.e-popup.e-popup-flmenu .e-dropdownbase,
4081
4314
  .e-ddl.e-popup.e-popup-flbar .e-dropdownbase {
@@ -4346,9 +4579,9 @@
4346
4579
  .e-grid .e-xlsel-bottom-border {
4347
4580
  border-bottom-color: #400074;
4348
4581
  }
4349
- .e-grid .e-leftfreeze:not(.e-summarycell, .e-indentcell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
4350
- .e-grid .e-rightfreeze:not(.e-summarycell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
4351
- .e-grid .e-fixedfreeze:not(.e-summarycell, .e-selectionbackground, .e-updatedtd, .e-columnselection, .e-groupcaption, .e-cellselectionbackground) {
4582
+ .e-grid .e-leftfreeze:not(.e-summarycell, .e-indentcell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground, .e-active),
4583
+ .e-grid .e-rightfreeze:not(.e-summarycell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground, .e-active),
4584
+ .e-grid .e-fixedfreeze:not(.e-summarycell, .e-selectionbackground, .e-updatedtd, .e-columnselection, .e-groupcaption, .e-cellselectionbackground, .e-active) {
4352
4585
  background-color: #fff;
4353
4586
  }
4354
4587
  .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-groupcaption,
@@ -4596,10 +4829,15 @@
4596
4829
  border-right: 0 #757575 solid;
4597
4830
  }
4598
4831
  .e-grid .e-ftrchk.e-chkfocus,
4832
+ .e-grid .e-menu-item.e-menufocus,
4599
4833
  .e-grid li.e-cclist.e-colfocus {
4600
4834
  background-color: #ecf;
4601
4835
  }
4602
4836
 
4837
+ .e-spreadsheet .e-ftrchk.e-chkfocus {
4838
+ background-color: #ecf;
4839
+ }
4840
+
4603
4841
  .e-tooltip-wrap.e-griderror,
4604
4842
  .e-control.e-tooltip-wrap.e-popup.e-griderror {
4605
4843
  background-color: #b30900;