@syncfusion/ej2-angular-grids 22.2.12 → 23.1.36

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 (108) hide show
  1. package/esm2020/src/grid/aggregate-columns.directive.mjs +1 -1
  2. package/esm2020/src/grid/columns.directive.mjs +1 -1
  3. package/esm2020/src/grid/grid.component.mjs +4 -4
  4. package/esm2020/src/grid/stacked-column.directive.mjs +1 -1
  5. package/fesm2015/syncfusion-ej2-angular-grids.mjs +3 -3
  6. package/fesm2015/syncfusion-ej2-angular-grids.mjs.map +1 -1
  7. package/fesm2020/syncfusion-ej2-angular-grids.mjs +3 -3
  8. package/fesm2020/syncfusion-ej2-angular-grids.mjs.map +1 -1
  9. package/package.json +9 -9
  10. package/schematics/utils/lib-details.d.ts +2 -2
  11. package/schematics/utils/lib-details.js +2 -2
  12. package/schematics/utils/lib-details.ts +2 -2
  13. package/src/grid/aggregate-columns.directive.d.ts +1 -0
  14. package/src/grid/columns.directive.d.ts +3 -1
  15. package/src/grid/grid.component.d.ts +4 -3
  16. package/src/grid/stacked-column.directive.d.ts +3 -1
  17. package/styles/bootstrap-dark.css +366 -22
  18. package/styles/bootstrap.css +366 -22
  19. package/styles/bootstrap4.css +379 -22
  20. package/styles/bootstrap5-dark.css +366 -22
  21. package/styles/bootstrap5.css +366 -22
  22. package/styles/excel-filter/bootstrap-dark.scss +1 -1
  23. package/styles/excel-filter/bootstrap.scss +1 -1
  24. package/styles/excel-filter/bootstrap4.scss +1 -1
  25. package/styles/excel-filter/bootstrap5-dark.scss +1 -1
  26. package/styles/excel-filter/bootstrap5.scss +1 -1
  27. package/styles/excel-filter/fabric-dark.scss +1 -1
  28. package/styles/excel-filter/fabric.scss +1 -1
  29. package/styles/excel-filter/fluent-dark.scss +1 -1
  30. package/styles/excel-filter/fluent.scss +1 -1
  31. package/styles/excel-filter/highcontrast-light.scss +1 -1
  32. package/styles/excel-filter/highcontrast.scss +1 -1
  33. package/styles/excel-filter/material-dark.css +0 -1
  34. package/styles/excel-filter/material-dark.scss +1 -1
  35. package/styles/excel-filter/material.css +0 -1
  36. package/styles/excel-filter/material.scss +1 -1
  37. package/styles/excel-filter/material3-dark.css +0 -1
  38. package/styles/excel-filter/material3-dark.scss +1 -1
  39. package/styles/excel-filter/material3.css +0 -1
  40. package/styles/excel-filter/material3.scss +1 -1
  41. package/styles/excel-filter/tailwind-dark.css +0 -1
  42. package/styles/excel-filter/tailwind-dark.scss +1 -1
  43. package/styles/excel-filter/tailwind.css +0 -1
  44. package/styles/excel-filter/tailwind.scss +1 -1
  45. package/styles/fabric-dark.css +366 -22
  46. package/styles/fabric.css +366 -22
  47. package/styles/fluent-dark.css +367 -23
  48. package/styles/fluent.css +367 -23
  49. package/styles/grid/_bootstrap-dark-definition.scss +11 -0
  50. package/styles/grid/_bootstrap-definition.scss +11 -0
  51. package/styles/grid/_bootstrap4-definition.scss +11 -0
  52. package/styles/grid/_bootstrap5-definition.scss +11 -0
  53. package/styles/grid/_fabric-dark-definition.scss +11 -0
  54. package/styles/grid/_fabric-definition.scss +11 -0
  55. package/styles/grid/_fluent-definition.scss +12 -1
  56. package/styles/grid/_fusionnew-definition.scss +11 -0
  57. package/styles/grid/_highcontrast-definition.scss +11 -0
  58. package/styles/grid/_highcontrast-light-definition.scss +11 -0
  59. package/styles/grid/_layout.scss +401 -28
  60. package/styles/grid/_material-dark-definition.scss +13 -2
  61. package/styles/grid/_material-definition.scss +11 -0
  62. package/styles/grid/_material3-definition.scss +12 -1
  63. package/styles/grid/_tailwind-definition.scss +11 -0
  64. package/styles/grid/_theme.scss +227 -6
  65. package/styles/grid/bootstrap-dark.css +366 -22
  66. package/styles/grid/bootstrap-dark.scss +1 -1
  67. package/styles/grid/bootstrap.css +366 -22
  68. package/styles/grid/bootstrap.scss +1 -1
  69. package/styles/grid/bootstrap4.css +379 -22
  70. package/styles/grid/bootstrap4.scss +1 -1
  71. package/styles/grid/bootstrap5-dark.css +366 -22
  72. package/styles/grid/bootstrap5-dark.scss +1 -1
  73. package/styles/grid/bootstrap5.css +366 -22
  74. package/styles/grid/bootstrap5.scss +1 -1
  75. package/styles/grid/fabric-dark.css +366 -22
  76. package/styles/grid/fabric-dark.scss +1 -1
  77. package/styles/grid/fabric.css +366 -22
  78. package/styles/grid/fabric.scss +1 -1
  79. package/styles/grid/fluent-dark.css +367 -23
  80. package/styles/grid/fluent-dark.scss +1 -1
  81. package/styles/grid/fluent.css +367 -23
  82. package/styles/grid/fluent.scss +1 -1
  83. package/styles/grid/highcontrast-light.css +366 -22
  84. package/styles/grid/highcontrast-light.scss +1 -1
  85. package/styles/grid/highcontrast.css +366 -22
  86. package/styles/grid/highcontrast.scss +1 -1
  87. package/styles/grid/material-dark.css +371 -28
  88. package/styles/grid/material-dark.scss +1 -1
  89. package/styles/grid/material.css +366 -23
  90. package/styles/grid/material.scss +1 -1
  91. package/styles/grid/material3-dark.css +383 -24
  92. package/styles/grid/material3-dark.scss +1 -1
  93. package/styles/grid/material3.css +383 -24
  94. package/styles/grid/material3.scss +1 -1
  95. package/styles/grid/tailwind-dark.css +366 -23
  96. package/styles/grid/tailwind-dark.scss +1 -1
  97. package/styles/grid/tailwind.css +366 -23
  98. package/styles/grid/tailwind.scss +1 -1
  99. package/styles/highcontrast-light.css +366 -22
  100. package/styles/highcontrast.css +366 -22
  101. package/styles/material-dark.css +371 -28
  102. package/styles/material.css +366 -23
  103. package/styles/material3-dark.css +383 -24
  104. package/styles/material3-dark.scss +1 -1
  105. package/styles/material3.css +383 -24
  106. package/styles/material3.scss +1 -1
  107. package/styles/tailwind-dark.css +366 -24
  108. package/styles/tailwind.css +366 -24
