@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
@@ -298,6 +298,10 @@
298
298
  .e-grid-menu .e-icon-rowdragicon::before {
299
299
  content: "\e330";
300
300
  }
301
+ .e-grid .e-responsivetoolbaritems-btn::before,
302
+ .e-grid-menu .e-responsivetoolbaritems-btn::before {
303
+ content: "\e984";
304
+ }
301
305
  .e-grid.e-rtl .e-icon-rowdragicon::before,
302
306
  .e-grid-menu.e-rtl .e-icon-rowdragicon::before {
303
307
  content: "\e330";
@@ -317,15 +321,43 @@
317
321
  .e-responsive-dialog .e-filterset::before {
318
322
  content: "\e946";
319
323
  }
320
- .e-responsive-dialog .e-search-icon::before {
324
+ .e-responsive-dialog .e-search-icon::before, .e-responsive-dialog .e-ccdlg span.e-ccsearch-icon::before {
321
325
  content: "\e961";
322
326
  }
323
- .e-responsive-dialog .e-chkcancel-icon::before {
327
+ .e-responsive-dialog .e-chkcancel-icon::before, .e-responsive-dialog .e-ccdlg span.e-cc-cancel::before {
324
328
  content: "\e7a7";
325
329
  }
326
330
  .e-responsive-dialog .e-icon-filter-clear::before {
327
331
  content: "\e246";
328
332
  }
333
+ .e-responsive-dialog .e-resfilter-icon.e-icons::before {
334
+ content: "\e946";
335
+ }
336
+ .e-responsive-dialog .e-resascending-icon.e-icons::before {
337
+ content: "\e234";
338
+ }
339
+ .e-responsive-dialog .e-resdescending-icon.e-icons::before {
340
+ content: "\e239";
341
+ }
342
+ .e-responsive-dialog .e-resgroup-icon.e-icons::before {
343
+ content: "\e926";
344
+ }
345
+ .e-responsive-dialog .e-resungroup-icon.e-icons::before {
346
+ content: "\e926";
347
+ }
348
+
349
+ .e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-icon.e-print::before {
350
+ content: "\e34b";
351
+ }
352
+ .e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-icon.e-pdfexport::before {
353
+ content: "\e240";
354
+ }
355
+ .e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-icon.e-excelexport::before {
356
+ content: "\e242";
357
+ }
358
+ .e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-icon.e-csvexport::before {
359
+ content: "\e241";
360
+ }
329
361
 
330
362
  .e-row-responsive-filter .e-dlg-closeicon-btn .e-icon-dlg-close::before {
331
363
  content: "\e94b";
@@ -422,6 +454,10 @@
422
454
  height: 44px;
423
455
  padding: 0 8px 0;
424
456
  }
457
+ .e-bigger .e-grid.e-grid-autofit .e-headercell,
458
+ .e-grid.e-bigger.e-grid-autofit .e-headercell {
459
+ padding: 0 8px 0;
460
+ }
425
461
  .e-bigger .e-grid .e-headercelldiv,
426
462
  .e-grid.e-bigger .e-headercelldiv {
427
463
  font-size: 14px;
@@ -974,16 +1010,28 @@
974
1010
  position: relative;
975
1011
  }
976
1012
  .e-bigger .e-grid .e-rowcell .e-frozen-right-cursor,
1013
+ .e-bigger .e-grid .e-rowcell .e-frozen-fixedright-cursor,
977
1014
  .e-bigger .e-grid .e-rowcell .e-frozen-left-cursor,
1015
+ .e-bigger .e-grid .e-rowcell .e-frozen-fixedleft-cursor,
978
1016
  .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
1017
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
979
1018
  .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
1019
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
980
1020
  .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
1021
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
1022
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
981
1023
  .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor,
982
1024
  .e-grid.e-bigger .e-rowcell .e-frozen-right-cursor,
1025
+ .e-grid.e-bigger .e-rowcell .e-frozen-fixedright-cursor,
983
1026
  .e-grid.e-bigger .e-rowcell .e-frozen-left-cursor,
1027
+ .e-grid.e-bigger .e-rowcell .e-frozen-fixedleft-cursor,
984
1028
  .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor,
1029
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
985
1030
  .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor,
1031
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
986
1032
  .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
1033
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
1034
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
987
1035
  .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
988
1036
  cursor: move;
989
1037
  height: 100%;
@@ -992,18 +1040,30 @@
992
1040
  width: 4px;
993
1041
  }
994
1042
  .e-bigger .e-grid .e-rowcell .e-frozen-left-cursor,
1043
+ .e-bigger .e-grid .e-rowcell .e-frozen-fixedright-cursor,
995
1044
  .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
1045
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
1046
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
996
1047
  .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor,
997
1048
  .e-grid.e-bigger .e-rowcell .e-frozen-left-cursor,
1049
+ .e-grid.e-bigger .e-rowcell .e-frozen-fixedright-cursor,
998
1050
  .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor,
1051
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
1052
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
999
1053
  .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
1000
1054
  right: 0;
1001
1055
  }
1002
1056
  .e-bigger .e-grid .e-rowcell .e-frozen-right-cursor,
1057
+ .e-bigger .e-grid .e-rowcell .e-frozen-fixedleft-cursor,
1003
1058
  .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
1059
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
1060
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
1004
1061
  .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
1005
1062
  .e-grid.e-bigger .e-rowcell .e-frozen-right-cursor,
1063
+ .e-grid.e-bigger .e-rowcell .e-frozen-fixedleft-cursor,
1006
1064
  .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor,
1065
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
1066
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
1007
1067
  .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor {
1008
1068
  left: 0;
1009
1069
  }
@@ -1135,6 +1195,18 @@
1135
1195
  .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 {
1136
1196
  box-shadow: 0 2px 0 0 #0070f0;
1137
1197
  }
1198
+ .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 {
1199
+ border-top: 1px dashed #0070f0;
1200
+ }
1201
+ .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 {
1202
+ border-left: 1px dashed #0070f0;
1203
+ }
1204
+ .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 {
1205
+ border-right: 1px dashed #0070f0;
1206
+ }
1207
+ .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 {
1208
+ border-bottom: 1px dashed #0070f0;
1209
+ }
1138
1210
  .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) {
1139
1211
  position: relative;
1140
1212
  }
