@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
@@ -698,6 +698,10 @@ li.e-separator.e-menu-item.e-excel-separator {
698
698
  .e-grid-menu .e-icon-rowdragicon::before {
699
699
  content: "\e330";
700
700
  }
701
+ .e-grid .e-responsivetoolbaritems-btn::before,
702
+ .e-grid-menu .e-responsivetoolbaritems-btn::before {
703
+ content: "\e984";
704
+ }
701
705
  .e-grid.e-rtl .e-icon-rowdragicon::before,
702
706
  .e-grid-menu.e-rtl .e-icon-rowdragicon::before {
703
707
  content: "\e330";
@@ -715,15 +719,43 @@ li.e-separator.e-menu-item.e-excel-separator {
715
719
  .e-responsive-dialog .e-filterset::before {
716
720
  content: "\e21c";
717
721
  }
718
- .e-responsive-dialog .e-search-icon::before {
722
+ .e-responsive-dialog .e-search-icon::before, .e-responsive-dialog .e-ccdlg span.e-ccsearch-icon::before {
719
723
  content: "\e97d";
720
724
  }
721
- .e-responsive-dialog .e-chkcancel-icon::before {
725
+ .e-responsive-dialog .e-chkcancel-icon::before, .e-responsive-dialog .e-ccdlg span.e-cc-cancel::before {
722
726
  content: "\e7a7";
723
727
  }
724
728
  .e-responsive-dialog .e-icon-filter-clear::before {
725
729
  content: "\e247";
726
730
  }
731
+ .e-responsive-dialog .e-resfilter-icon.e-icons::before {
732
+ content: "\e21c";
733
+ }
734
+ .e-responsive-dialog .e-resascending-icon.e-icons::before {
735
+ content: "\e840";
736
+ }
737
+ .e-responsive-dialog .e-resdescending-icon.e-icons::before {
738
+ content: "\e83f";
739
+ }
740
+ .e-responsive-dialog .e-resgroup-icon.e-icons::before {
741
+ content: "\e926";
742
+ }
743
+ .e-responsive-dialog .e-resungroup-icon.e-icons::before {
744
+ content: "\e926";
745
+ }
746
+
747
+ .e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-icon.e-print::before {
748
+ content: "\e7df";
749
+ }
750
+ .e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-icon.e-pdfexport::before {
751
+ content: "\e240";
752
+ }
753
+ .e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-icon.e-excelexport::before {
754
+ content: "\e242";
755
+ }
756
+ .e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-icon.e-csvexport::before {
757
+ content: "\e241";
758
+ }
727
759
 
728
760
  .e-row-responsive-filter .e-dlg-closeicon-btn .e-icon-dlg-close::before {
729
761
  content: "\e610";
@@ -820,6 +852,10 @@ li.e-separator.e-menu-item.e-excel-separator {
820
852
  height: 45px;
821
853
  padding: 0 10px 0;
822
854
  }
855
+ .e-bigger .e-grid.e-grid-autofit .e-headercell,
856
+ .e-grid.e-bigger.e-grid-autofit .e-headercell {
857
+ padding: 0 10px 0;
858
+ }
823
859
  .e-bigger .e-grid .e-headercelldiv,
824
860
  .e-grid.e-bigger .e-headercelldiv {
825
861
  font-size: 14px;
@@ -1372,16 +1408,28 @@ li.e-separator.e-menu-item.e-excel-separator {
1372
1408
  position: relative;
1373
1409
  }
1374
1410
  .e-bigger .e-grid .e-rowcell .e-frozen-right-cursor,
1411
+ .e-bigger .e-grid .e-rowcell .e-frozen-fixedright-cursor,
1375
1412
  .e-bigger .e-grid .e-rowcell .e-frozen-left-cursor,
1413
+ .e-bigger .e-grid .e-rowcell .e-frozen-fixedleft-cursor,
1376
1414
  .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
1415
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
1377
1416
  .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
1417
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
1378
1418
  .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
1419
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
1420
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
1379
1421
  .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor,
1380
1422
  .e-grid.e-bigger .e-rowcell .e-frozen-right-cursor,
1423
+ .e-grid.e-bigger .e-rowcell .e-frozen-fixedright-cursor,
1381
1424
  .e-grid.e-bigger .e-rowcell .e-frozen-left-cursor,
1425
+ .e-grid.e-bigger .e-rowcell .e-frozen-fixedleft-cursor,
1382
1426
  .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor,
1427
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
1383
1428
  .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor,
1429
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
1384
1430
  .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
1431
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
1432
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
1385
1433
  .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
1386
1434
  cursor: move;
1387
1435
  height: 100%;
@@ -1390,18 +1438,30 @@ li.e-separator.e-menu-item.e-excel-separator {
1390
1438
  width: 4px;
1391
1439
  }
1392
1440
  .e-bigger .e-grid .e-rowcell .e-frozen-left-cursor,
1441
+ .e-bigger .e-grid .e-rowcell .e-frozen-fixedright-cursor,
1393
1442
  .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
1443
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
1444
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
1394
1445
  .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor,
1395
1446
  .e-grid.e-bigger .e-rowcell .e-frozen-left-cursor,
1447
+ .e-grid.e-bigger .e-rowcell .e-frozen-fixedright-cursor,
1396
1448
  .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor,
1449
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
1450
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
1397
1451
  .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
1398
1452
  right: 0;
1399
1453
  }
1400
1454
  .e-bigger .e-grid .e-rowcell .e-frozen-right-cursor,
1455
+ .e-bigger .e-grid .e-rowcell .e-frozen-fixedleft-cursor,
1401
1456
  .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
1457
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
1458
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
1402
1459
  .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
1403
1460
  .e-grid.e-bigger .e-rowcell .e-frozen-right-cursor,
1461
+ .e-grid.e-bigger .e-rowcell .e-frozen-fixedleft-cursor,
1404
1462
  .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor,
1463
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
1464
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
1405
1465
  .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor {
1406
1466
  left: 0;
1407
1467
  }
@@ -1533,6 +1593,18 @@ li.e-separator.e-menu-item.e-excel-separator {
1533
1593
  .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 {
1534
1594
  box-shadow: 0 2px 0 0 #0074cc;
1535
1595
  }
1596
+ .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 {
1597
+ border-top: 1px dashed #0074cc;
1598
+ }
1599
+ .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 {
1600
+ border-left: 1px dashed #0074cc;
1601
+ }
1602
+ .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 {
1603
+ border-right: 1px dashed #0074cc;
1604
+ }
1605
+ .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 {
1606
+ border-bottom: 1px dashed #0074cc;
1607
+ }
1536
1608
  .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) {
1537
1609
  position: relative;
1538
1610
  }
@@ -1627,6 +1699,9 @@ li.e-separator.e-menu-item.e-excel-separator {
1627
1699
  .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 {
1628
1700
  background: none;
1629
1701
  }
1702
+ .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-right:not(.e-responsive-right) .e-search-wrapper:not(.e-responsive-right) {
1703
+ width: 40px;
1704
+ }
1630
1705
  .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-right .e-search-wrapper {
1631
1706
  width: 100%;
1632
1707
  padding-left: 16px;
@@ -1653,6 +1728,9 @@ li.e-separator.e-menu-item.e-excel-separator {
1653
1728
  .e-grid .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
1654
1729
  padding-left: 0;
1655
1730
  }
1731
+ .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-tbar-btn:hover {
1732
+ background: none;
1733
+ }
1656
1734
  .e-grid.e-bigger .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper .e-sicon.e-clear-icon {
1657
1735
  margin: 0;
1658
1736
  }
@@ -2240,6 +2318,17 @@ li.e-separator.e-menu-item.e-excel-separator {
2240
2318
  .e-grid .e-gridheader .e-stackedheadercelldiv {
2241
2319
  padding: 0 20px 0 5px;
2242
2320
  }
2321
+ .e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
2322
+ .e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-stackedheadercelldiv,
2323
+ .e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-headercelldiv,
2324
+ .e-grid .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
2325
+ padding-right: 5px;
2326
+ }
2327
+ .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort=none] .e-headercelldiv,
2328
+ .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,
2329
+ .e-grid.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) .e-stackedheadercelldiv {
2330
+ padding-left: 5px;
2331
+ }
2243
2332
  .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
2244
2333
  padding: 0 20px 0 5px;
2245
2334
  }
@@ -2461,6 +2550,13 @@ li.e-separator.e-menu-item.e-excel-separator {
2461
2550
  min-height: 160px;
2462
2551
  overflow-y: auto;
2463
2552
  }
2553
+ .e-grid .e-checkboxlist.e-checkbox-infinitescroll {
2554
+ border-top-style: solid;
2555
+ border-top-color: rgba(248, 248, 248, 0.12);
2556
+ border-top-width: 1px;
2557
+ margin-top: 0;
2558
+ overflow-x: hidden;
2559
+ }
2464
2560
  .e-grid .e-checkfltrnmdiv {
2465
2561
  height: 60px;
2466
2562
  padding: 23px;
@@ -3753,10 +3849,16 @@ li.e-separator.e-menu-item.e-excel-separator {
3753
3849
  position: relative;
3754
3850
  }
3755
3851
  .e-grid.sf-grid .e-rowcell .e-frozen-right-cursor,
3852
+ .e-grid.sf-grid .e-rowcell .e-frozen-fixedright-cursor,
3756
3853
  .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor,
3854
+ .e-grid.sf-grid .e-rowcell .e-frozen-fixedleft-cursor,
3757
3855
  .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
3856
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
3758
3857
  .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
3858
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
3759
3859
  .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
3860
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
3861
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
3760
3862
  .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
3761
3863
  cursor: move;
3762
3864
  height: 100%;
@@ -3765,12 +3867,18 @@ li.e-separator.e-menu-item.e-excel-separator {
3765
3867
  width: 4px;
3766
3868
  }
3767
3869
  .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor,
3870
+ .e-grid.sf-grid .e-rowcell .e-frozen-fixedright-cursor,
3768
3871
  .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
3872
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-fixedright-cursor,
3873
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-fixedright-cursor,
3769
3874
  .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
3770
3875
  right: 0;
3771
3876
  }
3772
3877
  .e-grid.sf-grid .e-rowcell .e-frozen-right-cursor,
3878
+ .e-grid.sf-grid .e-rowcell .e-frozen-fixedleft-cursor,
3773
3879
  .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
3880
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-fixedleft-cursor,
3881
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-fixedleft-cursor,
3774
3882
  .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor {
3775
3883
  left: 0;
3776
3884
  }
@@ -3906,6 +4014,12 @@ li.e-separator.e-menu-item.e-excel-separator {
3906
4014
  .e-grid.sf-grid.e-default.e-bothlines .e-headercell, .e-grid.sf-grid.e-default.e-bothlines .e-detailheadercell {
3907
4015
  border-width: 0 0 0 1px;
3908
4016
  }
4017
+ .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 {
4018
+ border-right-width: 2px;
4019
+ }
4020
+ .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 {
4021
+ border-left-width: 2px;
4022
+ }
3909
4023
  .e-grid.sf-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
3910
4024
  border-bottom-style: solid;
3911
4025
  border-bottom-width: 1px;
@@ -4205,6 +4319,105 @@ li.e-separator.e-menu-item.e-excel-separator {
4205
4319
  .e-bigger.e-responsive-dialog .e-btn.e-ripple {
4206
4320
  overflow: initial;
4207
4321
  }
4322
+ .e-bigger .e-responsive-dialog .columnmenudiv,
4323
+ .e-bigger.e-responsive-dialog .columnmenudiv {
4324
+ /* stylelint-disable */
4325
+ /* stylelint-enable */
4326
+ }
4327
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsiveascendingdiv .e-resascending-icon,
4328
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsivedescendingdiv .e-resdescending-icon,
4329
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsivegroupdiv .e-resgroup-icon,
4330
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsiveungroupdiv .e-resungroup-icon,
4331
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsivecoldiv .e-ressort-icon,
4332
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsivefilterdiv .e-resfilter-icon,
4333
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsiveascendingdiv .e-resascending-icon,
4334
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsivedescendingdiv .e-resdescending-icon,
4335
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsivegroupdiv .e-resgroup-icon,
4336
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsiveungroupdiv .e-resungroup-icon,
4337
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsivecoldiv .e-ressort-icon,
4338
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsivefilterdiv .e-resfilter-icon {
4339
+ margin-top: 0;
4340
+ position: absolute;
4341
+ }
4342
+ .e-bigger .e-responsive-dialog .columnmenudiv .e-responsivecoldiv .e-res-header-text.e-rescolumn-menu,
4343
+ .e-bigger.e-responsive-dialog .columnmenudiv .e-responsivecoldiv .e-res-header-text.e-rescolumn-menu {
4344
+ margin-left: 33px !important;
4345
+ }
4346
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv,
4347
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv {
4348
+ /* stylelint-disable */
4349
+ /* stylelint-enable */
4350
+ /* stylelint-disable */
4351
+ /* stylelint-enable */
4352
+ }
4353
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg.e-cc.e-control.e-dialog,
4354
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg.e-cc.e-control.e-dialog {
4355
+ left: 0 !important;
4356
+ max-height: 100% !important;
4357
+ width: 100% !important;
4358
+ }
4359
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg,
4360
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg {
4361
+ /* stylelint-disable */
4362
+ /* stylelint-enable */
4363
+ }
4364
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg li.e-cclist,
4365
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg li.e-cclist {
4366
+ padding: 13px 0 13px 6px;
4367
+ }
4368
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-main-div.e-cc,
4369
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-main-div.e-cc {
4370
+ height: 100%;
4371
+ }
4372
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-cc-contentdiv,
4373
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-cc-contentdiv {
4374
+ height: 90% !important;
4375
+ min-height: 160px;
4376
+ overflow-y: auto !important;
4377
+ }
4378
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-dlg-content,
4379
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-dlg-content {
4380
+ padding: 8px 16px 8px 8px;
4381
+ overflow-y: hidden;
4382
+ }
4383
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-ccul-ele,
4384
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-ccul-ele {
4385
+ margin: 13px 0;
4386
+ padding: 0;
4387
+ }
4388
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-chk-hidden,
4389
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccdlg .e-chk-hidden {
4390
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
4391
+ height: 1px;
4392
+ opacity: 0;
4393
+ width: 1px;
4394
+ }
4395
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-contentdiv,
4396
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-contentdiv {
4397
+ height: 90% !important;
4398
+ min-height: 160px;
4399
+ overflow-y: auto !important;
4400
+ }
4401
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox,
4402
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox {
4403
+ padding-left: 8px;
4404
+ }
4405
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox .e-ccsearch-icon:hover,
4406
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox .e-cc-cancel:hover,
4407
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox .e-ccsearch-icon:hover,
4408
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-searchBox .e-cc-cancel:hover {
4409
+ background: none;
4410
+ }
4411
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-ccsearch-icon,
4412
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-cc-cancel,
4413
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-search-icon,
4414
+ .e-bigger .e-responsive-dialog .e-mainfilterdiv .e-chkcancel-icon,
4415
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-ccsearch-icon,
4416
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-cc-cancel,
4417
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-search-icon,
4418
+ .e-bigger.e-responsive-dialog .e-mainfilterdiv .e-chkcancel-icon {
4419
+ font-size: 20px;
4420
+ }
4208
4421
  .e-bigger .e-responsive-dialog .e-dlg-header-content,
4209
4422
  .e-bigger.e-responsive-dialog .e-dlg-header-content {
4210
4423
  background: #201f1f;
@@ -4228,7 +4441,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4228
4441
  .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn .e-btn-icon {
4229
4442
  color: #dadada;
4230
4443
  font-size: 17px;
4231
- margin-top: 0;
4444
+ margin-top: 2px;
4232
4445
  }
4233
4446
  .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn:hover .e-btn-icon, .e-bigger .e-responsive-dialog .e-dlg-header-content .e-btn:focus .e-btn-icon,
4234
4447
  .e-bigger.e-responsive-dialog .e-dlg-header-content .e-btn:hover .e-btn-icon,
@@ -4271,7 +4484,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4271
4484
  color: #0074cc;
4272
4485
  font-size: 19px;
4273
4486
  font-weight: 500;
4274
- padding-top: 5px;
4487
+ padding-top: 3px;
4275
4488
  }
4276
4489
  .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn,
4277
4490
  .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn {
@@ -4309,8 +4522,11 @@ li.e-separator.e-menu-item.e-excel-separator {
4309
4522
  padding-top: 0;
4310
4523
  }
4311
4524
  .e-bigger .e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv,
4312
- .e-bigger.e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv {
4525
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-ccnmdiv,
4526
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv,
4527
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-ccnmdiv {
4313
4528
  text-align: center;
4529
+ padding-top: 40px;
4314
4530
  }
4315
4531
  .e-bigger .e-responsive-dialog .e-dlg-content .e-filtersetdiv,
4316
4532
  .e-bigger.e-responsive-dialog .e-dlg-content .e-filtersetdiv {
@@ -4340,6 +4556,10 @@ li.e-separator.e-menu-item.e-excel-separator {
4340
4556
  .e-bigger.e-responsive-dialog .e-dlg-content .e-excelfilter .e-checkboxlist > span {
4341
4557
  padding-left: 9px;
4342
4558
  }
4559
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-ccdlg,
4560
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-ccdlg {
4561
+ border: transparent;
4562
+ }
4343
4563
  .e-bigger .e-responsive-dialog .e-dlg-content .e-xlflmenu,
4344
4564
  .e-bigger.e-responsive-dialog .e-dlg-content .e-xlflmenu {
4345
4565
  border: transparent;
@@ -4406,10 +4626,13 @@ li.e-separator.e-menu-item.e-excel-separator {
4406
4626
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox {
4407
4627
  padding-left: 10px;
4408
4628
  }
4409
- .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,
4629
+ .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,
4410
4630
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:focus,
4411
4631
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:active,
4412
- .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:hover {
4632
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:hover,
4633
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-chkcancel-icon:focus,
4634
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-chkcancel-icon:active,
4635
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-chkcancel-icon:hover {
4413
4636
  background: none;
4414
4637
  }
4415
4638
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner,
@@ -4502,7 +4725,17 @@ li.e-separator.e-menu-item.e-excel-separator {
4502
4725
  .e-bigger.e-responsive-dialog.e-rtl .e-ressortbutton-parent {
4503
4726
  float: left;
4504
4727
  }
4728
+ .e-bigger .e-responsive-dialog.e-rtl .columnmenudiv .e-responsivecoldiv .e-res-header-text.e-rescolumn-menu,
4729
+ .e-bigger.e-responsive-dialog.e-rtl .columnmenudiv .e-responsivecoldiv .e-res-header-text.e-rescolumn-menu {
4730
+ margin-right: 33px;
4731
+ }
4505
4732
 
4733
+ /* stylelint-disable */
4734
+ .e-grid-toolbarmenu .e-responsivetoolbar-menu .e-menu-item.e-focused {
4735
+ background-color: transparent !important;
4736
+ }
4737
+
4738
+ /* stylelint-enable */
4506
4739
  /* stylelint-disable */
4507
4740
  .e-ddl.e-popup.e-popup-flmenu .e-dropdownbase,
4508
4741
  .e-ddl.e-popup.e-popup-flbar .e-dropdownbase {
@@ -4773,9 +5006,9 @@ li.e-separator.e-menu-item.e-excel-separator {
4773
5006
  .e-grid .e-xlsel-bottom-border {
4774
5007
  border-bottom-color: #fff;
4775
5008
  }
4776
- .e-grid .e-leftfreeze:not(.e-summarycell, .e-indentcell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
4777
- .e-grid .e-rightfreeze:not(.e-summarycell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
4778
- .e-grid .e-fixedfreeze:not(.e-summarycell, .e-selectionbackground, .e-updatedtd, .e-columnselection, .e-groupcaption, .e-cellselectionbackground) {
5009
+ .e-grid .e-leftfreeze:not(.e-summarycell, .e-indentcell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground, .e-active),
5010
+ .e-grid .e-rightfreeze:not(.e-summarycell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground, .e-active),
5011
+ .e-grid .e-fixedfreeze:not(.e-summarycell, .e-selectionbackground, .e-updatedtd, .e-columnselection, .e-groupcaption, .e-cellselectionbackground, .e-active) {
4779
5012
  background-color: #201f1f;
4780
5013
  }
4781
5014
  .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-groupcaption,
@@ -5023,10 +5256,15 @@ li.e-separator.e-menu-item.e-excel-separator {
5023
5256
  border-right: 0 #414040 solid;
5024
5257
  }
5025
5258
  .e-grid .e-ftrchk.e-chkfocus,
5259
+ .e-grid .e-menu-item.e-menufocus,
5026
5260
  .e-grid li.e-cclist.e-colfocus {
5027
5261
  background-color: #414040;
5028
5262
  }
5029
5263
 
5264
+ .e-spreadsheet .e-ftrchk.e-chkfocus {
5265
+ background-color: #414040;
5266
+ }
5267
+
5030
5268
  .e-tooltip-wrap.e-griderror,
5031
5269
  .e-control.e-tooltip-wrap.e-popup.e-griderror {
5032
5270
  background-color: #fcdbe4;