@@ -681,6 +681,14 @@
681
681
  .e-grid.e-bigger:not(.e-grid-min-height) .e-gridcontent tr.e-row .e-rowcell:empty {
682
682
  line-height: 27px;
683
683
  }
684
+ .e-bigger .e-grid .e-xlsel-bottom-border.e-xlsel-top-border,
685
+ .e-grid.e-bigger .e-xlsel-bottom-border.e-xlsel-top-border {
686
+ line-height: 22px;
687
+ }
688
+ .e-bigger .e-grid .e-xlsel-bottom-border,
689
+ .e-grid.e-bigger .e-xlsel-bottom-border {
690
+ line-height: 24px;
691
+ }
684
692
  .e-bigger .e-grid .e-filterbarcell input,
685
693
  .e-grid.e-bigger .e-filterbarcell input {
686
694
  font-size: 14px;
@@ -1066,6 +1074,23 @@
1066
1074
  background-color: #0070f0;
1067
1075
  height: 2px;
1068
1076
  position: absolute;
1077
+ z-index: 5;
1078
+ }
1079
+ .e-grid .e-frozenrow-border {
1080
+ background-color: #9c9c9c;
1081
+ height: 2px;
1082
+ position: relative;
1083
+ z-index: 5;
1084
+ }
1085
+ .e-grid .e-frozenrow-border.e-frozenrow-empty {
1086
+ height: 0;
1087
+ }
1088
+ .e-grid.e-top-shadow .e-frozenrow-border {
1089
+ height: 4px;
1090
+ margin-top: -4px;
1091
+ background-color: transparent !important;
1092
+ box-shadow: 0px 4px 8px rgba(95, 87, 87, 0.26);
1093
+ clip-path: inset(0px 0px -15px 0px);
1069
1094
  }
1070
1095
  .e-grid .e-grid-relative {
1071
1096
  position: relative;
@@ -1096,10 +1121,17 @@
1096
1121
  border-right: 1px solid #484848;
1097
1122
  border-bottom: 0;
1098
1123
  }
1124
+ .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 {
1125
+ z-index: 5;
1126
+ }
1127
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-leftfreeze, .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-rightfreeze, .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-fixedfreeze, .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-leftfreeze, .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-rightfreeze, .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-rightfreeze, .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder.e-leftfreeze, .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder.e-rightfreeze, .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder.e-fixedfreeze, .e-grid .e-gridcontent .e-detailrowcollapse.e-dragborder.e-leftfreeze, .e-grid .e-gridcontent .e-detailrowcollapse.e-dragborder.e-rightfreeze, .e-grid .e-gridcontent .e-detailrowcollapse.e-dragborder.e-fixedfreeze, .e-grid .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder.e-leftfreeze, .e-grid .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder.e-rightfreeze, .e-grid .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder.e-fixedfreeze, .e-grid .e-gridheader .e-rowcell.e-dragborder.e-leftfreeze, .e-grid .e-gridheader .e-rowcell.e-dragborder.e-rightfreeze, .e-grid .e-gridheader .e-rowcell.e-dragborder.e-rightfreeze, .e-grid .e-gridheader .e-rowdragdrop.e-dragborder.e-leftfreeze, .e-grid .e-gridheader .e-rowdragdrop.e-dragborder.e-rightfreeze, .e-grid .e-gridheader .e-rowdragdrop.e-dragborder.e-fixedfreeze, .e-grid .e-gridheader .e-detailrowcollapse.e-dragborder.e-leftfreeze, .e-grid .e-gridheader .e-detailrowcollapse.e-dragborder.e-rightfreeze, .e-grid .e-gridheader .e-detailrowcollapse.e-dragborder.e-fixedfreeze, .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-leftfreeze, .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-fixedfreeze, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder.e-leftfreeze, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder.e-leftfreeze, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder.e-fixedfreeze, .e-grid.e-rtl .e-gridcontent .e-detailrowcollapse.e-dragborder.e-leftfreeze, .e-grid.e-rtl .e-gridcontent .e-detailrowcollapse.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridcontent .e-detailrowcollapse.e-dragborder.e-fixedfreeze, .e-grid.e-rtl .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder.e-leftfreeze, .e-grid.e-rtl .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridheader tr.e-row:first-child .e-rowcell.e-dragborder.e-fixedfreeze, .e-grid.e-rtl .e-gridheader .e-rowcell.e-dragborder.e-leftfreeze, .e-grid.e-rtl .e-gridheader .e-rowcell.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridheader .e-rowcell.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridheader .e-rowdragdrop.e-dragborder.e-leftfreeze, .e-grid.e-rtl .e-gridheader .e-rowdragdrop.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridheader .e-rowdragdrop.e-dragborder.e-fixedfreeze, .e-grid.e-rtl .e-gridheader .e-detailrowcollapse.e-dragborder.e-leftfreeze, .e-grid.e-rtl .e-gridheader .e-detailrowcollapse.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridheader .e-detailrowcollapse.e-dragborder.e-fixedfreeze {
1128
+ z-index: 6;
1129
+ }
1099
1130
  .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 {
1100
1131
  box-shadow: 0 2px 0 0 #0070f0;
1132
+ }
1133
+ .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) {
1101
1134
  position: relative;
1102
- z-index: 5;
1103
1135
  }
