@syncfusion/ej2-vue-grids 20.2.48 → 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 (66) hide show
  1. package/CHANGELOG.md +10 -82
  2. package/dist/ej2-vue-grids.umd.min.js +2 -2
  3. package/dist/ej2-vue-grids.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-vue-grids.es2015.js +47 -44
  5. package/dist/es6/ej2-vue-grids.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-grids.es5.js +47 -44
  7. package/dist/es6/ej2-vue-grids.es5.js.map +1 -1
  8. package/dist/global/ej2-vue-grids.min.js +2 -2
  9. package/package.json +8 -8
  10. package/src/grid/aggregate-columns.directive.d.ts +0 -1
  11. package/src/grid/aggregate-columns.directive.js +5 -6
  12. package/src/grid/aggregates.directive.d.ts +0 -1
  13. package/src/grid/aggregates.directive.js +5 -6
  14. package/src/grid/columns.directive.d.ts +0 -1
  15. package/src/grid/columns.directive.js +5 -6
  16. package/src/grid/grid.component.d.ts +3 -1
  17. package/src/grid/grid.component.js +13 -5
  18. package/src/grid/stacked-column.directive.d.ts +0 -1
  19. package/src/grid/stacked-column.directive.js +5 -6
  20. package/src/pager/pager.component.d.ts +0 -1
  21. package/src/pager/pager.component.js +3 -4
  22. package/styles/bootstrap-dark.css +54 -11
  23. package/styles/bootstrap.css +54 -11
  24. package/styles/bootstrap4.css +57 -11
  25. package/styles/bootstrap5-dark.css +55 -11
  26. package/styles/bootstrap5.css +55 -11
  27. package/styles/excel-filter/bootstrap-dark.css +3 -1
  28. package/styles/excel-filter/bootstrap.css +3 -1
  29. package/styles/excel-filter/bootstrap4.css +6 -1
  30. package/styles/excel-filter/bootstrap5-dark.css +3 -1
  31. package/styles/excel-filter/bootstrap5.css +3 -1
  32. package/styles/excel-filter/fabric-dark.css +4 -2
  33. package/styles/excel-filter/fabric.css +4 -2
  34. package/styles/excel-filter/fluent-dark.css +3 -1
  35. package/styles/excel-filter/fluent.css +3 -1
  36. package/styles/excel-filter/highcontrast-light.css +4 -2
  37. package/styles/excel-filter/highcontrast.css +4 -2
  38. package/styles/excel-filter/material-dark.css +4 -2
  39. package/styles/excel-filter/material.css +4 -2
  40. package/styles/excel-filter/tailwind-dark.css +3 -1
  41. package/styles/excel-filter/tailwind.css +3 -1
  42. package/styles/fabric-dark.css +57 -14
  43. package/styles/fabric.css +56 -13
  44. package/styles/fluent-dark.css +54 -11
  45. package/styles/fluent.css +54 -11
  46. package/styles/grid/bootstrap-dark.css +51 -10
  47. package/styles/grid/bootstrap.css +51 -10
  48. package/styles/grid/bootstrap4.css +51 -10
  49. package/styles/grid/bootstrap5-dark.css +52 -10
  50. package/styles/grid/bootstrap5.css +52 -10
  51. package/styles/grid/fabric-dark.css +53 -12
  52. package/styles/grid/fabric.css +52 -11
  53. package/styles/grid/fluent-dark.css +51 -10
  54. package/styles/grid/fluent.css +51 -10
  55. package/styles/grid/highcontrast-light.css +52 -11
  56. package/styles/grid/highcontrast.css +52 -11
  57. package/styles/grid/material-dark.css +52 -11
  58. package/styles/grid/material.css +52 -11
  59. package/styles/grid/tailwind-dark.css +51 -10
  60. package/styles/grid/tailwind.css +51 -10
  61. package/styles/highcontrast-light.css +56 -13
  62. package/styles/highcontrast.css +56 -13
  63. package/styles/material-dark.css +56 -13
  64. package/styles/material.css +56 -13
  65. package/styles/tailwind-dark.css +54 -11
  66. 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.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;
@@ -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;