@@ -1229,6 +1301,9 @@
1229
1301
  .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 {
1230
1302
  background: none;
1231
1303
  }
1304
+ .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-right:not(.e-responsive-right) .e-search-wrapper:not(.e-responsive-right) {
1305
+ width: 40px;
1306
+ }
1232
1307
  .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-right .e-search-wrapper {
1233
1308
  width: 100%;
1234
1309
  padding-left: 18px;
@@ -1236,7 +1311,7 @@
1236
1311
  }
1237
1312
  .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-right .e-search-wrapper .e-search-icon {
1238
1313
  font-size: 18px;
1239
- margin-top: -3px;
1314
+ margin-top: 0;
1240
1315
  }
1241
1316
  .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-right .e-search-wrapper .e-input-group {
1242
1317
  border: 0;
@@ -1255,6 +1330,9 @@
1255
1330
  .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
1256
1331
  padding-left: 0;
1257
1332
  }
1333
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-tbar-btn:hover {
1334
+ background: none;
1335
+ }
1258
1336
  .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
1259
1337
  margin: 0 -16px 0 0;
1260
1338
  }
@@ -1842,6 +1920,17 @@
1842
1920
  .e-grid .e-gridheader .e-stackedheadercelldiv {
1843
1921
  padding: 0 1.8em 0 0.4em;
1844
1922
  }
1923
+ .e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
1924
+ .e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
1925
+ .e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
1926
+ .e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
1927
+ padding-right: 0.4em;
1928
+ }
1929
+ .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
1930
+ .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,
1931
+ .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
1932
+ padding-left: 0.4em;
1933
+ }
1845
1934
  .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
