@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
@@ -723,6 +723,10 @@ li.e-separator.e-menu-item.e-excel-separator {
723
723
  .e-grid-menu .e-icon-rowdragicon::before {
724
724
  content: "\e330";
725
725
  }
726
+ .e-grid .e-responsivetoolbaritems-btn::before,
727
+ .e-grid-menu .e-responsivetoolbaritems-btn::before {
728
+ content: "\e984";
729
+ }
726
730
  .e-grid.e-rtl .e-icon-rowdragicon::before,
727
731
  .e-grid-menu.e-rtl .e-icon-rowdragicon::before {
728
732
  content: "\e330";
@@ -742,15 +746,43 @@ li.e-separator.e-menu-item.e-excel-separator {
742
746
  .e-responsive-dialog .e-filterset::before {
743
747
  content: "\e946";
744
748
  }
745
- .e-responsive-dialog .e-search-icon::before {
749
+ .e-responsive-dialog .e-search-icon::before, .e-responsive-dialog .e-ccdlg span.e-ccsearch-icon::before {
746
750
  content: "\e961";
747
751
  }
748
- .e-responsive-dialog .e-chkcancel-icon::before {
752
+ .e-responsive-dialog .e-chkcancel-icon::before, .e-responsive-dialog .e-ccdlg span.e-cc-cancel::before {
749
753
  content: "\e7a7";
750
754
  }
751
755
  .e-responsive-dialog .e-icon-filter-clear::before {
752
756
  content: "\e246";
753
757
  }
758
+ .e-responsive-dialog .e-resfilter-icon.e-icons::before {
759
+ content: "\e946";
760
+ }
761
+ .e-responsive-dialog .e-resascending-icon.e-icons::before {
762
+ content: "\e234";
763
+ }
764
+ .e-responsive-dialog .e-resdescending-icon.e-icons::before {
765
+ content: "\e239";
766
+ }
767
+ .e-responsive-dialog .e-resgroup-icon.e-icons::before {
768
+ content: "\e926";
769
+ }
770
+ .e-responsive-dialog .e-resungroup-icon.e-icons::before {
771
+ content: "\e926";
772
+ }
773
+
774
+ .e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-icon.e-print::before {
775
+ content: "\e34b";
776
+ }
777
+ .e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-icon.e-pdfexport::before {
778
+ content: "\e240";
779
+ }
780
+ .e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-icon.e-excelexport::before {
781
+ content: "\e242";
782
+ }
783
+ .e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-icon.e-csvexport::before {
784
+ content: "\e241";
785
+ }
754
786
 
755
787
  .e-row-responsive-filter .e-dlg-closeicon-btn .e-icon-dlg-close::before {
756
788
  content: "\e94b";
@@ -847,6 +879,10 @@ li.e-separator.e-menu-item.e-excel-separator {
847
879
  height: 44px;
848
880
  padding: 0 8px 0;
849
881
  }
882
+ .e-bigger .e-grid.e-grid-autofit .e-headercell,
883
+ .e-grid.e-bigger.e-grid-autofit .e-headercell {
884
+ padding: 0 8px 0;
885
+ }
850
886
  .e-bigger .e-grid .e-headercelldiv,
851
887
  .e-grid.e-bigger .e-headercelldiv {
852
888
  font-size: 14px;
@@ -1399,16 +1435,28 @@ li.e-separator.e-menu-item.e-excel-separator {
1399
1435
  position: relative;
1400
1436
  }
1401
1437
  .e-bigger .e-grid .e-rowcell .e-frozen-right-cursor,
1438
+ .e-bigger .e-grid .e-rowcell .e-frozen-fixedright-cursor,
1402
1439
  .e-bigger .e-grid .e-rowcell .e-frozen-left-cursor,
1440
+ .e-bigger .e-grid .e-rowcell .e-frozen-fixedleft-cursor,
1403
1441
  .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
1442
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
1404
1443
  .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
1444
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
1405
1445
  .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
1446
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
1447
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
1406
1448
  .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor,
1407
1449
  .e-grid.e-bigger .e-rowcell .e-frozen-right-cursor,
1450
+ .e-grid.e-bigger .e-rowcell .e-frozen-fixedright-cursor,
1408
1451
  .e-grid.e-bigger .e-rowcell .e-frozen-left-cursor,
1452
+ .e-grid.e-bigger .e-rowcell .e-frozen-fixedleft-cursor,
1409
1453
  .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor,
1454
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
1410
1455
  .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor,
1456
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
1411
1457
  .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
1458
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
1459
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
1412
1460
  .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
1413
1461
  cursor: move;
1414
1462
  height: 100%;
@@ -1417,18 +1465,30 @@ li.e-separator.e-menu-item.e-excel-separator {
1417
1465
  width: 4px;
1418
1466
  }
1419
1467
  .e-bigger .e-grid .e-rowcell .e-frozen-left-cursor,
1468
+ .e-bigger .e-grid .e-rowcell .e-frozen-fixedright-cursor,
1420
1469
  .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
1470
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
1471
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
1421
1472
  .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor,
1422
1473
  .e-grid.e-bigger .e-rowcell .e-frozen-left-cursor,
1474
+ .e-grid.e-bigger .e-rowcell .e-frozen-fixedright-cursor,
1423
1475
  .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor,
1476
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
1477
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
1424
1478
  .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
1425
1479
  right: 0;
1426
1480
  }
1427
1481
  .e-bigger .e-grid .e-rowcell .e-frozen-right-cursor,
1482
+ .e-bigger .e-grid .e-rowcell .e-frozen-fixedleft-cursor,
1428
1483
  .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
1484
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
1485
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
1429
1486
  .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
1430
1487
  .e-grid.e-bigger .e-rowcell .e-frozen-right-cursor,
1488
+ .e-grid.e-bigger .e-rowcell .e-frozen-fixedleft-cursor,
1431
1489
  .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor,
1490
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
1491
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
1432
1492
  .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor {
1433
1493
  left: 0;
1434
1494
  }
@@ -1560,6 +1620,18 @@ li.e-separator.e-menu-item.e-excel-separator {
1560
1620
  .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 {
1561
1621
  box-shadow: 0 2px 0 0 #317ab9;
1562
1622
  }
1623
+ .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 {
1624
+ border-top: 1px dashed #317ab9;
1625
+ }
1626
+ .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 {
1627
+ border-left: 1px dashed #317ab9;
1628
+ }
1629
+ .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 {
1630
+ border-right: 1px dashed #317ab9;
1631
+ }
1632
+ .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 {
1633
+ border-bottom: 1px dashed #317ab9;
1634
+ }
1563
1635
  .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) {
1564
1636
  position: relative;
1565
1637
  }
@@ -1654,6 +1726,9 @@ li.e-separator.e-menu-item.e-excel-separator {
1654
1726
  .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 {
1655
1727
  background: none;
1656
1728
  }
1729
+ .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-right:not(.e-responsive-right) .e-search-wrapper:not(.e-responsive-right) {
1730
+ width: 40px;
1731
+ }
1657
1732
  .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-right .e-search-wrapper {
1658
1733
  width: 100%;
1659
1734
  padding-left: 18px;
@@ -1661,7 +1736,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1661
1736
  }
1662
1737
  .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-right .e-search-wrapper .e-search-icon {
1663
1738
  font-size: 18px;
1664
- margin-top: -3px;
1739
+ margin-top: 0;
1665
1740
  }
1666
1741
  .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-right .e-search-wrapper .e-input-group {
1667
1742
  border: 0;
@@ -1680,6 +1755,9 @@ li.e-separator.e-menu-item.e-excel-separator {
1680
1755
  .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
1681
1756
  padding-left: 0;
1682
1757
  }
1758
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-tbar-btn:hover {
1759
+ background: none;
1760
+ }
1683
1761
  .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
1684
1762
  margin: 0 -16px 0 0;
1685
1763
  }
@@ -2267,6 +2345,17 @@ li.e-separator.e-menu-item.e-excel-separator {
2267
2345
  .e-grid .e-gridheader .e-stackedheadercelldiv {
2268
2346
  padding: 0 1.8em 0 0.4em;
2269
2347
  }
2348
+ .e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
2349
+ .e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
2350
+ .e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
2351
+ .e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
2352
+ padding-right: 0.4em;
2353
+ }
2354
+ .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
2355
+ .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,
2356
+ .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
2357
+ padding-left: 0.4em;
2358
+ }
2270
2359
  .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
2271
2360
  padding: 0 1.8em 0 0.4em;
2272
2361
  }
@@ -2488,6 +2577,13 @@ li.e-separator.e-menu-item.e-excel-separator {
2488
2577
  min-height: 160px;
2489
2578
  overflow-y: auto;
2490
2579
  }
2580
+ .e-grid .e-checkboxlist.e-checkbox-infinitescroll {
2581
+ border-top-style: solid;
2582
+ border-top-color: rgba(230, 230, 230, 0.12);
2583
+ border-top-width: 1px;
2584
+ margin-top: 0;
2585
+ overflow-x: hidden;
2586
+ }
2491
2587
  .e-grid .e-checkfltrnmdiv {
2492
2588
  height: 60px;
2493
2589
  padding: 23px;
@@ -3780,10 +3876,16 @@ li.e-separator.e-menu-item.e-excel-separator {
3780
3876
  position: relative;
3781
3877
  }
3782
3878
  .e-grid.sf-grid .e-rowcell .e-frozen-right-cursor,
3879
+ .e-grid.sf-grid .e-rowcell .e-frozen-fixedright-cursor,
3783
3880
  .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor,
3881
+ .e-grid.sf-grid .e-rowcell .e-frozen-fixedleft-cursor,
3784
3882
  .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
3883
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
3785
3884
  .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
3885
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
3786
3886
  .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
3887
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
3888
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
3787
3889
  .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
3788
3890
  cursor: move;
3789
3891
  height: 100%;
@@ -3792,12 +3894,18 @@ li.e-separator.e-menu-item.e-excel-separator {
3792
3894
  width: 4px;
3793
3895
  }
3794
3896
  .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor,
3897
+ .e-grid.sf-grid .e-rowcell .e-frozen-fixedright-cursor,
3795
3898
  .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
3899
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
3900
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
3796
3901
  .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
3797
3902
  right: 0;
3798
3903
  }
3799
3904
  .e-grid.sf-grid .e-rowcell .e-frozen-right-cursor,
3905
+ .e-grid.sf-grid .e-rowcell .e-frozen-fixedleft-cursor,
3800
3906
  .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
3907
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
3908
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
3801
3909
  .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor {
3802
3910
  left: 0;
3803
3911
  }
@@ -3933,6 +4041,12 @@ li.e-separator.e-menu-item.e-excel-separator {
3933
4041
  .e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
3934
4042
  border-width: 0 0 0 1px;
3935
4043
  }
4044
+ .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 {
4045
+ border-right-width: 2px;
4046
+ }
4047
+ .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 {
4048
+ border-left-width: 2px;
4049
+ }
3936
4050
  .e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
3937
4051
  border-bottom-style: solid;
3938
4052
  border-bottom-width: 1px;
@@ -4232,6 +4346,105 @@ li.e-separator.e-menu-item.e-excel-separator {
4232
4346
  .e-bigger.e-responsive-dialog .e-btn.e-ripple {
4233
4347
  overflow: initial;
4234
4348
  }
4349
+ .e-bigger .e-responsive-dialog .columnmenudiv,
4350
+ .e-bigger.e-responsive-dialog .columnmenudiv {
4351
+ /* stylelint-disable */
4352
+ /* stylelint-enable */
4353
+ }
4354
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsiveascendingdiv .e-resascending-icon,
4355
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsivedescendingdiv .e-resdescending-icon,
4356
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsivegroupdiv .e-resgroup-icon,
4357
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsiveungroupdiv .e-resungroup-icon,
4358
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsivecoldiv .e-ressort-icon,
4359
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsivefilterdiv .e-resfilter-icon,
4360
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsiveascendingdiv .e-resascending-icon,
4361
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsivedescendingdiv .e-resdescending-icon,
4362
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsivegroupdiv .e-resgroup-icon,
4363
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsiveungroupdiv .e-resungroup-icon,
4364
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsivecoldiv .e-ressort-icon,
4365
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsivefilterdiv .e-resfilter-icon {
4366
+ margin-top: 0;
4367
+ position: absolute;
4368
+ }
4369
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsivecoldiv .e-res-header-text.e-rescolumn-menu,
4370
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsivecoldiv .e-res-header-text.e-rescolumn-menu {
4371
+ margin-left: 33px !important;
4372
+ }
4373
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv,
4374
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv {
4375
+ /* stylelint-disable */
4376
+ /* stylelint-enable */
4377
+ /* stylelint-disable */
4378
+ /* stylelint-enable */
4379
+ }
4380
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg.e-cc.e-control.e-dialog,
4381
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg.e-cc.e-control.e-dialog {
4382
+ left: 0 !important;
4383
+ max-height: 100% !important;
4384
+ width: 100% !important;
4385
+ }
4386
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg,
4387
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg {
4388
+ /* stylelint-disable */
4389
+ /* stylelint-enable */
4390
+ }
4391
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg li.e-cclist,
4392
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg li.e-cclist {
4393
+ padding: 13px 0 13px 6px;
4394
+ }
4395
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-main-div.e-cc,
4396
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-main-div.e-cc {
4397
+ height: 100%;
4398
+ }
4399
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-cc-contentdiv,
4400
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-cc-contentdiv {
4401
+ height: 90% !important;
4402
+ min-height: 160px;
4403
+ overflow-y: auto !important;
4404
+ }
4405
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-dlg-content,
4406
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-dlg-content {
4407
+ padding: 8px 16px 8px 8px;
4408
+ overflow-y: hidden;
4409
+ }
4410
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-ccul-ele,
4411
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-ccul-ele {
4412
+ margin: 13px 0;
4413
+ padding: 0;
4414
+ }
4415
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-chk-hidden,
4416
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-chk-hidden {
4417
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
4418
+ height: 1px;
4419
+ opacity: 0;
4420
+ width: 1px;
4421
+ }
4422
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-contentdiv,
4423
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-contentdiv {
4424
+ height: 90% !important;
4425
+ min-height: 160px;
4426
+ overflow-y: auto !important;
4427
+ }
4428
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox,
4429
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox {
4430
+ padding-left: 8px;
4431
+ }
4432
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox .e-ccsearch-icon:hover,
4433
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox .e-cc-cancel:hover,
4434
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox .e-ccsearch-icon:hover,
4435
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox .e-cc-cancel:hover {
4436
+ background: none;
4437
+ }
4438
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccsearch-icon,
4439
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-cancel,
4440
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-search-icon,
4441
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-chkcancel-icon,
4442
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccsearch-icon,
4443
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-cancel,
4444
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-search-icon,
4445
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-chkcancel-icon {
4446
+ font-size: 20px;
4447
+ }
4235
4448
  .e-bigger .e-responsive-dialog .e-dlg-header-content,
4236
4449
  .e-bigger.e-responsive-dialog .e-dlg-header-content {
4237
4450
  background: #fff;
@@ -4286,7 +4499,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4286
4499
  .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-filter-clear-btn,
4287
4500
  .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-filter-clear-btn {
4288
4501
  color: #317ab9;
4289
- margin-top: 0;
4502
+ margin-top: 1px;
4290
4503
  padding: 0;
4291
4504
  }
4292
4505
  .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-filter-clear-btn .e-icon-filter-clear,
@@ -4298,7 +4511,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4298
4511
  color: #317ab9;
4299
4512
  font-size: 15px;
4300
4513
  font-weight: 500;
4301
- padding-top: 5px;
4514
+ padding-top: 4px;
4302
4515
  }
4303
4516
  .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn,
4304
4517
  .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn {
@@ -4336,8 +4549,11 @@ li.e-separator.e-menu-item.e-excel-separator {
4336
4549
  padding-top: 0;
4337
4550
  }
4338
4551
  .e-bigger .e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv,
4339
- .e-bigger.e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv {
4552
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-ccnmdiv,
4553
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv,
4554
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-ccnmdiv {
4340
4555
  text-align: center;
4556
+ padding-top: 40px;
4341
4557
  }
4342
4558
  .e-bigger .e-responsive-dialog .e-dlg-content .e-filtersetdiv,
4343
4559
  .e-bigger.e-responsive-dialog .e-dlg-content .e-filtersetdiv {
@@ -4367,6 +4583,10 @@ li.e-separator.e-menu-item.e-excel-separator {
4367
4583
  .e-bigger.e-responsive-dialog .e-dlg-content .e-excelfilter .e-checkboxlist > span {
4368
4584
  padding-left: 9px;
4369
4585
  }
4586
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-ccdlg,
4587
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-ccdlg {
4588
+ border: transparent;
4589
+ }
4370
4590
  .e-bigger .e-responsive-dialog .e-dlg-content .e-xlflmenu,
4371
4591
  .e-bigger.e-responsive-dialog .e-dlg-content .e-xlflmenu {
4372
4592
  border: transparent;
@@ -4433,10 +4653,13 @@ li.e-separator.e-menu-item.e-excel-separator {
4433
4653
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox {
4434
4654
  padding-left: 10px;
4435
4655
  }
4436
- .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,
4656
+ .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,
4437
4657
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:focus,
4438
4658
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:active,
4439
- .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:hover {
4659
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:hover,
4660
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-chkcancel-icon:focus,
4661
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-chkcancel-icon:active,
4662
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-chkcancel-icon:hover {
4440
4663
  background: none;
4441
4664
  }
4442
4665
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner,
@@ -4529,7 +4752,17 @@ li.e-separator.e-menu-item.e-excel-separator {
4529
4752
  .e-bigger.e-responsive-dialog.e-rtl .e-ressortbutton-parent {
4530
4753
  float: left;
4531
4754
  }
4755
+ .e-bigger .e-responsive-dialog.e-rtl .columnmenudiv .e-responsivecoldiv .e-res-header-text.e-rescolumn-menu,
4756
+ .e-bigger.e-responsive-dialog.e-rtl .columnmenudiv .e-responsivecoldiv .e-res-header-text.e-rescolumn-menu {
4757
+ margin-right: 33px;
4758
+ }
4532
4759
 
4760
+ /* stylelint-disable */
4761
+ .e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-item.e-focused {
4762
+ background-color: transparent !important;
4763
+ }
4764
+
4765
+ /* stylelint-enable */
4533
4766
  /* stylelint-disable */
4534
4767
  .e-ddl.e-popup.e-popup-flmenu .e-dropdownbase,
4535
4768
  .e-ddl.e-popup.e-popup-flbar .e-dropdownbase {
@@ -4800,9 +5033,9 @@ li.e-separator.e-menu-item.e-excel-separator {
4800
5033
  .e-grid .e-xlsel-bottom-border {
4801
5034
  border-bottom-color: #317ab9;
4802
5035
  }
4803
- .e-grid .e-leftfreeze:not(.e-summarycell, .e-indentcell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
4804
- .e-grid .e-rightfreeze:not(.e-summarycell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
4805
- .e-grid .e-fixedfreeze:not(.e-summarycell, .e-selectionbackground, .e-updatedtd, .e-columnselection, .e-groupcaption, .e-cellselectionbackground) {
5036
+ .e-grid .e-leftfreeze:not(.e-summarycell, .e-indentcell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground, .e-active),
5037
+ .e-grid .e-rightfreeze:not(.e-summarycell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground, .e-active),
5038
+ .e-grid .e-fixedfreeze:not(.e-summarycell, .e-selectionbackground, .e-updatedtd, .e-columnselection, .e-groupcaption, .e-cellselectionbackground, .e-active) {
4806
5039
  background-color: #fff;
4807
5040
  }
4808
5041
  .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-groupcaption,
@@ -5050,10 +5283,15 @@ li.e-separator.e-menu-item.e-excel-separator {
5050
5283
  border-right: 0 #ddd solid;
5051
5284
  }
5052
5285
  .e-grid .e-ftrchk.e-chkfocus,
5286
+ .e-grid .e-menu-item.e-menufocus,
5053
5287
  .e-grid li.e-cclist.e-colfocus {
5054
5288
  background-color: #f5f5f5;
5055
5289
  }
5056
5290
 
5291
+ .e-spreadsheet .e-ftrchk.e-chkfocus {
5292
+ background-color: #f5f5f5;
5293
+ }
5294
+
5057
5295
  .e-tooltip-wrap.e-griderror,
5058
5296
  .e-control.e-tooltip-wrap.e-popup.e-griderror {
5059
5297
  background-color: #fcdbe4;