@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
@@ -786,6 +786,10 @@ li.e-separator.e-menu-item.e-excel-separator {
786
786
  .e-grid-menu .e-icon-rowdragicon::before {
787
787
  content: "\e330";
788
788
  }
789
+ .e-grid .e-responsivetoolbaritems-btn::before,
790
+ .e-grid-menu .e-responsivetoolbaritems-btn::before {
791
+ content: "\e984";
792
+ }
789
793
  .e-grid.e-rtl .e-icon-rowdragicon::before,
790
794
  .e-grid-menu.e-rtl .e-icon-rowdragicon::before {
791
795
  content: "\e330";
@@ -803,15 +807,43 @@ li.e-separator.e-menu-item.e-excel-separator {
803
807
  .e-responsive-dialog .e-filterset::before {
804
808
  content: "\e7ee";
805
809
  }
806
- .e-responsive-dialog .e-search-icon::before {
810
+ .e-responsive-dialog .e-search-icon::before, .e-responsive-dialog .e-ccdlg span.e-ccsearch-icon::before {
807
811
  content: "\e993";
808
812
  }
809
- .e-responsive-dialog .e-chkcancel-icon::before {
813
+ .e-responsive-dialog .e-chkcancel-icon::before, .e-responsive-dialog .e-ccdlg span.e-cc-cancel::before {
810
814
  content: "\e7a7";
811
815
  }
812
816
  .e-responsive-dialog .e-icon-filter-clear::before {
813
817
  content: "\e248";
814
818
  }
819
+ .e-responsive-dialog .e-resfilter-icon.e-icons::before {
820
+ content: "\e251";
821
+ }
822
+ .e-responsive-dialog .e-resascending-icon.e-icons::before {
823
+ content: "\e840";
824
+ }
825
+ .e-responsive-dialog .e-resdescending-icon.e-icons::before {
826
+ content: "\e83f";
827
+ }
828
+ .e-responsive-dialog .e-resgroup-icon.e-icons::before {
829
+ content: "\e926";
830
+ }
831
+ .e-responsive-dialog .e-resungroup-icon.e-icons::before {
832
+ content: "\e926";
833
+ }
834
+
835
+ .e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-icon.e-print::before {
836
+ content: "\e813";
837
+ }
838
+ .e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-icon.e-pdfexport::before {
839
+ content: "\e240";
840
+ }
841
+ .e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-icon.e-excelexport::before {
842
+ content: "\e242";
843
+ }
844
+ .e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-icon.e-csvexport::before {
845
+ content: "\e241";
846
+ }
815
847
 
816
848
  .e-row-responsive-filter .e-dlg-closeicon-btn .e-icon-dlg-close::before {
817
849
  content: "\e977";
@@ -908,6 +940,10 @@ li.e-separator.e-menu-item.e-excel-separator {
908
940
  height: 56px;
909
941
  padding: 0 28px 0;
910
942
  }
943
+ .e-bigger .e-grid.e-grid-autofit .e-headercell,
944
+ .e-grid.e-bigger.e-grid-autofit .e-headercell {
945
+ padding: 0 28px 0;
946
+ }
911
947
  .e-bigger .e-grid .e-headercelldiv,
912
948
  .e-grid.e-bigger .e-headercelldiv {
913
949
  font-size: 12px;
@@ -1460,16 +1496,28 @@ li.e-separator.e-menu-item.e-excel-separator {
1460
1496
  position: relative;
1461
1497
  }
1462
1498
  .e-bigger .e-grid .e-rowcell .e-frozen-right-cursor,
1499
+ .e-bigger .e-grid .e-rowcell .e-frozen-fixedright-cursor,
1463
1500
  .e-bigger .e-grid .e-rowcell .e-frozen-left-cursor,
1501
+ .e-bigger .e-grid .e-rowcell .e-frozen-fixedleft-cursor,
1464
1502
  .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
1503
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
1465
1504
  .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
1505
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
1466
1506
  .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
1507
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
1508
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
1467
1509
  .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor,
1468
1510
  .e-grid.e-bigger .e-rowcell .e-frozen-right-cursor,
1511
+ .e-grid.e-bigger .e-rowcell .e-frozen-fixedright-cursor,
1469
1512
  .e-grid.e-bigger .e-rowcell .e-frozen-left-cursor,
1513
+ .e-grid.e-bigger .e-rowcell .e-frozen-fixedleft-cursor,
1470
1514
  .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor,
1515
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
1471
1516
  .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor,
1517
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
1472
1518
  .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
1519
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
1520
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
1473
1521
  .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
1474
1522
  cursor: move;
1475
1523
  height: 100%;
@@ -1478,18 +1526,30 @@ li.e-separator.e-menu-item.e-excel-separator {
1478
1526
  width: 4px;
1479
1527
  }
1480
1528
  .e-bigger .e-grid .e-rowcell .e-frozen-left-cursor,
1529
+ .e-bigger .e-grid .e-rowcell .e-frozen-fixedright-cursor,
1481
1530
  .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
1531
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
1532
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
1482
1533
  .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor,
1483
1534
  .e-grid.e-bigger .e-rowcell .e-frozen-left-cursor,
1535
+ .e-grid.e-bigger .e-rowcell .e-frozen-fixedright-cursor,
1484
1536
  .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor,
1537
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
1538
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
1485
1539
  .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
1486
1540
  right: 0;
1487
1541
  }
1488
1542
  .e-bigger .e-grid .e-rowcell .e-frozen-right-cursor,
1543
+ .e-bigger .e-grid .e-rowcell .e-frozen-fixedleft-cursor,
1489
1544
  .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
1545
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
1546
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
1490
1547
  .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
1491
1548
  .e-grid.e-bigger .e-rowcell .e-frozen-right-cursor,
1549
+ .e-grid.e-bigger .e-rowcell .e-frozen-fixedleft-cursor,
1492
1550
  .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor,
1551
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
1552
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
1493
1553
  .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor {
1494
1554
  left: 0;
1495
1555
  }
@@ -1621,6 +1681,18 @@ li.e-separator.e-menu-item.e-excel-separator {
1621
1681
  .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 {
1622
1682
  box-shadow: 0 2px 0 0 #e3165b;
1623
1683
  }
1684
+ .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 {
1685
+ border-top: 1px dashed #e3165b;
1686
+ }
1687
+ .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 {
1688
+ border-left: 1px dashed #e3165b;
1689
+ }
1690
+ .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 {
1691
+ border-right: 1px dashed #e3165b;
1692
+ }
1693
+ .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 {
1694
+ border-bottom: 1px dashed #e3165b;
1695
+ }
1624
1696
  .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) {
1625
1697
  position: relative;
1626
1698
  }
@@ -1715,6 +1787,9 @@ li.e-separator.e-menu-item.e-excel-separator {
1715
1787
  .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 {
1716
1788
  background: none;
1717
1789
  }
1790
+ .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-right:not(.e-responsive-right) .e-search-wrapper:not(.e-responsive-right) {
1791
+ width: 40px;
1792
+ }
1718
1793
  .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-right .e-search-wrapper {
1719
1794
  width: 100%;
1720
1795
  padding-left: 18px;
@@ -1722,7 +1797,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1722
1797
  }
1723
1798
  .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-right .e-search-wrapper .e-search-icon {
1724
1799
  font-size: 18px;
1725
- margin-top: 8px;
1800
+ margin-top: 0;
1726
1801
  }
1727
1802
  .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-right .e-search-wrapper .e-input-group {
1728
1803
  border: 0;
@@ -1741,6 +1816,9 @@ li.e-separator.e-menu-item.e-excel-separator {
1741
1816
  .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
1742
1817
  padding-left: 0;
1743
1818
  }
1819
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-tbar-btn:hover {
1820
+ background: none;
1821
+ }
1744
1822
  .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
1745
1823
  margin: 14px 8px 5px 0;
1746
1824
  }
@@ -2328,6 +2406,17 @@ li.e-separator.e-menu-item.e-excel-separator {
2328
2406
  .e-grid .e-gridheader .e-stackedheadercelldiv {
2329
2407
  padding: 0 1.8em 0 0.6em;
2330
2408
  }
2409
+ .e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
2410
+ .e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
2411
+ .e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
2412
+ .e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
2413
+ padding-right: 0.6em;
2414
+ }
2415
+ .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
2416
+ .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,
2417
+ .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
2418
+ padding-left: 0.6em;
2419
+ }
2331
2420
  .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
2332
2421
  padding: 0 1.8em 0 0.6em;
2333
2422
  }
@@ -2549,6 +2638,13 @@ li.e-separator.e-menu-item.e-excel-separator {
2549
2638
  min-height: 160px;
2550
2639
  overflow-y: auto;
2551
2640
  }
2641
+ .e-grid .e-checkboxlist.e-checkbox-infinitescroll {
2642
+ border-top-style: solid;
2643
+ border-top-color: rgba(0, 0, 0, 0.12);
2644
+ border-top-width: 1px;
2645
+ margin-top: 0;
2646
+ overflow-x: hidden;
2647
+ }
2552
2648
  .e-grid .e-checkfltrnmdiv {
2553
2649
  height: 60px;
2554
2650
  padding: 23px;
@@ -3841,10 +3937,16 @@ li.e-separator.e-menu-item.e-excel-separator {
3841
3937
  position: relative;
3842
3938
  }
3843
3939
  .e-grid.sf-grid .e-rowcell .e-frozen-right-cursor,
3940
+ .e-grid.sf-grid .e-rowcell .e-frozen-fixedright-cursor,
3844
3941
  .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor,
3942
+ .e-grid.sf-grid .e-rowcell .e-frozen-fixedleft-cursor,
3845
3943
  .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
3944
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
3846
3945
  .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
3946
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
3847
3947
  .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
3948
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
3949
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
3848
3950
  .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
3849
3951
  cursor: move;
3850
3952
  height: 100%;
@@ -3853,12 +3955,18 @@ li.e-separator.e-menu-item.e-excel-separator {
3853
3955
  width: 4px;
3854
3956
  }
3855
3957
  .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor,
3958
+ .e-grid.sf-grid .e-rowcell .e-frozen-fixedright-cursor,
3856
3959
  .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
3960
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
3961
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
3857
3962
  .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
3858
3963
  right: 0;
3859
3964
  }
3860
3965
  .e-grid.sf-grid .e-rowcell .e-frozen-right-cursor,
3966
+ .e-grid.sf-grid .e-rowcell .e-frozen-fixedleft-cursor,
3861
3967
  .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
3968
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
3969
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
3862
3970
  .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor {
3863
3971
  left: 0;
3864
3972
  }
@@ -3994,6 +4102,12 @@ li.e-separator.e-menu-item.e-excel-separator {
3994
4102
  .e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
3995
4103
  border-width: 0 0 0 1px;
3996
4104
  }
4105
+ .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 {
4106
+ border-right-width: 2px;
4107
+ }
4108
+ .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 {
4109
+ border-left-width: 2px;
4110
+ }
3997
4111
  .e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
3998
4112
  border-bottom-style: solid;
3999
4113
  border-bottom-width: 1px;
@@ -4293,6 +4407,106 @@ li.e-separator.e-menu-item.e-excel-separator {
4293
4407
  .e-bigger.e-responsive-dialog .e-btn.e-ripple {
4294
4408
  overflow: initial;
4295
4409
  }
4410
+ .e-bigger .e-responsive-dialog .columnmenudiv,
4411
+ .e-bigger.e-responsive-dialog .columnmenudiv {
4412
+ /* stylelint-disable */
4413
+ /* stylelint-enable */
4414
+ }
4415
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsiveascendingdiv .e-resascending-icon,
4416
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsivedescendingdiv .e-resdescending-icon,
4417
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsivegroupdiv .e-resgroup-icon,
4418
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsiveungroupdiv .e-resungroup-icon,
4419
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsivecoldiv .e-ressort-icon,
4420
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsivefilterdiv .e-resfilter-icon,
4421
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsiveascendingdiv .e-resascending-icon,
4422
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsivedescendingdiv .e-resdescending-icon,
4423
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsivegroupdiv .e-resgroup-icon,
4424
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsiveungroupdiv .e-resungroup-icon,
4425
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsivecoldiv .e-ressort-icon,
4426
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsivefilterdiv .e-resfilter-icon {
4427
+ margin-top: 0;
4428
+ position: absolute;
4429
+ }
4430
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsivecoldiv .e-res-header-text.e-rescolumn-menu,
4431
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsivecoldiv .e-res-header-text.e-rescolumn-menu {
4432
+ margin-left: 33px !important;
4433
+ }
4434
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv,
4435
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv {
4436
+ /* stylelint-disable */
4437
+ /* stylelint-enable */
4438
+ /* stylelint-disable */
4439
+ /* stylelint-enable */
4440
+ }
4441
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg.e-cc.e-control.e-dialog,
4442
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg.e-cc.e-control.e-dialog {
4443
+ left: 0 !important;
4444
+ max-height: 100% !important;
4445
+ width: 100% !important;
4446
+ }
4447
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg,
4448
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg {
4449
+ /* stylelint-disable */
4450
+ /* stylelint-enable */
4451
+ }
4452
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg li.e-cclist,
4453
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg li.e-cclist {
4454
+ padding: 13px 0 13px 6px;
4455
+ }
4456
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-main-div.e-cc,
4457
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-main-div.e-cc {
4458
+ height: 100%;
4459
+ }
4460
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-cc-contentdiv,
4461
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-cc-contentdiv {
4462
+ height: 90% !important;
4463
+ min-height: 160px;
4464
+ overflow-y: auto !important;
4465
+ }
4466
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-dlg-content,
4467
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-dlg-content {
4468
+ padding: 8px 16px 8px 8px;
4469
+ overflow-y: hidden;
4470
+ }
4471
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-ccul-ele,
4472
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-ccul-ele {
4473
+ margin: 13px 0;
4474
+ padding: 0;
4475
+ }
4476
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-chk-hidden,
4477
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-chk-hidden {
4478
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
4479
+ height: 1px;
4480
+ opacity: 0;
4481
+ width: 1px;
4482
+ }
4483
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-contentdiv,
4484
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-contentdiv {
4485
+ height: 90% !important;
4486
+ min-height: 160px;
4487
+ overflow-y: auto !important;
4488
+ }
4489
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox,
4490
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox {
4491
+ padding-left: 8px;
4492
+ }
4493
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox .e-ccsearch-icon:hover,
4494
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox .e-cc-cancel:hover,
4495
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox .e-ccsearch-icon:hover,
4496
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox .e-cc-cancel:hover {
4497
+ background: none;
4498
+ }
4499
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccsearch-icon,
4500
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-cancel,
4501
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-search-icon,
4502
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-chkcancel-icon,
4503
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccsearch-icon,
4504
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-cancel,
4505
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-search-icon,
4506
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-chkcancel-icon {
4507
+ font-size: 20px;
4508
+ font-size: 16px;
4509
+ }
4296
4510
  .e-bigger .e-responsive-dialog .e-dlg-header-content,
4297
4511
  .e-bigger.e-responsive-dialog .e-dlg-header-content {
4298
4512
  background: #fff;
@@ -4368,7 +4582,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4368
4582
  padding: 0;
4369
4583
  padding-left: 20px;
4370
4584
  padding-right: 0;
4371
- padding-top: 3px;
4585
+ padding-top: 4px;
4372
4586
  }
4373
4587
  .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn:disabled,
4374
4588
  .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn:disabled {
@@ -4397,8 +4611,11 @@ li.e-separator.e-menu-item.e-excel-separator {
4397
4611
  padding-top: 0;
4398
4612
  }
4399
4613
  .e-bigger .e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv,
4400
- .e-bigger.e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv {
4614
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-ccnmdiv,
4615
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv,
4616
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-ccnmdiv {
4401
4617
  text-align: center;
4618
+ padding-top: 40px;
4402
4619
  }
4403
4620
  .e-bigger .e-responsive-dialog .e-dlg-content .e-filtersetdiv,
4404
4621
  .e-bigger.e-responsive-dialog .e-dlg-content .e-filtersetdiv {
@@ -4428,6 +4645,10 @@ li.e-separator.e-menu-item.e-excel-separator {
4428
4645
  .e-bigger.e-responsive-dialog .e-dlg-content .e-excelfilter .e-checkboxlist > span {
4429
4646
  padding-left: 9px;
4430
4647
  }
4648
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-ccdlg,
4649
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-ccdlg {
4650
+ border: transparent;
4651
+ }
4431
4652
  .e-bigger .e-responsive-dialog .e-dlg-content .e-xlflmenu,
4432
4653
  .e-bigger.e-responsive-dialog .e-dlg-content .e-xlflmenu {
4433
4654
  border: transparent;
@@ -4494,10 +4715,13 @@ li.e-separator.e-menu-item.e-excel-separator {
4494
4715
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox {
4495
4716
  padding-left: 10px;
4496
4717
  }
4497
- .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,
4718
+ .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,
4498
4719
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:focus,
4499
4720
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:active,
4500
- .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:hover {
4721
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:hover,
4722
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-chkcancel-icon:focus,
4723
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-chkcancel-icon:active,
4724
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-chkcancel-icon:hover {
4501
4725
  background: none;
4502
4726
  }
4503
4727
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner,
@@ -4573,6 +4797,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4573
4797
  .e-bigger .e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn,
4574
4798
  .e-bigger.e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn {
4575
4799
  padding-top: 0;
4800
+ padding-top: 2px;
4576
4801
  }
4577
4802
 
4578
4803
  .e-bigger .e-responsive-dialog.e-rtl .e-btn.e-dlg-closeicon-btn,
@@ -4590,7 +4815,17 @@ li.e-separator.e-menu-item.e-excel-separator {
4590
4815
  .e-bigger.e-responsive-dialog.e-rtl .e-ressortbutton-parent {
4591
4816
  float: left;
4592
4817
  }
4818
+ .e-bigger .e-responsive-dialog.e-rtl .columnmenudiv .e-responsivecoldiv .e-res-header-text.e-rescolumn-menu,
4819
+ .e-bigger.e-responsive-dialog.e-rtl .columnmenudiv .e-responsivecoldiv .e-res-header-text.e-rescolumn-menu {
4820
+ margin-right: 33px;
4821
+ }
4593
4822
 
4823
+ /* stylelint-disable */
4824
+ .e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-item.e-focused {
4825
+ background-color: transparent !important;
4826
+ }
4827
+
4828
+ /* stylelint-enable */
4594
4829
  /* stylelint-disable */
4595
4830
  .e-ddl.e-popup.e-popup-flmenu .e-dropdownbase,
4596
4831
  .e-ddl.e-popup.e-popup-flbar .e-dropdownbase {
@@ -4861,9 +5096,9 @@ li.e-separator.e-menu-item.e-excel-separator {
4861
5096
  .e-grid .e-xlsel-bottom-border {
4862
5097
  border-bottom-color: #e3165b;
4863
5098
  }
4864
- .e-grid .e-leftfreeze:not(.e-summarycell, .e-indentcell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
4865
- .e-grid .e-rightfreeze:not(.e-summarycell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
4866
- .e-grid .e-fixedfreeze:not(.e-summarycell, .e-selectionbackground, .e-updatedtd, .e-columnselection, .e-groupcaption, .e-cellselectionbackground) {
5099
+ .e-grid .e-leftfreeze:not(.e-summarycell, .e-indentcell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground, .e-active),
5100
+ .e-grid .e-rightfreeze:not(.e-summarycell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground, .e-active),
5101
+ .e-grid .e-fixedfreeze:not(.e-summarycell, .e-selectionbackground, .e-updatedtd, .e-columnselection, .e-groupcaption, .e-cellselectionbackground, .e-active) {
4867
5102
  background-color: #fff;
4868
5103
  }
4869
5104
  .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-groupcaption,
@@ -5111,10 +5346,15 @@ li.e-separator.e-menu-item.e-excel-separator {
5111
5346
  border-right: 0 #e0e0e0 solid;
5112
5347
  }
5113
5348
  .e-grid .e-ftrchk.e-chkfocus,
5349
+ .e-grid .e-menu-item.e-menufocus,
5114
5350
  .e-grid li.e-cclist.e-colfocus {
5115
5351
  background-color: #eee;
5116
5352
  }
5117
5353
 
5354
+ .e-spreadsheet .e-ftrchk.e-chkfocus {
5355
+ background-color: #eee;
5356
+ }
5357
+
5118
5358
  .e-tooltip-wrap.e-griderror,
5119
5359
  .e-control.e-tooltip-wrap.e-popup.e-griderror {
5120
5360
  background-color: #fcdbe4;