1104
1136
  .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
1105
1137
  font-size: 10px;
@@ -1357,6 +1389,12 @@
1357
1389
  .e-grid .e-gridheader .e-frozenheader .e-headercell:last-child .e-rhandler:last-of-type, .e-grid .e-gridheader .e-frozenheader .e-headercell:last-child .e-rsuppress:last-of-type {
1358
1390
  border-right: 0;
1359
1391
  }
1392
+ .e-grid .e-gridheader .e-headercell.e-leftfreeze.e-freezeleftborder .e-rhandler {
1393
+ border-right: 0;
1394
+ }
1395
+ .e-grid.e-rtl .e-gridheader .e-headercell.e-leftfreeze.e-freezeleftborder .e-rhandler {
1396
+ border-left: 0;
1397
+ }
1360
1398
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler, .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rsuppress {
1361
1399
  left: 0;
1362
1400
  }
@@ -1385,7 +1423,7 @@
1385
1423
  width: 1px;
1386
1424
  }
1387
1425
  .e-grid .e-virtual-rhandler {
1388
- z-index: 1;
1426
+ z-index: 5;
1389
1427
  }
1390
1428
  .e-grid.e-device .e-ricon::before {
1391
1429
  border-bottom: 6px solid transparent;
@@ -1470,9 +1508,12 @@
1470
1508
  -ms-user-select: none;
1471
1509
  user-select: none;
1472
1510
  }
1473
- .e-grid .e-gridcontent tr:first-child td {
1511
+ .e-grid:not(.e-left-shadow, .e-right-shadow) .e-gridcontent tr:first-child td {
1474
1512
  border-top: 0 none;
1475
1513
  }
1514
+ .e-grid .e-gridcontent tr:first-child td.e-xlsel-top-border {
1515
+ border-top-width: 2px;
1516
+ }
1476
1517
  .e-grid .e-gridheader tr:first-child th {
1477
1518
  border-top: 0 none;
1478
1519
  }
@@ -1494,10 +1535,11 @@
1494
1535
  border-top-style: solid;
1495
1536
  border-top-width: 1px;
1496
1537
  }
1497
- .e-grid .e-frozenhdrcont {
1538
+ .e-grid .e-frozenhdrcont,
1539
+ .e-grid .e-frozenhdr {
1498
1540
  border-bottom-width: 0;
1499
1541
  }
1500
- .e-grid .e-frozenhdrcont table tr:not(.e-editedrow):first-child td {
1542
+ .e-grid .e-frozenhdrcont table tr:not(.e-editedrow):first-child td:not(.e-xlsel-top-border) {
1501
1543
  border-top-style: solid;
1502
1544
  border-top-width: 1px;
1503
1545
  }
@@ -1537,6 +1579,26 @@
1537
1579
  white-space: nowrap;
1538
1580
  width: auto;
1539
1581
  }
1582
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border), .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border) {
1583
+ line-height: 17px;
1584
+ border-width: 1.5px;
1585
+ }
1586
+ .e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border), .e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border) {
1587
+ line-height: 17px;
1588
+ border-width: 1.5px;
1589
+ }
1590
+ .e-grid.e-rtl.e-default.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border), .e-grid.e-rtl.e-default.e-right-shadow .e-rightfreeze.e-freezerightborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border) {
1591
+ line-height: 17px;
1592
+ border-width: 1.5px;
1593
+ }
1594
+ .e-grid.e-wrap.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border), .e-grid.e-wrap.e-right-shadow .e-rightfreeze.e-freezerightborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border) {
1595
+ line-height: 17px;
1596
+ border-width: 1.5px;
1597
+ }
1598
+ .e-grid.e-wrap.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border), .e-grid.e-wrap.e-right-shadow .e-rightfreeze.e-freezerightborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border) {
1599
+ line-height: 17px;
1600
+ border-width: 1.5px;
1601
+ }
1540
1602
  .e-grid .e-frozenheader table .e-insertedrow td.e-rowcell,
1541
1603
  .e-grid .e-frozencontent table .e-insertedrow td.e-rowcell,
1542
1604
  .e-grid .e-movableheader table .e-insertedrow td.e-rowcell,
@@ -1636,7 +1698,7 @@
1636
1698
  .e-grid td.e-rowcell.e-checkbox input[type=checkbox] {
1637
1699
  margin-top: 0;
1638
1700
  }
1639
- .e-grid.e-default .e-rowcell.e-lastrowcell {
1701
+ .e-grid.e-default .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
1640
1702
  border-bottom-width: 1px;
1641
1703
  }
