@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
@@ -341,6 +341,10 @@
341
341
  .e-grid-menu .e-icon-rowdragicon::before {
342
342
  content: "\e726";
343
343
  }
344
+ .e-grid .e-responsivetoolbaritems-btn::before,
345
+ .e-grid-menu .e-responsivetoolbaritems-btn::before {
346
+ content: "\e770";
347
+ }
344
348
  .e-grid.e-rtl .e-icon-rowdragicon::before,
345
349
  .e-grid-menu.e-rtl .e-icon-rowdragicon::before {
346
350
  content: "\e726";
@@ -361,15 +365,40 @@
361
365
  .e-responsive-dialog .e-filterset::before {
362
366
  content: "\e7f7";
363
367
  }
364
- .e-responsive-dialog .e-search-icon::before {
368
+ .e-responsive-dialog .e-search-icon::before, .e-responsive-dialog .e-ccdlg span.e-ccsearch-icon::before {
365
369
  content: "\e754";
366
370
  }
367
- .e-responsive-dialog .e-chkcancel-icon::before {
371
+ .e-responsive-dialog .e-chkcancel-icon::before, .e-responsive-dialog .e-ccdlg span.e-cc-cancel::before {
368
372
  content: "\e7e7";
369
373
  }
370
374
  .e-responsive-dialog .e-icon-filter-clear::before {
371
375
  content: "\e72c";
372
376
  }
377
+ .e-responsive-dialog .e-resfilter-icon.e-icons::before {
378
+ content: "\e7f7";
379
+ }
380
+ .e-responsive-dialog .e-resascending-icon.e-icons::before {
381
+ content: "\e7df";
382
+ }
383
+ .e-responsive-dialog .e-resdescending-icon.e-icons::before {
384
+ content: "\e7d8";
385
+ }
386
+ .e-responsive-dialog .e-resgroup-icon.e-icons::before {
387
+ content: "\e724";
388
+ }
389
+ .e-responsive-dialog .e-resungroup-icon.e-icons::before {
390
+ content: "\e724";
391
+ }
392
+
393
+ .e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-icon.e-pdfexport::before {
394
+ content: "\e700";
395
+ }
396
+ .e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-icon.e-excelexport::before {
397
+ content: "\e7c1";
398
+ }
399
+ .e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-icon.e-csvexport::before {
400
+ content: "\e7ba";
401
+ }
373
402
 
374
403
  .e-row-responsive-filter .e-dlg-closeicon-btn .e-icon-dlg-close::before {
375
404
  content: "\e773";
@@ -476,6 +505,10 @@
476
505
  height: 40px;
477
506
  padding: 10px 12px 10px;
478
507
  }
508
+ .e-bigger .e-grid.e-grid-autofit .e-headercell,
509
+ .e-grid.e-bigger.e-grid-autofit .e-headercell {
510
+ padding: 10px 6px 10px;
511
+ }
479
512
  .e-bigger .e-grid .e-headercelldiv,
480
513
  .e-grid.e-bigger .e-headercelldiv {
481
514
  font-size: 16px;
@@ -818,6 +851,7 @@
818
851
  .e-bigger .e-grid.e-device .e-groupheadercell,
819
852
  .e-grid.e-bigger.e-device .e-groupheadercell {
820
853
  padding: 0;
854
+ padding: 7px 0;
821
855
  }
822
856
  .e-bigger .e-grid .e-groupheadercell:hover,
823
857
  .e-grid.e-bigger .e-groupheadercell:hover {
@@ -1033,16 +1067,28 @@
1033
1067
  position: relative;
1034
1068
  }
1035
1069
  .e-bigger .e-grid .e-rowcell .e-frozen-right-cursor,
1070
+ .e-bigger .e-grid .e-rowcell .e-frozen-fixedright-cursor,
1036
1071
  .e-bigger .e-grid .e-rowcell .e-frozen-left-cursor,
1072
+ .e-bigger .e-grid .e-rowcell .e-frozen-fixedleft-cursor,
1037
1073
  .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
1074
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
1038
1075
  .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
1076
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
1039
1077
  .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
1078
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
1079
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
1040
1080
  .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor,
1041
1081
  .e-grid.e-bigger .e-rowcell .e-frozen-right-cursor,
1082
+ .e-grid.e-bigger .e-rowcell .e-frozen-fixedright-cursor,
1042
1083
  .e-grid.e-bigger .e-rowcell .e-frozen-left-cursor,
1084
+ .e-grid.e-bigger .e-rowcell .e-frozen-fixedleft-cursor,
1043
1085
  .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor,
1086
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
1044
1087
  .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor,
1088
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
1045
1089
  .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
1090
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
1091
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
1046
1092
  .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
1047
1093
  cursor: move;
1048
1094
  height: 100%;
@@ -1051,18 +1097,30 @@
1051
1097
  width: 4px;
1052
1098
  }
1053
1099
  .e-bigger .e-grid .e-rowcell .e-frozen-left-cursor,
1100
+ .e-bigger .e-grid .e-rowcell .e-frozen-fixedright-cursor,
1054
1101
  .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
1102
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
1103
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
1055
1104
  .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor,
1056
1105
  .e-grid.e-bigger .e-rowcell .e-frozen-left-cursor,
1106
+ .e-grid.e-bigger .e-rowcell .e-frozen-fixedright-cursor,
1057
1107
  .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor,
1108
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
1109
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
1058
1110
  .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
1059
1111
  right: 0;
1060
1112
  }
1061
1113
  .e-bigger .e-grid .e-rowcell .e-frozen-right-cursor,
1114
+ .e-bigger .e-grid .e-rowcell .e-frozen-fixedleft-cursor,
1062
1115
  .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
1116
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
1117
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
1063
1118
  .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
1064
1119
  .e-grid.e-bigger .e-rowcell .e-frozen-right-cursor,
1120
+ .e-grid.e-bigger .e-rowcell .e-frozen-fixedleft-cursor,
1065
1121
  .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor,
1122
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
1123
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
1066
1124
  .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor {
1067
1125
  left: 0;
1068
1126
  }
@@ -1194,6 +1252,18 @@
1194
1252
  .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 {
1195
1253
  box-shadow: 0 2px 0 0 #0d6efd;
1196
1254
  }
1255
+ .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 {
1256
+ border-top: 1px dashed #0d6efd;
1257
+ }
1258
+ .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 {
1259
+ border-left: 1px dashed #0d6efd;
1260
+ }
1261
+ .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 {
1262
+ border-right: 1px dashed #0d6efd;
1263
+ }
1264
+ .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 {
1265
+ border-bottom: 1px dashed #0d6efd;
1266
+ }
1197
1267
  .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) {
1198
1268
  position: relative;
1199
1269
  }
@@ -1291,6 +1361,9 @@
1291
1361
  .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 {
1292
1362
  background: none;
1293
1363
  }
1364
+ .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-right:not(.e-responsive-right) .e-search-wrapper:not(.e-responsive-right) {
1365
+ width: 40px;
1366
+ }
1294
1367
  .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-right .e-search-wrapper {
1295
1368
  width: 100%;
1296
1369
  padding-left: 18px;
@@ -1317,6 +1390,9 @@
1317
1390
  .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
1318
1391
  padding-left: 0;
1319
1392
  }
1393
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-tbar-btn:hover {
1394
+ background: none;
1395
+ }
1320
1396
  .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
1321
1397
  margin: 0;
1322
1398
  }
