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

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 +51 -17
  30. package/styles/bootstrap.css +51 -17
  31. package/styles/bootstrap4.css +53 -19
  32. package/styles/bootstrap5-dark.css +56 -21
  33. package/styles/bootstrap5.css +56 -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 +16 -1
  57. package/styles/excel-filter/bootstrap.css +3 -5
  58. package/styles/excel-filter/bootstrap.scss +16 -1
  59. package/styles/excel-filter/bootstrap4.css +3 -5
  60. package/styles/excel-filter/bootstrap4.scss +16 -1
  61. package/styles/excel-filter/bootstrap5-dark.css +3 -5
  62. package/styles/excel-filter/bootstrap5-dark.scss +16 -1
  63. package/styles/excel-filter/bootstrap5.css +3 -5
  64. package/styles/excel-filter/bootstrap5.scss +16 -1
  65. package/styles/excel-filter/fabric-dark.css +4 -6
  66. package/styles/excel-filter/fabric-dark.scss +16 -1
  67. package/styles/excel-filter/fabric.css +4 -6
  68. package/styles/excel-filter/fabric.scss +16 -1
  69. package/styles/excel-filter/fluent-dark.css +3 -5
  70. package/styles/excel-filter/fluent-dark.scss +16 -1
  71. package/styles/excel-filter/fluent.css +3 -5
  72. package/styles/excel-filter/fluent.scss +16 -1
  73. package/styles/excel-filter/highcontrast-light.css +4 -6
  74. package/styles/excel-filter/highcontrast-light.scss +16 -1
  75. package/styles/excel-filter/highcontrast.css +4 -6
  76. package/styles/excel-filter/highcontrast.scss +16 -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 +16 -1
  96. package/styles/excel-filter/material.css +4 -6
  97. package/styles/excel-filter/material.scss +16 -1
  98. package/styles/excel-filter/tailwind-dark.css +3 -5
  99. package/styles/excel-filter/tailwind-dark.scss +16 -1
  100. package/styles/excel-filter/tailwind.css +3 -5
  101. package/styles/excel-filter/tailwind.scss +16 -1
  102. package/styles/fabric-dark.css +53 -19
  103. package/styles/fabric.css +53 -19
  104. package/styles/fluent-dark.css +53 -19
  105. package/styles/fluent.css +53 -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 +4345 -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 +48 -12
  128. package/styles/grid/bootstrap-dark.scss +20 -1
  129. package/styles/grid/bootstrap.css +48 -12
  130. package/styles/grid/bootstrap.scss +20 -1
  131. package/styles/grid/bootstrap4.css +50 -14
  132. package/styles/grid/bootstrap4.scss +20 -1
  133. package/styles/grid/bootstrap5-dark.css +53 -16
  134. package/styles/grid/bootstrap5-dark.scss +20 -1
  135. package/styles/grid/bootstrap5.css +53 -16
  136. package/styles/grid/bootstrap5.scss +20 -1
  137. package/styles/grid/fabric-dark.css +49 -13
  138. package/styles/grid/fabric-dark.scss +20 -1
  139. package/styles/grid/fabric.css +49 -13
  140. package/styles/grid/fabric.scss +20 -1
  141. package/styles/grid/fluent-dark.css +50 -14
  142. package/styles/grid/fluent-dark.scss +20 -1
  143. package/styles/grid/fluent.css +50 -14
  144. package/styles/grid/fluent.scss +20 -1
  145. package/styles/grid/highcontrast-light.css +49 -13
  146. package/styles/grid/highcontrast-light.scss +20 -1
  147. package/styles/grid/highcontrast.css +49 -13
  148. package/styles/grid/highcontrast.scss +20 -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 +49 -13
  167. package/styles/grid/material-dark.scss +20 -1
  168. package/styles/grid/material.css +49 -13
  169. package/styles/grid/material.scss +20 -1
  170. package/styles/grid/tailwind-dark.css +52 -16
  171. package/styles/grid/tailwind-dark.scss +20 -1
  172. package/styles/grid/tailwind.css +52 -16
  173. package/styles/grid/tailwind.scss +20 -1
  174. package/styles/highcontrast-light.css +53 -19
  175. package/styles/highcontrast.css +53 -19
  176. package/styles/material-dark.css +53 -19
  177. package/styles/material.css +53 -19
  178. package/styles/tailwind-dark.css +55 -21
  179. package/styles/tailwind.css +55 -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 -2701
  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 +1,16 @@
