@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: 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,2 +1,2 @@
1
- @import 'layout.scss';
1
+ @import 'layout.scss';
2
2
  @import 'theme.scss';
@@ -1,4 +1,3 @@
1
-
2
1
  $grid-xl-rtl-radio-padding-left: 0 !default;
3
2
  $grid-xl-rtl-radio-padding-right: 25px !default;
4
3
  $grid-autofill-color: $brand-primary !default;
@@ -1,4 +1,3 @@
1
-
2
1
  $grid-checkbox-wrapper-height: 20px !default;
3
2
  $grid-checkbox-wrapper-line-height: 20px !default;
4
3
  $grid-rtl-headercelldiv-fltricon-padding: 0 1.6em 0 10px !default;
@@ -1,4 +1,3 @@
1
-
2
1
  $grid-columnchooser-search-border-color: #212121 !default;
3
2
  $grid-columnchooser-search-border-fcolor: #ff4081 !default;
4
3
  $grid-columnchooser-footer-border-opacity: 1 !default;
@@ -1,4 +1,3 @@
1
-
2
1
  $grid-xlfl-fieldset-padding: 9px !default;
3
2
  $grid-xlfltd-padding: 12px !default;
4
3
  $grid-xlfltable-border-spacing: 0 !default;
@@ -1,4 +1,3 @@
1
-
2
1
  $grid-grouped-headercell-padding: 1px 8px !default;
3
2
  $group-border-width: 1px solid !default;
4
3
  $grid-xlfl-fieldset-padding: 9px !default;
@@ -1,4 +1,3 @@
1
-
2
1
  $grid-xlfl-fieldset-padding: 9px !default;
3
2
  $grid-xlfltd-padding: 12px !default;
4
3
  $grid-xlfltable-border-spacing: 0 !default;
@@ -1,4 +1,3 @@
1
-
2
1
  $grid-xlfl-fieldset-padding: 9px !default;
3
2
  $grid-xlfltd-padding: 12px !default;
4
3
  $grid-xlfltable-border-spacing: 0 !default;
@@ -1,4 +1,5 @@
1
- @include export-module('excel-filter-layout') {
1
+ @include export-module('excel-filter-layout') {
2
+
2
3
  /*! Excel-Filter layout */
3
4
  .sf-grid .e-excelfilter {
4
5
  .e-dlg-content {
@@ -14,7 +15,7 @@
14
15
  .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item .e-menu-icon {
15
16
  height: 26px;
16
17
  line-height: 26px;
17
- }
18
+ }
18
19
 
19
20
  .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
20
21
  height: 26px;
@@ -38,7 +39,6 @@
38
39
  position: relative;
39
40
  width: 100%;
40
41
  }
41
-
42
42
  }
43
43
 
44
44
  .sf-grid-dlg.e-xlflmenu .e-xlfl-radiodiv {
@@ -231,25 +231,25 @@
231
231
 
232
232
  &.e-dialog .e-dlg-content {
233
233
  padding-left: $grid-bigger-checkbox-content-padding-left;
234
- }
234
+ }
235
235
 
236
236
  .e-ftrchk,
237
237
  .e-searchbox {
238
238
  padding-left: $grid-bigger-checkbox-padding-topbottom;
239
- }
239
+ }
240
240
 
241
241
  &.e-rtl {
242
242
  .e-dlg-content {
243
243
  padding-left: $grid-rtl-bigger-checkbox-content-padding-left;
244
244
  padding-right: $grid-bigger-checkbox-content-padding-left;
245
- }
245
+ }
246
246
 
247
247
  .e-ftrchk,
248
248
  .e-searchbox {
249
249
  padding-left: 0;
250
250
  padding-right: $grid-bigger-checkbox-padding-topbottom;
251
- }
252
- }
251
+ }
252
+ }
253
253
  }
254
254
 
255
255
  #{&}.e-excelfilter {
@@ -266,7 +266,7 @@
266
266
  }
267
267
 
268
268
  .e-chk-hidden {
269
- -moz-appearance: none; // sass-lint:disable-line no-vendor-prefixes
269
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
270
270
  height: 1px;
271
271
  opacity: 0;
272
272
  width: 1px;
@@ -338,8 +338,7 @@
338
338
  position: static;
339
339
  }
340
340
 