@@ -1904,6 +1980,17 @@
1904
1980
  .e-grid .e-gridheader .e-stackedheadercelldiv {
1905
1981
  padding: 0 20px 0 5px;
1906
1982
  }
1983
+ .e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
1984
+ .e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
1985
+ .e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
1986
+ .e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
1987
+ padding-right: 5px;
1988
+ }
1989
+ .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
1990
+ .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,
1991
+ .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
1992
+ padding-left: 5px;
1993
+ }
1907
1994
  .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
1908
1995
  padding-left: 8px;
1909
1996
  }
@@ -2125,6 +2212,13 @@
2125
2212
  min-height: 160px;
2126
2213
  overflow-y: auto;
2127
2214
  }
2215
+ .e-grid .e-checkboxlist.e-checkbox-infinitescroll {
2216
+ border-top-style: solid;
2217
+ border-top-color: rgba(233, 236, 239, 0.12);
2218
+ border-top-width: 1px;
2219
+ margin-top: 0;
2220
+ overflow-x: hidden;
2221
+ }
2128
2222
  .e-grid .e-checkfltrnmdiv {
2129
2223
  height: 60px;
2130
2224
  padding: 23px;
@@ -3417,10 +3511,16 @@
3417
3511
  position: relative;
3418
3512
  }
