@syncfusion/ej2-angular-grids 22.2.7-ngcc → 22.2.7

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 (161) 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 +27 -13
  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/excel-filter/_all.scss +2 -0
  30. package/styles/excel-filter/_bootstrap-dark-definition.scss +62 -0
  31. package/styles/excel-filter/_bootstrap-definition.scss +67 -0
  32. package/styles/excel-filter/_bootstrap4-definition.scss +72 -0
  33. package/styles/excel-filter/_bootstrap5-dark-definition.scss +1 -0
  34. package/styles/excel-filter/_bootstrap5-definition.scss +73 -0
  35. package/styles/excel-filter/_fabric-dark-definition.scss +62 -0
  36. package/styles/excel-filter/_fabric-definition.scss +67 -0
  37. package/styles/excel-filter/_fluent-dark-definition.scss +1 -0
  38. package/styles/excel-filter/_fluent-definition.scss +73 -0
  39. package/styles/excel-filter/_fusionnew-definition.scss +73 -0
  40. package/styles/excel-filter/_highcontrast-definition.scss +62 -0
  41. package/styles/excel-filter/_highcontrast-light-definition.scss +60 -0
  42. package/styles/excel-filter/_layout.scss +507 -0
  43. package/styles/excel-filter/_material-dark-definition.scss +64 -0
  44. package/styles/excel-filter/_material-definition.scss +65 -0
  45. package/styles/excel-filter/_material3-dark-definition.scss +1 -0
  46. package/styles/excel-filter/_material3-definition.scss +73 -0
  47. package/styles/excel-filter/_office-365-definition.scss +1 -0
  48. package/styles/excel-filter/_tailwind-dark-definition.scss +1 -0
  49. package/styles/excel-filter/_tailwind-definition.scss +72 -0
  50. package/styles/excel-filter/_theme.scss +31 -0
  51. package/styles/excel-filter/bootstrap-dark.scss +17 -1
  52. package/styles/excel-filter/bootstrap.scss +17 -1
  53. package/styles/excel-filter/bootstrap4.scss +17 -1
  54. package/styles/excel-filter/bootstrap5-dark.scss +17 -1
  55. package/styles/excel-filter/bootstrap5.scss +17 -1
  56. package/styles/excel-filter/fabric-dark.scss +17 -1
  57. package/styles/excel-filter/fabric.scss +17 -1
  58. package/styles/excel-filter/fluent-dark.scss +17 -1
  59. package/styles/excel-filter/fluent.scss +17 -1
  60. package/styles/excel-filter/highcontrast-light.scss +17 -1
  61. package/styles/excel-filter/highcontrast.scss +17 -1
  62. package/styles/excel-filter/icons/_bootstrap-dark.scss +38 -0
  63. package/styles/excel-filter/icons/_bootstrap.scss +38 -0
  64. package/styles/excel-filter/icons/_bootstrap4.scss +42 -0
  65. package/styles/excel-filter/icons/_bootstrap5-dark.scss +1 -0
  66. package/styles/excel-filter/icons/_bootstrap5.scss +42 -0
  67. package/styles/excel-filter/icons/_fabric-dark.scss +38 -0
  68. package/styles/excel-filter/icons/_fabric.scss +38 -0
  69. package/styles/excel-filter/icons/_fluent-dark.scss +1 -0
  70. package/styles/excel-filter/icons/_fluent.scss +42 -0
  71. package/styles/excel-filter/icons/_fusionnew.scss +42 -0
  72. package/styles/excel-filter/icons/_highcontrast-light.scss +38 -0
  73. package/styles/excel-filter/icons/_highcontrast.scss +38 -0
  74. package/styles/excel-filter/icons/_material-dark.scss +38 -0
  75. package/styles/excel-filter/icons/_material.scss +38 -0
  76. package/styles/excel-filter/icons/_material3-dark.scss +1 -0
  77. package/styles/excel-filter/icons/_material3.scss +42 -0
  78. package/styles/excel-filter/icons/_tailwind-dark.scss +1 -0
  79. package/styles/excel-filter/icons/_tailwind.scss +42 -0
  80. package/styles/excel-filter/material-dark.scss +17 -1
  81. package/styles/excel-filter/material.scss +17 -1
  82. package/styles/excel-filter/material3-dark.scss +17 -1
  83. package/styles/excel-filter/material3.scss +17 -1
  84. package/styles/excel-filter/tailwind-dark.scss +17 -1
  85. package/styles/excel-filter/tailwind.scss +17 -1
  86. package/styles/grid/_all.scss +2 -0
  87. package/styles/grid/_bootstrap-dark-definition.scss +621 -0
  88. package/styles/grid/_bootstrap-definition.scss +623 -0
  89. package/styles/grid/_bootstrap4-definition.scss +628 -0
  90. package/styles/grid/_bootstrap5-dark-definition.scss +1 -0
  91. package/styles/grid/_bootstrap5-definition.scss +622 -0
  92. package/styles/grid/_fabric-dark-definition.scss +619 -0
  93. package/styles/grid/_fabric-definition.scss +619 -0
  94. package/styles/grid/_fluent-dark-definition.scss +1 -0
  95. package/styles/grid/_fluent-definition.scss +614 -0
  96. package/styles/grid/_fusionnew-definition.scss +598 -0
  97. package/styles/grid/_highcontrast-definition.scss +619 -0
  98. package/styles/grid/_highcontrast-light-definition.scss +615 -0
  99. package/styles/grid/_layout.scss +4869 -0
  100. package/styles/grid/_material-dark-definition.scss +619 -0
  101. package/styles/grid/_material-definition.scss +617 -0
  102. package/styles/grid/_material3-dark-definition.scss +1 -0
  103. package/styles/grid/_material3-definition.scss +629 -0
  104. package/styles/grid/_office-365-definition.scss +1 -0
  105. package/styles/grid/_tailwind-dark-definition.scss +1 -0
  106. package/styles/grid/_tailwind-definition.scss +628 -0
  107. package/styles/grid/_theme.scss +714 -0
  108. package/styles/grid/bootstrap-dark.scss +21 -1
  109. package/styles/grid/bootstrap.scss +21 -1
  110. package/styles/grid/bootstrap4.scss +21 -1
  111. package/styles/grid/bootstrap5-dark.scss +21 -1
  112. package/styles/grid/bootstrap5.scss +21 -1
  113. package/styles/grid/fabric-dark.scss +21 -1
  114. package/styles/grid/fabric.scss +21 -1
  115. package/styles/grid/fluent-dark.scss +21 -1
  116. package/styles/grid/fluent.scss +21 -1
  117. package/styles/grid/highcontrast-light.scss +21 -1
  118. package/styles/grid/highcontrast.scss +21 -1
  119. package/styles/grid/icons/_bootstrap-dark.scss +226 -0
  120. package/styles/grid/icons/_bootstrap.scss +226 -0
  121. package/styles/grid/icons/_bootstrap4.scss +225 -0
  122. package/styles/grid/icons/_bootstrap5-dark.scss +1 -0
  123. package/styles/grid/icons/_bootstrap5.scss +246 -0
  124. package/styles/grid/icons/_fabric-dark.scss +225 -0
  125. package/styles/grid/icons/_fabric.scss +225 -0
  126. package/styles/grid/icons/_fluent-dark.scss +1 -0
  127. package/styles/grid/icons/_fluent.scss +246 -0
  128. package/styles/grid/icons/_fusionnew.scss +246 -0
  129. package/styles/grid/icons/_highcontrast-light.scss +225 -0
  130. package/styles/grid/icons/_highcontrast.scss +225 -0
  131. package/styles/grid/icons/_material-dark.scss +225 -0
  132. package/styles/grid/icons/_material.scss +225 -0
  133. package/styles/grid/icons/_material3-dark.scss +1 -0
  134. package/styles/grid/icons/_material3.scss +249 -0
  135. package/styles/grid/icons/_tailwind-dark.scss +1 -0
  136. package/styles/grid/icons/_tailwind.scss +246 -0
  137. package/styles/grid/material-dark.scss +21 -1
  138. package/styles/grid/material.scss +21 -1
  139. package/styles/grid/material3-dark.css +14 -14
  140. package/styles/grid/material3-dark.scss +21 -1
  141. package/styles/grid/material3.css +14 -14
  142. package/styles/grid/material3.scss +21 -1
  143. package/styles/grid/tailwind-dark.scss +21 -1
  144. package/styles/grid/tailwind.scss +21 -1
  145. package/styles/material3-dark.css +14 -70
  146. package/styles/material3-dark.scss +1 -0
  147. package/styles/material3.css +14 -125
  148. package/styles/material3.scss +1 -0
  149. package/syncfusion-ej2-angular-grids.d.ts +5 -0
  150. package/@syncfusion/ej2-angular-grids.es5.js +0 -988
  151. package/@syncfusion/ej2-angular-grids.es5.js.map +0 -1
  152. package/@syncfusion/ej2-angular-grids.js +0 -927
  153. package/@syncfusion/ej2-angular-grids.js.map +0 -1
  154. package/CHANGELOG.md +0 -2788
  155. package/dist/ej2-angular-grids.umd.js +0 -1606
  156. package/dist/ej2-angular-grids.umd.js.map +0 -1
  157. package/dist/ej2-angular-grids.umd.min.js +0 -11
  158. package/dist/ej2-angular-grids.umd.min.js.map +0 -1
  159. package/ej2-angular-grids.d.ts +0 -6
  160. package/ej2-angular-grids.metadata.json +0 -1
  161. package/postinstall/tagchange.js +0 -18