1642
1704
  .e-grid.e-default .e-detailrowcollapse.e-lastrowcell {
@@ -1646,7 +1708,7 @@
1646
1708
  border-bottom: 1px solid;
1647
1709
  border-bottom-color: #484848;
1648
1710
  }
1649
- .e-grid.e-bothlines .e-rowcell.e-lastrowcell {
1711
+ .e-grid.e-bothlines .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
1650
1712
  border-bottom-width: 1px;
1651
1713
  }
1652
1714
  .e-grid.e-bothlines .e-rowcell {
@@ -1683,6 +1745,18 @@
1683
1745
  .e-grid.e-default .e-stackedheadercell {
1684
1746
  border-width: 1px 0 1px 1px;
1685
1747
  }
1748
+ .e-grid.e-default .e-stackedheadercell.e-leftfreeze.e-freezeleftborder {
1749
+ border-right-width: 2px;
1750
+ }
1751
+ .e-grid.e-default .e-stackedheadercell.e-rightfreeze.e-freezerightborder {
1752
+ border-left-width: 2px;
1753
+ }
1754
+ .e-grid.e-default .e-stackedheadercell.e-fixedfreeze.e-freezeleftborder {
1755
+ border-left-width: 1px;
1756
+ }
1757
+ .e-grid.e-default .e-stackedheadercell.e-fixedfreeze.e-freezerightborder {
1758
+ border-right-width: 1px;
1759
+ }
1686
1760
  .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
1687
1761
  border-left-width: 0;
1688
1762
  }
@@ -1692,11 +1766,29 @@
1692
1766
  .e-grid.e-default table th[rowspan] {
1693
1767
  border-width: 0 0 0 1px;
1694
1768
  }
1769
+ .e-grid.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
1770
+ border-right-width: 2px;
1771
+ }
1772
+ .e-grid.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
1773
+ border-left-width: 2px;
1774
+ }
1775
+ .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
1776
+ border-left-width: 1px;
1777
+ }
1778
+ .e-grid.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
1779
+ border-right-width: 1px;
1780
+ }
1781
+ .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
1782
+ border-left-width: 0;
1783
+ }
1695
1784
  .e-grid tr th.e-firstcell {
1696
1785
  border-left-style: solid;
1697
1786
  border-left-width: 1px;
1698
1787
  }
1699
- .e-grid.e-default tr td:first-child, .e-grid.e-default tr :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default tr th.e-detailheadercell:first-child, .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
1788
+ .e-grid.e-default tr th.e-detailheadercell:first-child {
1789
+ border-left-width: 0;
1790
+ }
1791
+ .e-grid.e-default:not(.e-rtl) tr td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder), .e-grid.e-default:not(.e-rtl) tr th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border), .e-grid.e-default:not(.e-rtl) tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
1700
1792
  border-left-width: 0;
1701
1793
  }
1702
1794
  .e-grid.e-default .e-gridheader th.e-firstcell.e-movablefirst {
@@ -1890,7 +1982,7 @@
1890
1982
  .e-grid.e-horizontallines .e-filterbarcell {
1891
1983
  border-width: 1px 0 0;
1892
1984
  }
1893
- .e-grid.e-horizontallines .e-rowcell.e-lastrowcell, .e-grid.e-verticallines .e-rowcell.e-lastrowcell, .e-grid.e-hidelines .e-rowcell.e-lastrowcell {
1985
+ .e-grid.e-horizontallines .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border), .e-grid.e-verticallines .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border), .e-grid.e-hidelines .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
1894
1986
  border-bottom-width: 1px;
1895
1987
  }
1896
1988
  .e-grid.e-horizontallines .e-detailrowvisible, .e-grid.e-verticallines .e-detailrowvisible, .e-grid.e-hidelines .e-detailrowvisible, .e-grid.e-bothlines .e-detailrowvisible {
@@ -2408,10 +2500,10 @@
2408
2500
  border-top: 0;
2409
2501
  padding: 0;
2410
2502
  }
