@syncfusion/ej2-react-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 (50) hide show
  1. package/CHANGELOG.md +10 -93
  2. package/diConfig.json +10 -0
  3. package/dist/ej2-react-grids.min.js +10 -0
  4. package/dist/ej2-react-grids.umd.min.js +1 -1
  5. package/package.json +8 -8
  6. package/styles/bootstrap-dark.css +54 -11
  7. package/styles/bootstrap.css +54 -11
  8. package/styles/bootstrap4.css +57 -11
  9. package/styles/bootstrap5-dark.css +55 -11
  10. package/styles/bootstrap5.css +55 -11
  11. package/styles/excel-filter/bootstrap-dark.css +3 -1
  12. package/styles/excel-filter/bootstrap.css +3 -1
  13. package/styles/excel-filter/bootstrap4.css +6 -1
  14. package/styles/excel-filter/bootstrap5-dark.css +3 -1
  15. package/styles/excel-filter/bootstrap5.css +3 -1
  16. package/styles/excel-filter/fabric-dark.css +4 -2
  17. package/styles/excel-filter/fabric.css +4 -2
  18. package/styles/excel-filter/fluent-dark.css +3 -1
  19. package/styles/excel-filter/fluent.css +3 -1
  20. package/styles/excel-filter/highcontrast-light.css +4 -2
  21. package/styles/excel-filter/highcontrast.css +4 -2
  22. package/styles/excel-filter/material-dark.css +4 -2
  23. package/styles/excel-filter/material.css +4 -2
  24. package/styles/excel-filter/tailwind-dark.css +3 -1
  25. package/styles/excel-filter/tailwind.css +3 -1
  26. package/styles/fabric-dark.css +57 -14
  27. package/styles/fabric.css +56 -13
  28. package/styles/fluent-dark.css +54 -11
  29. package/styles/fluent.css +54 -11
  30. package/styles/grid/bootstrap-dark.css +51 -10
  31. package/styles/grid/bootstrap.css +51 -10
  32. package/styles/grid/bootstrap4.css +51 -10
  33. package/styles/grid/bootstrap5-dark.css +52 -10
  34. package/styles/grid/bootstrap5.css +52 -10
  35. package/styles/grid/fabric-dark.css +53 -12
  36. package/styles/grid/fabric.css +52 -11
  37. package/styles/grid/fluent-dark.css +51 -10
  38. package/styles/grid/fluent.css +51 -10
  39. package/styles/grid/highcontrast-light.css +52 -11
  40. package/styles/grid/highcontrast.css +52 -11
  41. package/styles/grid/material-dark.css +52 -11
  42. package/styles/grid/material.css +52 -11
  43. package/styles/grid/tailwind-dark.css +51 -10
  44. package/styles/grid/tailwind.css +51 -10
  45. package/styles/highcontrast-light.css +56 -13
  46. package/styles/highcontrast.css +56 -13
  47. package/styles/material-dark.css +56 -13
  48. package/styles/material.css +56 -13
  49. package/styles/tailwind-dark.css +54 -11
  50. package/styles/tailwind.css +54 -11
@@ -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;
@@ -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: none;
@@ -144,6 +145,7 @@
144
145
  min-height: 34px;
145
146
  }
146
147
 