1
- @import 'ej2-grids/styles/excel-filter/tailwind-dark.scss';
1
+ @import 'ej2-base/styles/tailwind-dark-definition.scss';
2
+ @import 'ej2-inputs/styles/input/tailwind-dark-definition.scss';
3
+ @import 'ej2-inputs/styles/numerictextbox/tailwind-dark-definition.scss';
4
+ @import 'ej2-buttons/styles/button/tailwind-dark-definition.scss';
5
+ @import 'ej2-buttons/styles/radio-button/tailwind-dark-definition.scss';
6
+ @import 'ej2-buttons/styles/check-box/tailwind-dark-definition.scss';
7
+ @import 'ej2-dropdowns/styles/auto-complete/tailwind-dark-definition.scss';
8
+ @import 'ej2-dropdowns/styles/drop-down-list/tailwind-dark-definition.scss';
9
+ @import 'ej2-popups/styles/dialog/tailwind-dark-definition.scss';
10
+ @import 'ej2-popups/styles/spinner/tailwind-dark-definition.scss';
11
+ @import 'ej2-calendars/styles/datepicker/tailwind-dark-definition.scss';
12
+ @import 'ej2-calendars/styles/datetimepicker/tailwind-dark-definition.scss';
13
+ @import 'ej2-navigations/styles/context-menu/tailwind-dark-definition.scss';
14
+ @import 'tailwind-dark-definition.scss';
15
+ @import 'icons/tailwind-dark.scss';
16
+ @import 'all.scss';
@@ -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
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
3
4
  transform: rotate(0deg);
4
5
  transition: transform 300ms ease;
@@ -93,6 +94,7 @@
93
94
  padding: 4px 8px;
94
95
  }
95
96
 
97
+ /* stylelint-disable property-no-vendor-prefix */
96
98
  @keyframes material-spinner-rotate {
97
99
  0% {
98
100
  transform: rotate(0);
@@ -148,10 +150,6 @@
148
150
  padding: 14px;
149
151
  padding-top: 4px;
150
152
  }
151
- .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item .e-menu-icon {
152
- height: 26px;
153
- line-height: 26px;
154
- }
155
153
  .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
156
154
  height: 26px;
157
155
  line-height: 26px;
@@ -362,7 +360,7 @@
362
360
  word-break: normal;
363
361
  }
364
362
  .e-excelfilter .e-chk-hidden {
365
- -moz-appearance: none;
363
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
366
364
  height: 1px;
367
365
  opacity: 0;
368
366
  width: 1px;
@@ -1 +1,16 @@
1
- @import 'ej2-grids/styles/excel-filter/tailwind.scss';
1
+ @import 'ej2-base/styles/tailwind-definition.scss';
2
+ @import 'ej2-inputs/styles/input/tailwind-definition.scss';
3
+ @import 'ej2-inputs/styles/numerictextbox/tailwind-definition.scss';
4
+ @import 'ej2-buttons/styles/button/tailwind-definition.scss';
5
+ @import 'ej2-buttons/styles/radio-button/tailwind-definition.scss';
6
+ @import 'ej2-buttons/styles/check-box/tailwind-definition.scss';
7
+ @import 'ej2-dropdowns/styles/auto-complete/tailwind-definition.scss';
8
+ @import 'ej2-dropdowns/styles/drop-down-list/tailwind-definition.scss';
9
+ @import 'ej2-popups/styles/dialog/tailwind-definition.scss';
10
+ @import 'ej2-popups/styles/spinner/tailwind-definition.scss';
11
+ @import 'ej2-calendars/styles/datepicker/tailwind-definition.scss';
12
+ @import 'ej2-calendars/styles/datetimepicker/tailwind-definition.scss';
13
+ @import 'ej2-navigations/styles/context-menu/tailwind-definition.scss';
14
+ @import 'tailwind-definition.scss';
15
+ @import 'icons/tailwind.scss';
16
+ @import 'all.scss';
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable property-no-vendor-prefix */
1
2
  .e-ddl.e-popup {
2
3
  border: 0;
3
4
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
@@ -79,6 +80,7 @@
79
80
  height: 34px;
80
81
  }
81
82
 
83
+ /* stylelint-disable property-no-vendor-prefix */
82
84
  @keyframes material-spinner-rotate {
83
85
  0% {
84
86
  transform: rotate(0);
@@ -95,7 +97,7 @@
95
97
  transform: rotate(360deg);
96
98
  }
97
99
  }
98
- /*!component icons*/
100
+ /* !component icons */
99
101
  .e-icon-check::before {
100
102
  content: "\e7ff";
101
103
  }
@@ -131,10 +133,6 @@
131
133
  padding: 28px 25px 10px;
132
134
  padding-top: 4px;
133
135
  }