2411
- .e-grid .e-gridcontent .e-normaledit .e-rowcell {
2503
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-rowcell {
2412
2504
  border-top: 1px solid;
2413
2505
  }
2414
- .e-grid:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child .e-rowcell {
2506
+ .e-grid:not(.e-row-responsive, .e-left-shadow, .e-right-shadow) .e-gridcontent tr.e-row:first-child .e-rowcell:not(.e-xlsel-top-border) {
2415
2507
  border-top: 0;
2416
2508
  }
2417
2509
  .e-grid.e-device .e-editedbatchcell.e-rowcell,
@@ -2572,6 +2664,107 @@
2572
2664
  border-left: 2px solid;
2573
2665
  border-right: 0;
2574
2666
  }
2667
+ .e-grid .e-tooltip-wrap.e-griderror.e-unfreeze {
2668
+ z-index: 1;
2669
+ }
2670
+ .e-grid .e-leftfreeze,
2671
+ .e-grid .e-rightfreeze {
2672
+ position: sticky;
2673
+ z-index: 2;
2674
+ }
2675
+ .e-grid .e-fixedfreeze {
2676
+ position: sticky;
2677
+ z-index: 3;
2678
+ }
2679
+ .e-grid .e-xlsel-top-border, .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-top-border {
2680
+ border-top-width: 2px;
2681
+ line-height: 17px;
2682
+ }
2683
+ .e-grid .e-xlsel-left-border,
2684
+ .e-grid .e-fixedfreeze.e-freezeleftborder.e-xlsel-left-border, .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-left-border, .e-grid.e-rtl.e-default .e-rowcell.e-fixedfreeze.e-freezeleftborder.e-xlsel-left-border {
2685
+ border-left-width: 2px;
2686
+ }
2687
+ .e-grid .e-xlsel-right-border,
2688
+ .e-grid .e-fixedfreeze.e-freezerightborder.e-xlsel-right-border, .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-right-border, .e-grid.e-rtl.e-default .e-rowcell.e-fixedfreeze.e-freezerightborder.e-xlsel-right-border {
2689
+ border-right-width: 2px;
2690
+ }
2691
+ .e-grid.e-wrap .e-xlsel-bottom-border.e-xlsel-top-border {
2692
+ line-height: 16px;
2693
+ }
2694
+ .e-grid.e-wrap .e-xlsel-bottom-border {
2695
+ line-height: 14px;
2696
+ }
2697
+ .e-grid.e-rtl.e-wrap .e-xlsel-bottom-border.e-xlsel-top-border {
2698
+ line-height: 16px;
2699
+ }
2700
+ .e-grid.e-rtl.e-wrap .e-xlsel-bottom-border {
2701
+ line-height: 14px;
2702
+ }
2703
+ .e-grid .e-xlsel-bottom-border.e-xlsel-top-border {
2704
+ line-height: 15px;
2705
+ }
2706
+ .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-bottom-border.e-xlsel-top-border {
2707
+ line-height: 15px;
2708
+ }
2709
+ .e-grid .e-xlsel-bottom-border, .e-grid.e-rtl.e-default .e-rowcell.e-xlsel-bottom-border {
2710
+ border-bottom-width: 2px;
2711
+ line-height: 17px;
2712
+ }
2713
+ .e-grid .e-virtual-content.e-content {
2714
+ overflow-x: hidden;
2715
+ }
2716
+ .e-grid .e-leftfreeze.e-freezeleftborder {
2717
+ border-right-width: 2px;
2718
+ }
2719
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-dragborder) {
2720
+ clip-path: inset(0 -15px 0 0);
2721
+ box-shadow: 4px 0 8px rgba(95, 87, 87, 0.16);
2722
+ }
2723
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-xlsel-right-border) {
2724
+ border-right-color: transparent;
2725
+ }
2726
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-dragborder {
2727
+ box-shadow: 0 2px 0 0 #0070f0, 4px 0 8px rgba(95, 87, 87, 0.16);
2728
+ }
2729
+ .e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-dragborder) {
2730
+ clip-path: inset(0 0 0 -15px);
2731
+ box-shadow: -4px 0 8px rgba(95, 87, 87, 0.16);
2732
+ }
2733
+ .e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder:not(.e-xlsel-left-border) {
2734
+ border-left-color: transparent;
2735
+ }
2736
+ .e-grid.e-rtl.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-dragborder {
2737
+ box-shadow: 0 2px 0 0 #0070f0, -4px 0 8px rgba(95, 87, 87, 0.16);
2738
+ }
2739
+ .e-grid .e-rightfreeze.e-freezerightborder {
2740
+ border-left-width: 2px;
2741
+ }
2742
+ .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-dragborder) {
2743
+ clip-path: inset(0 0 0 -15px);
2744
+ box-shadow: -4px 0 8px rgba(95, 87, 87, 0.16);
2745
+ }
2746
+ .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-xlsel-left-border) {
2747
+ border-left-color: transparent;
2748
+ }
2749
+ .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder.e-dragborder {
2750
+ box-shadow: 0 2px 0 0 #0070f0, -4px 0 8px rgba(95, 87, 87, 0.16);
2751
+ }
2752
+ .e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-dragborder) {
2753
+ clip-path: inset(0 -15px 0 0);
2754
+ box-shadow: 4px 0 8px rgba(95, 87, 87, 0.16);
2755
+ }
2756
+ .e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder:not(.e-xlsel-right-border) {
2757
+ border-right-color: transparent;
2758
+ }
2759
+ .e-grid.e-rtl.e-right-shadow .e-rightfreeze.e-freezerightborder.e-dragborder {
2760
+ box-shadow: 0 2px 0 0 #0070f0, 4px 0 8px rgba(95, 87, 87, 0.16);
2761
+ }
2762
+ .e-grid .e-fixedfreeze.e-freezeleftborder {
2763
+ border-left-width: 1px;
2764
+ }
2765
+ .e-grid .e-fixedfreeze.e-freezerightborder {
2766
+ border-right-width: 1px;
2767
+ }
2575
2768
  .e-grid .e-frozenheader {
2576
2769
  float: left;
2577
2770
  width: min-content;
@@ -2669,6 +2862,18 @@
2669
2862
  padding-left: 0;
2670
2863
  padding-right: 8px;
2671
2864
  }