1846
1935
  padding: 0 1.8em 0 0.4em;
1847
1936
  }
@@ -2063,6 +2152,13 @@
2063
2152
  min-height: 160px;
2064
2153
  overflow-y: auto;
2065
2154
  }
2155
+ .e-grid .e-checkboxlist.e-checkbox-infinitescroll {
2156
+ border-top-style: solid;
2157
+ border-top-color: rgba(149, 149, 149, 0.12);
2158
+ border-top-width: 1px;
2159
+ margin-top: 0;
2160
+ overflow-x: hidden;
2161
+ }
2066
2162
  .e-grid .e-checkfltrnmdiv {
2067
2163
  height: 60px;
2068
2164
  padding: 23px;
@@ -3355,10 +3451,16 @@
3355
3451
  position: relative;
3356
3452
  }
3357
3453
  .e-grid.sf-grid .e-rowcell .e-frozen-right-cursor,
3454
+ .e-grid.sf-grid .e-rowcell .e-frozen-fixedright-cursor,
3358
3455
  .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor,
3456
+ .e-grid.sf-grid .e-rowcell .e-frozen-fixedleft-cursor,
3359
3457
  .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
3458
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
3360
3459
  .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
3460
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
3361
3461
  .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
3462
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
3463
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
3362
3464
  .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
3363
3465
  cursor: move;
3364
3466
  height: 100%;
@@ -3367,12 +3469,18 @@
3367
3469
  width: 4px;
3368
3470
  }
3369
3471
  .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor,
3472
+ .e-grid.sf-grid .e-rowcell .e-frozen-fixedright-cursor,
3370
3473
  .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
3474
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
3475
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
3371
3476
  .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
3372
3477
  right: 0;
3373
3478
  }
3374
3479
  .e-grid.sf-grid .e-rowcell .e-frozen-right-cursor,
3480
+ .e-grid.sf-grid .e-rowcell .e-frozen-fixedleft-cursor,
3375
3481
  .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
3482
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
3483
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
3376
3484
  .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor {
3377
3485
  left: 0;
3378
3486
  }
@@ -3508,6 +3616,12 @@
3508
3616
  .e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
3509
3617
  border-width: 0 0 0 1px;
3510
3618
  }
3619
+ .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 {
3620
+ border-right-width: 2px;
3621
+ }
3622
+ .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 {
3623
+ border-left-width: 2px;
3624
+ }
3511
3625
  .e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
3512
3626
  border-bottom-style: solid;
3513
3627
  border-bottom-width: 1px;
@@ -3807,6 +3921,105 @@
3807
3921
  .e-bigger.e-responsive-dialog .e-btn.e-ripple {
3808
3922
  overflow: initial;
3809
3923
  }