3419
3513
  .e-grid.sf-grid .e-rowcell .e-frozen-right-cursor,
3514
+ .e-grid.sf-grid .e-rowcell .e-frozen-fixedright-cursor,
3420
3515
  .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor,
3516
+ .e-grid.sf-grid .e-rowcell .e-frozen-fixedleft-cursor,
3421
3517
  .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
3518
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
3422
3519
  .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
3520
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
3423
3521
  .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
3522
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
3523
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
3424
3524
  .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
3425
3525
  cursor: move;
3426
3526
  height: 100%;
@@ -3429,12 +3529,18 @@
3429
3529
  width: 4px;
3430
3530
  }
3431
3531
  .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor,
3532
+ .e-grid.sf-grid .e-rowcell .e-frozen-fixedright-cursor,
3432
3533
  .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
3534
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
3535
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
3433
3536
  .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
3434
3537
  right: 0;
3435
3538
  }
3436
3539
  .e-grid.sf-grid .e-rowcell .e-frozen-right-cursor,
3540
+ .e-grid.sf-grid .e-rowcell .e-frozen-fixedleft-cursor,
3437
3541
  .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
3542
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
3543
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
3438
3544
  .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor {
3439
3545
  left: 0;
3440
3546
  }
@@ -3570,6 +3676,12 @@
3570
3676
  .e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
3571
3677
  border-width: 0 0 0 1px;
3572
3678
  }
3679
+ .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 {
3680
+ border-right-width: 2px;
3681
+ }
3682
+ .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 {
3683
+ border-left-width: 2px;
3684
+ }
3573
3685
  .e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
3574
3686
  border-bottom-style: solid;
3575
3687
  border-bottom-width: 1px;
@@ -3878,6 +3990,110 @@
3878
3990
  .e-bigger.e-responsive-dialog .e-btn.e-ripple {
3879
3991
  overflow: initial;
3880
3992
  }