341
- .e-contextmenu-wrapper ul li
342
- .e-contextmenu-container ul li {
341
+ .e-contextmenu-wrapper ul li .e-contextmenu-container ul li {
343
342
  height: $grid-xlfl-li-height;
344
343
  line-height: $grid-xlfl-li-height;
345
344
  }
@@ -386,12 +385,12 @@
386
385
 
387
386
  &.e-dialog .e-dlg-content {
388
387
  padding-left: $grid-checkbox-content-padding-left;
389
- }
388
+ }
390
389
 
391
390
  .e-ftrchk,
392
391
  .e-searchbox {
393
392
  padding-left: $grid-checkbox-padding-topbottom;
394
- }
393
+ }
395
394
 
396
395
  &.e-rtl {
397
396
  .e-dlg-content {
@@ -403,12 +402,12 @@
403
402
  .e-searchbox {
404
403
  padding-left: 0;
405
404
  padding-right: $grid-checkbox-padding-topbottom;
406
- }
407
405
  }
406
+ }
408
407
 
409
408
  .e-searchbox {
410
409
  display: block;
411
- }
410
+ }
412
411
  }
413
412
 
414
413
  .e-ftrchk {
@@ -1,4 +1,3 @@
1
-
2
1
  $grid-checkbox-padding-topbottom: 9px !default;
3
2
  $grid-checkbox-content-padding-left: 9px !default;
4
3
  $grid-rtl-checkbox-content-padding-left: 18px !default;
@@ -1,4 +1,3 @@
1
-
2
1
  $grid-xlfl-fieldset-padding: 15px !default;
3
2
  $grid-xlfltd-padding: 12px !default;
4
3
  $grid-xlfltable-border-spacing: 0 !default;
@@ -1 +1 @@
1
- $grid-icon-default-color: #666 !default;
1
+ $grid-icon-default-color: $neutral-secondary !default;
@@ -1,4 +1,5 @@
1
- @include export-module('excel-filter-theme') {
1
+ @include export-module('excel-filter-theme') {
2
+
2
3
  /*! Excel-Filter theme */
3
4
  #{&}.e-excelfilter {
4
5
  .e-footer-content {
@@ -12,13 +13,13 @@
12
13
 
13
14
  .e-dlg-content {
14
15
  padding-bottom: $grid-excel-filter-bottom-padding;
15
- }
16
16
  }
17
+ }
17
18
 
18
19
  li.e-separator.e-menu-item.e-excel-separator {
19
20
  margin-bottom: $grid-excel-filter-separator;
20
21
  margin-top: $grid-excel-filter-separator;
21
- }
22
+ }
22
23
 
23
24
  .e-xlsel {
24
25
  background-color: $grid-autofill-color;
@@ -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;
@@ -11,6 +11,7 @@
11
11
  @import 'ej2-calendars/styles/datepicker/bootstrap-dark-definition.scss';
12
12
  @import 'ej2-calendars/styles/datetimepicker/bootstrap-dark-definition.scss';
13
13
  @import 'ej2-navigations/styles/context-menu/bootstrap-dark-definition.scss';
14
+ @import 'ej2-notifications/styles/skeleton/bootstrap-dark-definition.scss';
14
15
  @import 'bootstrap-dark-definition.scss';
15
16
  @import 'icons/bootstrap-dark.scss';
16
17
  @import 'all.scss';
@@ -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;
@@ -11,6 +11,7 @@
11
11
  @import 'ej2-calendars/styles/datepicker/bootstrap-definition.scss';
12
12
  @import 'ej2-calendars/styles/datetimepicker/bootstrap-definition.scss';
13
13
  @import 'ej2-navigations/styles/context-menu/bootstrap-definition.scss';
14
+ @import 'ej2-notifications/styles/skeleton/bootstrap-definition.scss';
14
15
  @import 'bootstrap-definition.scss';
15
16
  @import 'icons/bootstrap.scss';
16
17
  @import 'all.scss';
@@ -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;
@@ -11,6 +11,7 @@
11
11
  @import 'ej2-calendars/styles/datepicker/bootstrap4-definition.scss';
12
12
  @import 'ej2-calendars/styles/datetimepicker/bootstrap4-definition.scss';
13
13
  @import 'ej2-navigations/styles/context-menu/bootstrap4-definition.scss';
14
+ @import 'ej2-notifications/styles/skeleton/bootstrap4-definition.scss';
14
15
  @import 'bootstrap4-definition.scss';
15
16
  @import 'icons/bootstrap4.scss';
16
17
  @import 'all.scss';
@@ -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;