@syncfusion/ej2-angular-grids 20.2.46-ngcc → 20.2.48

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 (219) hide show
  1. package/esm2020/public_api.mjs +3 -0
  2. package/esm2020/src/grid/aggregate-columns.directive.mjs +84 -0
  3. package/esm2020/src/grid/aggregates.directive.mjs +69 -0
  4. package/esm2020/src/grid/columns.directive.mjs +100 -0
  5. package/esm2020/src/grid/grid-all.module.mjs +98 -0
  6. package/esm2020/src/grid/grid.component.mjs +274 -0
  7. package/esm2020/src/grid/grid.module.mjs +61 -0
  8. package/esm2020/src/grid/stacked-column.directive.mjs +100 -0
  9. package/esm2020/src/index.mjs +12 -0
  10. package/esm2020/src/pager/pager-all.module.mjs +23 -0
  11. package/esm2020/src/pager/pager.component.mjs +66 -0
  12. package/esm2020/src/pager/pager.module.mjs +25 -0
  13. package/esm2020/syncfusion-ej2-angular-grids.mjs +5 -0
  14. package/fesm2015/syncfusion-ej2-angular-grids.mjs +859 -0
  15. package/fesm2015/syncfusion-ej2-angular-grids.mjs.map +1 -0
  16. package/fesm2020/syncfusion-ej2-angular-grids.mjs +859 -0
  17. package/fesm2020/syncfusion-ej2-angular-grids.mjs.map +1 -0
  18. package/package.json +29 -15
  19. package/src/grid/aggregate-columns.directive.d.ts +5 -0
  20. package/src/grid/aggregates.directive.d.ts +5 -0
  21. package/src/grid/columns.directive.d.ts +5 -0
  22. package/src/grid/grid-all.module.d.ts +6 -0
  23. package/src/grid/grid.component.d.ts +3 -0
  24. package/src/grid/grid.module.d.ts +10 -0
  25. package/src/grid/stacked-column.directive.d.ts +5 -0
  26. package/src/pager/pager-all.module.d.ts +6 -0
  27. package/src/pager/pager.component.d.ts +3 -0
  28. package/src/pager/pager.module.d.ts +6 -0
  29. package/styles/bootstrap-dark.css +54 -17
  30. package/styles/bootstrap.css +54 -17
  31. package/styles/bootstrap4.css +56 -19
  32. package/styles/bootstrap5-dark.css +59 -21
  33. package/styles/bootstrap5.css +59 -21
  34. package/styles/excel-filter/_all.scss +2 -0
  35. package/styles/excel-filter/_bootstrap-dark-definition.scss +59 -0
  36. package/styles/excel-filter/_bootstrap-definition.scss +64 -0
  37. package/styles/excel-filter/_bootstrap4-definition.scss +69 -0
  38. package/styles/excel-filter/_bootstrap5-dark-definition.scss +1 -0
  39. package/styles/excel-filter/_bootstrap5-definition.scss +70 -0
  40. package/styles/excel-filter/_fabric-dark-definition.scss +59 -0
  41. package/styles/excel-filter/_fabric-definition.scss +64 -0
  42. package/styles/excel-filter/_fluent-dark-definition.scss +1 -0
  43. package/styles/excel-filter/_fluent-definition.scss +70 -0
  44. package/styles/excel-filter/_fusionnew-definition.scss +70 -0
  45. package/styles/excel-filter/_highcontrast-definition.scss +59 -0
  46. package/styles/excel-filter/_highcontrast-light-definition.scss +57 -0
  47. package/styles/excel-filter/_layout.scss +412 -0
  48. package/styles/excel-filter/_material-dark-definition.scss +61 -0
  49. package/styles/excel-filter/_material-definition.scss +62 -0
  50. package/styles/excel-filter/_material3-definition.scss +70 -0
  51. package/styles/excel-filter/_office-365-definition.scss +1 -0
  52. package/styles/excel-filter/_tailwind-dark-definition.scss +1 -0
  53. package/styles/excel-filter/_tailwind-definition.scss +69 -0
  54. package/styles/excel-filter/_theme.scss +28 -0
  55. package/styles/excel-filter/bootstrap-dark.css +3 -5
  56. package/styles/excel-filter/bootstrap-dark.scss +17 -1
  57. package/styles/excel-filter/bootstrap.css +3 -5
  58. package/styles/excel-filter/bootstrap.scss +17 -1
  59. package/styles/excel-filter/bootstrap4.css +3 -5
  60. package/styles/excel-filter/bootstrap4.scss +17 -1
  61. package/styles/excel-filter/bootstrap5-dark.css +3 -5
  62. package/styles/excel-filter/bootstrap5-dark.scss +17 -1
  63. package/styles/excel-filter/bootstrap5.css +3 -5
  64. package/styles/excel-filter/bootstrap5.scss +17 -1
  65. package/styles/excel-filter/fabric-dark.css +4 -6
  66. package/styles/excel-filter/fabric-dark.scss +17 -1
  67. package/styles/excel-filter/fabric.css +4 -6
  68. package/styles/excel-filter/fabric.scss +17 -1
  69. package/styles/excel-filter/fluent-dark.css +3 -5
  70. package/styles/excel-filter/fluent-dark.scss +17 -1
  71. package/styles/excel-filter/fluent.css +3 -5
  72. package/styles/excel-filter/fluent.scss +17 -1
  73. package/styles/excel-filter/highcontrast-light.css +4 -6
  74. package/styles/excel-filter/highcontrast-light.scss +17 -1
  75. package/styles/excel-filter/highcontrast.css +4 -6
  76. package/styles/excel-filter/highcontrast.scss +17 -1
  77. package/styles/excel-filter/icons/_bootstrap-dark.scss +38 -0
  78. package/styles/excel-filter/icons/_bootstrap.scss +38 -0
  79. package/styles/excel-filter/icons/_bootstrap4.scss +38 -0
  80. package/styles/excel-filter/icons/_bootstrap5-dark.scss +1 -0
  81. package/styles/excel-filter/icons/_bootstrap5.scss +42 -0
  82. package/styles/excel-filter/icons/_fabric-dark.scss +38 -0
  83. package/styles/excel-filter/icons/_fabric.scss +38 -0
  84. package/styles/excel-filter/icons/_fluent-dark.scss +1 -0
  85. package/styles/excel-filter/icons/_fluent.scss +42 -0
  86. package/styles/excel-filter/icons/_fusionnew.scss +42 -0
  87. package/styles/excel-filter/icons/_highcontrast-light.scss +38 -0
  88. package/styles/excel-filter/icons/_highcontrast.scss +38 -0
  89. package/styles/excel-filter/icons/_material-dark.scss +38 -0
  90. package/styles/excel-filter/icons/_material.scss +38 -0
  91. package/styles/excel-filter/icons/_material3.scss +42 -0
  92. package/styles/excel-filter/icons/_tailwind-dark.scss +1 -0
  93. package/styles/excel-filter/icons/_tailwind.scss +42 -0
  94. package/styles/excel-filter/material-dark.css +4 -6
  95. package/styles/excel-filter/material-dark.scss +17 -1
  96. package/styles/excel-filter/material.css +4 -6
  97. package/styles/excel-filter/material.scss +17 -1
  98. package/styles/excel-filter/tailwind-dark.css +3 -5
  99. package/styles/excel-filter/tailwind-dark.scss +17 -1
  100. package/styles/excel-filter/tailwind.css +3 -5
  101. package/styles/excel-filter/tailwind.scss +17 -1
  102. package/styles/fabric-dark.css +56 -19
  103. package/styles/fabric.css +56 -19
  104. package/styles/fluent-dark.css +56 -19
  105. package/styles/fluent.css +56 -19
  106. package/styles/grid/_all.scss +2 -0
  107. package/styles/grid/_bootstrap-dark-definition.scss +596 -0
  108. package/styles/grid/_bootstrap-definition.scss +598 -0
  109. package/styles/grid/_bootstrap4-definition.scss +602 -0
  110. package/styles/grid/_bootstrap5-dark-definition.scss +1 -0
  111. package/styles/grid/_bootstrap5-definition.scss +597 -0
  112. package/styles/grid/_fabric-dark-definition.scss +594 -0
  113. package/styles/grid/_fabric-definition.scss +594 -0
  114. package/styles/grid/_fluent-dark-definition.scss +1 -0
  115. package/styles/grid/_fluent-definition.scss +589 -0
  116. package/styles/grid/_fusionnew-definition.scss +574 -0
  117. package/styles/grid/_highcontrast-definition.scss +594 -0
  118. package/styles/grid/_highcontrast-light-definition.scss +590 -0
  119. package/styles/grid/_layout.scss +4349 -0
  120. package/styles/grid/_material-dark-definition.scss +594 -0
  121. package/styles/grid/_material-definition.scss +592 -0
  122. package/styles/grid/_material3-definition.scss +598 -0
  123. package/styles/grid/_office-365-definition.scss +1 -0
  124. package/styles/grid/_tailwind-dark-definition.scss +1 -0
  125. package/styles/grid/_tailwind-definition.scss +603 -0
  126. package/styles/grid/_theme.scss +603 -0
  127. package/styles/grid/bootstrap-dark.css +51 -12
  128. package/styles/grid/bootstrap-dark.scss +21 -1
  129. package/styles/grid/bootstrap.css +51 -12
  130. package/styles/grid/bootstrap.scss +21 -1
  131. package/styles/grid/bootstrap4.css +53 -14
  132. package/styles/grid/bootstrap4.scss +21 -1
  133. package/styles/grid/bootstrap5-dark.css +56 -16
  134. package/styles/grid/bootstrap5-dark.scss +21 -1
  135. package/styles/grid/bootstrap5.css +56 -16
  136. package/styles/grid/bootstrap5.scss +21 -1
  137. package/styles/grid/fabric-dark.css +52 -13
  138. package/styles/grid/fabric-dark.scss +21 -1
  139. package/styles/grid/fabric.css +52 -13
  140. package/styles/grid/fabric.scss +21 -1
  141. package/styles/grid/fluent-dark.css +53 -14
  142. package/styles/grid/fluent-dark.scss +21 -1
  143. package/styles/grid/fluent.css +53 -14
  144. package/styles/grid/fluent.scss +21 -1
  145. package/styles/grid/highcontrast-light.css +52 -13
  146. package/styles/grid/highcontrast-light.scss +21 -1
  147. package/styles/grid/highcontrast.css +52 -13
  148. package/styles/grid/highcontrast.scss +21 -1
  149. package/styles/grid/icons/_bootstrap-dark.scss +226 -0
  150. package/styles/grid/icons/_bootstrap.scss +226 -0
  151. package/styles/grid/icons/_bootstrap4.scss +225 -0
  152. package/styles/grid/icons/_bootstrap5-dark.scss +1 -0
  153. package/styles/grid/icons/_bootstrap5.scss +246 -0
  154. package/styles/grid/icons/_fabric-dark.scss +225 -0
  155. package/styles/grid/icons/_fabric.scss +225 -0
  156. package/styles/grid/icons/_fluent-dark.scss +1 -0
  157. package/styles/grid/icons/_fluent.scss +246 -0
  158. package/styles/grid/icons/_fusionnew.scss +246 -0
  159. package/styles/grid/icons/_highcontrast-light.scss +225 -0
  160. package/styles/grid/icons/_highcontrast.scss +225 -0
  161. package/styles/grid/icons/_material-dark.scss +225 -0
  162. package/styles/grid/icons/_material.scss +225 -0
  163. package/styles/grid/icons/_material3.scss +246 -0
  164. package/styles/grid/icons/_tailwind-dark.scss +1 -0
  165. package/styles/grid/icons/_tailwind.scss +246 -0
  166. package/styles/grid/material-dark.css +52 -13
  167. package/styles/grid/material-dark.scss +21 -1
  168. package/styles/grid/material.css +52 -13
  169. package/styles/grid/material.scss +21 -1
  170. package/styles/grid/tailwind-dark.css +55 -16
  171. package/styles/grid/tailwind-dark.scss +21 -1
  172. package/styles/grid/tailwind.css +55 -16
  173. package/styles/grid/tailwind.scss +21 -1
  174. package/styles/highcontrast-light.css +56 -19
  175. package/styles/highcontrast.css +56 -19
  176. package/styles/material-dark.css +56 -19
  177. package/styles/material.css +56 -19
  178. package/styles/tailwind-dark.css +58 -21
  179. package/styles/tailwind.css +58 -21
  180. package/syncfusion-ej2-angular-grids.d.ts +5 -0
  181. package/@syncfusion/ej2-angular-grids.es5.js +0 -988
  182. package/@syncfusion/ej2-angular-grids.es5.js.map +0 -1
  183. package/@syncfusion/ej2-angular-grids.js +0 -927
  184. package/@syncfusion/ej2-angular-grids.js.map +0 -1
  185. package/CHANGELOG.md +0 -2703
  186. package/dist/ej2-angular-grids.umd.js +0 -1580
  187. package/dist/ej2-angular-grids.umd.js.map +0 -1
  188. package/dist/ej2-angular-grids.umd.min.js +0 -11
  189. package/dist/ej2-angular-grids.umd.min.js.map +0 -1
  190. package/ej2-angular-grids.d.ts +0 -6
  191. package/ej2-angular-grids.metadata.json +0 -1
  192. package/postinstall/tagchange.js +0 -18
  193. package/schematics/collection.json +0 -20
  194. package/schematics/generators/grid-default/index.d.ts +0 -3
  195. package/schematics/generators/grid-default/index.js +0 -8
  196. package/schematics/generators/grid-default/sample-details.d.ts +0 -5
  197. package/schematics/generators/grid-default/sample-details.js +0 -7
  198. package/schematics/generators/grid-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -5
  199. package/schematics/generators/grid-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -11
  200. package/schematics/generators/grid-default/schema.d.ts +0 -3
  201. package/schematics/generators/grid-default/schema.js +0 -2
  202. package/schematics/generators/grid-default/schema.json +0 -125
  203. package/schematics/generators/grid-feature/index.d.ts +0 -3
  204. package/schematics/generators/grid-feature/index.js +0 -8
  205. package/schematics/generators/grid-feature/sample-details.d.ts +0 -5
  206. package/schematics/generators/grid-feature/sample-details.js +0 -7
  207. package/schematics/generators/grid-feature/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -5
  208. package/schematics/generators/grid-feature/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -11
  209. package/schematics/generators/grid-feature/schema.d.ts +0 -3
  210. package/schematics/generators/grid-feature/schema.js +0 -2
  211. package/schematics/generators/grid-feature/schema.json +0 -125
  212. package/schematics/ng-add/index.d.ts +0 -3
  213. package/schematics/ng-add/index.js +0 -9
  214. package/schematics/ng-add/schema.d.ts +0 -13
  215. package/schematics/ng-add/schema.js +0 -2
  216. package/schematics/ng-add/schema.json +0 -34
  217. package/schematics/tsconfig.json +0 -25
  218. package/schematics/utils/lib-details.d.ts +0 -4
  219. package/schematics/utils/lib-details.js +0 -6