3993
+ .e-bigger .e-responsive-dialog .columnmenudiv,
3994
+ .e-bigger.e-responsive-dialog .columnmenudiv {
3995
+ /* stylelint-disable */
3996
+ /* stylelint-enable */
3997
+ }
3998
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsiveascendingdiv .e-resascending-icon,
3999
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsivedescendingdiv .e-resdescending-icon,
4000
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsivegroupdiv .e-resgroup-icon,
4001
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsiveungroupdiv .e-resungroup-icon,
4002
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsivecoldiv .e-ressort-icon,
4003
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsivefilterdiv .e-resfilter-icon,
4004
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsiveascendingdiv .e-resascending-icon,
4005
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsivedescendingdiv .e-resdescending-icon,
4006
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsivegroupdiv .e-resgroup-icon,
4007
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsiveungroupdiv .e-resungroup-icon,
4008
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsivecoldiv .e-ressort-icon,
4009
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsivefilterdiv .e-resfilter-icon {
4010
+ margin-top: 4px;
4011
+ position: absolute;
4012
+ }
4013
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsivecoldiv .e-res-header-text.e-rescolumn-menu,
4014
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsivecoldiv .e-res-header-text.e-rescolumn-menu {
4015
+ margin-left: 33px !important;
4016
+ }
4017
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv,
4018
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv {
4019
+ /* stylelint-disable */
4020
+ /* stylelint-enable */
4021
+ /* stylelint-disable */
4022
+ /* stylelint-enable */
4023
+ }
4024
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg.e-cc.e-control.e-dialog,
4025
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg.e-cc.e-control.e-dialog {
4026
+ left: 0 !important;
4027
+ max-height: 100% !important;
4028
+ width: 100% !important;
4029
+ }
4030
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg,
4031
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg {
4032
+ /* stylelint-disable */
4033
+ /* stylelint-enable */
4034
+ }
4035
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg li.e-cclist,
4036
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg li.e-cclist {
4037
+ padding: 13px 0 13px 6px;
4038
+ }
4039
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-main-div.e-cc,
4040
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-main-div.e-cc {
4041
+ height: 100%;
4042
+ }
4043
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-cc-contentdiv,
4044
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-cc-contentdiv {
4045
+ height: 90% !important;
4046
+ min-height: 160px;
4047
+ overflow-y: auto !important;
4048
+ }
4049
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-dlg-content,
4050
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-dlg-content {
4051
+ padding: 8px 16px 8px 8px;
4052
+ overflow-y: hidden;
4053
+ }
4054
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-ccul-ele,
4055
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-ccul-ele {
4056
+ margin: 13px 0;
4057
+ padding: 0;
4058
+ }
4059
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-chk-hidden,
4060
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-chk-hidden {
4061
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
4062
+ height: 1px;
4063
+ opacity: 0;
4064
+ width: 1px;
4065
+ }
4066
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-contentdiv,
4067
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-contentdiv {
4068
+ height: 90% !important;
4069
+ min-height: 160px;
4070
+ overflow-y: auto !important;
4071
+ }
4072
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox,
4073
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox {
4074
+ padding-left: 8px;
4075
+ }
4076
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox .e-ccsearch-icon:hover,
4077
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox .e-cc-cancel:hover,
4078
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox .e-ccsearch-icon:hover,
4079
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox .e-cc-cancel:hover {
4080
+ background: none;
4081
+ color: #7b848d;
4082
+ }
4083
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccsearch-icon,
4084
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-cancel,
4085
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-search-icon,
4086
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-chkcancel-icon,
4087
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccsearch-icon,
4088
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-cancel,
4089
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-search-icon,
4090
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-chkcancel-icon {
4091
+ font-size: 20px;
4092
+ }
4093
+ .e-bigger .e-responsive-dialog.e-dialog .e-dlg-header-content,
4094
+ .e-bigger.e-responsive-dialog.e-dialog .e-dlg-header-content {
4095
+ padding: 16px;
4096
+ }
3881
4097
  .e-bigger .e-responsive-dialog .e-dlg-header-content,
3882
4098
  .e-bigger.e-responsive-dialog .e-dlg-header-content {
3883
4099
  background: #212529;
@@ -3983,8 +4199,11 @@
3983
4199
  padding-top: 0;
3984
4200
  }
3985
4201
  .e-bigger .e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv,