134
- .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item .e-menu-icon {
135
- height: 26px;
136
- line-height: 26px;
137
- }
138
136
  .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
139
137
  height: 26px;
140
138
  line-height: 26px;
@@ -345,7 +343,7 @@
345
343
  word-break: normal;
346
344
  }
347
345
  .e-excelfilter .e-chk-hidden {
348
- -moz-appearance: none;
346
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
349
347
  height: 1px;
350
348
  opacity: 0;
351
349
  width: 1px;
@@ -489,6 +487,8 @@ li.e-separator.e-menu-item.e-excel-separator {
489
487
  border-color: #0074cc;
490
488
  }
491
489
 
490
+ /* stylelint-disable property-no-vendor-prefix */
491
+ /* stylelint-disable property-no-vendor-prefix */
492
492
  @keyframes material-spinner-rotate {
493
493
  0% {
494
494
  transform: rotate(0);
@@ -505,7 +505,7 @@ li.e-separator.e-menu-item.e-excel-separator {
505
505
  transform: rotate(360deg);
506
506
  }
507
507
  }
508
- /*!componenticons*/
508
+ /* !componenticons */
509
509
  .e-icon-check::before {
510
510
  content: "\e7ff";
511
511
  }
@@ -736,6 +736,7 @@ li.e-separator.e-menu-item.e-excel-separator {
736
736
  .e-bigger .e-grid,
737
737
  .e-grid.e-bigger {
738
738
  font-size: 14px;
739
+ /* stylelint-disable */
739
740
  }
740
741
  .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
741
742
  .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
@@ -1393,6 +1394,9 @@ li.e-separator.e-menu-item.e-excel-separator {
1393
1394
  font-size: 13px;
1394
1395
  height: auto;
1395
1396
  position: relative;
1397
+ /* stylelint-enable */
1398
+ /* stylelint-disable */
1399
+ /* stylelint-enable */
1396
1400
  }
1397
1401
  .e-grid .e-gridheader {
1398
1402
  -webkit-user-select: none;
@@ -2300,7 +2304,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2300
2304
  padding-left: 7px;
2301
2305
  }
2302
2306
  .e-grid .e-chk-hidden {
2303
- -moz-appearance: none;
2307
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
2304
2308
  height: 1px;
2305
2309
  opacity: 0;
2306
2310
  width: 1px;
@@ -2314,7 +2318,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2314
2318
  }
2315
2319
  .e-grid .e-rowcell .e-checkbox-wrapper,
2316
2320
  .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
2317
- -webkit-user-select: auto;
2321
+ -webkit-user-select: auto; /* stylelint-disable-line property-no-vendor-prefix */
2318
2322
  height: 20px;
2319
2323
  line-height: 21px;
2320
2324
  position: relative;
@@ -2510,7 +2514,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2510
2514
  padding: 2px;
2511
2515
  }
2512
2516
  .e-grid .e-content {
2513
- -webkit-overflow-scrolling: touch;
2517
+ -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
2514
2518
  overflow-x: auto;
2515
2519
  overflow-y: scroll;
2516
2520
  position: relative;
@@ -2861,6 +2865,8 @@ li.e-separator.e-menu-item.e-excel-separator {
2861
2865
  .e-grid .e-checkboxfiltertext {
2862
2866
  width: 150px;
2863
2867
  word-break: normal;
2868
+ /* stylelint-disable */
2869
+ /* stylelint-enable */
2864
2870
  }
2865
2871
  .e-grid .e-frozenhdrcont .e-headercontent > .e-table,
2866
2872
  .e-grid .e-frozenhdrcont .e-frozenheader > .e-table,
@@ -2920,10 +2926,10 @@ li.e-separator.e-menu-item.e-excel-separator {
2920
2926
  overflow: hidden;
2921
2927
  }
2922
2928
  .e-grid .e-frozenhdrcont {
2923
- -ms-touch-action: none;
2929
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
2924
2930
  }
2925
2931
  .e-grid .e-frozencontent {
2926
- -ms-touch-action: none;
2932
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
2927
2933
  border-bottom-width: 1px;
2928
2934
  float: left;
2929
2935
  width: min-content;
@@ -2932,19 +2938,19 @@ li.e-separator.e-menu-item.e-excel-separator {
2932
2938
  float: right;
2933
2939
  }
2934
2940
  .e-grid .e-movablecontent {
2935
- -ms-overflow-style: none;
2941
+ -ms-overflow-style: none; /* stylelint-disable-line property-no-vendor-prefix */
2936
2942
  -ms-flex: 1;
2937
2943
  flex: 1;
2938
2944
  overflow-x: auto;
2939
2945
  overflow-y: hidden;
2940
2946
  }
2941
- .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar {
2947
+ .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
2942
2948
  display: none;
2943
2949
  }
2944
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar {
2950
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
2945
2951
  width: 7px;
2946
2952
  }
2947
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb {
2953
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb { /* stylelint-disable-line property-no-vendor-prefix */
2948
2954
  background-color: rgba(0, 0, 0, 0.5);
2949
2955
  border-radius: 4px;
2950
2956
  }
@@ -3321,7 +3327,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3321
3327
  .e-grid .e-columnheader.e-wrap .e-icon-group::before, .e-grid.e-wrap .e-columnheader .e-icon-group::before {
3322
3328
  display: inline-block;
3323
3329
  }
3324
- .e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-gridclip .e-stackedheadercelldiv {
3330
+ .e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-stackedheadercelldiv.e-gridclip {
3325
3331
  text-overflow: clip;
3326
3332
  }
3327
3333
  .e-grid .e-clipboard {
@@ -3351,6 +3357,34 @@ li.e-separator.e-menu-item.e-excel-separator {
3351
3357
  .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3352
3358
  border-right: 0;
3353
3359
  }
3360
+ .e-grid .e-mask {
3361
+ background-color: rgba(0, 0, 0, 0.1);
3362
+ display: inline-block;
3363
+ height: 10px;
3364
+ width: 80%;
3365
+ }
3366
+ .e-grid .e-mask.e-mask-group-intent {
3367
+ margin-left: 7px;
3368
+ width: 16px;
3369
+ }
3370
+ .e-grid .e-mask.e-mask-detail-intent {
3371
+ width: 16px;
3372
+ }
3373
+ .e-grid .e-mask.e-mask-checkbox-intent {
3374
+ margin-left: 3px;
3375
+ margin-right: 16px;
3376
+ width: 20px;
3377
+ }
3378
+ .e-grid .e-mask.e-mask-checkbox-filter-intent {
3379
+ width: 13px;
3380
+ }
3381
+ .e-grid .e-mask.e-mask-checkbox-filter-span-intent {
3382
+ margin-left: 8px;
3383
+ }
3384
+ .e-grid .e-mask.e-mask-drag-intent {
3385
+ margin-left: 12px;
3386
+ width: 12px;
3387
+ }
3354
3388
  .e-grid.sf-grid .e-table {
3355
3389
  border-spacing: 0.25px;
3356
3390
  }
@@ -3931,7 +3965,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3931
3965
  }
3932
3966
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden,
3933
3967
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden {
3934
- -moz-appearance: none;
3968
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
3935
3969
  height: 1px;
3936
3970
  opacity: 0;
3937
3971
  width: 1px;
@@ -4203,7 +4237,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4203
4237
  .e-grid.e-rtl .e-frozenheader.e-frozen-right-header > .e-table, .e-grid.e-rtl .e-frozencontent.e-frozen-right-content > .e-table {
4204
4238
  border-right-color: #fff;
4205
4239
  }
4206
- .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) {
4240
+ .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) {
4207
4241
  background-color: #414040;
4208
4242
  color: #fff;
4209
4243
  }
package/styles/fabric.css CHANGED
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable property-no-vendor-prefix */
1
2
  .e-ddl.e-popup {
2
3
  border: 0;
3
4
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
@@ -72,6 +73,7 @@
72
73
  height: 34px;
73
74
  }
74
75
 
76
+ /* stylelint-disable property-no-vendor-prefix */
75
77
  @keyframes material-spinner-rotate {
76
78
  0% {
77
79
  transform: rotate(0);
@@ -88,7 +90,7 @@
88
90
  transform: rotate(360deg);
89
91
  }
90
92
  }
91
- /*!component icons*/
93
+ /* !component icons */
92
94
  .e-icon-check::before {
93
95
  content: "\e7ff";
94
96
  }
@@ -124,10 +126,6 @@
124
126
  padding: 28px 25px 10px;
125
127
  padding-top: 4px;
126
128
  }
127
- .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item .e-menu-icon {
128
- height: 26px;
129
- line-height: 26px;
130
- }
131
129
  .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
132
130
  height: 26px;
133
131
  line-height: 26px;
@@ -338,7 +336,7 @@
338
336
  word-break: normal;
339
337
  }
340
338
  .e-excelfilter .e-chk-hidden {
341
- -moz-appearance: none;
339
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
342
340
  height: 1px;
343
341
  opacity: 0;
344
342
  width: 1px;
@@ -482,6 +480,8 @@ li.e-separator.e-menu-item.e-excel-separator {
482
480
  border-color: #0078d6;
483
481
  }
484
482
 
483
+ /* stylelint-disable property-no-vendor-prefix */
484
+ /* stylelint-disable property-no-vendor-prefix */
485
485
  @keyframes material-spinner-rotate {
486
486
  0% {
487
487
  transform: rotate(0);
@@ -498,7 +498,7 @@ li.e-separator.e-menu-item.e-excel-separator {
498
498
  transform: rotate(360deg);
499
499
  }
500
500
  }
501
- /*!componenticons*/
501
+ /* !componenticons */
502
502
  .e-icon-check::before {
503
503
  content: "\e7ff";
504
504
  }
@@ -729,6 +729,7 @@ li.e-separator.e-menu-item.e-excel-separator {
729
729
  .e-bigger .e-grid,
730
730
  .e-grid.e-bigger {
731
731
  font-size: 14px;
732
+ /* stylelint-disable */
732
733
  }
733
734
  .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
734
735
  .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
@@ -1386,6 +1387,9 @@ li.e-separator.e-menu-item.e-excel-separator {
1386
1387
  font-size: 13px;
1387
1388
  height: auto;
1388
1389
  position: relative;
1390
+ /* stylelint-enable */
1391
+ /* stylelint-disable */
1392
+ /* stylelint-enable */
1389
1393
  }
1390
1394
  .e-grid .e-gridheader {
1391
1395
  -webkit-user-select: none;
@@ -2293,7 +2297,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2293
2297
  padding-left: 7px;
2294
2298
  }
2295
2299
  .e-grid .e-chk-hidden {
2296
- -moz-appearance: none;
2300
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
2297
2301
  height: 1px;
2298
2302
  opacity: 0;
2299
2303
  width: 1px;
@@ -2307,7 +2311,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2307
2311
  }
2308
2312
  .e-grid .e-rowcell .e-checkbox-wrapper,
2309
2313
  .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
2310
- -webkit-user-select: auto;
2314
+ -webkit-user-select: auto; /* stylelint-disable-line property-no-vendor-prefix */
2311
2315
  height: 20px;
2312
2316
  line-height: 21px;
2313
2317
  position: relative;
@@ -2503,7 +2507,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2503
2507
  padding: 2px;
2504
2508
  }
2505
2509
  .e-grid .e-content {
2506
- -webkit-overflow-scrolling: touch;
2510
+ -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
2507
2511
  overflow-x: auto;
2508
2512
  overflow-y: scroll;
2509
2513
  position: relative;
@@ -2854,6 +2858,8 @@ li.e-separator.e-menu-item.e-excel-separator {
2854
2858
  .e-grid .e-checkboxfiltertext {
2855
2859
  width: 135px;
2856
2860
  word-break: normal;
2861
+ /* stylelint-disable */
2862
+ /* stylelint-enable */
2857
2863
  }
2858
2864
  .e-grid .e-frozenhdrcont .e-headercontent > .e-table,
2859
2865
  .e-grid .e-frozenhdrcont .e-frozenheader > .e-table,
@@ -2913,10 +2919,10 @@ li.e-separator.e-menu-item.e-excel-separator {
2913
2919
  overflow: hidden;
2914
2920
  }
2915
2921
  .e-grid .e-frozenhdrcont {
2916
- -ms-touch-action: none;
2922
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
2917
2923
  }
2918
2924
  .e-grid .e-frozencontent {
2919
- -ms-touch-action: none;
2925
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
2920
2926
  border-bottom-width: 1px;
2921
2927
  float: left;
2922
2928
  width: min-content;
@@ -2925,19 +2931,19 @@ li.e-separator.e-menu-item.e-excel-separator {
2925
2931
  float: right;
2926
2932
  }
2927
2933
  .e-grid .e-movablecontent {
2928
- -ms-overflow-style: none;
2934
+ -ms-overflow-style: none; /* stylelint-disable-line property-no-vendor-prefix */
2929
2935
  -ms-flex: 1;
2930
2936
  flex: 1;
2931
2937
  overflow-x: auto;
2932
2938
  overflow-y: hidden;
2933
2939
  }
2934
- .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar {
2940
+ .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
2935
2941
  display: none;
2936
2942
  }
2937
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar {
2943
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
2938
2944
  width: 7px;
2939
2945
  }
2940
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb {
2946
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb { /* stylelint-disable-line property-no-vendor-prefix */
2941
2947
  background-color: rgba(0, 0, 0, 0.5);
2942
2948
  border-radius: 4px;
2943
2949
  }
@@ -3314,7 +3320,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3314
3320
  .e-grid .e-columnheader.e-wrap .e-icon-group::before, .e-grid.e-wrap .e-columnheader .e-icon-group::before {
3315
3321
  display: inline-block;
3316
3322
  }
3317
- .e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-gridclip .e-stackedheadercelldiv {
3323
+ .e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-stackedheadercelldiv.e-gridclip {
3318
3324
  text-overflow: clip;
3319
3325
  }
3320
3326
  .e-grid .e-clipboard {
@@ -3344,6 +3350,34 @@ li.e-separator.e-menu-item.e-excel-separator {
3344
3350
  .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3345
3351
  border-right: 0;
3346
3352
  }
3353
+ .e-grid .e-mask {
3354
+ background-color: rgba(0, 0, 0, 0.1);
3355
+ display: inline-block;
3356
+ height: 10px;
3357
+ width: 80%;
3358
+ }
3359
+ .e-grid .e-mask.e-mask-group-intent {
3360
+ margin-left: 7px;
3361
+ width: 16px;
3362
+ }
3363
+ .e-grid .e-mask.e-mask-detail-intent {
3364
+ width: 16px;
3365
+ }
3366
+ .e-grid .e-mask.e-mask-checkbox-intent {
3367
+ margin-left: 3px;
3368
+ margin-right: 16px;
3369
+ width: 20px;
3370
+ }
3371
+ .e-grid .e-mask.e-mask-checkbox-filter-intent {
3372
+ width: 13px;
3373
+ }
3374
+ .e-grid .e-mask.e-mask-checkbox-filter-span-intent {
3375
+ margin-left: 8px;
3376
+ }
3377
+ .e-grid .e-mask.e-mask-drag-intent {
3378
+ margin-left: 12px;
3379
+ width: 12px;
3380
+ }
3347
3381
  .e-grid.sf-grid .e-table {
3348
3382
  border-spacing: 0.25px;
3349
3383
  }
@@ -3924,7 +3958,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3924
3958
  }
3925
3959
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden,
3926
3960
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden {
3927
- -moz-appearance: none;
3961
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
3928
3962
  height: 1px;
3929
3963
  opacity: 0;
3930
3964
  width: 1px;
@@ -4196,7 +4230,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4196
4230
  .e-grid.e-rtl .e-frozenheader.e-frozen-right-header > .e-table, .e-grid.e-rtl .e-frozencontent.e-frozen-right-content > .e-table {
4197
4231
  border-right-color: #0078d6;
4198
4232
  }
4199
- .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) {
4233
+ .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) {
4200
4234
  background-color: #f4f4f4;
4201
4235
  color: #333;
4202
4236
  }