@@ -1,4 +1,5 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
+ /* stylelint-disable property-no-vendor-prefix */
2
3
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
3
4
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
4
5
  transform: rotate(0deg);
@@ -94,6 +95,7 @@
94
95
  padding: 4px 8px;
95
96
  }
96
97
 
98
+ /* stylelint-disable property-no-vendor-prefix */
97
99
  @keyframes material-spinner-rotate {
98
100
  0% {
99
101
  transform: rotate(0);
@@ -149,10 +151,6 @@
149
151
  padding: 14px;
150
152
  padding-top: 4px;
151
153
  }
152
- .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item .e-menu-icon {
153
- height: 26px;
154
- line-height: 26px;
155
- }
156
154
  .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
157
155
  height: 26px;
158
156
  line-height: 26px;
@@ -363,7 +361,7 @@
363
361
  word-break: normal;
364
362
  }
365
363
  .e-excelfilter .e-chk-hidden {
366
- -moz-appearance: none;
364
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
367
365
  height: 1px;
368
366
  opacity: 0;
369
367
  width: 1px;
@@ -507,6 +505,8 @@ li.e-separator.e-menu-item.e-excel-separator {
507
505
  border-color: #22d3ee;
508
506
  }
509
507
 
508
+ /* stylelint-disable property-no-vendor-prefix */
509
+ /* stylelint-disable property-no-vendor-prefix */
510
510
  @keyframes material-spinner-rotate {
511
511
  0% {
512
512
  transform: rotate(0);
@@ -767,6 +767,7 @@ li.e-separator.e-menu-item.e-excel-separator {
767
767
  .e-bigger .e-grid,
768
768
  .e-grid.e-bigger {
769
769
  font-size: 16px;
770
+ /* stylelint-disable */
770
771
  }
771
772
  .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
772
773
  .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
@@ -1473,6 +1474,9 @@ li.e-separator.e-menu-item.e-excel-separator {
1473
1474
  font-size: 14px;
1474
1475
  height: auto;
1475
1476
  position: relative;
1477
+ /* stylelint-enable */
1478
+ /* stylelint-disable */
1479
+ /* stylelint-enable */
1476
1480
  }
1477
1481
  .e-grid .e-gridheader {
1478
1482
  -webkit-user-select: none;
@@ -2402,7 +2406,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2402
2406
  padding-left: 8px;
2403
2407
  }
2404
2408
  .e-grid .e-chk-hidden {
2405
- -moz-appearance: none;
2409
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
2406
2410
  height: 1px;
2407
2411
  opacity: 0;
2408
2412
  width: 1px;
@@ -2416,7 +2420,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2416
2420
  }
2417
2421
  .e-grid .e-rowcell .e-checkbox-wrapper,
2418
2422
  .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
2419
- -webkit-user-select: auto;
2423
+ -webkit-user-select: auto; /* stylelint-disable-line property-no-vendor-prefix */
2420
2424
  height: 20px;
2421
2425
  line-height: 20px;
2422
2426
  position: relative;
@@ -2613,7 +2617,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2613
2617
  padding: 2px;
2614
2618
  }
2615
2619
  .e-grid .e-content {
2616
- -webkit-overflow-scrolling: touch;
2620
+ -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
2617
2621
  overflow-x: auto;
2618
2622
  overflow-y: scroll;
2619
2623
  position: relative;
@@ -2750,6 +2754,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2750
2754
  border-width: 1px 0 0;
2751
2755
  cursor: pointer;
2752
2756
  }
2757
+ .e-grid .e-disablepointer {
2758
+ cursor: default;
2759
+ }
2753
2760
  .e-grid .e-groupcaption {
2754
2761
  border-style: solid;
2755
2762
  border-width: 1px 0 0;
@@ -2971,6 +2978,8 @@ li.e-separator.e-menu-item.e-excel-separator {
2971
2978
  .e-grid .e-checkboxfiltertext {
2972
2979
  width: 150px;
2973
2980
  word-break: normal;
2981
+ /* stylelint-disable */
2982
+ /* stylelint-enable */
2974
2983
  }
2975
2984
  .e-grid .e-frozenhdrcont .e-headercontent > .e-table,
2976
2985
  .e-grid .e-frozenhdrcont .e-frozenheader > .e-table,
@@ -3030,10 +3039,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3030
3039
  overflow: hidden;
3031
3040
  }
3032
3041
  .e-grid .e-frozenhdrcont {
3033
- -ms-touch-action: none;
3042
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
3034
3043
  }
3035
3044
  .e-grid .e-frozencontent {
3036
- -ms-touch-action: none;
3045
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
3037
3046
  border-bottom-width: 1px;
3038
3047
  float: left;
3039
3048
  width: min-content;
@@ -3042,19 +3051,19 @@ li.e-separator.e-menu-item.e-excel-separator {
3042
3051
  float: right;
3043
3052
  }
3044
3053
  .e-grid .e-movablecontent {
3045
- -ms-overflow-style: none;
3054
+ -ms-overflow-style: none; /* stylelint-disable-line property-no-vendor-prefix */
3046
3055
  -ms-flex: 1;
3047
3056
  flex: 1;
3048
3057
  overflow-x: auto;
3049
3058
  overflow-y: hidden;
3050
3059
  }
3051
- .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar {
3060
+ .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
3052
3061
  display: none;
3053
3062
  }
3054
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar {
3063
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
3055
3064
  width: 7px;
3056
3065
  }
3057
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb {
3066
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb { /* stylelint-disable-line property-no-vendor-prefix */
3058
3067
  background-color: rgba(0, 0, 0, 0.5);
3059
3068
  border-radius: 4px;
3060
3069
  }
@@ -3422,21 +3431,21 @@ li.e-separator.e-menu-item.e-excel-separator {
3422
3431
  text-overflow: ellipsis;
3423
3432
  }
3424
3433
  .e-grid .e-columnheader.e-wrap .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-sortfilterdiv {
3425
- margin: -21px 5px;
3434
+ margin: -30px 10px;
3426
3435
  }
3427
3436
  .e-grid .e-columnheader.e-wrap .e-rightalign .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-rightalign .e-sortfilterdiv {
3428
- margin: -21px -5px;
3437
+ margin: -30px -5px;
3429
3438
  }
3430
3439
  .e-grid .e-columnheader.e-wrap .e-fltr-icon .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-fltr-icon .e-sortfilterdiv {
3431
- margin: -14px 20px -29px 0;
3440
+ margin: -27px 20px -29px 0;
3432
3441
  }
3433
3442
  .e-grid .e-columnheader.e-wrap .e-fltr-icon.e-rightalign .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-fltr-icon.e-rightalign .e-sortfilterdiv {
3434
- margin: -14px 0;
3443
+ margin: -28px 0;
3435
3444
  }
3436
3445
  .e-grid .e-columnheader.e-wrap .e-icon-group::before, .e-grid.e-wrap .e-columnheader .e-icon-group::before {
3437
3446
  display: inline-block;
3438
3447
  }
3439
- .e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-gridclip .e-stackedheadercelldiv {
3448
+ .e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-stackedheadercelldiv.e-gridclip {
3440
3449
  text-overflow: clip;
3441
3450
  }
3442
3451
  .e-grid .e-clipboard {
@@ -3466,6 +3475,34 @@ li.e-separator.e-menu-item.e-excel-separator {
3466
3475
  .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3467
3476
  border-right: 0;
3468
3477
  }
3478
+ .e-grid .e-mask {
3479
+ background-color: rgba(0, 0, 0, 0.1);
3480
+ display: inline-block;
3481
+ height: 10px;
3482
+ width: 80%;
3483
+ }
3484
+ .e-grid .e-mask.e-mask-group-intent {
3485
+ margin-left: 7px;
3486
+ width: 16px;
3487
+ }
3488
+ .e-grid .e-mask.e-mask-detail-intent {
3489
+ width: 16px;
3490
+ }
3491
+ .e-grid .e-mask.e-mask-checkbox-intent {
3492
+ margin-left: 3px;
3493
+ margin-right: 16px;
3494
+ width: 20px;
3495
+ }
3496
+ .e-grid .e-mask.e-mask-checkbox-filter-intent {
3497
+ width: 13px;
3498
+ }
3499
+ .e-grid .e-mask.e-mask-checkbox-filter-span-intent {
3500
+ margin-left: 8px;
3501
+ }
3502
+ .e-grid .e-mask.e-mask-drag-intent {
3503
+ margin-left: 12px;
3504
+ width: 12px;
3505
+ }
3469
3506
  .e-grid.sf-grid .e-table {
3470
3507
  border-spacing: 0.25px;
3471
3508
  }
@@ -4058,7 +4095,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4058
4095
  }
4059
4096
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden,
4060
4097
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden {
4061
- -moz-appearance: none;
4098
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
4062
4099
  height: 1px;
4063
4100
  opacity: 0;
4064
4101
  width: 1px;
@@ -4331,7 +4368,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4331
4368
  .e-grid.e-rtl .e-frozenheader.e-frozen-right-header > .e-table, .e-grid.e-rtl .e-frozencontent.e-frozen-right-content > .e-table {
4332
4369
  border-right-color: #4b5563;
4333
4370
  }
4334
- .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role=row]:not(.e-disable-gridhover):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
4371
+ .e-grid.e-gridhover tr[role=row]:not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role=row]:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
4335
4372
  background-color: #4b5563;
4336
4373
  color: #fff;
4337
4374
  }
@@ -1,4 +1,5 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
+ /* stylelint-disable property-no-vendor-prefix */
2
3
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
3
4
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
4
5
  transform: rotate(0deg);
@@ -94,6 +95,7 @@
94
95
  padding: 4px 8px;
95
96
  }
96
97
 
98
+ /* stylelint-disable property-no-vendor-prefix */
97
99
  @keyframes material-spinner-rotate {
98
100
  0% {
99
101
  transform: rotate(0);
@@ -149,10 +151,6 @@
149
151
  padding: 14px;
150
152
  padding-top: 4px;
151
153
  }
152
- .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item .e-menu-icon {
153
- height: 26px;
154
- line-height: 26px;
155
- }
156
154
  .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
157
155
  height: 26px;
158
156
  line-height: 26px;
@@ -363,7 +361,7 @@
363
361
  word-break: normal;
364
362
  }
365
363
  .e-excelfilter .e-chk-hidden {
366
- -moz-appearance: none;
364
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
367
365
  height: 1px;
368
366
  opacity: 0;
369
367
  width: 1px;
@@ -507,6 +505,8 @@ li.e-separator.e-menu-item.e-excel-separator {
507
505
  border-color: #4f46e5;
508
506
  }
509
507
 
508
+ /* stylelint-disable property-no-vendor-prefix */
509
+ /* stylelint-disable property-no-vendor-prefix */
510
510
  @keyframes material-spinner-rotate {
511
511
  0% {
512
512
  transform: rotate(0);
@@ -767,6 +767,7 @@ li.e-separator.e-menu-item.e-excel-separator {
767
767
  .e-bigger .e-grid,
768
768
  .e-grid.e-bigger {
769
769
  font-size: 16px;
770
+ /* stylelint-disable */
770
771
  }
771
772
  .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
772
773
  .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
@@ -1473,6 +1474,9 @@ li.e-separator.e-menu-item.e-excel-separator {
1473
1474
  font-size: 14px;
1474
1475
  height: auto;
1475
1476
  position: relative;
1477
+ /* stylelint-enable */
1478
+ /* stylelint-disable */
1479
+ /* stylelint-enable */
1476
1480
  }
1477
1481
  .e-grid .e-gridheader {
1478
1482
  -webkit-user-select: none;
@@ -2402,7 +2406,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2402
2406
  padding-left: 8px;
2403
2407
  }
2404
2408
  .e-grid .e-chk-hidden {
2405
- -moz-appearance: none;
2409
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
2406
2410
  height: 1px;
2407
2411
  opacity: 0;
2408
2412
  width: 1px;
@@ -2416,7 +2420,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2416
2420
  }
2417
2421
  .e-grid .e-rowcell .e-checkbox-wrapper,
2418
2422
  .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
2419
- -webkit-user-select: auto;
2423
+ -webkit-user-select: auto; /* stylelint-disable-line property-no-vendor-prefix */
2420
2424
  height: 20px;
2421
2425
  line-height: 20px;
2422
2426
  position: relative;
@@ -2613,7 +2617,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2613
2617
  padding: 2px;
2614
2618
  }
2615
2619
  .e-grid .e-content {
2616
- -webkit-overflow-scrolling: touch;
2620
+ -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
2617
2621
  overflow-x: auto;
2618
2622
  overflow-y: scroll;
2619
2623
  position: relative;
@@ -2750,6 +2754,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2750
2754
  border-width: 1px 0 0;
2751
2755
  cursor: pointer;
2752
2756
  }
2757
+ .e-grid .e-disablepointer {
2758
+ cursor: default;
2759
+ }
2753
2760
  .e-grid .e-groupcaption {
2754
2761
  border-style: solid;
2755
2762
  border-width: 1px 0 0;
@@ -2971,6 +2978,8 @@ li.e-separator.e-menu-item.e-excel-separator {
2971
2978
  .e-grid .e-checkboxfiltertext {
2972
2979
  width: 150px;
2973
2980
  word-break: normal;
2981
+ /* stylelint-disable */
2982
+ /* stylelint-enable */
2974
2983
  }
2975
2984
  .e-grid .e-frozenhdrcont .e-headercontent > .e-table,
2976
2985
  .e-grid .e-frozenhdrcont .e-frozenheader > .e-table,
@@ -3030,10 +3039,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3030
3039
  overflow: hidden;
3031
3040
  }
3032
3041
  .e-grid .e-frozenhdrcont {
3033
- -ms-touch-action: none;
3042
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
3034
3043
  }
3035
3044
  .e-grid .e-frozencontent {
3036
- -ms-touch-action: none;
3045
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
3037
3046
  border-bottom-width: 1px;
3038
3047
  float: left;
3039
3048
  width: min-content;
@@ -3042,19 +3051,19 @@ li.e-separator.e-menu-item.e-excel-separator {
3042
3051
  float: right;
3043
3052
  }
3044
3053
  .e-grid .e-movablecontent {
3045
- -ms-overflow-style: none;
3054
+ -ms-overflow-style: none; /* stylelint-disable-line property-no-vendor-prefix */
3046
3055
  -ms-flex: 1;
3047
3056
  flex: 1;
3048
3057
  overflow-x: auto;
3049
3058
  overflow-y: hidden;
3050
3059
  }
3051
- .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar {
3060
+ .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
3052
3061
  display: none;
3053
3062
  }
3054
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar {
3063
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
3055
3064
  width: 7px;
3056
3065
  }
3057
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb {
3066
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb { /* stylelint-disable-line property-no-vendor-prefix */
3058
3067
  background-color: rgba(0, 0, 0, 0.5);
3059
3068
  border-radius: 4px;
3060
3069
  }
@@ -3422,21 +3431,21 @@ li.e-separator.e-menu-item.e-excel-separator {
3422
3431
  text-overflow: ellipsis;
3423
3432
  }
3424
3433
  .e-grid .e-columnheader.e-wrap .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-sortfilterdiv {
3425
- margin: -21px 5px;
3434
+ margin: -30px 10px;
3426
3435
  }
3427
3436
  .e-grid .e-columnheader.e-wrap .e-rightalign .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-rightalign .e-sortfilterdiv {
3428
- margin: -21px -5px;
3437
+ margin: -30px -5px;
3429
3438
  }
3430
3439
  .e-grid .e-columnheader.e-wrap .e-fltr-icon .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-fltr-icon .e-sortfilterdiv {
3431
- margin: -14px 20px -29px 0;
3440
+ margin: -27px 20px -29px 0;
3432
3441
  }
3433
3442
  .e-grid .e-columnheader.e-wrap .e-fltr-icon.e-rightalign .e-sortfilterdiv, .e-grid.e-wrap .e-columnheader .e-fltr-icon.e-rightalign .e-sortfilterdiv {
3434
- margin: -14px 0;
3443
+ margin: -28px 0;
3435
3444
  }
3436
3445
  .e-grid .e-columnheader.e-wrap .e-icon-group::before, .e-grid.e-wrap .e-columnheader .e-icon-group::before {
3437
3446
  display: inline-block;
3438
3447
  }
3439
- .e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-gridclip .e-stackedheadercelldiv {
3448
+ .e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-stackedheadercelldiv.e-gridclip {
3440
3449
  text-overflow: clip;
3441
3450
  }
3442
3451
  .e-grid .e-clipboard {
@@ -3466,6 +3475,34 @@ li.e-separator.e-menu-item.e-excel-separator {
3466
3475
  .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3467
3476
  border-right: 0;
3468
3477
  }
3478
+ .e-grid .e-mask {
3479
+ background-color: rgba(0, 0, 0, 0.1);
3480
+ display: inline-block;
3481
+ height: 10px;
3482
+ width: 80%;
3483
+ }
3484
+ .e-grid .e-mask.e-mask-group-intent {
3485
+ margin-left: 7px;
3486
+ width: 16px;
3487
+ }
3488
+ .e-grid .e-mask.e-mask-detail-intent {
3489
+ width: 16px;
3490
+ }
3491
+ .e-grid .e-mask.e-mask-checkbox-intent {
3492
+ margin-left: 3px;
3493
+ margin-right: 16px;
3494
+ width: 20px;
3495
+ }
3496
+ .e-grid .e-mask.e-mask-checkbox-filter-intent {
3497
+ width: 13px;
3498
+ }
3499
+ .e-grid .e-mask.e-mask-checkbox-filter-span-intent {
3500
+ margin-left: 8px;
3501
+ }
3502
+ .e-grid .e-mask.e-mask-drag-intent {
3503
+ margin-left: 12px;
3504
+ width: 12px;
3505
+ }
3469
3506
  .e-grid.sf-grid .e-table {
3470
3507
  border-spacing: 0.25px;
3471
3508
  }
@@ -4058,7 +4095,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4058
4095
  }
4059
4096
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden,
4060
4097
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden {
4061
- -moz-appearance: none;
4098
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
4062
4099
  height: 1px;
4063
4100
  opacity: 0;
4064
4101
  width: 1px;
@@ -4331,7 +4368,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4331
4368
  .e-grid.e-rtl .e-frozenheader.e-frozen-right-header > .e-table, .e-grid.e-rtl .e-frozencontent.e-frozen-right-content > .e-table {
4332
4369
  border-right-color: #e5e7eb;
4333
4370
  }
4334
- .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role=row]:not(.e-disable-gridhover):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
4371
+ .e-grid.e-gridhover tr[role=row]:not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role=row]:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
4335
4372
  background-color: #f3f4f6;
4336
4373
  color: #111827;
4337
4374
  }
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ /// <amd-module name="@syncfusion/ej2-angular-grids" />
5
+ export * from './public_api';