3986
- .e-bigger.e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv {
4202
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-ccnmdiv,
4203
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv,
4204
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-ccnmdiv {
3987
4205
  text-align: center;
4206
+ padding-top: 40px;
3988
4207
  }
3989
4208
  .e-bigger .e-responsive-dialog .e-dlg-content .e-filtersetdiv,
3990
4209
  .e-bigger.e-responsive-dialog .e-dlg-content .e-filtersetdiv {
@@ -4014,6 +4233,10 @@
4014
4233
  .e-bigger.e-responsive-dialog .e-dlg-content .e-excelfilter .e-checkboxlist > span {
4015
4234
  padding-left: 9px;
4016
4235
  }
4236
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-ccdlg,
4237
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-ccdlg {
4238
+ border: transparent;
4239
+ }
4017
4240
  .e-bigger .e-responsive-dialog .e-dlg-content .e-xlflmenu,
4018
4241
  .e-bigger.e-responsive-dialog .e-dlg-content .e-xlflmenu {
4019
4242
  border: transparent;
@@ -4080,10 +4303,13 @@
4080
4303
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox {
4081
4304
  padding-left: 10px;
4082
4305
  }
4083
- .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,
4306
+ .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,
4084
4307
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:focus,
4085
4308
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:active,
4086
- .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:hover {
4309
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:hover,
4310
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-chkcancel-icon:focus,
4311
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-chkcancel-icon:active,
4312
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-chkcancel-icon:hover {
4087
4313
  background: none;
4088
4314
  color: #7b848d;
4089
4315
  }
@@ -4178,7 +4404,17 @@
4178
4404
  .e-bigger.e-responsive-dialog.e-rtl .e-ressortbutton-parent {
4179
4405
  float: left;
4180
4406
  }
4407
+ .e-bigger .e-responsive-dialog.e-rtl .columnmenudiv .e-responsivecoldiv .e-res-header-text.e-rescolumn-menu,
4408
+ .e-bigger.e-responsive-dialog.e-rtl .columnmenudiv .e-responsivecoldiv .e-res-header-text.e-rescolumn-menu {
4409
+ margin-right: 33px;
4410
+ }
4181
4411
 
4412
+ /* stylelint-disable */
4413
+ .e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-item.e-focused {
4414
+ background-color: transparent !important;
4415
+ }
4416
+
4417
+ /* stylelint-enable */
4182
4418
  /* stylelint-disable */
4183
4419
  .e-ddl.e-popup.e-popup-flmenu .e-dropdownbase,
4184
4420
  .e-ddl.e-popup.e-popup-flbar .e-dropdownbase {
@@ -4452,9 +4688,9 @@
4452
4688
  .e-grid .e-xlsel-bottom-border {
4453
4689
  border-bottom-color: #444c54;
4454
4690
  }
4455
- .e-grid .e-leftfreeze:not(.e-summarycell, .e-indentcell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
4456
- .e-grid .e-rightfreeze:not(.e-summarycell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
4457
- .e-grid .e-fixedfreeze:not(.e-summarycell, .e-selectionbackground, .e-updatedtd, .e-columnselection, .e-groupcaption, .e-cellselectionbackground) {
4691
+ .e-grid .e-leftfreeze:not(.e-summarycell, .e-indentcell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground, .e-active),
4692
+ .e-grid .e-rightfreeze:not(.e-summarycell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground, .e-active),
4693
+ .e-grid .e-fixedfreeze:not(.e-summarycell, .e-selectionbackground, .e-updatedtd, .e-columnselection, .e-groupcaption, .e-cellselectionbackground, .e-active) {
4458
4694
  background-color: #212529;
4459
4695
  }
4460
4696
  .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-groupcaption,
@@ -4702,10 +4938,15 @@
4702
4938
  border-right: 0 #444c54 solid;
4703
4939
  }
4704
4940
  .e-grid .e-ftrchk.e-chkfocus,
4941
+ .e-grid .e-menu-item.e-menufocus,
4705
4942
  .e-grid li.e-cclist.e-colfocus {
4706
4943
  background-color: #31373d;
4707
4944
  }
4708
4945
 
4946
+ .e-spreadsheet .e-ftrchk.e-chkfocus {
4947
+ background-color: #31373d;
4948
+ }
4949
+
4709
4950
  .e-tooltip-wrap.e-griderror,
4710
4951
  .e-control.e-tooltip-wrap.e-popup.e-griderror {
4711
4952
  background-color: #fadfe2;