2865
+ .e-grid.e-rtl .e-leftfreeze.e-freezeleftborder {
2866
+ border-left-width: 2px;
2867
+ }
2868
+ .e-grid.e-rtl .e-rightfreeze.e-freezerightborder {
2869
+ border-right-width: 2px;
2870
+ }
2871
+ .e-grid.e-rtl .e-fixedfreeze.e-freezeleftborder {
2872
+ border-right-width: 1px;
2873
+ }
2874
+ .e-grid.e-rtl .e-fixedfreeze.e-freezerightborder {
2875
+ border-left-width: 1px;
2876
+ }
2672
2877
  .e-grid.e-rtl .e-headercell, .e-grid.e-rtl .e-detailheadercell {
2673
2878
  border-width: 0;
2674
2879
  text-align: right;
@@ -2789,6 +2994,36 @@
2789
2994
  .e-grid.e-rtl .e-rowcell {
2790
2995
  border-width: 1px 0 0;
2791
2996
  }
2997
+ .e-grid.e-rtl .e-rowcell.e-leftfreeze.e-freezeleftborder {
2998
+ border-left-width: 2px;
2999
+ }
3000
+ .e-grid.e-rtl .e-rowcell.e-rightfreeze.e-freezerightborder {
3001
+ border-right-width: 2px;
3002
+ }
3003
+ .e-grid.e-rtl .e-rowcell.e-fixedfreeze.e-freezeleftborder:not(.e-xlsel-right-border) {
3004
+ border-right-width: 1px;
3005
+ }
3006
+ .e-grid.e-rtl .e-rowcell.e-fixedfreeze.e-freezerightborder:not(.e-xlsel-left-border) {
3007
+ border-left-width: 1px;
3008
+ }
3009
+ .e-grid.e-rtl .e-stackedheadercell.e-leftfreeze.e-freezeleftborder {
3010
+ border-left-width: 2px;
3011
+ }
3012
+ .e-grid.e-rtl .e-stackedheadercell.e-rightfreeze.e-freezerightborder {
3013
+ border-right-width: 2px;
3014
+ }
3015
+ .e-grid.e-rtl .e-stackedheadercell.e-fixedfreeze.e-freezeleftborder {
3016
+ border-right-width: 1px;
3017
+ }
3018
+ .e-grid.e-rtl .e-stackedheadercell.e-fixedfreeze.e-freezerightborder {
3019
+ border-left-width: 1px;
3020
+ }
3021
+ .e-grid.e-rtl .e-summarycell.e-rightfreeze.e-freezerightborder, .e-grid.e-rtl .e-summarycell.e-fixedfreeze.e-freezeleftborder {
3022
+ border-left-width: 0;
3023
+ }
3024
+ .e-grid.e-rtl .e-summarycell.e-leftfreeze.e-freezeleftborder, .e-grid.e-rtl .e-summarycell.e-fixedfreeze.e-freezerightborder {
3025
+ border-right-width: 0;
3026
+ }
2792
3027
  .e-grid.e-rtl .e-filterbarcell, .e-grid.e-rtl .e-filterbarcelldisabled {
2793
3028
  border-width: 2px 0 0;
2794
3029
  }
@@ -2810,7 +3045,7 @@
2810
3045
  .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowcollapse, .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowexpand {
2811
3046
  border-left-width: 0;
2812
3047
  }
2813
- .e-grid.e-rtl.e-default tr td:last-child, .e-grid.e-rtl.e-default tr th:last-child {
3048
+ .e-grid.e-rtl.e-default tr td:last-child:not(.e-xlsel-left-border), .e-grid.e-rtl.e-default .e-gridheader table tr th:last-child {
2814
3049
  border-left: 0;
2815
3050
  }
2816
3051
  .e-grid.e-rtl.e-default.e-verticallines tr th:last-child {
@@ -2897,6 +3132,18 @@
2897
3132
  .e-grid.e-rtl.e-default table th[rowspan] {
2898
3133
  border-width: 0 1px 0 0;
2899
3134
  }
3135
+ .e-grid.e-rtl.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
3136
+ border-left-width: 2px;
3137
+ }
3138
+ .e-grid.e-rtl.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
3139
+ border-right-width: 2px;
3140
+ }
3141
+ .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
3142
+ border-right-width: 1px;
3143
+ }
3144
+ .e-grid.e-rtl.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
3145
+ border-left-width: 1px;
3146
+ }
2900
3147
  .e-grid.e-rtl.e-default.e-bothlines .e-gridheader .e-headercell.e-firstheader, .e-grid.e-rtl.e-default.e-bothlines .e-gridheader th.e-grouptopleftcell.e-lastgrouptopleftcell {
2901
3148
  border-left: 1px solid;
2902
3149
  border-right: 0;
@@ -2923,7 +3170,7 @@
2923
3170
  .e-grid.e-rtl.e-horizontallines .e-filterbarcell {
2924
3171
  border-width: 1px 0 0;
2925
3172
  }
2926
- .e-grid.e-rtl.e-horizontallines .e-rowcell.e-lastrowcell, .e-grid.e-rtl.e-verticallines .e-rowcell.e-lastrowcell, .e-grid.e-rtl.e-hidelines .e-rowcell.e-lastrowcell {
3173
+ .e-grid.e-rtl.e-horizontallines .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border), .e-grid.e-rtl.e-verticallines .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border), .e-grid.e-rtl.e-hidelines .e-rowcell.e-lastrowcell:not(.e-xlsel-bottom-border) {
2927
3174
  border-bottom-width: 1px;
2928
3175
  }
2929
3176
  .e-grid.e-rtl.e-verticallines .e-firstchildrow .e-rowcell, .e-grid.e-rtl.e-hidelines .e-firstchildrow .e-rowcell {
@@ -2951,7 +3198,7 @@
2951
3198
  .e-grid.e-rtl .e-ungroupbutton {
2952
3199
  float: left;
2953
3200
  }
2954
- .e-grid.e-rtl tr:not(.e-summaryrow) td.e-indentcell {
3201
+ .e-grid.e-rtl .e-gridcontent table tr:not(.e-summaryrow) td.e-indentcell {
2955
3202
  border-style: solid;
2956
3203
  border-width: 0 0 0 1px;
2957
3204
  }
@@ -2997,6 +3244,12 @@
2997
3244
  white-space: normal;
2998
3245
  word-wrap: break-word;
2999
3246
  }
3247
+ .e-grid .e-frozenhdrcont.e-wrap .e-xlsel-bottom-border.e-xlsel-top-border {
3248
+ line-height: 14px;
3249
+ }
3250
+ .e-grid .e-frozenhdrcont.e-wrap .e-xlsel-bottom-border {
3251
+ line-height: 16px;
3252
+ }
3000
3253
  .e-grid .e-stackedheadercelldiv {
3001
3254
  overflow: hidden;
3002
3255
  text-overflow: ellipsis;
@@ -3029,15 +3282,15 @@
3029
3282
  top: -1000px;
3030
3283
  width: 1px;
3031
3284
  }
3032
- .e-grid.e-resize-lines th.e-headercell.e-stackedheadercell, .e-grid.e-resize-lines th.e-headercell.e-firstcell, .e-grid.e-resize-lines.e-rtl th.e-headercell.e-stackedheadercell, .e-grid.e-resize-lines.e-rtl th.e-headercell.e-firstcell {
3285
+ .e-grid.e-resize-lines th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.e-resize-lines th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.e-resize-lines.e-rtl th.e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.e-resize-lines.e-rtl th.e-headercell.e-firstcell:not(.e-freezerightborder, .e-freezeleftborder) {
3033
3286
  border-left: 0;
3034
3287
  border-right: 0;
3035
3288
  border-top: 0;
3036
3289
  }
3037
- .e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell), .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell) {
3290
+ .e-grid.e-resize-lines tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell, .e-freezerightborder, .e-freezeleftborder), .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell, .e-freezerightborder, .e-freezeleftborder) {
3038
3291
  border-right: 0;
3039
3292
  }