@@ -0,0 +1,60 @@
1
+ $grid-xlfl-fieldset-padding: 9px !default;
2
+ $grid-xlfltd-padding: 12px !default;
3
+ $grid-xlfltable-border-spacing: 0 !default;
4
+ $grid-xlfl-dropdown-padding-right: 12px !default;
5
+ $grid-xlfl-min-height: 314px !default;
6
+ $grid-exlfltr-ctxtmnu-max-height: 298px !default;
7
+ $grid-bigger-exlfltr-ctxtmnu-max-height: 355px !default;
8
+ $grid-xlfl-li-left-padding: 35px !default;
9
+ $grid-xlfl-li-icon-margin-right: 10px !default;
10
+ $grid-xlfl-dlg-padding-bottom: 5px !default;
11
+ $grid-xlfltd-radio-mtcase-padding: 12px !default;
12
+ $grid-xlfl-fieldset-font-size: 13px !default;
13
+ $grid-xlfl-dlgfields-font-size: 15px !default;
14
+ $grid-xlfl-li-height: 36px !default;
15
+ $grid-xlfl-radiodiv-width: 118px !default;
16
+ $grid-bigger-xlfl-li-height: 48px !default;
17
+ $grid-bigger-xlfl-fieldset-font-size: 14px !default;
18
+ $grid-bigger-xlfl-dlgfields-font-size: 16px !default;
19
+ $grid-bigger-xlfltd-radio-mtcase-padding: 6px !default;
20
+ $grid-bigger-xlfl-dlg-padding-bottom: 10px !default;
21
+ $grid-bigger-xlfl-li-icon-margin-right: 10px !default;
22
+ $grid-bigger-xlfl-li-left-padding: 35px !default;
23
+ $grid-bigger-xlfl-min-height: 372px !default;
24
+ $grid-bigger-xlfl-fieldset-padding: 12px !default;
25
+ $grid-bigger-xlfltd-padding: 16px !default;
26
+ $grid-bigger-xlfl-radio-margin-left: 18px !default;
27
+ $grid-bigger-xlfltable-border-spacing: 0 !default;
28
+ $grid-bigger-xlfl-dropdown-padding-right: 16px !default;
29
+ $grid-bigger-xlfl-radiodiv-width: 138px !default;
30
+ $grid-autofill-color: $selection-bg !default;
31
+ $grid-xl-radio-padding-left: 25px !default;
32
+ $grid-xl-radio-padding-right: 8px !default;
33
+ $grid-bigger-xl-radio-padding-left: 28px !default;
34
+ $grid-bigger-xl-radio-padding-right: 5px !default;
35
+ $grid-xlfl-radio-margin-left: 2px !default;
36
+ $grid-checkboxfiltertext-width: 135px !default;
37
+ $grid-xl-match-margin-left: 6px !default;
38
+ $grid-bigger-xl-match-margin-left: 8px !default;
39
+ $grid-xl-rtl-radio-padding-left: 0 !default;
40
+ $grid-xl-rtl-radio-padding-right: 25px !default;
41
+ $grid-checkbox-padding-topbottom: 7px !default;
42
+ $grid-checkbox-content-padding-left: 18px !default;
43
+ $grid-rtl-checkbox-content-padding-left: 25px !default;
44
+ $grid-bigger-checkbox-content-padding-left: 19.25px !default;
45
+ $grid-rtl-bigger-checkbox-content-padding-left: 31.25px !default;
46
+ $grid-bigger-checkbox-padding-topbottom: 12px !default;
47
+ $grid-column-chooser-footdiv: 0 !default;
48
+ $grid-columnchooser-footer-border-color: $border-default !default;
49
+ $grid-columnchooser-footer-border-opacity: 1 !default;
50
+ $grid-filtered-color: $selection-bg !default;
51
+ $sfgrid-xlfl-dlg-padding: 28px 25px 10px !default;
52
+ $grid-excel-filter-separator: 0 !default;
53
+ $grid-dialog-footer-color: $bg-base-0 !default;
54
+ $grid-xlfl-dlg-content-top-padding: 0 !default;
55
+ $grid-xlfl-context-menu-border-radious: 0 !default;
56
+ $grid-excel-filter-bottom-padding: 24px !default;
57
+ $grid-xlfl-li-icon-margin-arrow-icon: 0 !default;
58
+ $grid-bigger-xlfl-li-icon-margin-arrow-icon: 0 !default;
59
+ $grid-xl-radio-margin-top: 0 !default;
60
+ $grid-xlfl-skin: 'highcontrast' !default;
@@ -0,0 +1,507 @@
1
+ @include export-module('excel-filter-layout') {
2
+
3
+ /*! Excel-Filter layout */
4
+ .sf-grid .e-excelfilter {
5
+ .e-dlg-content {
6
+ overflow: visible;
7
+ padding: 0;
8
+ }
9
+
10
+ .e-searchcontainer {
11
+ padding: $sfgrid-xlfl-dlg-padding;
12
+ padding-top: 4px;
13
+ }
14
+
15
+ .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item .e-menu-icon {
16
+ height: 26px;
17
+ line-height: 26px;
18
+ }
19
+
20
+ .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
21
+ height: 26px;
22
+ line-height: 26px;
23
+ }
24
+
25
+ .e-searchbox {
26
+ padding-left: 0;
27
+ }
28
+
29
+ .e-contextmenu-container.e-sfcontextmenu .e-ul .e-separator {
30
+ height: auto;
31
+ }
32
+
33
+ .e-contextmenu-container.e-sfcontextmenu .e-ul {
34
+ position: absolute;
35
+ }
36
+
37
+ .e-contextmenu-container.e-sfcontextmenu {
38
+ display: inline-block;
39
+ position: relative;
40
+ width: 100%;
41
+ }
42
+ }
43
+
44
+ .sf-grid-dlg.e-xlflmenu .e-xlfl-radiodiv {
45
+ width: unset;
46
+ }
47
+
48
+ #{&}.e-xlflmenu {
49
+ min-height: $grid-xlfl-min-height;
50
+
51
+ .e-xlfl-dlgfields {
52
+ font-size: $grid-xlfl-dlgfields-font-size;
53
+ @if $grid-xlfl-skin == 'material3' {
54
+ padding-top: 12px;
55
+ }
56
+ }
57
+
58
+ .e-xlfl-fieldset {
59
+ font-size: $grid-xlfl-fieldset-font-size;
60
+ padding-top: $grid-xlfl-fieldset-padding;
61
+ }
62
+
63
+ .e-responsive-dialog & table.e-xlfl-table tr.e-xlfl-fields:nth-child(2) td.e-xlfl-optr,
64
+ .e-responsive-dialog & table.e-xlfl-table tr.e-xlfl-fields:nth-child(2) td.e-xlfl-value {
65
+ @if $grid-xlfl-skin == 'material3' {
66
+ padding-top: 16px;
67
+ }
68
+ }
69
+
70
+ table.e-xlfl-table tr.e-xlfl-fields:nth-child(2) td.e-xlfl-optr,
71
+ table.e-xlfl-table tr.e-xlfl-fields:nth-child(2) td.e-xlfl-value {
72
+ @if $grid-xlfl-skin == 'material3' {
73
+ padding-top: 0;
74
+ }
75
+ }
76
+
77
+ .e-xlfl-optr,
78
+ .e-xlfl-value {
79
+ padding-top: $grid-xlfltd-padding;
80
+ }
81
+
82
+ .e-xlfl-radio,
83
+ .e-xlfl-mtcase {
84
+ padding-top: $grid-xlfltd-radio-mtcase-padding;
85
+ }
86
+
87
+ .e-xlfl-optr:first-child {
88
+ padding-right: $grid-xlfl-dropdown-padding-right;
89
+ }
90
+
91
+ .e-xlfl-table {
92
+ border-spacing: $grid-xlfltable-border-spacing;
93
+ table-layout: fixed;
94
+ width: 100%;
95
+ }
96
+
97
+ .e-radio + label .e-label {
98
+ margin-top: $grid-xl-radio-margin-top;
99
+ padding-left: $grid-xl-radio-padding-left;
100
+ padding-right: $grid-xl-radio-padding-right;
101
+ }
102
+
103
+ .e-xlfl-matchcasediv .e-checkbox-wrapper {
104
+ .e-frame + .e-label {
105
+ @if $grid-xlfl-skin == 'material3' {
106
+ max-width: none;
107
+ }
108
+ }
109
+ }
110
+
111
+ .e-checkbox-wrapper {
112
+ .e-frame + .e-label {
113
+ margin-bottom: 1px;
114
+ margin-left: $grid-xl-match-margin-left;
115
+ }
116
+
117
+ .e-frame {
118
+ margin-bottom: 1px;
119
+ }
120
+ }
121
+
122
+ .e-dlg-content {
123
+ padding-bottom: $grid-xlfl-dlg-padding-bottom;
124
+ }
125
+
126
+ .e-xlfl-radiodiv {
127
+ width: $grid-xlfl-radiodiv-width;
128
+ }
129
+
130
+ .e-xlfl-matchcasediv {
131
+ margin-left: 0;
132
+ margin-right: 13px;
133
+ }
134
+ }
135
+
136
+ .e-xlfl-radio-or,
137
+ .e-xlfl-matchcasediv {
138
+ margin-left: $grid-xlfl-radio-margin-left;
139
+ }
140
+
141
+ .e-emptyicon {
142
+ opacity: 0;
143
+ }
144
+
145
+ #{&}.e-xlflmenu.e-rtl {
146
+ .e-xlfl-optr {
147
+ padding-left: $grid-xlfl-dropdown-padding-right;
148
+ padding-right: 0;
149
+ }
150
+
151
+ .e-radio + label .e-label {
152
+ padding-left: $grid-xl-rtl-radio-padding-left;
153
+ padding-right: $grid-xl-rtl-radio-padding-right;
154
+ }
155
+
156
+ .e-xlfl-radio-or {
157
+ margin-left: 0;
158
+ margin-right: 13px;
159
+ }
160
+ }
161
+
162
+ .e-bigger #{&}.e-xlflmenu.e-rtl {
163
+ .e-radio + label .e-label {
164
+ padding-left: $grid-xl-rtl-radio-padding-left;
165
+ padding-right: $grid-xl-rtl-radio-padding-right;
166
+ }
167
+ }
168
+
169
+ .e-bigger.e-responsive-dialog #{&}.e-xlflmenu {
170
+
171
+ .e-xlfl-dlgfields,
172
+ .e-xlfl-fieldset {
173
+ @if $grid-xlfl-skin == 'material3' {
174
+ font-weight: 500;
175
+ padding-top: 8px;
176
+ }
177
+ }
178
+
179
+ .e-xlfl-optr:first-child {
180
+ @if $grid-xlfl-skin == 'material3' {
181
+ width: 70%;
182
+ }
183
+ }
184
+
185
+ .e-xlfl-radio,
186
+ .e-xlfl-mtcase {
187
+ @if $grid-xlfl-skin == 'material3' {
188
+ padding-top: 24px;
189
+ }
190
+ }
191
+
192
+ .e-xlfl-optr,
193
+ .e-xlfl-value {
194
+ @if $grid-xlfl-skin == 'material3' {
195
+ padding-top: 24px;
196
+ }
197
+ }
198
+ }
199
+
200
+ .e-bigger #{&}.e-xlflmenu {
201
+ min-height: $grid-bigger-xlfl-min-height;
202
+
203
+ .e-xlfl-table {
204
+ border-spacing: $grid-bigger-xlfltable-border-spacing;
205
+ width: 100%;
206
+ }
207
+
208
+ .e-dlg-content {
209
+ padding-bottom: $grid-bigger-xlfl-dlg-padding-bottom;
210
+ }
211
+
212
+ .e-radio + label .e-label {
213
+ padding-left: $grid-bigger-xl-radio-padding-left;
214
+ padding-right: $grid-bigger-xl-radio-padding-right;
215
+ }
216
+
217
+ .e-checkbox-wrapper .e-frame + .e-label {
218
+ margin-left: $grid-bigger-xl-match-margin-left;
219
+ }
220
+
221
+ .e-xlfl-radiodiv {
222
+ width: $grid-bigger-xlfl-radiodiv-width;
223
+ }
224
+
225
+ .e-xlfl-radio-or,
226
+ .e-xlfl-matchcasediv {
227
+ margin-left: $grid-bigger-xlfl-radio-margin-left;
228
+ }
229
+
230
+ .e-xlfl-optr:first-child {
231
+ padding-right: $grid-bigger-xlfl-dropdown-padding-right;
232
+ }
233
+
234
+ .e-xlfl-dlgfields {
235
+ font-size: $grid-bigger-xlfl-dlgfields-font-size;
236
+ }
237
+
238
+ .e-xlfl-fieldset {
239
+ font-size: $grid-bigger-xlfl-fieldset-font-size;
240
+ padding-top: $grid-bigger-xlfl-fieldset-padding;
241
+ }
242
+
243
+ .e-xlfl-optr,
244
+ .e-xlfl-value {
245
+ padding-top: $grid-bigger-xlfltd-padding;
246
+ }
247
+
248
+ .e-xlfl-radio,
249
+ .e-xlfl-mtcase {
250
+ padding-top: $grid-bigger-xlfltd-radio-mtcase-padding;
251
+ }
252
+ }
253
+
254
+ .e-bigger #{&}.e-excelfilter,
255
+ #{&}.e-excelfilter.e-bigger {
256
+ .e-xlflmenu {
257
+ min-height: $grid-bigger-xlfl-min-height;
258
+ }
259
+
260
+ .e-ftrchk {
261
+ padding-bottom: $grid-bigger-checkbox-padding-topbottom;
262
+ padding-top: $grid-bigger-checkbox-padding-topbottom;
263
+ }
264
+
265
+ .e-contextmenu-wrapper ul li,
266
+ .e-contextmenu-container ul li {
267
+ height: $grid-bigger-xlfl-li-height;
268
+ line-height: $grid-bigger-xlfl-li-height;
269
+ }
270
+
271
+ .e-contextmenu-wrapper ul li .e-menu-icon,
272
+ .e-contextmenu-container ul li .e-menu-icon {
273
+ height: $grid-bigger-xlfl-li-height;
274
+ line-height: $grid-bigger-xlfl-li-height;
275
+ margin-right: $grid-bigger-xlfl-li-icon-margin-right;
276
+ }
277
+
278
+ .e-contextmenu-wrapper ul .e-menu-item .e-caret {
279
+ height: $grid-bigger-xlfl-li-height;
280
+ line-height: $grid-bigger-xlfl-li-height;
281
+ @if $grid-xlfl-skin == 'material3' {
282
+ font-size: $text-xl;
283
+ margin-right: 19px;
284
+ }
285
+ @else {
286
+ margin-right: $grid-bigger-xlfl-li-icon-margin-arrow-icon;
287
+ }
288
+ }
289
+
290
+ &.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
291
+ margin-left: $grid-bigger-xlfl-li-icon-margin-arrow-icon;
292
+ }
293
+
294
+ &.e-dialog .e-dlg-content {
295
+ padding-left: $grid-bigger-checkbox-content-padding-left;
296
+ }
297
+
298
+ .e-ftrchk,
299
+ .e-searchbox {
300
+ padding-left: $grid-bigger-checkbox-padding-topbottom;
301
+ }
302
+
303
+ &.e-rtl {
304
+ .e-dlg-content {
305
+ padding-left: $grid-rtl-bigger-checkbox-content-padding-left;
306
+ padding-right: $grid-bigger-checkbox-content-padding-left;
307
+ }
308
+
309
+ .e-ftrchk,
310
+ .e-searchbox {
311
+ padding-left: 0;
312
+ padding-right: $grid-bigger-checkbox-padding-topbottom;
313
+ }
314
+ }
315
+ }
316
+
317
+ #{&}.e-excelfilter {
318
+ .e-checkboxlist {
319
+ height: 200px;
320
+ margin-top: 5px;
321
+ min-height: 160px;
322
+ overflow-y: auto;
323
+ }
324
+
325
+ .e-checkboxfiltertext {
326
+ width: $grid-checkboxfiltertext-width;
327
+ word-break: normal;
328
+ }
329
+
330
+ .e-responsive-dialog & .e-checkboxfiltertext {
331
+ @if $grid-xlfl-skin == 'material3' {
332
+ width: 180px;
333
+ }
334
+ }
335
+
336
+ .e-chk-hidden {
337
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
338
+ height: 1px;
339
+ opacity: 0;
340
+ width: 1px;
341
+ }
342
+
343
+ .e-contextmenu-wrapper,
344
+ .e-contextmenu-wrapper ul {
345
+ display: block;
346
+ }
347
+
348
+ .e-contextmenu-wrapper ul {
349
+ padding-bottom: 4px;
350
+ position: static;
351
+ }
352
+
353
+ .e-contextmenu-wrapper ul li,
354
+ .e-contextmenu-container ul li {
355
+ height: $grid-xlfl-li-height;
356
+ line-height: $grid-xlfl-li-height;
357
+ }
358
+
359
+ .e-contextmenu-wrapper ul li .e-menu-icon,
360
+ .e-contextmenu-container ul li .e-menu-icon {
361
+ height: $grid-xlfl-li-height;
362
+ line-height: $grid-xlfl-li-height;
363
+ margin-right: $grid-xlfl-li-icon-margin-right;
364
+ }
365
+
366
+ &.e-rtl .e-contextmenu-wrapper ul li .e-menu-icon {
367
+ margin-right: 0;
368
+ }
369
+
370
+ .e-contextmenu-wrapper ul .e-menu-item .e-caret {
371
+ height: $grid-xlfl-li-height;
372
+ line-height: $grid-xlfl-li-height;
373
+ }
374
+
375
+ .e-contextmenu-wrapper ul,
376
+ .e-contextmenu-container ul:not(.e-ul) {
377
+ border: 0;
378
+ border-radius: $grid-xlfl-context-menu-border-radious;
379
+ box-shadow: none;
380
+ max-width: 300px;
381
+ padding-bottom: 4px;
382
+ position: static;
383
+ }
384
+
385
+ .e-footer-content {
386
+ border-style: solid;
387
+ border-width: $grid-column-chooser-footdiv;
388
+ }
389
+
390
+ .e-excel-menu {
391
+ z-index: 1000;
392
+ }
393
+
394
+ .e-dlg-content {
395
+ @if $grid-xlfl-skin == 'material3' {
396
+ background: $grid-dialog-footer-color;
397
+ }
398
+ @else {
399
+ background-color: $grid-dialog-footer-color;
400
+ }
401
+ padding-top: 0;
402
+ }
403
+
404
+ .e-contextmenu-wrapper,
405
+ .e-contextmenu-wrapper ul {
406
+ display: block;
407
+ }
408
+
409
+ .e-contextmenu-wrapper ul {
410
+ padding-bottom: 4px;
411
+ position: static;
412
+ }
413
+
414
+ .e-contextmenu-wrapper ul li .e-contextmenu-container ul li {
415
+ height: $grid-xlfl-li-height;
416
+ line-height: $grid-xlfl-li-height;
417
+ }
418
+
419
+ .e-contextmenu-wrapper ul li .e-menu-icon,
420
+ .e-contextmenu-container ul li .e-menu-icon {
421
+ height: $grid-xlfl-li-height;
422
+ line-height: $grid-xlfl-li-height;
423
+ margin-right: $grid-xlfl-li-icon-margin-right;
424
+ }
425
+
426
+ &.e-rtl .e-contextmenu-wrapper ul li .e-menu-icon {
427
+ margin-right: 0;
428
+ }
429
+
430
+ .e-contextmenu-wrapper ul .e-menu-item .e-caret {
431
+ height: $grid-xlfl-li-height;
432
+ line-height: $grid-xlfl-li-height;
433
+ margin-right: $grid-xlfl-li-icon-margin-arrow-icon;
434
+ }
435
+
436
+ &.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
437
+ @if $grid-xlfl-skin == 'material3' {
438
+ margin-left: 14px;
439
+ }
440
+ @else {
441
+ margin-left: $grid-xlfl-li-icon-margin-arrow-icon;
442
+ }
443
+ }
444
+
445
+ .e-footer-content {
446
+ border-style: solid;
447
+ border-width: $grid-column-chooser-footdiv;
448
+ }
449
+
450
+ .e-excel-menu {
451
+ z-index: 1000;
452
+ }
453
+
454
+ .e-dlg-content {
455
+ padding-top: $grid-xlfl-dlg-content-top-padding;
456
+ }
457
+
458
+ .e-xlsel {
459
+ border: 0 solid;
460
+ position: absolute;
461
+ user-select: none;
462
+ }
463
+
464
+ &.e-dialog .e-dlg-content {
465
+ padding-left: $grid-checkbox-content-padding-left;
466
+ @if $grid-xlfl-skin == 'material3' {
467
+ padding-right: 16px;
468
+ }
469
+ }
470
+
471
+ .e-ftrchk,
472
+ .e-searchbox {
473
+ padding-left: $grid-checkbox-padding-topbottom;
474
+ }
475
+
476
+ &.e-rtl {
477
+ .e-dlg-content {
478
+ padding-left: $grid-rtl-checkbox-content-padding-left;
479
+ padding-right: $grid-checkbox-content-padding-left;
480
+ }
481
+
482
+ .e-ftrchk,
483
+ .e-searchbox {
484
+ padding-left: 0;
485
+ padding-right: $grid-checkbox-padding-topbottom;
486
+ }
487
+ }
488
+
489
+ .e-searchbox {
490
+ display: block;
491
+ }
492
+ }
493
+
494
+ .e-ftrchk {
495
+ padding-bottom: $grid-checkbox-padding-topbottom;
496
+ padding-top: $grid-checkbox-padding-topbottom;
497
+ }
498
+ }
499
+
500
+ .e-excel-menu.e-contextmenu.e-menu-parent {
501
+ max-height: $grid-exlfltr-ctxtmnu-max-height;
502
+ overflow-y: auto;
503
+ }
504
+
505
+ .e-bigger .e-excel-menu.e-contextmenu.e-menu-parent {
506
+ max-height: $grid-bigger-exlfltr-ctxtmnu-max-height;
507
+ }
@@ -0,0 +1,64 @@
1
+ $grid-checkbox-padding-topbottom: 9px !default;
2
+ $grid-checkbox-content-padding-left: 9px !default;
3
+ $grid-rtl-checkbox-content-padding-left: 18px !default;
4
+ $grid-bigger-checkbox-content-padding-left: 11px !default;
5
+ $grid-rtl-bigger-checkbox-content-padding-left: 24px !default;
6
+ $grid-checkbox-wrapper-height: 20px !default;
7
+ $grid-checkbox-wrapper-line-height: 20px !default;
8
+ $grid-bigger-checkbox-padding-topbottom: 13px !default;
9
+ $grid-xlfl-fieldset-padding: 15px !default;
10
+ $grid-xlfltd-padding: 12px !default;
11
+ $grid-xlfltable-border-spacing: 0 !default;
12
+ $grid-xlfl-dropdown-padding-right: 12px !default;
13
+ $grid-xlfl-radio-margin-left: 13px !default;
14
+ $grid-xlfl-min-height: 295px !default;
15
+ $grid-exlfltr-ctxtmnu-max-height: 298px !default;
16
+ $grid-bigger-exlfltr-ctxtmnu-max-height: 355px !default;
17
+ $grid-xlfl-li-left-padding: 28px !default;
18
+ $grid-xlfl-li-icon-margin-right: 12px !default;
19
+ $grid-xlfl-dlg-padding-bottom: 6px !default;
20
+ $grid-xlfltd-radio-mtcase-padding: 12px !default;
21
+ $grid-xlfl-fieldset-font-size: 14px !default;
22
+ $grid-xlfl-dlgfields-font-size: 17px !default;
23
+ $grid-xlfl-li-height: 36px !default;
24
+ $grid-xlfl-radiodiv-width: 117px !default;
25
+ $grid-xl-radio-padding-left: 23px !default;
26
+ $grid-xl-radio-padding-right: 13px !default;
27
+ $grid-xl-match-margin-left: 6px !default;
28
+ $grid-bigger-xlfl-li-height: 48px !default;
29
+ $grid-bigger-xlfl-fieldset-font-size: 15px !default;
30
+ $grid-bigger-xlfl-dlgfields-font-size: 18px !default;
31
+ $grid-bigger-xlfltd-radio-mtcase-padding: 16px !default;
32
+ $grid-bigger-xlfl-dlg-padding-bottom: 8px !default;
33
+ $grid-bigger-xlfl-li-icon-margin-right: 15px !default;
34
+ $grid-bigger-xlfl-li-left-padding: 35px !default;
35
+ $grid-bigger-xlfl-min-height: 396px !default;
36
+ $grid-bigger-xlfl-fieldset-padding: 20px !default;
37
+ $grid-bigger-xlfltd-padding: 16px !default;
38
+ $grid-bigger-xlfl-radio-margin-left: 18px !default;
39
+ $grid-bigger-xlfltable-border-spacing: 0 !default;
40
+ $grid-bigger-xlfl-dropdown-padding-right: 16px !default;
41
+ $grid-bigger-xlfl-radiodiv-width: 137px !default;
42
+ $grid-bigger-xl-radio-padding-left: 28px !default;
43
+ $grid-bigger-xl-radio-padding-right: 5px !default;
44
+ $grid-bigger-xl-match-margin-left: 8px !default;
45
+ $grid-resize-border-width: 1px !default;
46
+ $grid-xl-rtl-radio-padding-left: 0 !default;
47
+ $grid-xl-rtl-radio-padding-right: 25px !default;
48
+ $grid-checkbox-cell-padding-top-bottom: 6px !default;
49
+ $grid-autofill-color: $accent !default;
50
+ $grid-column-chooser-footdiv: 1px 0 0 !default;
51
+ $grid-columnchooser-footer-border-color: rgba($grey-dark-font, .12) !default;
52
+ $grid-columnchooser-footer-border-opacity: 1 !default;
53
+ $grid-checkboxfiltertext-width: 150px !default;
54
+ $grid-filtered-color: $accent !default;
55
+ $sfgrid-xlfl-dlg-padding: 18px !default;
56
+ $grid-excel-filter-separator: 4px !default;
57
+ $grid-dialog-footer-color: $grey-800 !default;
58
+ $grid-xlfl-dlg-content-top-padding: 0 !default;
59
+ $grid-xlfl-context-menu-border-radious: 0 !default;
60
+ $grid-excel-filter-bottom-padding: 0 !default;
61
+ $grid-xlfl-li-icon-margin-arrow-icon: 0 !default;
62
+ $grid-bigger-xlfl-li-icon-margin-arrow-icon: 0 !default;
63
+ $grid-xl-radio-margin-top: 0 !default;
64
+ $grid-xlfl-skin: 'material' !default;
@@ -0,0 +1,65 @@
1
+ $grid-xlfl-fieldset-padding: 15px !default;
2
+ $grid-xlfltd-padding: 12px !default;
3
+ $grid-xlfltable-border-spacing: 0 !default;
4
+ $grid-xlfl-dropdown-padding-right: 12px !default;
5
+ $grid-xlfl-radio-margin-left: 13px !default;
6
+ $grid-xlfl-min-height: 295px !default;
7
+ $grid-exlfltr-ctxtmnu-max-height: 298px !default;
8
+ $grid-bigger-exlfltr-ctxtmnu-max-height: 355px !default;
9
+ $grid-xlfl-li-left-padding: 28px !default;
10
+ $grid-xlfl-li-icon-margin-right: 12px !default;
11
+ $grid-xlfl-dlg-padding-bottom: 6px !default;
12
+ $grid-xlfltd-radio-mtcase-padding: 12px !default;
13
+ $grid-xlfl-fieldset-font-size: 14px !default;
14
+ $grid-xlfl-dlgfields-font-size: 17px !default;
15
+ $grid-xlfl-li-height: 36px !default;
16
+ $grid-xlfl-radiodiv-width: 117px !default;
17
+ $grid-xl-radio-padding-left: 23px !default;
18
+ $grid-xl-radio-padding-right: 13px !default;
19
+ $grid-xl-match-margin-left: 6px !default;
20
+ $grid-bigger-xlfl-li-height: 48px !default;
21
+ $grid-bigger-xlfl-fieldset-font-size: 15px !default;
22
+ $grid-bigger-xlfl-dlgfields-font-size: 18px !default;
23
+ $grid-bigger-xlfltd-radio-mtcase-padding: 16px !default;
24
+ $grid-bigger-xlfl-dlg-padding-bottom: 8px !default;
25
+ $grid-bigger-xlfl-li-icon-margin-right: 15px !default;
26
+ $grid-bigger-xlfl-li-left-padding: 35px !default;
27
+ $grid-bigger-xlfl-min-height: 396px !default;
28
+ $grid-bigger-xlfl-fieldset-padding: 20px !default;
29
+ $grid-bigger-xlfltd-padding: 16px !default;
30
+ $grid-bigger-xlfl-radio-margin-left: 18px !default;
31
+ $grid-bigger-xlfltable-border-spacing: 0 !default;
32
+ $grid-bigger-xlfl-dropdown-padding-right: 16px !default;
33
+ $grid-bigger-xlfl-radiodiv-width: 137px !default;
34
+ $grid-bigger-xl-radio-padding-left: 28px !default;
35
+ $grid-bigger-xl-radio-padding-right: 5px !default;
36
+ $grid-bigger-xl-match-margin-left: 8px !default;
37
+ $grid-resize-border-width: 1px !default;
38
+ $grid-xl-rtl-radio-padding-left: 0 !default;
39
+ $grid-xl-rtl-radio-padding-right: 25px !default;
40
+ $grid-checkbox-cell-padding-top-bottom: 6px !default;
41
+ $grid-checkboxfiltertext-width: 150px !default;
42
+ $grid-column-chooser-footdiv: 1px 0 0 !default;
43
+ $grid-columnchooser-footer-border-color: rgba($grey-light-font, .12) !default;
44
+ $grid-columnchooser-footer-border-opacity: 1 !default;
45
+ $grid-autofill-color: $accent !default;
46
+ $grid-bigger-checkbox-padding-topbottom: 13px !default;
47
+ $grid-checkbox-padding-topbottom: 9px !default;
48
+ $grid-checkboxfiltertext-width: 150px !default;
49
+ $grid-checkbox-content-padding-left: 9px !default;
50
+ $grid-rtl-checkbox-content-padding-left: 18px !default;
51
+ $grid-bigger-checkbox-content-padding-left: 11px !default;
52
+ $grid-rtl-bigger-checkbox-content-padding-left: 24px !default;
53
+ $grid-columnchooser-footer-border-color: rgba($grey-dark-font, .12) !default;
54
+ $grid-columnchooser-footer-border-opacity: 1 !default;
55
+ $grid-filtered-color: $accent !default;
56
+ $sfgrid-xlfl-dlg-padding: 18px !default;
57
+ $grid-excel-filter-separator: 4px !default;
58
+ $grid-dialog-footer-color: $grey-white !default;
59
+ $grid-xlfl-dlg-content-top-padding: 0 !default;
60
+ $grid-xlfl-context-menu-border-radious: 0 !default;
61
+ $grid-excel-filter-bottom-padding: 0 !default;
62
+ $grid-xlfl-li-icon-margin-arrow-icon: 0 !default;
63
+ $grid-bigger-xlfl-li-icon-margin-arrow-icon: 0 !default;
64
+ $grid-xl-radio-margin-top: 0 !default;
65
+ $grid-xlfl-skin: 'material' !default;
@@ -0,0 +1 @@
1
+ @import './material3-definition.scss';