3924
+ .e-bigger .e-responsive-dialog .columnmenudiv,
3925
+ .e-bigger.e-responsive-dialog .columnmenudiv {
3926
+ /* stylelint-disable */
3927
+ /* stylelint-enable */
3928
+ }
3929
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsiveascendingdiv .e-resascending-icon,
3930
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsivedescendingdiv .e-resdescending-icon,
3931
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsivegroupdiv .e-resgroup-icon,
3932
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsiveungroupdiv .e-resungroup-icon,
3933
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsivecoldiv .e-ressort-icon,
3934
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsivefilterdiv .e-resfilter-icon,
3935
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsiveascendingdiv .e-resascending-icon,
3936
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsivedescendingdiv .e-resdescending-icon,
3937
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsivegroupdiv .e-resgroup-icon,
3938
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsiveungroupdiv .e-resungroup-icon,
3939
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsivecoldiv .e-ressort-icon,
3940
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsivefilterdiv .e-resfilter-icon {
3941
+ margin-top: 0;
3942
+ position: absolute;
3943
+ }
3944
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsivecoldiv .e-res-header-text.e-rescolumn-menu,
3945
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsivecoldiv .e-res-header-text.e-rescolumn-menu {
3946
+ margin-left: 33px !important;
3947
+ }
3948
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv,
3949
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv {
3950
+ /* stylelint-disable */
3951
+ /* stylelint-enable */
3952
+ /* stylelint-disable */
3953
+ /* stylelint-enable */
3954
+ }
3955
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg.e-cc.e-control.e-dialog,
3956
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg.e-cc.e-control.e-dialog {
3957
+ left: 0 !important;
3958
+ max-height: 100% !important;
3959
+ width: 100% !important;
3960
+ }
3961
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg,
3962
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg {
3963
+ /* stylelint-disable */
3964
+ /* stylelint-enable */
3965
+ }
3966
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg li.e-cclist,
3967
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg li.e-cclist {
3968
+ padding: 13px 0 13px 6px;
3969
+ }
3970
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-main-div.e-cc,
3971
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-main-div.e-cc {
3972
+ height: 100%;
3973
+ }
3974
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-cc-contentdiv,
3975
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-cc-contentdiv {
3976
+ height: 90% !important;
3977
+ min-height: 160px;
3978
+ overflow-y: auto !important;
3979
+ }
3980
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-dlg-content,
3981
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-dlg-content {
3982
+ padding: 8px 16px 8px 8px;
3983
+ overflow-y: hidden;
3984
+ }
3985
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-ccul-ele,
3986
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-ccul-ele {
3987
+ margin: 13px 0;
3988
+ padding: 0;
3989
+ }
3990
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-chk-hidden,
3991
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-chk-hidden {
3992
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
3993
+ height: 1px;
3994
+ opacity: 0;
3995
+ width: 1px;
3996
+ }
3997
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-contentdiv,
3998
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-contentdiv {
3999
+ height: 90% !important;
4000
+ min-height: 160px;
4001
+ overflow-y: auto !important;
4002
+ }
4003
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox,
4004
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox {
4005
+ padding-left: 8px;
4006
+ }
4007
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox .e-ccsearch-icon:hover,
4008
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox .e-cc-cancel:hover,
4009
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox .e-ccsearch-icon:hover,
4010
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox .e-cc-cancel:hover {
4011
+ background: none;
4012
+ }
4013
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccsearch-icon,
4014
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-cancel,
4015
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-search-icon,
4016
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-chkcancel-icon,
4017
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccsearch-icon,
4018
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-cancel,
4019
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-search-icon,
4020
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-chkcancel-icon {
4021
+ font-size: 20px;
4022
+ }
3810
4023
  .e-bigger .e-responsive-dialog .e-dlg-header-content,
3811
4024
  .e-bigger.e-responsive-dialog .e-dlg-header-content {
3812
4025
  background: #1a1a1a;
@@ -3861,7 +4074,7 @@
3861
4074
  .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-filter-clear-btn,
3862
4075
  .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-filter-clear-btn {
3863
4076
  color: #0070f0;
3864
- margin-top: 0;
4077
+ margin-top: 1px;
3865
4078
  padding: 0;
3866
4079
  }
3867
4080
  .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-filter-clear-btn .e-icon-filter-clear,
@@ -3873,7 +4086,7 @@
3873
4086
  color: #0070f0;
3874
4087
  font-size: 15px;
3875
4088
  font-weight: 500;
3876
- padding-top: 5px;
4089
+ padding-top: 4px;
3877
4090
  }
3878
4091
  .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn,
3879
4092
  .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn {
@@ -3911,8 +4124,11 @@
3911
4124
  padding-top: 0;
3912
4125
  }
3913
4126
  .e-bigger .e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv,