3040
- .e-grid.e-resize-lines.e-default table th[rowspan], .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3293
+ .e-grid.e-resize-lines.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder), .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder) {
3041
3294
  border-left: 0;
3042
3295
  }
3043
3296
  .e-grid.e-resize-lines.e-rtl tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor, .e-grid.e-resize-lines.e-rtl tr.e-columnheader th.e-lastcell .e-rhandler.e-rcursor, .e-grid.e-resize-lines.e-rtl tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
@@ -3815,6 +4068,9 @@
3815
4068
  .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
3816
4069
  box-shadow: 0 0 0 1px #248aff inset;
3817
4070
  }
4071
+ .e-grid.e-left-shadow .e-leftfreeze.e-freezeleftborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border), .e-grid.e-right-shadow .e-rightfreeze.e-freezerightborder.e-focused:not(.e-menu-item, .e-xlsel-top-border, .e-xlsel-left-border, .e-xlsel-bottom-border, .e-xlsel-right-border) {
4072
+ border-color: #248aff;
4073
+ }
3818
4074
  .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
3819
4075
  color: #f0f0f0;
3820
4076
  }
@@ -3836,6 +4092,9 @@
3836
4092
  border-color: #0070f0;
3837
4093
  z-index: 1;
3838
4094
  }
4095
+ .e-grid .e-autofill.e-freeze-autofill {
4096
+ z-index: 5;
4097
+ }
3839
4098
  .e-grid .e-xlsel {
3840
4099
  background-color: transparent;
3841
4100
  border-style: solid;
@@ -3846,6 +4105,7 @@
3846
4105
  background-color: #0070f0;
3847
4106
  border-color: #0070f0;
3848
4107
  position: absolute;
4108
+ z-index: 3;
3849
4109
  }
3850
4110
  .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
3851
4111
  .e-grid .e-gridcontent .e-rowcell.e-dragborder,
@@ -3853,9 +4113,36 @@
3853
4113
  .e-grid .e-gridcontent .e-summarycell.e-dragborder,
3854
4114
  .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder, .e-grid .e-gridheader thead tr th.e-firstrowdragborder, .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 {
3855
4115
  box-shadow: 0 2px 0 0 #0070f0;
3856
- position: relative;
3857
4116
  z-index: 5;
3858
4117
  }