148
+ /* stylelint-disable property-no-vendor-prefix */
147
149
  @keyframes material-spinner-rotate {
148
150
  0% {
149
151
  transform: rotate(0);
@@ -413,7 +415,7 @@
413
415
  word-break: normal;
414
416
  }
415
417
  .e-excelfilter .e-chk-hidden {
416
- -moz-appearance: none;
418
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
417
419
  height: 1px;
418
420
  opacity: 0;
419
421
  width: 1px;
@@ -557,6 +559,8 @@ li.e-separator.e-menu-item.e-excel-separator {
557
559
  border-color: #0d6efd;
558
560
  }
559
561
 
562
+ /* stylelint-disable property-no-vendor-prefix */
563
+ /* stylelint-disable property-no-vendor-prefix */
560
564
  @keyframes material-spinner-rotate {
561
565
  0% {
562
566
  transform: rotate(0);
@@ -574,6 +578,7 @@ li.e-separator.e-menu-item.e-excel-separator {
574
578
  }
575
579
  }
576
580
  /*! Toolbar's bootstrap5 theme wise override definitions and variables */
581
+ /* stylelint-disable */
577
582
  /*! component icons */
578
583
  .e-icon-check::before {
579
584
  content: "\e774";
@@ -818,6 +823,7 @@ li.e-separator.e-menu-item.e-excel-separator {
818
823
  .e-bigger .e-grid,
819
824
  .e-grid.e-bigger {
820
825
  font-size: 16px;
826
+ /* stylelint-disable */
821
827
  }
822
828
  .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
823
829
  .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
@@ -1481,6 +1487,9 @@ li.e-separator.e-menu-item.e-excel-separator {
1481
1487
  font-size: 14px;
1482
1488
  height: auto;
1483
1489
  position: relative;
1490
+ /* stylelint-enable */
1491
+ /* stylelint-disable */
1492
+ /* stylelint-enable */
1484
1493
  }
1485
1494
  .e-grid .e-gridheader {
1486
1495
  -webkit-user-select: none;
@@ -2389,7 +2398,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2389
2398
  padding-left: 8px;
2390
2399
  }
2391
2400
  .e-grid .e-chk-hidden {
2392
- -moz-appearance: none;
2401
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
2393
2402
  height: 1px;
2394
2403
  opacity: 0;
2395
2404
  width: 1px;
@@ -2403,7 +2412,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2403
2412
  }
2404
2413
  .e-grid .e-rowcell .e-checkbox-wrapper,
2405
2414
  .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
2406
- -webkit-user-select: auto;
2415
+ -webkit-user-select: auto; /* stylelint-disable-line property-no-vendor-prefix */
2407
2416
  height: 20px;
2408
2417
  line-height: 20px;
2409
2418
  position: relative;
@@ -2599,7 +2608,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2599
2608
  padding: 2px;
2600
2609
  }
2601
2610
  .e-grid .e-content {
2602
- -webkit-overflow-scrolling: touch;
2611
+ -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
2603
2612
  overflow-x: auto;
2604
2613
  overflow-y: scroll;
2605
2614
  position: relative;
@@ -2729,6 +2738,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2729
2738
  border-width: 1px 0 0;
2730
2739
  cursor: pointer;
2731
2740
  }
2741
+ .e-grid .e-disablepointer {
2742
+ cursor: default;
2743
+ }
2732
2744
  .e-grid .e-groupcaption {
2733
2745
  border-style: solid;
2734
2746
  border-width: 1px 0 0;
@@ -2950,6 +2962,8 @@ li.e-separator.e-menu-item.e-excel-separator {
2950
2962
  .e-grid .e-checkboxfiltertext {
2951
2963
  width: 150px;
2952
2964
  word-break: normal;
2965
+ /* stylelint-disable */
2966
+ /* stylelint-enable */
2953
2967
  }
2954
2968
  .e-grid .e-frozenhdrcont .e-headercontent > .e-table,
2955
2969
  .e-grid .e-frozenhdrcont .e-frozenheader > .e-table,
@@ -3009,10 +3023,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3009
3023
  overflow: hidden;
3010
3024
  }
3011
3025
  .e-grid .e-frozenhdrcont {
3012
- -ms-touch-action: none;
3026
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
3013
3027
  }
3014
3028
  .e-grid .e-frozencontent {
3015
- -ms-touch-action: none;
3029
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
3016
3030
  border-bottom-width: 1px;
3017
3031
  float: left;
3018
3032
  width: min-content;
@@ -3021,19 +3035,19 @@ li.e-separator.e-menu-item.e-excel-separator {
3021
3035
  float: right;
3022
3036
  }
3023
3037
  .e-grid .e-movablecontent {
3024
- -ms-overflow-style: none;
3038
+ -ms-overflow-style: none; /* stylelint-disable-line property-no-vendor-prefix */
3025
3039
  -ms-flex: 1;
3026
3040
  flex: 1;
3027
3041
  overflow-x: auto;
3028
3042
  overflow-y: hidden;
3029
3043
  }
3030
- .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar {
3044
+ .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
3031
3045
  display: none;
3032
3046
  }
3033
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar {
3047
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
3034
3048
  width: 7px;
3035
3049
  }
3036
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb {
3050
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb { /* stylelint-disable-line property-no-vendor-prefix */
3037
3051
  background-color: rgba(0, 0, 0, 0.5);
3038
3052
  border-radius: 4px;
3039
3053
  }
@@ -3440,9 +3454,39 @@ li.e-separator.e-menu-item.e-excel-separator {
3440
3454
  .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3441
3455
  border-right: 0;
3442
3456
  }
3457
+ .e-grid .e-mask {
3458
+ display: inline-block;
3459
+ height: 10px;
3460
+ width: 80%;
3461
+ }
3462
+ .e-grid .e-mask.e-mask-group-intent {
3463
+ margin-left: 7px;
3464
+ width: 16px;
3465
+ }
3466
+ .e-grid .e-mask.e-mask-detail-intent {
3467
+ width: 16px;
3468
+ }
3469
+ .e-grid .e-mask.e-mask-checkbox-intent {
3470
+ margin-left: 3px;
3471
+ margin-right: 16px;
3472
+ width: 20px;
3473
+ }
3474
+ .e-grid .e-mask.e-mask-checkbox-filter-intent {
3475
+ width: 13px;
3476
+ }
3477
+ .e-grid .e-mask.e-mask-checkbox-filter-span-intent {
3478
+ margin-left: 8px;
3479
+ }
3480
+ .e-grid .e-mask.e-mask-drag-intent {
3481
+ margin-left: 12px;
3482
+ width: 12px;
3483
+ }
3443
3484
  .e-grid.sf-grid .e-table {
3444
3485
  border-spacing: 0.25px;
3445
3486
  }
3487
+ .e-grid.sf-grid span.e-ungroupbutton.e-icons {
3488
+ margin-left: -12px;
3489
+ }
3446
3490
  .e-grid.sf-grid .e-rowcell.e-frozen-right-border,
3447
3491
  .e-grid.sf-grid .e-headercell.e-frozen-right-border,
3448
3492
  .e-grid.sf-grid .e-filterbarcell.e-frozen-right-border {
@@ -4030,7 +4074,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4030
4074
  }
4031
4075
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden,
4032
4076
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden {
4033
- -moz-appearance: none;
4077
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
4034
4078
  height: 1px;
4035
4079
  opacity: 0;
4036
4080
  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: none;
@@ -144,6 +145,7 @@
144
145
  min-height: 34px;
145
146
  }
146
147
 
148
+ /* stylelint-disable property-no-vendor-prefix */
147
149
  @keyframes material-spinner-rotate {
148
150
  0% {
149
151
  transform: rotate(0);
@@ -413,7 +415,7 @@
413
415
  word-break: normal;
414
416
  }
415
417
  .e-excelfilter .e-chk-hidden {
416
- -moz-appearance: none;
418
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
417
419
  height: 1px;
418
420
  opacity: 0;
419
421
  width: 1px;
@@ -557,6 +559,8 @@ li.e-separator.e-menu-item.e-excel-separator {
557
559
  border-color: #0d6efd;
558
560
  }
559
561
 
562
+ /* stylelint-disable property-no-vendor-prefix */
563
+ /* stylelint-disable property-no-vendor-prefix */
560
564
  @keyframes material-spinner-rotate {
561
565
  0% {
562
566
  transform: rotate(0);
@@ -574,6 +578,7 @@ li.e-separator.e-menu-item.e-excel-separator {
574
578
  }
575
579
  }
576
580
  /*! Toolbar's bootstrap5 theme wise override definitions and variables */
581
+ /* stylelint-disable */
577
582
  /*! component icons */
578
583
  .e-icon-check::before {
579
584
  content: "\e774";
@@ -818,6 +823,7 @@ li.e-separator.e-menu-item.e-excel-separator {
818
823
  .e-bigger .e-grid,
819
824
  .e-grid.e-bigger {
820
825
  font-size: 16px;
826
+ /* stylelint-disable */
821
827
  }
822
828
  .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
823
829
  .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
@@ -1481,6 +1487,9 @@ li.e-separator.e-menu-item.e-excel-separator {
1481
1487
  font-size: 14px;
1482
1488
  height: auto;
1483
1489
  position: relative;
1490
+ /* stylelint-enable */
1491
+ /* stylelint-disable */
1492
+ /* stylelint-enable */
1484
1493
  }
1485
1494
  .e-grid .e-gridheader {
1486
1495
  -webkit-user-select: none;
@@ -2389,7 +2398,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2389
2398
  padding-left: 8px;
2390
2399
  }
2391
2400
  .e-grid .e-chk-hidden {
2392
- -moz-appearance: none;
2401
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
2393
2402
  height: 1px;
2394
2403
  opacity: 0;
2395
2404
  width: 1px;
@@ -2403,7 +2412,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2403
2412
  }
2404
2413
  .e-grid .e-rowcell .e-checkbox-wrapper,
2405
2414
  .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
2406
- -webkit-user-select: auto;
2415
+ -webkit-user-select: auto; /* stylelint-disable-line property-no-vendor-prefix */
2407
2416
  height: 20px;
2408
2417
  line-height: 20px;
2409
2418
  position: relative;
@@ -2599,7 +2608,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2599
2608
  padding: 2px;
2600
2609
  }
2601
2610
  .e-grid .e-content {
2602
- -webkit-overflow-scrolling: touch;
2611
+ -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
2603
2612
  overflow-x: auto;
2604
2613
  overflow-y: scroll;
2605
2614
  position: relative;
@@ -2729,6 +2738,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2729
2738
  border-width: 1px 0 0;
2730
2739
  cursor: pointer;
2731
2740
  }
2741
+ .e-grid .e-disablepointer {
2742
+ cursor: default;
2743
+ }
2732
2744
  .e-grid .e-groupcaption {
2733
2745
  border-style: solid;
2734
2746
  border-width: 1px 0 0;
@@ -2950,6 +2962,8 @@ li.e-separator.e-menu-item.e-excel-separator {
2950
2962
  .e-grid .e-checkboxfiltertext {
2951
2963
  width: 150px;
2952
2964
  word-break: normal;
2965
+ /* stylelint-disable */
2966
+ /* stylelint-enable */
2953
2967
  }
2954
2968
  .e-grid .e-frozenhdrcont .e-headercontent > .e-table,
2955
2969
  .e-grid .e-frozenhdrcont .e-frozenheader > .e-table,
@@ -3009,10 +3023,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3009
3023
  overflow: hidden;
3010
3024
  }
3011
3025
  .e-grid .e-frozenhdrcont {
3012
- -ms-touch-action: none;
3026
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
3013
3027
  }
3014
3028
  .e-grid .e-frozencontent {
3015
- -ms-touch-action: none;
3029
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
3016
3030
  border-bottom-width: 1px;
3017
3031
  float: left;
3018
3032
  width: min-content;
@@ -3021,19 +3035,19 @@ li.e-separator.e-menu-item.e-excel-separator {
3021
3035
  float: right;
3022
3036
  }
3023
3037
  .e-grid .e-movablecontent {
3024
- -ms-overflow-style: none;
3038
+ -ms-overflow-style: none; /* stylelint-disable-line property-no-vendor-prefix */
3025
3039
  -ms-flex: 1;
3026
3040
  flex: 1;
3027
3041
  overflow-x: auto;
3028
3042
  overflow-y: hidden;
3029
3043
  }
3030
- .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar {
3044
+ .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
3031
3045
  display: none;
3032
3046
  }
3033
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar {
3047
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
3034
3048
  width: 7px;
3035
3049
  }
3036
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb {
3050
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb { /* stylelint-disable-line property-no-vendor-prefix */
3037
3051
  background-color: rgba(0, 0, 0, 0.5);
3038
3052
  border-radius: 4px;
3039
3053
  }
@@ -3440,9 +3454,39 @@ li.e-separator.e-menu-item.e-excel-separator {
3440
3454
  .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3441
3455
  border-right: 0;
3442
3456
  }
3457
+ .e-grid .e-mask {
3458
+ display: inline-block;
3459
+ height: 10px;
3460
+ width: 80%;
3461
+ }
3462
+ .e-grid .e-mask.e-mask-group-intent {
3463
+ margin-left: 7px;
3464
+ width: 16px;
3465
+ }
3466
+ .e-grid .e-mask.e-mask-detail-intent {
3467
+ width: 16px;
3468
+ }
3469
+ .e-grid .e-mask.e-mask-checkbox-intent {
3470
+ margin-left: 3px;
3471
+ margin-right: 16px;
3472
+ width: 20px;
3473
+ }
3474
+ .e-grid .e-mask.e-mask-checkbox-filter-intent {
3475
+ width: 13px;
3476
+ }
3477
+ .e-grid .e-mask.e-mask-checkbox-filter-span-intent {
3478
+ margin-left: 8px;
3479
+ }
3480
+ .e-grid .e-mask.e-mask-drag-intent {
3481
+ margin-left: 12px;
3482
+ width: 12px;
3483
+ }
3443
3484
  .e-grid.sf-grid .e-table {
3444
3485
  border-spacing: 0.25px;
3445
3486
  }
3487
+ .e-grid.sf-grid span.e-ungroupbutton.e-icons {
3488
+ margin-left: -12px;
3489
+ }
3446
3490
  .e-grid.sf-grid .e-rowcell.e-frozen-right-border,
3447
3491
  .e-grid.sf-grid .e-headercell.e-frozen-right-border,
3448
3492
  .e-grid.sf-grid .e-filterbarcell.e-frozen-right-border {
@@ -4030,7 +4074,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4030
4074
  }
4031
4075
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden,
4032
4076
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden {
4033
- -moz-appearance: none;
4077
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
4034
4078
  height: 1px;
4035
4079
  opacity: 0;
4036
4080
  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.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;
@@ -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;
@@ -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;
@@ -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: none;
@@ -144,6 +145,7 @@
144
145
  min-height: 34px;
145
146
  }
146
147
 
148
+ /* stylelint-disable property-no-vendor-prefix */
147
149
  @keyframes material-spinner-rotate {
148
150
  0% {
149
151
  transform: rotate(0);
@@ -413,7 +415,7 @@
413
415
  word-break: normal;
414
416
  }
415
417
  .e-excelfilter .e-chk-hidden {
416
- -moz-appearance: none;
418
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
417
419
  height: 1px;
418
420
  opacity: 0;
419
421
  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: none;
@@ -144,6 +145,7 @@
144
145
  min-height: 34px;
145
146
  }
146
147
 
148
+ /* stylelint-disable property-no-vendor-prefix */
147
149
  @keyframes material-spinner-rotate {
148
150
  0% {
149
151
  transform: rotate(0);
@@ -413,7 +415,7 @@
413
415
  word-break: normal;
414
416
  }
415
417
  .e-excelfilter .e-chk-hidden {
416
- -moz-appearance: none;
418
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
417
419
  height: 1px;
418
420
  opacity: 0;
419
421
  width: 1px;