@syncfusion/ej2-angular-grids 20.2.49 → 20.3.47

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 (169) hide show
  1. package/esm2020/src/grid/grid.component.mjs +3 -3
  2. package/fesm2015/syncfusion-ej2-angular-grids.mjs +2 -2
  3. package/fesm2015/syncfusion-ej2-angular-grids.mjs.map +1 -1
  4. package/fesm2020/syncfusion-ej2-angular-grids.mjs +2 -2
  5. package/fesm2020/syncfusion-ej2-angular-grids.mjs.map +1 -1
  6. package/package.json +8 -8
  7. package/schematics/collection.json +20 -0
  8. package/schematics/generators/grid-default/index.d.ts +3 -0
  9. package/schematics/generators/grid-default/index.js +8 -0
  10. package/schematics/generators/grid-default/sample-details.d.ts +5 -0
  11. package/schematics/generators/grid-default/sample-details.js +7 -0
  12. package/schematics/generators/grid-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +5 -0
  13. package/schematics/generators/grid-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +11 -0
  14. package/schematics/generators/grid-default/schema.d.ts +3 -0
  15. package/schematics/generators/grid-default/schema.js +2 -0
  16. package/schematics/generators/grid-default/schema.json +125 -0
  17. package/schematics/generators/grid-feature/index.d.ts +3 -0
  18. package/schematics/generators/grid-feature/index.js +8 -0
  19. package/schematics/generators/grid-feature/sample-details.d.ts +5 -0
  20. package/schematics/generators/grid-feature/sample-details.js +7 -0
  21. package/schematics/generators/grid-feature/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +5 -0
  22. package/schematics/generators/grid-feature/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +11 -0
  23. package/schematics/generators/grid-feature/schema.d.ts +3 -0
  24. package/schematics/generators/grid-feature/schema.js +2 -0
  25. package/schematics/generators/grid-feature/schema.json +125 -0
  26. package/schematics/ng-add/index.d.ts +3 -0
  27. package/schematics/ng-add/index.js +9 -0
  28. package/schematics/ng-add/schema.d.ts +13 -0
  29. package/schematics/ng-add/schema.js +2 -0
  30. package/schematics/ng-add/schema.json +34 -0
  31. package/schematics/tsconfig.json +25 -0
  32. package/schematics/utils/lib-details.d.ts +4 -0
  33. package/schematics/utils/lib-details.js +6 -0
  34. package/schematics/utils/lib-details.ts +2 -2
  35. package/src/grid/grid.component.d.ts +1 -1
  36. package/styles/bootstrap-dark.css +54 -11
  37. package/styles/bootstrap.css +54 -11
  38. package/styles/bootstrap4.css +57 -11
  39. package/styles/bootstrap5-dark.css +55 -11
  40. package/styles/bootstrap5.css +55 -11
  41. package/styles/excel-filter/_all.scss +1 -1
  42. package/styles/excel-filter/_bootstrap-dark-definition.scss +0 -1
  43. package/styles/excel-filter/_bootstrap-definition.scss +0 -1
  44. package/styles/excel-filter/_bootstrap4-definition.scss +0 -1
  45. package/styles/excel-filter/_fabric-dark-definition.scss +0 -1
  46. package/styles/excel-filter/_fabric-definition.scss +0 -1
  47. package/styles/excel-filter/_highcontrast-definition.scss +0 -1
  48. package/styles/excel-filter/_highcontrast-light-definition.scss +0 -1
  49. package/styles/excel-filter/_layout.scss +14 -15
  50. package/styles/excel-filter/_material-dark-definition.scss +0 -1
  51. package/styles/excel-filter/_material-definition.scss +0 -1
  52. package/styles/excel-filter/_office-365-definition.scss +1 -1
  53. package/styles/excel-filter/_theme.scss +4 -3
  54. package/styles/excel-filter/bootstrap-dark.css +3 -1
  55. package/styles/excel-filter/bootstrap-dark.scss +1 -0
  56. package/styles/excel-filter/bootstrap.css +3 -1
  57. package/styles/excel-filter/bootstrap.scss +1 -0
  58. package/styles/excel-filter/bootstrap4.css +6 -1
  59. package/styles/excel-filter/bootstrap4.scss +1 -0
  60. package/styles/excel-filter/bootstrap5-dark.css +3 -1
  61. package/styles/excel-filter/bootstrap5-dark.scss +1 -0
  62. package/styles/excel-filter/bootstrap5.css +3 -1
  63. package/styles/excel-filter/bootstrap5.scss +1 -0
  64. package/styles/excel-filter/fabric-dark.css +4 -2
  65. package/styles/excel-filter/fabric-dark.scss +1 -0
  66. package/styles/excel-filter/fabric.css +4 -2
  67. package/styles/excel-filter/fabric.scss +1 -0
  68. package/styles/excel-filter/fluent-dark.css +3 -1
  69. package/styles/excel-filter/fluent-dark.scss +1 -0
  70. package/styles/excel-filter/fluent.css +3 -1
  71. package/styles/excel-filter/fluent.scss +1 -0
  72. package/styles/excel-filter/highcontrast-light.css +4 -2
  73. package/styles/excel-filter/highcontrast-light.scss +1 -0
  74. package/styles/excel-filter/highcontrast.css +4 -2
  75. package/styles/excel-filter/highcontrast.scss +1 -0
  76. package/styles/excel-filter/icons/_bootstrap-dark.scss +1 -0
  77. package/styles/excel-filter/icons/_bootstrap.scss +1 -0
  78. package/styles/excel-filter/icons/_bootstrap4.scss +5 -0
  79. package/styles/excel-filter/icons/_bootstrap5.scss +1 -0
  80. package/styles/excel-filter/icons/_fabric-dark.scss +2 -1
  81. package/styles/excel-filter/icons/_fabric.scss +2 -1
  82. package/styles/excel-filter/icons/_fluent.scss +1 -0
  83. package/styles/excel-filter/icons/_fusionnew.scss +1 -0
  84. package/styles/excel-filter/icons/_highcontrast-light.scss +2 -1
  85. package/styles/excel-filter/icons/_highcontrast.scss +2 -1
  86. package/styles/excel-filter/icons/_material-dark.scss +2 -1
  87. package/styles/excel-filter/icons/_material.scss +4 -4
  88. package/styles/excel-filter/icons/_material3.scss +1 -0
  89. package/styles/excel-filter/icons/_tailwind.scss +1 -0
  90. package/styles/excel-filter/material-dark.css +4 -2
  91. package/styles/excel-filter/material-dark.scss +1 -0
  92. package/styles/excel-filter/material.css +4 -2
  93. package/styles/excel-filter/material.scss +1 -0
  94. package/styles/excel-filter/tailwind-dark.css +3 -1
  95. package/styles/excel-filter/tailwind-dark.scss +1 -0
  96. package/styles/excel-filter/tailwind.css +3 -1
  97. package/styles/excel-filter/tailwind.scss +1 -0
  98. package/styles/fabric-dark.css +57 -14
  99. package/styles/fabric.css +56 -13
  100. package/styles/fluent-dark.css +54 -11
  101. package/styles/fluent.css +54 -11
  102. package/styles/grid/_all.scss +1 -1
  103. package/styles/grid/_bootstrap-dark-definition.scss +4 -4
  104. package/styles/grid/_bootstrap-definition.scss +4 -3
  105. package/styles/grid/_bootstrap4-definition.scss +4 -3
  106. package/styles/grid/_bootstrap5-definition.scss +3 -2
  107. package/styles/grid/_fabric-dark-definition.scss +5 -5
  108. package/styles/grid/_fabric-definition.scss +3 -3
  109. package/styles/grid/_fluent-definition.scss +5 -3
  110. package/styles/grid/_fusionnew-definition.scss +3 -2
  111. package/styles/grid/_highcontrast-definition.scss +3 -2
  112. package/styles/grid/_highcontrast-light-definition.scss +2 -2
  113. package/styles/grid/_layout.scss +80 -51
  114. package/styles/grid/_material-dark-definition.scss +5 -3
  115. package/styles/grid/_material-definition.scss +4 -4
  116. package/styles/grid/_material3-definition.scss +3 -2
  117. package/styles/grid/_office-365-definition.scss +1 -1
  118. package/styles/grid/_tailwind-definition.scss +3 -2
  119. package/styles/grid/_theme.scss +25 -25
  120. package/styles/grid/bootstrap-dark.css +51 -10
  121. package/styles/grid/bootstrap-dark.scss +1 -0
  122. package/styles/grid/bootstrap.css +51 -10
  123. package/styles/grid/bootstrap.scss +1 -0
  124. package/styles/grid/bootstrap4.css +51 -10
  125. package/styles/grid/bootstrap4.scss +1 -0
  126. package/styles/grid/bootstrap5-dark.css +52 -10
  127. package/styles/grid/bootstrap5-dark.scss +1 -0
  128. package/styles/grid/bootstrap5.css +52 -10
  129. package/styles/grid/bootstrap5.scss +1 -0
  130. package/styles/grid/fabric-dark.css +53 -12
  131. package/styles/grid/fabric-dark.scss +1 -0
  132. package/styles/grid/fabric.css +52 -11
  133. package/styles/grid/fabric.scss +1 -0
  134. package/styles/grid/fluent-dark.css +51 -10
  135. package/styles/grid/fluent-dark.scss +1 -0
  136. package/styles/grid/fluent.css +51 -10
  137. package/styles/grid/fluent.scss +1 -0
  138. package/styles/grid/highcontrast-light.css +52 -11
  139. package/styles/grid/highcontrast-light.scss +1 -0
  140. package/styles/grid/highcontrast.css +52 -11
  141. package/styles/grid/highcontrast.scss +1 -0
  142. package/styles/grid/icons/_bootstrap-dark.scss +4 -3
  143. package/styles/grid/icons/_bootstrap.scss +3 -2
  144. package/styles/grid/icons/_bootstrap4.scss +3 -3
  145. package/styles/grid/icons/_bootstrap5.scss +1 -0
  146. package/styles/grid/icons/_fabric-dark.scss +5 -4
  147. package/styles/grid/icons/_fabric.scss +4 -3
  148. package/styles/grid/icons/_fluent.scss +1 -0
  149. package/styles/grid/icons/_fusionnew.scss +1 -0
  150. package/styles/grid/icons/_highcontrast-light.scss +6 -5
  151. package/styles/grid/icons/_highcontrast.scss +6 -6
  152. package/styles/grid/icons/_material-dark.scss +6 -5
  153. package/styles/grid/icons/_material.scss +6 -5
  154. package/styles/grid/icons/_material3.scss +1 -0
  155. package/styles/grid/icons/_tailwind.scss +1 -0
  156. package/styles/grid/material-dark.css +52 -11
  157. package/styles/grid/material-dark.scss +1 -0
  158. package/styles/grid/material.css +52 -11
  159. package/styles/grid/material.scss +1 -0
  160. package/styles/grid/tailwind-dark.css +51 -10
  161. package/styles/grid/tailwind-dark.scss +1 -0
  162. package/styles/grid/tailwind.css +51 -10
  163. package/styles/grid/tailwind.scss +1 -0
  164. package/styles/highcontrast-light.css +56 -13
  165. package/styles/highcontrast.css +56 -13
  166. package/styles/material-dark.css +56 -13
  167. package/styles/material.css +56 -13
  168. package/styles/tailwind-dark.css +54 -11
  169. package/styles/tailwind.css +54 -11
