@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
@@ -695,6 +695,10 @@ li.e-separator.e-menu-item.e-excel-separator {
695
695
  .e-grid-menu .e-icon-rowdragicon::before {
696
696
  content: "\e330";
697
697
  }
698
+ .e-grid .e-responsivetoolbaritems-btn::before,
699
+ .e-grid-menu .e-responsivetoolbaritems-btn::before {
700
+ content: "\e984";
701
+ }
698
702
  .e-grid.e-rtl .e-icon-rowdragicon::before,
699
703
  .e-grid-menu.e-rtl .e-icon-rowdragicon::before {
700
704
  content: "\e330";
@@ -712,15 +716,43 @@ li.e-separator.e-menu-item.e-excel-separator {
712
716
  .e-responsive-dialog .e-filterset::before {
713
717
  content: "\e21c";
714
718
  }
715
- .e-responsive-dialog .e-search-icon::before {
719
+ .e-responsive-dialog .e-search-icon::before, .e-responsive-dialog .e-ccdlg span.e-ccsearch-icon::before {
716
720
  content: "\e97d";
717
721
  }
718
- .e-responsive-dialog .e-chkcancel-icon::before {
722
+ .e-responsive-dialog .e-chkcancel-icon::before, .e-responsive-dialog .e-ccdlg span.e-cc-cancel::before {
719
723
  content: "\e7a7";
720
724
  }
721
725
  .e-responsive-dialog .e-icon-filter-clear::before {
722
726
  content: "\e247";
723
727
  }
728
+ .e-responsive-dialog .e-resfilter-icon.e-icons::before {
729
+ content: "\e21c";
730
+ }
731
+ .e-responsive-dialog .e-resascending-icon.e-icons::before {
732
+ content: "\e840";
733
+ }
734
+ .e-responsive-dialog .e-resdescending-icon.e-icons::before {
735
+ content: "\e83f";
736
+ }
737
+ .e-responsive-dialog .e-resgroup-icon.e-icons::before {
738
+ content: "\e926";
739
+ }
740
+ .e-responsive-dialog .e-resungroup-icon.e-icons::before {
741
+ content: "\e926";
742
+ }
743
+
744
+ .e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-icon.e-print::before {
745
+ content: "\e7df";
746
+ }
747
+ .e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-icon.e-pdfexport::before {
748
+ content: "\e240";
749
+ }
750
+ .e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-icon.e-excelexport::before {
751
+ content: "\e242";
752
+ }
753
+ .e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-icon.e-csvexport::before {
754
+ content: "\e241";
755
+ }
724
756
 
725
757
  .e-row-responsive-filter .e-dlg-closeicon-btn .e-icon-dlg-close::before {
726
758
  content: "\e962";
@@ -817,6 +849,10 @@ li.e-separator.e-menu-item.e-excel-separator {
817
849
  height: 45px;
818
850
  padding: 0 10px 0;
819
851
  }
852
+ .e-bigger .e-grid.e-grid-autofit .e-headercell,
853
+ .e-grid.e-bigger.e-grid-autofit .e-headercell {
854
+ padding: 0 10px 0;
855
+ }
820
856
  .e-bigger .e-grid .e-headercelldiv,
821
857
  .e-grid.e-bigger .e-headercelldiv {
822
858
  font-size: 14px;
@@ -1369,16 +1405,28 @@ li.e-separator.e-menu-item.e-excel-separator {
1369
1405
  position: relative;
1370
1406
  }
1371
1407
  .e-bigger .e-grid .e-rowcell .e-frozen-right-cursor,
1408
+ .e-bigger .e-grid .e-rowcell .e-frozen-fixedright-cursor,
1372
1409
  .e-bigger .e-grid .e-rowcell .e-frozen-left-cursor,
1410
+ .e-bigger .e-grid .e-rowcell .e-frozen-fixedleft-cursor,
1373
1411
  .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
1412
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
1374
1413
  .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
1414
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
1375
1415
  .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
1416
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
1417
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
1376
1418
  .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor,
1377
1419
  .e-grid.e-bigger .e-rowcell .e-frozen-right-cursor,
1420
+ .e-grid.e-bigger .e-rowcell .e-frozen-fixedright-cursor,
1378
1421
  .e-grid.e-bigger .e-rowcell .e-frozen-left-cursor,
1422
+ .e-grid.e-bigger .e-rowcell .e-frozen-fixedleft-cursor,
1379
1423
  .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor,
1424
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
1380
1425
  .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor,
1426
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
1381
1427
  .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
1428
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
1429
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
1382
1430
  .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
1383
1431
  cursor: move;
1384
1432
  height: 100%;
@@ -1387,18 +1435,30 @@ li.e-separator.e-menu-item.e-excel-separator {
1387
1435
  width: 4px;
1388
1436
  }
1389
1437
  .e-bigger .e-grid .e-rowcell .e-frozen-left-cursor,
1438
+ .e-bigger .e-grid .e-rowcell .e-frozen-fixedright-cursor,
1390
1439
  .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
1440
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
1441
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
1391
1442
  .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor,
1392
1443
  .e-grid.e-bigger .e-rowcell .e-frozen-left-cursor,
1444
+ .e-grid.e-bigger .e-rowcell .e-frozen-fixedright-cursor,
1393
1445
  .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor,
1446
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
1447
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
1394
1448
  .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
1395
1449
  right: 0;
1396
1450
  }
1397
1451
  .e-bigger .e-grid .e-rowcell .e-frozen-right-cursor,
1452
+ .e-bigger .e-grid .e-rowcell .e-frozen-fixedleft-cursor,
1398
1453
  .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
1454
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
1455
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
1399
1456
  .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
1400
1457
  .e-grid.e-bigger .e-rowcell .e-frozen-right-cursor,
1458
+ .e-grid.e-bigger .e-rowcell .e-frozen-fixedleft-cursor,
1401
1459
  .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor,
1460
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
1461
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
1402
1462
  .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor {
1403
1463
  left: 0;
1404
1464
  }
@@ -1530,6 +1590,18 @@ li.e-separator.e-menu-item.e-excel-separator {
1530
1590
  .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 {
1531
1591
  box-shadow: 0 2px 0 0 #ffd939;
1532
1592
  }
1593
+ .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 {
1594
+ border-top: 1px dashed #ffd939;
1595
+ }
1596
+ .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 {
1597
+ border-left: 1px dashed #ffd939;
1598
+ }
1599
+ .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 {
1600
+ border-right: 1px dashed #ffd939;
1601
+ }
1602
+ .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 {
1603
+ border-bottom: 1px dashed #ffd939;
1604
+ }
1533
1605
  .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) {
1534
1606
  position: relative;
1535
1607
  }
@@ -1624,6 +1696,9 @@ li.e-separator.e-menu-item.e-excel-separator {
1624
1696
  .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 {
1625
1697
  background: none;
1626
1698
  }
1699
+ .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-right:not(.e-responsive-right) .e-search-wrapper:not(.e-responsive-right) {
1700
+ width: 40px;
1701
+ }
1627
1702
  .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-right .e-search-wrapper {
1628
1703
  width: 100%;
1629
1704
  padding-left: 14px;
@@ -1650,6 +1725,9 @@ li.e-separator.e-menu-item.e-excel-separator {
1650
1725
  .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
1651
1726
  padding-left: 0;
1652
1727
  }
1728
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-tbar-btn:hover {
1729
+ background: none;
1730
+ }
1653
1731
  .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
1654
1732
  margin: 0;
1655
1733
  }
@@ -2237,6 +2315,17 @@ li.e-separator.e-menu-item.e-excel-separator {
2237
2315
  .e-grid .e-gridheader .e-stackedheadercelldiv {
2238
2316
  padding: 0 10px 0 0;
2239
2317
  }
2318
+ .e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
2319
+ .e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
2320
+ .e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
2321
+ .e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
2322
+ padding-right: 0;
2323
+ }
2324
+ .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
2325
+ .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,
2326
+ .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
2327
+ padding-left: 0;
2328
+ }
2240
2329
  .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
2241
2330
  padding: 0 10px 0 0;
2242
2331
  }
@@ -2458,6 +2547,13 @@ li.e-separator.e-menu-item.e-excel-separator {
2458
2547
  min-height: 160px;
2459
2548
  overflow-y: auto;
2460
2549
  }
2550
+ .e-grid .e-checkboxlist.e-checkbox-infinitescroll {
2551
+ border-top-style: solid;
2552
+ border-top-color: #969696;
2553
+ border-top-width: 1px;
2554
+ margin-top: 0;
2555
+ overflow-x: hidden;
2556
+ }
2461
2557
  .e-grid .e-checkfltrnmdiv {
2462
2558
  height: 60px;
2463
2559
  padding: 23px;
@@ -3750,10 +3846,16 @@ li.e-separator.e-menu-item.e-excel-separator {
3750
3846
  position: relative;
3751
3847
  }
3752
3848
  .e-grid.sf-grid .e-rowcell .e-frozen-right-cursor,
3849
+ .e-grid.sf-grid .e-rowcell .e-frozen-fixedright-cursor,
3753
3850
  .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor,
3851
+ .e-grid.sf-grid .e-rowcell .e-frozen-fixedleft-cursor,
3754
3852
  .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
3853
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
3755
3854
  .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
3855
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
3756
3856
  .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
3857
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
3858
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
3757
3859
  .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
3758
3860
  cursor: move;
3759
3861
  height: 100%;
@@ -3762,12 +3864,18 @@ li.e-separator.e-menu-item.e-excel-separator {
3762
3864
  width: 4px;
3763
3865
  }
3764
3866
  .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor,
3867
+ .e-grid.sf-grid .e-rowcell .e-frozen-fixedright-cursor,
3765
3868
  .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
3869
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
3870
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
3766
3871
  .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
3767
3872
  right: 0;
3768
3873
  }
3769
3874
  .e-grid.sf-grid .e-rowcell .e-frozen-right-cursor,
3875
+ .e-grid.sf-grid .e-rowcell .e-frozen-fixedleft-cursor,
3770
3876
  .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
3877
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
3878
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
3771
3879
  .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor {
3772
3880
  left: 0;
3773
3881
  }
@@ -3903,6 +4011,12 @@ li.e-separator.e-menu-item.e-excel-separator {
3903
4011
  .e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
3904
4012
  border-width: 0 0 0 1px;
3905
4013
  }
4014
+ .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 {
4015
+ border-right-width: 2px;
4016
+ }
4017
+ .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 {
4018
+ border-left-width: 2px;
4019
+ }
3906
4020
  .e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
3907
4021
  border-bottom-style: solid;
3908
4022
  border-bottom-width: 1px;
@@ -4202,6 +4316,105 @@ li.e-separator.e-menu-item.e-excel-separator {
4202
4316
  .e-bigger.e-responsive-dialog .e-btn.e-ripple {
4203
4317
  overflow: initial;
4204
4318
  }
4319
+ .e-bigger .e-responsive-dialog .columnmenudiv,
4320
+ .e-bigger.e-responsive-dialog .columnmenudiv {
4321
+ /* stylelint-disable */
4322
+ /* stylelint-enable */
4323
+ }
4324
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsiveascendingdiv .e-resascending-icon,
4325
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsivedescendingdiv .e-resdescending-icon,
4326
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsivegroupdiv .e-resgroup-icon,
4327
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsiveungroupdiv .e-resungroup-icon,
4328
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsivecoldiv .e-ressort-icon,
4329
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsivefilterdiv .e-resfilter-icon,
4330
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsiveascendingdiv .e-resascending-icon,
4331
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsivedescendingdiv .e-resdescending-icon,
4332
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsivegroupdiv .e-resgroup-icon,
4333
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsiveungroupdiv .e-resungroup-icon,
4334
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsivecoldiv .e-ressort-icon,
4335
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsivefilterdiv .e-resfilter-icon {
4336
+ margin-top: 4px;
4337
+ position: absolute;
4338
+ }
4339
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsivecoldiv .e-res-header-text.e-rescolumn-menu,
4340
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsivecoldiv .e-res-header-text.e-rescolumn-menu {
4341
+ margin-left: 33px !important;
4342
+ }
4343
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv,
4344
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv {
4345
+ /* stylelint-disable */
4346
+ /* stylelint-enable */
4347
+ /* stylelint-disable */
4348
+ /* stylelint-enable */
4349
+ }
4350
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg.e-cc.e-control.e-dialog,
4351
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg.e-cc.e-control.e-dialog {
4352
+ left: 0 !important;
4353
+ max-height: 100% !important;
4354
+ width: 100% !important;
4355
+ }
4356
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg,
4357
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg {
4358
+ /* stylelint-disable */
4359
+ /* stylelint-enable */
4360
+ }
4361
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg li.e-cclist,
4362
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg li.e-cclist {
4363
+ padding: 13px 0 13px 6px;
4364
+ }
4365
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-main-div.e-cc,
4366
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-main-div.e-cc {
4367
+ height: 100%;
4368
+ }
4369
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-cc-contentdiv,
4370
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-cc-contentdiv {
4371
+ height: 90% !important;
4372
+ min-height: 160px;
4373
+ overflow-y: auto !important;
4374
+ }
4375
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-dlg-content,
4376
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-dlg-content {
4377
+ padding: 8px 16px 8px 8px;
4378
+ overflow-y: hidden;
4379
+ }
4380
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-ccul-ele,
4381
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-ccul-ele {
4382
+ margin: 13px 0;
4383
+ padding: 0;
4384
+ }
4385
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-chk-hidden,
4386
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-chk-hidden {
4387
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
4388
+ height: 1px;
4389
+ opacity: 0;
4390
+ width: 1px;
4391
+ }
4392
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-contentdiv,
4393
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-contentdiv {
4394
+ height: 90% !important;
4395
+ min-height: 160px;
4396
+ overflow-y: auto !important;
4397
+ }
4398
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox,
4399
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox {
4400
+ padding-left: 8px;
4401
+ }
4402
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox .e-ccsearch-icon:hover,
4403
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox .e-cc-cancel:hover,
4404
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox .e-ccsearch-icon:hover,
4405
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox .e-cc-cancel:hover {
4406
+ background: none;
4407
+ }
4408
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccsearch-icon,
4409
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-cancel,
4410
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-search-icon,
4411
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-chkcancel-icon,
4412
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccsearch-icon,
4413
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-cancel,
4414
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-search-icon,
4415
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-chkcancel-icon {
4416
+ font-size: 20px;
4417
+ }
4205
4418
  .e-bigger .e-responsive-dialog .e-dlg-header-content,
4206
4419
  .e-bigger.e-responsive-dialog .e-dlg-header-content {
4207
4420
  background: #000;
@@ -4268,7 +4481,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4268
4481
  color: #ffd939;
4269
4482
  font-size: 19px;
4270
4483
  font-weight: 500;
4271
- padding-top: 5px;
4484
+ padding-top: 2px;
4272
4485
  }
4273
4486
  .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn,
4274
4487
  .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn {
@@ -4306,8 +4519,11 @@ li.e-separator.e-menu-item.e-excel-separator {
4306
4519
  padding-top: 0;
4307
4520
  }
4308
4521
  .e-bigger .e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv,
4309
- .e-bigger.e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv {
4522
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-ccnmdiv,
4523
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv,
4524
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-ccnmdiv {
4310
4525
  text-align: center;
4526
+ padding-top: 40px;
4311
4527
  }
4312
4528
  .e-bigger .e-responsive-dialog .e-dlg-content .e-filtersetdiv,
4313
4529
  .e-bigger.e-responsive-dialog .e-dlg-content .e-filtersetdiv {
@@ -4337,6 +4553,10 @@ li.e-separator.e-menu-item.e-excel-separator {
4337
4553
  .e-bigger.e-responsive-dialog .e-dlg-content .e-excelfilter .e-checkboxlist > span {
4338
4554
  padding-left: 9px;
4339
4555
  }
4556
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-ccdlg,
4557
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-ccdlg {
4558
+ border: transparent;
4559
+ }
4340
4560
  .e-bigger .e-responsive-dialog .e-dlg-content .e-xlflmenu,
4341
4561
  .e-bigger.e-responsive-dialog .e-dlg-content .e-xlflmenu {
4342
4562
  border: transparent;
@@ -4403,10 +4623,13 @@ li.e-separator.e-menu-item.e-excel-separator {
4403
4623
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox {
4404
4624
  padding-left: 10px;
4405
4625
  }
4406
- .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,
4626
+ .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,
4407
4627
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:focus,
4408
4628
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:active,
4409
- .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:hover {
4629
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:hover,
4630
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-chkcancel-icon:focus,
4631
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-chkcancel-icon:active,
4632
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-chkcancel-icon:hover {
4410
4633
  background: none;
4411
4634
  }
4412
4635
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner,
@@ -4499,7 +4722,17 @@ li.e-separator.e-menu-item.e-excel-separator {
4499
4722
  .e-bigger.e-responsive-dialog.e-rtl .e-ressortbutton-parent {
4500
4723
  float: left;
4501
4724
  }
4725
+ .e-bigger .e-responsive-dialog.e-rtl .columnmenudiv .e-responsivecoldiv .e-res-header-text.e-rescolumn-menu,
4726
+ .e-bigger.e-responsive-dialog.e-rtl .columnmenudiv .e-responsivecoldiv .e-res-header-text.e-rescolumn-menu {
4727
+ margin-right: 33px;
4728
+ }
4502
4729
 
4730
+ /* stylelint-disable */
4731
+ .e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-item.e-focused {
4732
+ background-color: transparent !important;
4733
+ }
4734
+
4735
+ /* stylelint-enable */
4503
4736
  /* stylelint-disable */
4504
4737
  .e-ddl.e-popup.e-popup-flmenu .e-dropdownbase,
4505
4738
  .e-ddl.e-popup.e-popup-flbar .e-dropdownbase {
@@ -4770,9 +5003,9 @@ li.e-separator.e-menu-item.e-excel-separator {
4770
5003
  .e-grid .e-xlsel-bottom-border {
4771
5004
  border-bottom-color: #ffd939;
4772
5005
  }
4773
- .e-grid .e-leftfreeze:not(.e-summarycell, .e-indentcell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
4774
- .e-grid .e-rightfreeze:not(.e-summarycell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
4775
- .e-grid .e-fixedfreeze:not(.e-summarycell, .e-selectionbackground, .e-updatedtd, .e-columnselection, .e-groupcaption, .e-cellselectionbackground) {
5006
+ .e-grid .e-leftfreeze:not(.e-summarycell, .e-indentcell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground, .e-active),
5007
+ .e-grid .e-rightfreeze:not(.e-summarycell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground, .e-active),
5008
+ .e-grid .e-fixedfreeze:not(.e-summarycell, .e-selectionbackground, .e-updatedtd, .e-columnselection, .e-groupcaption, .e-cellselectionbackground, .e-active) {
4776
5009
  background-color: #000;
4777
5010
  }
4778
5011
  .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-groupcaption,
@@ -5020,10 +5253,15 @@ li.e-separator.e-menu-item.e-excel-separator {
5020
5253
  border-right: 0 #969696 solid;
5021
5254
  }
5022
5255
  .e-grid .e-ftrchk.e-chkfocus,
5256
+ .e-grid .e-menu-item.e-menufocus,
5023
5257
  .e-grid li.e-cclist.e-colfocus {
5024
5258
  background-color: #685708;
5025
5259
  }
5026
5260
 
5261
+ .e-spreadsheet .e-ftrchk.e-chkfocus {
5262
+ background-color: #685708;
5263
+ }
5264
+
5027
5265
  .e-tooltip-wrap.e-griderror,
5028
5266
  .e-control.e-tooltip-wrap.e-popup.e-griderror {
5029
5267
  background-color: #b30900;