3914
- .e-bigger.e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv {
4127
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-ccnmdiv,
4128
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv,
4129
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-ccnmdiv {
3915
4130
  text-align: center;
4131
+ padding-top: 40px;
3916
4132
  }
3917
4133
  .e-bigger .e-responsive-dialog .e-dlg-content .e-filtersetdiv,
3918
4134
  .e-bigger.e-responsive-dialog .e-dlg-content .e-filtersetdiv {
@@ -3942,6 +4158,10 @@
3942
4158
  .e-bigger.e-responsive-dialog .e-dlg-content .e-excelfilter .e-checkboxlist > span {
3943
4159
  padding-left: 9px;
3944
4160
  }
4161
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-ccdlg,
4162
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-ccdlg {
4163
+ border: transparent;
4164
+ }
3945
4165
  .e-bigger .e-responsive-dialog .e-dlg-content .e-xlflmenu,
3946
4166
  .e-bigger.e-responsive-dialog .e-dlg-content .e-xlflmenu {
3947
4167
  border: transparent;
@@ -4008,10 +4228,13 @@
4008
4228
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox {
4009
4229
  padding-left: 10px;
4010
4230
  }
4011
- .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,
4231
+ .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,
4012
4232
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:focus,
4013
4233
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:active,
4014
- .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:hover {
4234
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:hover,
4235
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-chkcancel-icon:focus,
4236
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-chkcancel-icon:active,
4237
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-chkcancel-icon:hover {
4015
4238
  background: none;
4016
4239
  }
4017
4240
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner,
@@ -4104,7 +4327,17 @@
4104
4327
  .e-bigger.e-responsive-dialog.e-rtl .e-ressortbutton-parent {
4105
4328
  float: left;
4106
4329
  }
4330
+ .e-bigger .e-responsive-dialog.e-rtl .columnmenudiv .e-responsivecoldiv .e-res-header-text.e-rescolumn-menu,
4331
+ .e-bigger.e-responsive-dialog.e-rtl .columnmenudiv .e-responsivecoldiv .e-res-header-text.e-rescolumn-menu {
4332
+ margin-right: 33px;
4333
+ }
4107
4334
 
4335
+ /* stylelint-disable */
4336
+ .e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-item.e-focused {
4337
+ background-color: transparent !important;
4338
+ }
4339
+
4340
+ /* stylelint-enable */
4108
4341
  /* stylelint-disable */
4109
4342
  .e-ddl.e-popup.e-popup-flmenu .e-dropdownbase,
4110
4343
  .e-ddl.e-popup.e-popup-flbar .e-dropdownbase {
@@ -4375,9 +4608,9 @@
4375
4608
  .e-grid .e-xlsel-bottom-border {
4376
4609
  border-bottom-color: #9c9c9c;
4377
4610
  }
4378
- .e-grid .e-leftfreeze:not(.e-summarycell, .e-indentcell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
4379
- .e-grid .e-rightfreeze:not(.e-summarycell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
4380
- .e-grid .e-fixedfreeze:not(.e-summarycell, .e-selectionbackground, .e-updatedtd, .e-columnselection, .e-groupcaption, .e-cellselectionbackground) {
4611
+ .e-grid .e-leftfreeze:not(.e-summarycell, .e-indentcell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground, .e-active),
4612
+ .e-grid .e-rightfreeze:not(.e-summarycell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground, .e-active),
4613
+ .e-grid .e-fixedfreeze:not(.e-summarycell, .e-selectionbackground, .e-updatedtd, .e-columnselection, .e-groupcaption, .e-cellselectionbackground, .e-active) {
4381
4614
  background-color: #1a1a1a;
4382
4615
  }
4383
4616
  .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-groupcaption,
@@ -4625,10 +4858,15 @@
4625
4858
  border-right: 0 #484848 solid;
4626
4859
  }
4627
4860
  .e-grid .e-ftrchk.e-chkfocus,
4861
+ .e-grid .e-menu-item.e-menufocus,
4628
4862
  .e-grid li.e-cclist.e-colfocus {
4629
4863
  background-color: #393939;
4630
4864
  }
4631
4865
 
4866
+ .e-spreadsheet .e-ftrchk.e-chkfocus {
4867
+ background-color: #393939;
4868
+ }
4869
+
4632
4870
  .e-tooltip-wrap.e-griderror,
4633
4871
  .e-control.e-tooltip-wrap.e-popup.e-griderror {
4634
4872
  background-color: #fcdbe4;