@@ -1,4 +1,5 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
+ /* stylelint-disable property-no-vendor-prefix */
2
3
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
3
4
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
4
5
  transform: rotate(0deg);
@@ -94,6 +95,7 @@
94
95
  padding: 4px 8px;
95
96
  }
96
97
 
98
+ /* stylelint-disable property-no-vendor-prefix */
97
99
  @keyframes material-spinner-rotate {
98
100
  0% {
99
101
  transform: rotate(0);
@@ -363,7 +365,7 @@
363
365
  word-break: normal;
364
366
  }
365
367
  .e-excelfilter .e-chk-hidden {
366
- -moz-appearance: none;
368
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
367
369
  height: 1px;
368
370
  opacity: 0;
369
371
  width: 1px;
@@ -507,6 +509,8 @@ li.e-separator.e-menu-item.e-excel-separator {
507
509
  border-color: #22d3ee;
508
510
  }
509
511
 
512
+ /* stylelint-disable property-no-vendor-prefix */
513
+ /* stylelint-disable property-no-vendor-prefix */
510
514
  @keyframes material-spinner-rotate {
511
515
  0% {
512
516
  transform: rotate(0);
@@ -767,6 +771,7 @@ li.e-separator.e-menu-item.e-excel-separator {
767
771
  .e-bigger .e-grid,
768
772
  .e-grid.e-bigger {
769
773
  font-size: 16px;
774
+ /* stylelint-disable */
770
775
  }
771
776
  .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
772
777
  .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
@@ -1473,6 +1478,9 @@ li.e-separator.e-menu-item.e-excel-separator {
1473
1478
  font-size: 14px;
1474
1479
  height: auto;
1475
1480
  position: relative;
1481
+ /* stylelint-enable */
1482
+ /* stylelint-disable */
1483
+ /* stylelint-enable */
1476
1484
  }
1477
1485
  .e-grid .e-gridheader {
1478
1486
  -webkit-user-select: none;
@@ -2402,7 +2410,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2402
2410
  padding-left: 8px;
2403
2411
  }
2404
2412
  .e-grid .e-chk-hidden {
2405
- -moz-appearance: none;
2413
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
2406
2414
  height: 1px;
2407
2415
  opacity: 0;
2408
2416
  width: 1px;
@@ -2416,7 +2424,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2416
2424
  }
2417
2425
  .e-grid .e-rowcell .e-checkbox-wrapper,
2418
2426
  .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
2419
- -webkit-user-select: auto;
2427
+ -webkit-user-select: auto; /* stylelint-disable-line property-no-vendor-prefix */
2420
2428
  height: 20px;
2421
2429
  line-height: 20px;
2422
2430
  position: relative;
@@ -2613,7 +2621,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2613
2621
  padding: 2px;
2614
2622
  }
2615
2623
  .e-grid .e-content {
2616
- -webkit-overflow-scrolling: touch;
2624
+ -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
2617
2625
  overflow-x: auto;
2618
2626
  overflow-y: scroll;
2619
2627
  position: relative;
@@ -2750,6 +2758,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2750
2758
  border-width: 1px 0 0;
2751
2759
  cursor: pointer;
2752
2760
  }
2761
+ .e-grid .e-disablepointer {
2762
+ cursor: default;
2763
+ }
2753
2764
  .e-grid .e-groupcaption {
2754
2765
  border-style: solid;
2755
2766
  border-width: 1px 0 0;
@@ -2971,6 +2982,8 @@ li.e-separator.e-menu-item.e-excel-separator {
2971
2982
  .e-grid .e-checkboxfiltertext {
2972
2983
  width: 150px;
2973
2984
  word-break: normal;
2985
+ /* stylelint-disable */
2986
+ /* stylelint-enable */
2974
2987
  }
2975
2988
  .e-grid .e-frozenhdrcont .e-headercontent > .e-table,
2976
2989
  .e-grid .e-frozenhdrcont .e-frozenheader > .e-table,
@@ -3030,10 +3043,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3030
3043
  overflow: hidden;
3031
3044
  }
3032
3045
  .e-grid .e-frozenhdrcont {
3033
- -ms-touch-action: none;
3046
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
3034
3047
  }
3035
3048
  .e-grid .e-frozencontent {
3036
- -ms-touch-action: none;
3049
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
3037
3050
  border-bottom-width: 1px;
3038
3051
  float: left;
3039
3052
  width: min-content;
@@ -3042,19 +3055,19 @@ li.e-separator.e-menu-item.e-excel-separator {
3042
3055
  float: right;
3043
3056
  }
3044
3057
  .e-grid .e-movablecontent {
3045
- -ms-overflow-style: none;
3058
+ -ms-overflow-style: none; /* stylelint-disable-line property-no-vendor-prefix */
3046
3059
  -ms-flex: 1;
3047
3060
  flex: 1;
3048
3061
  overflow-x: auto;
3049
3062
  overflow-y: hidden;
3050
3063
  }
3051
- .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar {
3064
+ .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
3052
3065
  display: none;
3053
3066
  }
3054
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar {
3067
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
3055
3068
  width: 7px;
3056
3069
  }
3057
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb {
3070
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb { /* stylelint-disable-line property-no-vendor-prefix */
3058
3071
  background-color: rgba(0, 0, 0, 0.5);
3059
3072
  border-radius: 4px;
3060
3073
  }
@@ -3466,9 +3479,39 @@ li.e-separator.e-menu-item.e-excel-separator {
3466
3479
  .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3467
3480
  border-right: 0;
3468
3481
  }
3482
+ .e-grid .e-mask {
3483
+ display: inline-block;
3484
+ height: 10px;
3485
+ width: 80%;
3486
+ }
3487
+ .e-grid .e-mask.e-mask-group-intent {
3488
+ margin-left: 7px;
3489
+ width: 16px;
3490
+ }
3491
+ .e-grid .e-mask.e-mask-detail-intent {
3492
+ width: 16px;
3493
+ }
3494
+ .e-grid .e-mask.e-mask-checkbox-intent {
3495
+ margin-left: 3px;
3496
+ margin-right: 16px;
3497
+ width: 20px;
3498
+ }
3499
+ .e-grid .e-mask.e-mask-checkbox-filter-intent {
3500
+ width: 13px;
3501
+ }
3502
+ .e-grid .e-mask.e-mask-checkbox-filter-span-intent {
3503
+ margin-left: 8px;
3504
+ }
3505
+ .e-grid .e-mask.e-mask-drag-intent {
3506
+ margin-left: 12px;
3507
+ width: 12px;
3508
+ }
3469
3509
  .e-grid.sf-grid .e-table {
3470
3510
  border-spacing: 0.25px;
3471
3511
  }
3512
+ .e-grid.sf-grid span.e-ungroupbutton.e-icons {
3513
+ margin-left: -9px;
3514
+ }
3472
3515
  .e-grid.sf-grid .e-rowcell.e-frozen-right-border,
3473
3516
  .e-grid.sf-grid .e-headercell.e-frozen-right-border,
3474
3517
  .e-grid.sf-grid .e-filterbarcell.e-frozen-right-border {
@@ -4058,7 +4101,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4058
4101
  }
4059
4102
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden,
4060
4103
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden {
4061
- -moz-appearance: none;
4104
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
4062
4105
  height: 1px;
4063
4106
  opacity: 0;
4064
4107
  width: 1px;
@@ -1,4 +1,5 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
+ /* stylelint-disable property-no-vendor-prefix */
2
3
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
3
4
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
4
5
  transform: rotate(0deg);
@@ -94,6 +95,7 @@
94
95
  padding: 4px 8px;
95
96
  }
96
97
 
98
+ /* stylelint-disable property-no-vendor-prefix */
97
99
  @keyframes material-spinner-rotate {
98
100
  0% {
99
101
  transform: rotate(0);
@@ -363,7 +365,7 @@
363
365
  word-break: normal;
364
366
  }
365
367
  .e-excelfilter .e-chk-hidden {
366
- -moz-appearance: none;
368
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
367
369
  height: 1px;
368
370
  opacity: 0;
369
371
  width: 1px;
@@ -507,6 +509,8 @@ li.e-separator.e-menu-item.e-excel-separator {
507
509
  border-color: #4f46e5;
508
510
  }
509
511
 
512
+ /* stylelint-disable property-no-vendor-prefix */
513
+ /* stylelint-disable property-no-vendor-prefix */
510
514
  @keyframes material-spinner-rotate {
511
515
  0% {
512
516
  transform: rotate(0);
@@ -767,6 +771,7 @@ li.e-separator.e-menu-item.e-excel-separator {
767
771
  .e-bigger .e-grid,
768
772
  .e-grid.e-bigger {
769
773
  font-size: 16px;
774
+ /* stylelint-disable */
770
775
  }
771
776
  .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
772
777
  .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
@@ -1473,6 +1478,9 @@ li.e-separator.e-menu-item.e-excel-separator {
1473
1478
  font-size: 14px;
1474
1479
  height: auto;
1475
1480
  position: relative;
1481
+ /* stylelint-enable */
1482
+ /* stylelint-disable */
1483
+ /* stylelint-enable */
1476
1484
  }
1477
1485
  .e-grid .e-gridheader {
1478
1486
  -webkit-user-select: none;
@@ -2402,7 +2410,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2402
2410
  padding-left: 8px;
2403
2411
  }
2404
2412
  .e-grid .e-chk-hidden {
2405
- -moz-appearance: none;
2413
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
2406
2414
  height: 1px;
2407
2415
  opacity: 0;
2408
2416
  width: 1px;
@@ -2416,7 +2424,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2416
2424
  }
2417
2425
  .e-grid .e-rowcell .e-checkbox-wrapper,
2418
2426
  .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
2419
- -webkit-user-select: auto;
2427
+ -webkit-user-select: auto; /* stylelint-disable-line property-no-vendor-prefix */
2420
2428
  height: 20px;
2421
2429
  line-height: 20px;
2422
2430
  position: relative;
@@ -2613,7 +2621,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2613
2621
  padding: 2px;
2614
2622
  }
2615
2623
  .e-grid .e-content {
2616
- -webkit-overflow-scrolling: touch;
2624
+ -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
2617
2625
  overflow-x: auto;
2618
2626
  overflow-y: scroll;
2619
2627
  position: relative;
@@ -2750,6 +2758,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2750
2758
  border-width: 1px 0 0;
2751
2759
  cursor: pointer;
2752
2760
  }
2761
+ .e-grid .e-disablepointer {
2762
+ cursor: default;
2763
+ }
2753
2764
  .e-grid .e-groupcaption {
2754
2765
  border-style: solid;
2755
2766
  border-width: 1px 0 0;
@@ -2971,6 +2982,8 @@ li.e-separator.e-menu-item.e-excel-separator {
2971
2982
  .e-grid .e-checkboxfiltertext {
2972
2983
  width: 150px;
2973
2984
  word-break: normal;
2985
+ /* stylelint-disable */
2986
+ /* stylelint-enable */
2974
2987
  }
2975
2988
  .e-grid .e-frozenhdrcont .e-headercontent > .e-table,
2976
2989
  .e-grid .e-frozenhdrcont .e-frozenheader > .e-table,
@@ -3030,10 +3043,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3030
3043
  overflow: hidden;
3031
3044
  }
3032
3045
  .e-grid .e-frozenhdrcont {
3033
- -ms-touch-action: none;
3046
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
3034
3047
  }
3035
3048
  .e-grid .e-frozencontent {
3036
- -ms-touch-action: none;
3049
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
3037
3050
  border-bottom-width: 1px;
3038
3051
  float: left;
3039
3052
  width: min-content;
@@ -3042,19 +3055,19 @@ li.e-separator.e-menu-item.e-excel-separator {
3042
3055
  float: right;
3043
3056
  }
3044
3057
  .e-grid .e-movablecontent {
3045
- -ms-overflow-style: none;
3058
+ -ms-overflow-style: none; /* stylelint-disable-line property-no-vendor-prefix */
3046
3059
  -ms-flex: 1;
3047
3060
  flex: 1;
3048
3061
  overflow-x: auto;
3049
3062
  overflow-y: hidden;
3050
3063
  }
3051
- .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar {
3064
+ .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
3052
3065
  display: none;
3053
3066
  }
3054
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar {
3067
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
3055
3068
  width: 7px;
3056
3069
  }
3057
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb {
3070
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb { /* stylelint-disable-line property-no-vendor-prefix */
3058
3071
  background-color: rgba(0, 0, 0, 0.5);
3059
3072
  border-radius: 4px;
3060
3073
  }
@@ -3466,9 +3479,39 @@ li.e-separator.e-menu-item.e-excel-separator {
3466
3479
  .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3467
3480
  border-right: 0;
3468
3481
  }
3482
+ .e-grid .e-mask {
3483
+ display: inline-block;
3484
+ height: 10px;
3485
+ width: 80%;
3486
+ }
3487
+ .e-grid .e-mask.e-mask-group-intent {
3488
+ margin-left: 7px;
3489
+ width: 16px;
3490
+ }
3491
+ .e-grid .e-mask.e-mask-detail-intent {
3492
+ width: 16px;
3493
+ }
3494
+ .e-grid .e-mask.e-mask-checkbox-intent {
3495
+ margin-left: 3px;
3496
+ margin-right: 16px;
3497
+ width: 20px;
3498
+ }
3499
+ .e-grid .e-mask.e-mask-checkbox-filter-intent {
3500
+ width: 13px;
3501
+ }
3502
+ .e-grid .e-mask.e-mask-checkbox-filter-span-intent {
3503
+ margin-left: 8px;
3504
+ }
3505
+ .e-grid .e-mask.e-mask-drag-intent {
3506
+ margin-left: 12px;
3507
+ width: 12px;
3508
+ }
3469
3509
  .e-grid.sf-grid .e-table {
3470
3510
  border-spacing: 0.25px;
3471
3511
  }
3512
+ .e-grid.sf-grid span.e-ungroupbutton.e-icons {
3513
+ margin-left: -9px;
3514
+ }
3472
3515
  .e-grid.sf-grid .e-rowcell.e-frozen-right-border,
3473
3516
  .e-grid.sf-grid .e-headercell.e-frozen-right-border,
3474
3517
  .e-grid.sf-grid .e-filterbarcell.e-frozen-right-border {
@@ -4058,7 +4101,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4058
4101
  }
4059
4102
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden,
4060
4103
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden {
4061
- -moz-appearance: none;
4104
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
4062
4105
  height: 1px;
4063
4106
  opacity: 0;
4064
4107
  width: 1px;