@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-bigger .e-ddl.e-popup .e-input-group .e-clear-icon {
2
3
  height: 36px;
3
4
  }
@@ -76,6 +77,7 @@
76
77
  height: 34px;
77
78
  }
78
79
 
80
+ /* stylelint-disable property-no-vendor-prefix */
79
81
  @keyframes material-spinner-rotate {
80
82
  0% {
81
83
  transform: rotate(0);
@@ -92,7 +94,7 @@
92
94
  transform: rotate(360deg);
93
95
  }
94
96
  }
95
- /*!component icons*/
97
+ /* !component icons */
96
98
  .e-icon-check::before {
97
99
  content: "\e7ff";
98
100
  }
@@ -342,7 +344,7 @@
342
344
  word-break: normal;
343
345
  }
344
346
  .e-excelfilter .e-chk-hidden {
345
- -moz-appearance: none;
347
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
346
348
  height: 1px;
347
349
  opacity: 0;
348
350
  width: 1px;
@@ -486,6 +488,8 @@ li.e-separator.e-menu-item.e-excel-separator {
486
488
  border-color: #ffd939;
487
489
  }
488
490
 
491
+ /* stylelint-disable property-no-vendor-prefix */
492
+ /* stylelint-disable property-no-vendor-prefix */
489
493
  @keyframes material-spinner-rotate {
490
494
  0% {
491
495
  transform: rotate(0);
@@ -502,7 +506,7 @@ li.e-separator.e-menu-item.e-excel-separator {
502
506
  transform: rotate(360deg);
503
507
  }
504
508
  }
505
- /*!componenticons*/
509
+ /* !componenticons */
506
510
  .e-icon-check::before {
507
511
  content: "\e7ff";
508
512
  }
@@ -733,6 +737,7 @@ li.e-separator.e-menu-item.e-excel-separator {
733
737
  .e-bigger .e-grid,
734
738
  .e-grid.e-bigger {
735
739
  font-size: 14px;
740
+ /* stylelint-disable */
736
741
  }
737
742
  .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
738
743
  .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
@@ -1390,6 +1395,9 @@ li.e-separator.e-menu-item.e-excel-separator {
1390
1395
  font-size: 13px;
1391
1396
  height: auto;
1392
1397
  position: relative;
1398
+ /* stylelint-enable */
1399
+ /* stylelint-disable */
1400
+ /* stylelint-enable */
1393
1401
  }
1394
1402
  .e-grid .e-gridheader {
1395
1403
  -webkit-user-select: none;
@@ -2297,7 +2305,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2297
2305
  padding-left: 7px;
2298
2306
  }
2299
2307
  .e-grid .e-chk-hidden {
2300
- -moz-appearance: none;
2308
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
2301
2309
  height: 1px;
2302
2310
  opacity: 0;
2303
2311
  width: 1px;
@@ -2311,7 +2319,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2311
2319
  }
2312
2320
  .e-grid .e-rowcell .e-checkbox-wrapper,
2313
2321
  .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
2314
- -webkit-user-select: auto;
2322
+ -webkit-user-select: auto; /* stylelint-disable-line property-no-vendor-prefix */
2315
2323
  height: 20px;
2316
2324
  line-height: 20px;
2317
2325
  position: relative;
@@ -2507,7 +2515,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2507
2515
  padding: 2px;
2508
2516
  }
2509
2517
  .e-grid .e-content {
2510
- -webkit-overflow-scrolling: touch;
2518
+ -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
2511
2519
  overflow-x: auto;
2512
2520
  overflow-y: scroll;
2513
2521
  position: relative;
@@ -2637,6 +2645,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2637
2645
  border-width: 1px 0 0;
2638
2646
  cursor: pointer;
2639
2647
  }
2648
+ .e-grid .e-disablepointer {
2649
+ cursor: default;
2650
+ }
2640
2651
  .e-grid .e-groupcaption {
2641
2652
  border-style: solid;
2642
2653
  border-width: 1px 0 0;
@@ -2858,6 +2869,8 @@ li.e-separator.e-menu-item.e-excel-separator {
2858
2869
  .e-grid .e-checkboxfiltertext {
2859
2870
  width: 135px;
2860
2871
  word-break: normal;
2872
+ /* stylelint-disable */
2873
+ /* stylelint-enable */
2861
2874
  }
2862
2875
  .e-grid .e-frozenhdrcont .e-headercontent > .e-table,
2863
2876
  .e-grid .e-frozenhdrcont .e-frozenheader > .e-table,
@@ -2917,10 +2930,10 @@ li.e-separator.e-menu-item.e-excel-separator {
2917
2930
  overflow: hidden;
2918
2931
  }
2919
2932
  .e-grid .e-frozenhdrcont {
2920
- -ms-touch-action: none;
2933
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
2921
2934
  }
2922
2935
  .e-grid .e-frozencontent {
2923
- -ms-touch-action: none;
2936
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
2924
2937
  border-bottom-width: 1px;
2925
2938
  float: left;
2926
2939
  width: min-content;
@@ -2929,19 +2942,19 @@ li.e-separator.e-menu-item.e-excel-separator {
2929
2942
  float: right;
2930
2943
  }
2931
2944
  .e-grid .e-movablecontent {
2932
- -ms-overflow-style: none;
2945
+ -ms-overflow-style: none; /* stylelint-disable-line property-no-vendor-prefix */
2933
2946
  -ms-flex: 1;
2934
2947
  flex: 1;
2935
2948
  overflow-x: auto;
2936
2949
  overflow-y: hidden;
2937
2950
  }
2938
- .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar {
2951
+ .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
2939
2952
  display: none;
2940
2953
  }
2941
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar {
2954
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
2942
2955
  width: 7px;
2943
2956
  }
2944
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb {
2957
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb { /* stylelint-disable-line property-no-vendor-prefix */
2945
2958
  background-color: rgba(0, 0, 0, 0.5);
2946
2959
  border-radius: 4px;
2947
2960
  }
@@ -3348,9 +3361,39 @@ li.e-separator.e-menu-item.e-excel-separator {
3348
3361
  .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3349
3362
  border-right: 0;
3350
3363
  }
3364
+ .e-grid .e-mask {
3365
+ display: inline-block;
3366
+ height: 10px;
3367
+ width: 80%;
3368
+ }
3369
+ .e-grid .e-mask.e-mask-group-intent {
3370
+ margin-left: 7px;
3371
+ width: 16px;
3372
+ }
3373
+ .e-grid .e-mask.e-mask-detail-intent {
3374
+ width: 16px;
3375
+ }
3376
+ .e-grid .e-mask.e-mask-checkbox-intent {
3377
+ margin-left: 3px;
3378
+ margin-right: 16px;
3379
+ width: 20px;
3380
+ }
3381
+ .e-grid .e-mask.e-mask-checkbox-filter-intent {
3382
+ width: 13px;
3383
+ }
3384
+ .e-grid .e-mask.e-mask-checkbox-filter-span-intent {
3385
+ margin-left: 8px;
3386
+ }
3387
+ .e-grid .e-mask.e-mask-drag-intent {
3388
+ margin-left: 12px;
3389
+ width: 12px;
3390
+ }
3351
3391
  .e-grid.sf-grid .e-table {
3352
3392
  border-spacing: 0.25px;
3353
3393
  }
3394
+ .e-grid.sf-grid span.e-ungroupbutton.e-icons {
3395
+ margin-left: 0;
3396
+ }
3354
3397
  .e-grid.sf-grid .e-rowcell.e-frozen-right-border,
3355
3398
  .e-grid.sf-grid .e-headercell.e-frozen-right-border,
3356
3399
  .e-grid.sf-grid .e-filterbarcell.e-frozen-right-border {
@@ -3928,7 +3971,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3928
3971
  }
3929
3972
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden,
3930
3973
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden {
3931
- -moz-appearance: none;
3974
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
3932
3975
  height: 1px;
3933
3976
  opacity: 0;
3934
3977
  width: 1px;
@@ -1,4 +1,5 @@
1
1
  @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
+ /* stylelint-disable property-no-vendor-prefix */
2
3
  @keyframes e-input-ripple {
3
4
  100% {
4
5
  opacity: 0;
@@ -111,6 +112,7 @@
111
112
  padding: 5px 5px 5px 12px;
112
113
  }
113
114
 
115
+ /* stylelint-disable property-no-vendor-prefix */
114
116
  @keyframes material-spinner-rotate {
115
117
  0% {
116
118
  transform: rotate(0deg);
@@ -127,7 +129,7 @@
127
129
  transform: rotate(360deg);
128
130
  }
129
131
  }
130
- /*!componenticons*/
132
+ /* !componenticons */
131
133
  .e-icon-check::before {
132
134
  content: "\e7ff";
133
135
  }
@@ -377,7 +379,7 @@
377
379
  word-break: normal;
378
380
  }
379
381
  .e-excelfilter .e-chk-hidden {
380
- -moz-appearance: none;
382
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
381
383
  height: 1px;
382
384
  opacity: 0;
383
385
  width: 1px;
@@ -521,12 +523,14 @@ li.e-separator.e-menu-item.e-excel-separator {
521
523
  border-color: #00b0ff;
522
524
  }
523
525
 
526
+ /* stylelint-disable property-no-vendor-prefix */
524
527
  @keyframes e-input-ripple {
525
528
  100% {
526
529
  opacity: 0;
527
530
  transform: scale(4);
528
531
  }
529
532
  }
533
+ /* stylelint-disable property-no-vendor-prefix */
530
534
  @keyframes material-spinner-rotate {
531
535
  0% {
532
536
  transform: rotate(0deg);
@@ -552,7 +556,7 @@ li.e-separator.e-menu-item.e-excel-separator {
552
556
  box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
553
557
  }
554
558
  }
555
- /*!componenticons*/
559
+ /* !componenticons */
556
560
  .e-icon-check::before {
557
561
  content: "\e7ff";
558
562
  }
@@ -783,6 +787,7 @@ li.e-separator.e-menu-item.e-excel-separator {
783
787
  .e-bigger .e-grid,
784
788
  .e-grid.e-bigger {
785
789
  font-size: 13px;
790
+ /* stylelint-disable */
786
791
  }
787
792
  .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
788
793
  .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
@@ -1440,6 +1445,9 @@ li.e-separator.e-menu-item.e-excel-separator {
1440
1445
  font-size: 13px;
1441
1446
  height: auto;
1442
1447
  position: relative;
1448
+ /* stylelint-enable */
1449
+ /* stylelint-disable */
1450
+ /* stylelint-enable */
1443
1451
  }
1444
1452
  .e-grid .e-gridheader {
1445
1453
  -webkit-user-select: none;
@@ -2347,7 +2355,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2347
2355
  padding-left: 9px;
2348
2356
  }
2349
2357
  .e-grid .e-chk-hidden {
2350
- -moz-appearance: none;
2358
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
2351
2359
  height: 1px;
2352
2360
  opacity: 0;
2353
2361
  width: 1px;
@@ -2361,7 +2369,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2361
2369
  }
2362
2370
  .e-grid .e-rowcell .e-checkbox-wrapper,
2363
2371
  .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
2364
- -webkit-user-select: auto;
2372
+ -webkit-user-select: auto; /* stylelint-disable-line property-no-vendor-prefix */
2365
2373
  height: 20px;
2366
2374
  line-height: 20px;
2367
2375
  position: relative;
@@ -2557,7 +2565,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2557
2565
  padding: 2px;
2558
2566
  }
2559
2567
  .e-grid .e-content {
2560
- -webkit-overflow-scrolling: touch;
2568
+ -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
2561
2569
  overflow-x: auto;
2562
2570
  overflow-y: scroll;
2563
2571
  position: relative;
@@ -2687,6 +2695,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2687
2695
  border-width: 1px 0 0;
2688
2696
  cursor: pointer;
2689
2697
  }
2698
+ .e-grid .e-disablepointer {
2699
+ cursor: default;
2700
+ }
2690
2701
  .e-grid .e-groupcaption {
2691
2702
  border-style: solid;
2692
2703
  border-width: 1px 0 0;
@@ -2908,6 +2919,8 @@ li.e-separator.e-menu-item.e-excel-separator {
2908
2919
  .e-grid .e-checkboxfiltertext {
2909
2920
  width: 150px;
2910
2921
  word-break: normal;
2922
+ /* stylelint-disable */
2923
+ /* stylelint-enable */
2911
2924
  }
2912
2925
  .e-grid .e-frozenhdrcont .e-headercontent > .e-table,
2913
2926
  .e-grid .e-frozenhdrcont .e-frozenheader > .e-table,
@@ -2967,10 +2980,10 @@ li.e-separator.e-menu-item.e-excel-separator {
2967
2980
  overflow: hidden;
2968
2981
  }
2969
2982
  .e-grid .e-frozenhdrcont {
2970
- -ms-touch-action: none;
2983
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
2971
2984
  }
2972
2985
  .e-grid .e-frozencontent {
2973
- -ms-touch-action: none;
2986
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
2974
2987
  border-bottom-width: 1px;
2975
2988
  float: left;
2976
2989
  width: min-content;
@@ -2979,19 +2992,19 @@ li.e-separator.e-menu-item.e-excel-separator {
2979
2992
  float: right;
2980
2993
  }
2981
2994
  .e-grid .e-movablecontent {
2982
- -ms-overflow-style: none;
2995
+ -ms-overflow-style: none; /* stylelint-disable-line property-no-vendor-prefix */
2983
2996
  -ms-flex: 1;
2984
2997
  flex: 1;
2985
2998
  overflow-x: auto;
2986
2999
  overflow-y: hidden;
2987
3000
  }
2988
- .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar {
3001
+ .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
2989
3002
  display: none;
2990
3003
  }
2991
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar {
3004
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
2992
3005
  width: 7px;
2993
3006
  }
2994
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb {
3007
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb { /* stylelint-disable-line property-no-vendor-prefix */
2995
3008
  background-color: rgba(0, 0, 0, 0.5);
2996
3009
  border-radius: 4px;
2997
3010
  }
@@ -3398,9 +3411,39 @@ li.e-separator.e-menu-item.e-excel-separator {
3398
3411
  .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3399
3412
  border-right: 0;
3400
3413
  }
3414
+ .e-grid .e-mask {
3415
+ display: inline-block;
3416
+ height: 10px;
3417
+ width: 80%;
3418
+ }
3419
+ .e-grid .e-mask.e-mask-group-intent {
3420
+ margin-left: 7px;
3421
+ width: 16px;
3422
+ }
3423
+ .e-grid .e-mask.e-mask-detail-intent {
3424
+ width: 16px;
3425
+ }
3426
+ .e-grid .e-mask.e-mask-checkbox-intent {
3427
+ margin-left: 3px;
3428
+ margin-right: 16px;
3429
+ width: 20px;
3430
+ }
3431
+ .e-grid .e-mask.e-mask-checkbox-filter-intent {
3432
+ width: 13px;
3433
+ }
3434
+ .e-grid .e-mask.e-mask-checkbox-filter-span-intent {
3435
+ margin-left: 8px;
3436
+ }
3437
+ .e-grid .e-mask.e-mask-drag-intent {
3438
+ margin-left: 12px;
3439
+ width: 12px;
3440
+ }
3401
3441
  .e-grid.sf-grid .e-table {
3402
3442
  border-spacing: 0.25px;
3403
3443
  }
3444
+ .e-grid.sf-grid span.e-ungroupbutton.e-icons {
3445
+ margin-left: 6px;
3446
+ }
3404
3447
  .e-grid.sf-grid .e-rowcell.e-frozen-right-border,
3405
3448
  .e-grid.sf-grid .e-headercell.e-frozen-right-border,
3406
3449
  .e-grid.sf-grid .e-filterbarcell.e-frozen-right-border {
@@ -3978,7 +4021,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3978
4021
  }
3979
4022
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden,
3980
4023
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden {
3981
- -moz-appearance: none;
4024
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
3982
4025
  height: 1px;
3983
4026
  opacity: 0;
3984
4027
  width: 1px;
@@ -1,4 +1,5 @@
1
1
  @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
+ /* stylelint-disable property-no-vendor-prefix */
2
3
  @keyframes e-input-ripple {
3
4
  100% {
4
5
  opacity: 0;
@@ -144,6 +145,7 @@
144
145
  padding: 4px 8px;
145
146
  }
146
147
 
148
+ /* stylelint-disable property-no-vendor-prefix */
147
149
  @keyframes material-spinner-rotate {
148
150
  0% {
149
151
  transform: rotate(0deg);
@@ -160,7 +162,7 @@
160
162
  transform: rotate(360deg);
161
163
  }
162
164
  }
163
- /*!component icons*/
165
+ /* !component icons */
164
166
  .e-icon-check::before {
165
167
  content: "\e7ff";
166
168
  }
@@ -410,7 +412,7 @@
410
412
  word-break: normal;
411
413
  }
412
414
  .e-excelfilter .e-chk-hidden {
413
- -moz-appearance: none;
415
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
414
416
  height: 1px;
415
417
  opacity: 0;
416
418
  width: 1px;
@@ -554,6 +556,7 @@ li.e-separator.e-menu-item.e-excel-separator {
554
556
  border-color: #e3165b;
555
557
  }
556
558
 
559
+ /* stylelint-disable property-no-vendor-prefix */
557
560
  @keyframes e-input-ripple {
558
561
  100% {
559
562
  opacity: 0;
@@ -568,6 +571,7 @@ li.e-separator.e-menu-item.e-excel-separator {
568
571
  transform: translate3d(0, 0, 0) scale(1);
569
572
  }
570
573
  }
574
+ /* stylelint-disable property-no-vendor-prefix */
571
575
  @keyframes material-spinner-rotate {
572
576
  0% {
573
577
  transform: rotate(0deg);
@@ -594,7 +598,7 @@ li.e-separator.e-menu-item.e-excel-separator {
594
598
  box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
595
599
  }
596
600
  }
597
- /*!componenticons*/
601
+ /* !componenticons */
598
602
  .e-icon-check::before {
599
603
  content: "\e7ff";
600
604
  }
@@ -825,6 +829,7 @@ li.e-separator.e-menu-item.e-excel-separator {
825
829
  .e-bigger .e-grid,
826
830
  .e-grid.e-bigger {
827
831
  font-size: 13px;
832
+ /* stylelint-disable */
828
833
  }
829
834
  .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
830
835
  .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
@@ -1482,6 +1487,9 @@ li.e-separator.e-menu-item.e-excel-separator {
1482
1487
  font-size: 13px;
1483
1488
  height: auto;
1484
1489
  position: relative;
1490
+ /* stylelint-enable */
1491
+ /* stylelint-disable */
1492
+ /* stylelint-enable */
1485
1493
  }
1486
1494
  .e-grid .e-gridheader {
1487
1495
  -webkit-user-select: none;
@@ -2389,7 +2397,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2389
2397
  padding-left: 9px;
2390
2398
  }
2391
2399
  .e-grid .e-chk-hidden {
2392
- -moz-appearance: none;
2400
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
2393
2401
  height: 1px;
2394
2402
  opacity: 0;
2395
2403
  width: 1px;
@@ -2403,7 +2411,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2403
2411
  }
2404
2412
  .e-grid .e-rowcell .e-checkbox-wrapper,
2405
2413
  .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
2406
- -webkit-user-select: auto;
2414
+ -webkit-user-select: auto; /* stylelint-disable-line property-no-vendor-prefix */
2407
2415
  height: 20px;
2408
2416
  line-height: 20px;
2409
2417
  position: relative;
@@ -2599,7 +2607,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2599
2607
  padding: 2px;
2600
2608
  }
2601
2609
  .e-grid .e-content {
2602
- -webkit-overflow-scrolling: touch;
2610
+ -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
2603
2611
  overflow-x: auto;
2604
2612
  overflow-y: scroll;
2605
2613
  position: relative;
@@ -2729,6 +2737,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2729
2737
  border-width: 1px 0 0;
2730
2738
  cursor: pointer;
2731
2739
  }
2740
+ .e-grid .e-disablepointer {
2741
+ cursor: default;
2742
+ }
2732
2743
  .e-grid .e-groupcaption {
2733
2744
  border-style: solid;
2734
2745
  border-width: 1px 0 0;
@@ -2950,6 +2961,8 @@ li.e-separator.e-menu-item.e-excel-separator {
2950
2961
  .e-grid .e-checkboxfiltertext {
2951
2962
  width: 150px;
2952
2963
  word-break: normal;
2964
+ /* stylelint-disable */
2965
+ /* stylelint-enable */
2953
2966
  }
2954
2967
  .e-grid .e-frozenhdrcont .e-headercontent > .e-table,
2955
2968
  .e-grid .e-frozenhdrcont .e-frozenheader > .e-table,
@@ -3009,10 +3022,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3009
3022
  overflow: hidden;
3010
3023
  }
3011
3024
  .e-grid .e-frozenhdrcont {
3012
- -ms-touch-action: none;
3025
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
3013
3026
  }
3014
3027
  .e-grid .e-frozencontent {
3015
- -ms-touch-action: none;
3028
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
3016
3029
  border-bottom-width: 1px;
3017
3030
  float: left;
3018
3031
  width: min-content;
@@ -3021,19 +3034,19 @@ li.e-separator.e-menu-item.e-excel-separator {
3021
3034
  float: right;
3022
3035
  }
3023
3036
  .e-grid .e-movablecontent {
3024
- -ms-overflow-style: none;
3037
+ -ms-overflow-style: none; /* stylelint-disable-line property-no-vendor-prefix */
3025
3038
  -ms-flex: 1;
3026
3039
  flex: 1;
3027
3040
  overflow-x: auto;
3028
3041
  overflow-y: hidden;
3029
3042
  }
3030
- .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar {
3043
+ .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
3031
3044
  display: none;
3032
3045
  }
3033
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar {
3046
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
3034
3047
  width: 7px;
3035
3048
  }
3036
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb {
3049
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb { /* stylelint-disable-line property-no-vendor-prefix */
3037
3050
  background-color: rgba(0, 0, 0, 0.5);
3038
3051
  border-radius: 4px;
3039
3052
  }
@@ -3440,9 +3453,39 @@ li.e-separator.e-menu-item.e-excel-separator {
3440
3453
  .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3441
3454
  border-right: 0;
3442
3455
  }
3456
+ .e-grid .e-mask {
3457
+ display: inline-block;
3458
+ height: 10px;
3459
+ width: 80%;
3460
+ }
3461
+ .e-grid .e-mask.e-mask-group-intent {
3462
+ margin-left: 7px;
3463
+ width: 16px;
3464
+ }
3465
+ .e-grid .e-mask.e-mask-detail-intent {
3466
+ width: 16px;
3467
+ }
3468
+ .e-grid .e-mask.e-mask-checkbox-intent {
3469
+ margin-left: 3px;
3470
+ margin-right: 16px;
3471
+ width: 20px;
3472
+ }
3473
+ .e-grid .e-mask.e-mask-checkbox-filter-intent {
3474
+ width: 13px;
3475
+ }
3476
+ .e-grid .e-mask.e-mask-checkbox-filter-span-intent {
3477
+ margin-left: 8px;
3478
+ }
3479
+ .e-grid .e-mask.e-mask-drag-intent {
3480
+ margin-left: 12px;
3481
+ width: 12px;
3482
+ }
3443
3483
  .e-grid.sf-grid .e-table {
3444
3484
  border-spacing: 0.25px;
3445
3485
  }
3486
+ .e-grid.sf-grid span.e-ungroupbutton.e-icons {
3487
+ margin-left: 6px;
3488
+ }
3446
3489
  .e-grid.sf-grid .e-rowcell.e-frozen-right-border,
3447
3490
  .e-grid.sf-grid .e-headercell.e-frozen-right-border,
3448
3491
  .e-grid.sf-grid .e-filterbarcell.e-frozen-right-border {
@@ -4020,7 +4063,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4020
4063
  }
4021
4064
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden,
4022
4065
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden {
4023
- -moz-appearance: none;
4066
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
4024
4067
  height: 1px;
4025
4068
  opacity: 0;
4026
4069
  width: 1px;