@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,3 +1,4 @@
1
+ /* stylelint-disable property-no-vendor-prefix */
1
2
  .e-popup.e-ddl {
2
3
  border-radius: 4px;
3
4
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
@@ -103,6 +104,7 @@
103
104
  min-height: 34px;
104
105
  }
105
106
 
107
+ /* stylelint-disable property-no-vendor-prefix */
106
108
  @keyframes material-spinner-rotate {
107
109
  0% {
108
110
  transform: rotate(0);
@@ -369,7 +371,7 @@
369
371
  word-break: normal;
370
372
  }
371
373
  .e-excelfilter .e-chk-hidden {
372
- -moz-appearance: none;
374
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
373
375
  height: 1px;
374
376
  opacity: 0;
375
377
  width: 1px;
@@ -513,6 +515,8 @@ li.e-separator.e-menu-item.e-excel-separator {
513
515
  border-color: #0070f0;
514
516
  }
515
517
 
518
+ /* stylelint-disable property-no-vendor-prefix */
519
+ /* stylelint-disable property-no-vendor-prefix */
516
520
  @keyframes material-spinner-rotate {
517
521
  0% {
518
522
  transform: rotate(0);
@@ -762,6 +766,7 @@ li.e-separator.e-menu-item.e-excel-separator {
762
766
  .e-bigger .e-grid,
763
767
  .e-grid.e-bigger {
764
768
  font-size: 14px;
769
+ /* stylelint-disable */
765
770
  }
766
771
  .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
767
772
  .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
@@ -1419,6 +1424,9 @@ li.e-separator.e-menu-item.e-excel-separator {
1419
1424
  font-size: 13px;
1420
1425
  height: auto;
1421
1426
  position: relative;
1427
+ /* stylelint-enable */
1428
+ /* stylelint-disable */
1429
+ /* stylelint-enable */
1422
1430
  }
1423
1431
  .e-grid .e-gridheader {
1424
1432
  -webkit-user-select: none;
@@ -2326,7 +2334,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2326
2334
  padding-left: 8px;
2327
2335
  }
2328
2336
  .e-grid .e-chk-hidden {
2329
- -moz-appearance: none;
2337
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
2330
2338
  height: 1px;
2331
2339
  opacity: 0;
2332
2340
  width: 1px;
@@ -2340,7 +2348,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2340
2348
  }
2341
2349
  .e-grid .e-rowcell .e-checkbox-wrapper,
2342
2350
  .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
2343
- -webkit-user-select: auto;
2351
+ -webkit-user-select: auto; /* stylelint-disable-line property-no-vendor-prefix */
2344
2352
  height: 20px;
2345
2353
  line-height: 20px;
2346
2354
  position: relative;
@@ -2536,7 +2544,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2536
2544
  padding: 2px;
2537
2545
  }
2538
2546
  .e-grid .e-content {
2539
- -webkit-overflow-scrolling: touch;
2547
+ -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
2540
2548
  overflow-x: auto;
2541
2549
  overflow-y: scroll;
2542
2550
  position: relative;
@@ -2666,6 +2674,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2666
2674
  border-width: 1px 0 0;
2667
2675
  cursor: pointer;
2668
2676
  }
2677
+ .e-grid .e-disablepointer {
2678
+ cursor: default;
2679
+ }
2669
2680
  .e-grid .e-groupcaption {
2670
2681
  border-style: solid;
2671
2682
  border-width: 1px 0 0;
@@ -2887,6 +2898,8 @@ li.e-separator.e-menu-item.e-excel-separator {
2887
2898
  .e-grid .e-checkboxfiltertext {
2888
2899
  width: 150px;
2889
2900
  word-break: normal;
2901
+ /* stylelint-disable */
2902
+ /* stylelint-enable */
2890
2903
  }
2891
2904
  .e-grid .e-frozenhdrcont .e-headercontent > .e-table,
2892
2905
  .e-grid .e-frozenhdrcont .e-frozenheader > .e-table,
@@ -2946,10 +2959,10 @@ li.e-separator.e-menu-item.e-excel-separator {
2946
2959
  overflow: hidden;
2947
2960
  }
2948
2961
  .e-grid .e-frozenhdrcont {
2949
- -ms-touch-action: none;
2962
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
2950
2963
  }
2951
2964
  .e-grid .e-frozencontent {
2952
- -ms-touch-action: none;
2965
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
2953
2966
  border-bottom-width: 1px;
2954
2967
  float: left;
2955
2968
  width: min-content;
@@ -2958,19 +2971,19 @@ li.e-separator.e-menu-item.e-excel-separator {
2958
2971
  float: right;
2959
2972
  }
2960
2973
  .e-grid .e-movablecontent {
2961
- -ms-overflow-style: none;
2974
+ -ms-overflow-style: none; /* stylelint-disable-line property-no-vendor-prefix */
2962
2975
  -ms-flex: 1;
2963
2976
  flex: 1;
2964
2977
  overflow-x: auto;
2965
2978
  overflow-y: hidden;
2966
2979
  }
2967
- .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar {
2980
+ .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
2968
2981
  display: none;
2969
2982
  }
2970
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar {
2983
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
2971
2984
  width: 7px;
2972
2985
  }
2973
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb {
2986
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb { /* stylelint-disable-line property-no-vendor-prefix */
2974
2987
  background-color: rgba(0, 0, 0, 0.5);
2975
2988
  border-radius: 4px;
2976
2989
  }
@@ -3377,9 +3390,39 @@ li.e-separator.e-menu-item.e-excel-separator {
3377
3390
  .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3378
3391
  border-right: 0;
3379
3392
  }
3393
+ .e-grid .e-mask {
3394
+ display: inline-block;
3395
+ height: 10px;
3396
+ width: 80%;
3397
+ }
3398
+ .e-grid .e-mask.e-mask-group-intent {
3399
+ margin-left: 7px;
3400
+ width: 16px;
3401
+ }
3402
+ .e-grid .e-mask.e-mask-detail-intent {
3403
+ width: 16px;
3404
+ }
3405
+ .e-grid .e-mask.e-mask-checkbox-intent {
3406
+ margin-left: 3px;
3407
+ margin-right: 16px;
3408
+ width: 20px;
3409
+ }
3410
+ .e-grid .e-mask.e-mask-checkbox-filter-intent {
3411
+ width: 13px;
3412
+ }
3413
+ .e-grid .e-mask.e-mask-checkbox-filter-span-intent {
3414
+ margin-left: 8px;
3415
+ }
3416
+ .e-grid .e-mask.e-mask-drag-intent {
3417
+ margin-left: 12px;
3418
+ width: 12px;
3419
+ }
3380
3420
  .e-grid.sf-grid .e-table {
3381
3421
  border-spacing: 0.25px;
3382
3422
  }
3423
+ .e-grid.sf-grid span.e-ungroupbutton.e-icons {
3424
+ margin-left: -8px;
3425
+ }
3383
3426
  .e-grid.sf-grid .e-rowcell.e-frozen-right-border,
3384
3427
  .e-grid.sf-grid .e-headercell.e-frozen-right-border,
3385
3428
  .e-grid.sf-grid .e-filterbarcell.e-frozen-right-border {
@@ -3957,7 +4000,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3957
4000
  }
3958
4001
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden,
3959
4002
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden {
3960
- -moz-appearance: none;
4003
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
3961
4004
  height: 1px;
3962
4005
  opacity: 0;
3963
4006
  width: 1px;
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable property-no-vendor-prefix */
1
2
  .e-popup.e-ddl {
2
3
  border-radius: 4px;
3
4
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
@@ -103,6 +104,7 @@
103
104
  min-height: 34px;
104
105
  }
105
106
 
107
+ /* stylelint-disable property-no-vendor-prefix */
106
108
  @keyframes material-spinner-rotate {
107
109
  0% {
108
110
  transform: rotate(0);
@@ -369,7 +371,7 @@
369
371
  word-break: normal;
370
372
  }
371
373
  .e-excelfilter .e-chk-hidden {
372
- -moz-appearance: none;
374
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
373
375
  height: 1px;
374
376
  opacity: 0;
375
377
  width: 1px;
@@ -513,6 +515,8 @@ li.e-separator.e-menu-item.e-excel-separator {
513
515
  border-color: #317ab9;
514
516
  }
515
517
 
518
+ /* stylelint-disable property-no-vendor-prefix */
519
+ /* stylelint-disable property-no-vendor-prefix */
516
520
  @keyframes material-spinner-rotate {
517
521
  0% {
518
522
  transform: rotate(0);
@@ -763,6 +767,7 @@ li.e-separator.e-menu-item.e-excel-separator {
763
767
  .e-bigger .e-grid,
764
768
  .e-grid.e-bigger {
765
769
  font-size: 14px;
770
+ /* stylelint-disable */
766
771
  }
767
772
  .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
768
773
  .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
@@ -1420,6 +1425,9 @@ li.e-separator.e-menu-item.e-excel-separator {
1420
1425
  font-size: 13px;
1421
1426
  height: auto;
1422
1427
  position: relative;
1428
+ /* stylelint-enable */
1429
+ /* stylelint-disable */
1430
+ /* stylelint-enable */
1423
1431
  }
1424
1432
  .e-grid .e-gridheader {
1425
1433
  -webkit-user-select: none;
@@ -2327,7 +2335,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2327
2335
  padding-left: 8px;
2328
2336
  }
2329
2337
  .e-grid .e-chk-hidden {
2330
- -moz-appearance: none;
2338
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
2331
2339
  height: 1px;
2332
2340
  opacity: 0;
2333
2341
  width: 1px;
@@ -2341,7 +2349,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2341
2349
  }
2342
2350
  .e-grid .e-rowcell .e-checkbox-wrapper,
2343
2351
  .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
2344
- -webkit-user-select: auto;
2352
+ -webkit-user-select: auto; /* stylelint-disable-line property-no-vendor-prefix */
2345
2353
  height: 20px;
2346
2354
  line-height: 20px;
2347
2355
  position: relative;
@@ -2537,7 +2545,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2537
2545
  padding: 2px;
2538
2546
  }
2539
2547
  .e-grid .e-content {
2540
- -webkit-overflow-scrolling: touch;
2548
+ -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
2541
2549
  overflow-x: auto;
2542
2550
  overflow-y: scroll;
2543
2551
  position: relative;
@@ -2667,6 +2675,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2667
2675
  border-width: 1px 0 0;
2668
2676
  cursor: pointer;
2669
2677
  }
2678
+ .e-grid .e-disablepointer {
2679
+ cursor: default;
2680
+ }
2670
2681
  .e-grid .e-groupcaption {
2671
2682
  border-style: solid;
2672
2683
  border-width: 1px 0 0;
@@ -2888,6 +2899,8 @@ li.e-separator.e-menu-item.e-excel-separator {
2888
2899
  .e-grid .e-checkboxfiltertext {
2889
2900
  width: 150px;
2890
2901
  word-break: normal;
2902
+ /* stylelint-disable */
2903
+ /* stylelint-enable */
2891
2904
  }
2892
2905
  .e-grid .e-frozenhdrcont .e-headercontent > .e-table,
2893
2906
  .e-grid .e-frozenhdrcont .e-frozenheader > .e-table,
@@ -2947,10 +2960,10 @@ li.e-separator.e-menu-item.e-excel-separator {
2947
2960
  overflow: hidden;
2948
2961
  }
2949
2962
  .e-grid .e-frozenhdrcont {
2950
- -ms-touch-action: none;
2963
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
2951
2964
  }
2952
2965
  .e-grid .e-frozencontent {
2953
- -ms-touch-action: none;
2966
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
2954
2967
  border-bottom-width: 1px;
2955
2968
  float: left;
2956
2969
  width: min-content;
@@ -2959,19 +2972,19 @@ li.e-separator.e-menu-item.e-excel-separator {
2959
2972
  float: right;
2960
2973
  }
2961
2974
  .e-grid .e-movablecontent {
2962
- -ms-overflow-style: none;
2975
+ -ms-overflow-style: none; /* stylelint-disable-line property-no-vendor-prefix */
2963
2976
  -ms-flex: 1;
2964
2977
  flex: 1;
2965
2978
  overflow-x: auto;
2966
2979
  overflow-y: hidden;
2967
2980
  }
2968
- .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar {
2981
+ .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
2969
2982
  display: none;
2970
2983
  }
2971
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar {
2984
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
2972
2985
  width: 7px;
2973
2986
  }
2974
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb {
2987
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb { /* stylelint-disable-line property-no-vendor-prefix */
2975
2988
  background-color: rgba(0, 0, 0, 0.5);
2976
2989
  border-radius: 4px;
2977
2990
  }
@@ -3378,9 +3391,39 @@ li.e-separator.e-menu-item.e-excel-separator {
3378
3391
  .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3379
3392
  border-right: 0;
3380
3393
  }
3394
+ .e-grid .e-mask {
3395
+ display: inline-block;
3396
+ height: 10px;
3397
+ width: 80%;
3398
+ }
3399
+ .e-grid .e-mask.e-mask-group-intent {
3400
+ margin-left: 7px;
3401
+ width: 16px;
3402
+ }
3403
+ .e-grid .e-mask.e-mask-detail-intent {
3404
+ width: 16px;
3405
+ }
3406
+ .e-grid .e-mask.e-mask-checkbox-intent {
3407
+ margin-left: 3px;
3408
+ margin-right: 16px;
3409
+ width: 20px;
3410
+ }
3411
+ .e-grid .e-mask.e-mask-checkbox-filter-intent {
3412
+ width: 13px;
3413
+ }
3414
+ .e-grid .e-mask.e-mask-checkbox-filter-span-intent {
3415
+ margin-left: 8px;
3416
+ }
3417
+ .e-grid .e-mask.e-mask-drag-intent {
3418
+ margin-left: 12px;
3419
+ width: 12px;
3420
+ }
3381
3421
  .e-grid.sf-grid .e-table {
3382
3422
  border-spacing: 0.25px;
3383
3423
  }
3424
+ .e-grid.sf-grid span.e-ungroupbutton.e-icons {
3425
+ margin-left: -8px;
3426
+ }
3384
3427
  .e-grid.sf-grid .e-rowcell.e-frozen-right-border,
3385
3428
  .e-grid.sf-grid .e-headercell.e-frozen-right-border,
3386
3429
  .e-grid.sf-grid .e-filterbarcell.e-frozen-right-border {
@@ -3958,7 +4001,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3958
4001
  }
3959
4002
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden,
3960
4003
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden {
3961
- -moz-appearance: none;
4004
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
3962
4005
  height: 1px;
3963
4006
  opacity: 0;
3964
4007
  width: 1px;
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable property-no-vendor-prefix */
1
2
  .e-input-group.e-ddl .e-control.e-autocomplete ~ .e-ddl-icon {
2
3
  font-size: 8px;
3
4
  }
@@ -145,6 +146,7 @@
145
146
  min-height: 34px;
146
147
  }
147
148
 
149
+ /* stylelint-disable property-no-vendor-prefix */
148
150
  @keyframes material-spinner-rotate {
149
151
  0% {
150
152
  transform: rotate(0);
@@ -175,6 +177,9 @@
175
177
  .e-excelfilter .e-excl-filter-icon.e-filtered::before {
176
178
  content: "\e748";
177
179
  }
180
+ .e-excelfilter .e-search-icon::before {
181
+ content: "\e724";
182
+ }
178
183
  .e-excelfilter .e-ccsearch-icon::before {
179
184
  content: "\e724";
180
185
  }
@@ -411,7 +416,7 @@
411
416
  word-break: normal;
412
417
  }
413
418
  .e-excelfilter .e-chk-hidden {
414
- -moz-appearance: none;
419
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
415
420
  height: 1px;
416
421
  opacity: 0;
417
422
  width: 1px;
@@ -555,6 +560,7 @@ li.e-separator.e-menu-item.e-excel-separator {
555
560
  border-color: #317ab9;
556
561
  }
557
562
 
563
+ /* stylelint-disable property-no-vendor-prefix */
558
564
  .e-input-group.e-ddl .e-control.e-autocomplete ~ .e-ddl-icon {
559
565
  font-size: 8px;
560
566
  }
@@ -563,6 +569,7 @@ li.e-separator.e-menu-item.e-excel-separator {
563
569
  font-size: 10px;
564
570
  }
565
571
 
572
+ /* stylelint-disable property-no-vendor-prefix */
566
573
  @keyframes material-spinner-rotate {
567
574
  0% {
568
575
  transform: rotate(0);
@@ -810,6 +817,7 @@ li.e-separator.e-menu-item.e-excel-separator {
810
817
  .e-bigger .e-grid,
811
818
  .e-grid.e-bigger {
812
819
  font-size: 16px;
820
+ /* stylelint-disable */
813
821
  }
814
822
  .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
815
823
  .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
@@ -1473,6 +1481,9 @@ li.e-separator.e-menu-item.e-excel-separator {
1473
1481
  font-size: 14px;
1474
1482
  height: auto;
1475
1483
  position: relative;
1484
+ /* stylelint-enable */
1485
+ /* stylelint-disable */
1486
+ /* stylelint-enable */
1476
1487
  }
1477
1488
  .e-grid .e-gridheader {
1478
1489
  -webkit-user-select: none;
@@ -2380,7 +2391,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2380
2391
  padding-left: 8px;
2381
2392
  }
2382
2393
  .e-grid .e-chk-hidden {
2383
- -moz-appearance: none;
2394
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
2384
2395
  height: 1px;
2385
2396
  opacity: 0;
2386
2397
  width: 1px;
@@ -2394,7 +2405,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2394
2405
  }
2395
2406
  .e-grid .e-rowcell .e-checkbox-wrapper,
2396
2407
  .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
2397
- -webkit-user-select: auto;
2408
+ -webkit-user-select: auto; /* stylelint-disable-line property-no-vendor-prefix */
2398
2409
  height: 20px;
2399
2410
  line-height: 20px;
2400
2411
  position: relative;
@@ -2590,7 +2601,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2590
2601
  padding: 2px;
2591
2602
  }
2592
2603
  .e-grid .e-content {
2593
- -webkit-overflow-scrolling: touch;
2604
+ -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
2594
2605
  overflow-x: auto;
2595
2606
  overflow-y: scroll;
2596
2607
  position: relative;
@@ -2722,6 +2733,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2722
2733
  border-width: 1px 0 0;
2723
2734
  cursor: pointer;
2724
2735
  }
2736
+ .e-grid .e-disablepointer {
2737
+ cursor: default;
2738
+ }
2725
2739
  .e-grid .e-groupcaption {
2726
2740
  border-style: solid;
2727
2741
  border-width: 1px 0 0;
@@ -2943,6 +2957,8 @@ li.e-separator.e-menu-item.e-excel-separator {
2943
2957
  .e-grid .e-checkboxfiltertext {
2944
2958
  width: 150px;
2945
2959
  word-break: normal;
2960
+ /* stylelint-disable */
2961
+ /* stylelint-enable */
2946
2962
  }
2947
2963
  .e-grid .e-frozenhdrcont .e-headercontent > .e-table,
2948
2964
  .e-grid .e-frozenhdrcont .e-frozenheader > .e-table,
@@ -3002,10 +3018,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3002
3018
  overflow: hidden;
3003
3019
  }
3004
3020
  .e-grid .e-frozenhdrcont {
3005
- -ms-touch-action: none;
3021
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
3006
3022
  }
3007
3023
  .e-grid .e-frozencontent {
3008
- -ms-touch-action: none;
3024
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
3009
3025
  border-bottom-width: 1px;
3010
3026
  float: left;
3011
3027
  width: min-content;
@@ -3014,19 +3030,19 @@ li.e-separator.e-menu-item.e-excel-separator {
3014
3030
  float: right;
3015
3031
  }
3016
3032
  .e-grid .e-movablecontent {
3017
- -ms-overflow-style: none;
3033
+ -ms-overflow-style: none; /* stylelint-disable-line property-no-vendor-prefix */
3018
3034
  -ms-flex: 1;
3019
3035
  flex: 1;
3020
3036
  overflow-x: auto;
3021
3037
  overflow-y: hidden;
3022
3038
  }
3023
- .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar {
3039
+ .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
3024
3040
  display: none;
3025
3041
  }
3026
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar {
3042
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
3027
3043
  width: 7px;
3028
3044
  }
3029
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb {
3045
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb { /* stylelint-disable-line property-no-vendor-prefix */
3030
3046
  background-color: rgba(0, 0, 0, 0.5);
3031
3047
  border-radius: 4px;
3032
3048
  }
@@ -3434,9 +3450,39 @@ li.e-separator.e-menu-item.e-excel-separator {
3434
3450
  .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3435
3451
  border-right: 0;
3436
3452
  }
3453
+ .e-grid .e-mask {
3454
+ display: inline-block;
3455
+ height: 10px;
3456
+ width: 80%;
3457
+ }
3458
+ .e-grid .e-mask.e-mask-group-intent {
3459
+ margin-left: 7px;
3460
+ width: 16px;
3461
+ }
3462
+ .e-grid .e-mask.e-mask-detail-intent {
3463
+ width: 16px;
3464
+ }
3465
+ .e-grid .e-mask.e-mask-checkbox-intent {
3466
+ margin-left: 3px;
3467
+ margin-right: 16px;
3468
+ width: 20px;
3469
+ }
3470
+ .e-grid .e-mask.e-mask-checkbox-filter-intent {
3471
+ width: 13px;
3472
+ }
3473
+ .e-grid .e-mask.e-mask-checkbox-filter-span-intent {
3474
+ margin-left: 8px;
3475
+ }
3476
+ .e-grid .e-mask.e-mask-drag-intent {
3477
+ margin-left: 12px;
3478
+ width: 12px;
3479
+ }
3437
3480
  .e-grid.sf-grid .e-table {
3438
3481
  border-spacing: 0.25px;
3439
3482
  }
3483
+ .e-grid.sf-grid span.e-ungroupbutton.e-icons {
3484
+ margin-left: -8px;
3485
+ }
3440
3486
  .e-grid.sf-grid .e-rowcell.e-frozen-right-border,
3441
3487
  .e-grid.sf-grid .e-headercell.e-frozen-right-border,
3442
3488
  .e-grid.sf-grid .e-filterbarcell.e-frozen-right-border {
@@ -4014,7 +4060,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4014
4060
  }
4015
4061
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden,
4016
4062
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden {
4017
- -moz-appearance: none;
4063
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
4018
4064
  height: 1px;
4019
4065
  opacity: 0;
4020
4066
  width: 1px;