4118
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-leftfreeze,
4119
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-leftfreeze,
4120
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder.e-leftfreeze,
4121
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder.e-leftfreeze,
4122
+ .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder.e-leftfreeze, .e-grid .e-gridheader thead tr th.e-firstrowdragborder.e-leftfreeze, .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-leftfreeze, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder.e-leftfreeze, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder.e-leftfreeze {
4123
+ z-index: 6;
4124
+ }
4125
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-rightfreeze,
4126
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-rightfreeze,
4127
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder.e-rightfreeze,
4128
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder.e-rightfreeze,
4129
+ .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder.e-rightfreeze, .e-grid .e-gridheader thead tr th.e-firstrowdragborder.e-rightfreeze, .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder.e-rightfreeze, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder.e-rightfreeze {
4130
+ z-index: 6;
4131
+ }
4132
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-fixedfreeze,
4133
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder.e-fixedfreeze,
4134
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder.e-fixedfreeze,
4135
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder.e-fixedfreeze,
4136
+ .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder.e-fixedfreeze, .e-grid .e-gridheader thead tr th.e-firstrowdragborder.e-fixedfreeze, .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder.e-fixedfreeze, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder.e-fixedfreeze, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder.e-fixedfreeze {
4137
+ z-index: 6;
4138
+ }
4139
+ .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4140
+ .e-grid .e-gridcontent .e-rowcell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4141
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4142
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze),
4143
+ .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder:not(.e-leftfreeze, .e-rightfreeze, .e-fixedfreeze), .e-grid .e-gridheader thead tr th.e-firstrowdragborder: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) {
4144
+ position: relative;
4145
+ }
3859
4146
  .e-grid .e-gridheader {
3860
4147
  background-color: #1a1a1a;
3861
4148
  border-bottom-color: #484848;
@@ -3865,6 +4152,9 @@
3865
4152
  .e-grid .e-gridcontent tr:first-child td {
3866
4153
  border-top-color: transparent;
3867
4154
  }
4155
+ .e-grid .e-gridcontent tr:first-child td.e-xlsel-top-border {
4156
+ border-top-color: #9c9c9c;
4157
+ }
3868
4158
  .e-grid th.e-headercell[aria-sort=ascending] .e-headertext,
3869
4159
  .e-grid th.e-headercell[aria-sort=descending] .e-headertext,
3870
4160
  .e-grid th.e-headercell[aria-sort=ascending] .e-sortfilterdiv,
@@ -3969,6 +4259,60 @@
3969
4259
  .e-grid .e-frozenheader.e-frozenborderdisabled .e-virtualtable > .e-table {
3970
4260
  border-right-color: #1a1a1a;
3971
4261
  }
4262
+ .e-grid.e-rtl .e-leftfreeze.e-freezeleftborder {
4263
+ border-left-color: #9c9c9c;
4264
+ }
4265
+ .e-grid.e-rtl .e-rightfreeze.e-freezerightborder {
4266
+ border-right-color: #9c9c9c;
4267
+ }
4268
+ .e-grid.e-rtl .e-filterbarcell.e-fixedfreeze.e-freezeleftborder, .e-grid.e-rtl .e-fixedfreeze.e-freezeleftborder {
4269
+ border-right-color: #9c9c9c;
4270
+ }
4271
+ .e-grid.e-rtl .e-filterbarcell.e-fixedfreeze.e-freezerightborder, .e-grid.e-rtl .e-fixedfreeze.e-freezerightborder {
4272
+ border-left-color: #9c9c9c;
4273
+ }
4274
+ .e-grid .e-leftfreeze.e-freezeleftborder {
4275
+ border-right-color: #9c9c9c;
4276
+ }
4277
+ .e-grid .e-rightfreeze.e-freezerightborder {
4278
+ border-left-color: #9c9c9c;
4279
+ }
4280
+ .e-grid .e-filterbarcell.e-fixedfreeze.e-freezeleftborder,
4281
+ .e-grid .e-fixedfreeze.e-freezeleftborder {
4282
+ border-left-color: #9c9c9c;
4283
+ }
4284
+ .e-grid .e-filterbarcell.e-fixedfreeze.e-freezerightborder,
4285
+ .e-grid .e-fixedfreeze.e-freezerightborder {
4286
+ border-right-color: #9c9c9c;
4287
+ }
4288
+ .e-grid .e-xlsel-top-border {
4289
+ border-top-color: #9c9c9c;
4290
+ }
4291
+ .e-grid .e-xlsel-left-border {
4292
+ border-left-color: #9c9c9c;
4293
+ }
4294
+ .e-grid .e-xlsel-right-border {
4295
+ border-right-color: #9c9c9c;
4296
+ }
4297
+ .e-grid .e-xlsel-bottom-border {
4298
+ border-bottom-color: #9c9c9c;
4299
+ }
4300
+ .e-grid .e-leftfreeze:not(.e-summarycell, .e-indentcell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
4301
+ .e-grid .e-rightfreeze:not(.e-summarycell, .e-updatedtd, .e-selectionbackground, .e-columnselection, .e-groupcaption, .e-cellselectionbackground),
4302
+ .e-grid .e-fixedfreeze:not(.e-summarycell, .e-selectionbackground, .e-updatedtd, .e-columnselection, .e-groupcaption, .e-cellselectionbackground) {
4303
+ background-color: #1a1a1a;
4304
+ }
4305
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-groupcaption,
4306
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-recordplusexpand,
4307
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.e-recordpluscollapse,
4308
+ .e-grid .e-gridcontent .e-groupcaptionrow .e-leftfreeze.ee-indentcell {
4309
+ background-color: #1a1a1a;
4310
+ }
4311
+ .e-grid .e-gridfooter .e-leftfreeze,
4312
+ .e-grid .e-gridfooter .e-rightfreeze,
4313
+ .e-grid .e-gridfooter .e-fixedfreeze {
4314
+ background-color: #1a1a1a;
4315
+ }
3972
4316
  .e-grid .e-frozenheader.e-frozen-right-header > .e-table,
3973
4317
  .e-grid .e-frozencontent.e-frozen-right-content > .e-table,
3974
4318
  .e-grid .e-rowcell .e-frozen-default-cursor,
@@ -4076,7 +4420,7 @@
4076
4420
  .e-grid.e-resize-lines .e-focused .e-rhandler {
4077
4421
  border: 0 none;
4078
4422
  }
4079
- .e-grid.e-resize-lines .e-headercell.e-stackedheadercell {
4423
+ .e-grid.e-resize-lines .e-headercell.e-stackedheadercell:not(.e-freezerightborder, .e-freezeleftborder) {
4080
4424
  border-bottom: 1px solid #484848;
4081
4425
  border-right: 1px solid #484848;
4082
4426
  }
@@ -4156,11 +4500,11 @@
4156
4500
  background-color: #d7f9c7;
4157
4501
  color: #f0f0f0;
4158
4502
  }
4159
- .e-grid .e-gridcontent .e-normaledit .e-rowcell {
4503
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-rowcell {
4160
4504
  border-top-color: #484848;
4161
4505
  }
4162
- .e-grid .e-gridcontent .e-normaledit .e-dragindentcell,
4163
- .e-grid .e-gridcontent .e-normaledit .e-detailrowcollapse {
4506
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-dragindentcell,
4507
+ .e-grid .e-gridcontent table tbody .e-normaledit .e-detailrowcollapse {
4164
4508
  border-top: 1px solid #484848;
4165
4509
  }
4166
4510
  .e-grid .e-ccdlg .e-footer-content {
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap-dark.scss';
2
2
  @import 'ej2-navigations/styles/pager/bootstrap-dark-definition.scss';
3
3
  @import '../excel-filter/bootstrap-dark-definition.scss';
4
4
  @import 'ej2-inputs/styles/input/bootstrap-dark-definition.scss';