@syncfusion/ej2-grids 18.3.48 → 18.3.50-85492

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 (170) hide show
  1. package/CHANGELOG.md +1800 -1790
  2. package/README.md +81 -81
  3. package/dist/ej2-grids.umd.min.js +1 -10
  4. package/dist/ej2-grids.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-grids.es2015.js +94 -80
  6. package/dist/es6/ej2-grids.es2015.js.map +1 -1
  7. package/dist/es6/ej2-grids.es5.js +649 -633
  8. package/dist/es6/ej2-grids.es5.js.map +1 -1
  9. package/helpers/e2e/index.js +3 -3
  10. package/license +10 -10
  11. package/package.json +81 -81
  12. package/src/grid/actions/batch-edit.js +2 -2
  13. package/src/grid/actions/dialog-edit.js +13 -13
  14. package/src/grid/actions/edit.js +4 -4
  15. package/src/grid/actions/excel-filter.js +13 -13
  16. package/src/grid/actions/foreign-key.js +13 -13
  17. package/src/grid/actions/inline-edit.js +13 -13
  18. package/src/grid/actions/normal-edit.js +2 -2
  19. package/src/grid/actions/print.js +4 -4
  20. package/src/grid/actions/resize.js +4 -1
  21. package/src/grid/actions/selection.js +15 -15
  22. package/src/grid/actions/toolbar.js +8 -8
  23. package/src/grid/base/grid-model.d.ts +1283 -1283
  24. package/src/grid/base/grid.d.ts +44 -44
  25. package/src/grid/base/grid.js +23 -23
  26. package/src/grid/base/interface.d.ts +1 -0
  27. package/src/grid/base/util.js +3 -3
  28. package/src/grid/common/excel-filter-base.js +13 -13
  29. package/src/grid/models/aggregate-model.d.ts +74 -74
  30. package/src/grid/models/aggregate.js +19 -19
  31. package/src/grid/models/column-chooser-settings-model.d.ts +8 -8
  32. package/src/grid/models/column-chooser-settings.js +19 -19
  33. package/src/grid/models/column-model.d.ts +11 -11
  34. package/src/grid/models/column.d.ts +2 -2
  35. package/src/grid/models/column.js +6 -6
  36. package/src/grid/models/page-settings-model.d.ts +36 -36
  37. package/src/grid/models/page-settings.js +19 -19
  38. package/src/grid/renderer/caption-cell-renderer.js +13 -13
  39. package/src/grid/renderer/command-column-renderer.js +13 -13
  40. package/src/grid/renderer/content-renderer.js +3 -0
  41. package/src/grid/renderer/detail-expand-cell-renderer.js +13 -13
  42. package/src/grid/renderer/detail-header-indent-renderer.js +13 -13
  43. package/src/grid/renderer/dropdown-edit-cell.js +2 -2
  44. package/src/grid/renderer/edit-renderer.js +2 -2
  45. package/src/grid/renderer/expand-cell-renderer.js +13 -13
  46. package/src/grid/renderer/filter-cell-renderer.js +13 -13
  47. package/src/grid/renderer/footer-renderer.js +13 -13
  48. package/src/grid/renderer/freeze-renderer.js +13 -13
  49. package/src/grid/renderer/group-lazy-load-renderer.js +13 -13
  50. package/src/grid/renderer/header-cell-renderer.js +13 -13
  51. package/src/grid/renderer/header-indent-renderer.js +13 -13
  52. package/src/grid/renderer/indent-cell-renderer.js +13 -13
  53. package/src/grid/renderer/row-drag-drop-renderer.js +13 -13
  54. package/src/grid/renderer/row-drag-header-indent-render.js +13 -13
  55. package/src/grid/renderer/stacked-cell-renderer.js +13 -13
  56. package/src/grid/renderer/summary-cell-renderer.js +13 -13
  57. package/src/grid/renderer/virtual-content-renderer.js +13 -13
  58. package/src/grid/renderer/virtual-freeze-renderer.js +13 -13
  59. package/src/grid/services/focus-strategy.d.ts +2 -1
  60. package/src/grid/services/focus-strategy.js +26 -16
  61. package/src/grid/services/group-model-generator.js +13 -13
  62. package/src/grid/services/summary-model-generator.js +13 -13
  63. package/src/pager/pager-dropdown.js +1 -1
  64. package/src/pager/pager-model.d.ts +59 -59
  65. package/src/pager/pager.js +19 -19
  66. package/styles/bootstrap-dark.css +0 -4
  67. package/styles/bootstrap.css +0 -4
  68. package/styles/bootstrap4.css +5 -4
  69. package/styles/bootstrap5-dark.css +0 -0
  70. package/styles/bootstrap5-dark.scss +0 -0
  71. package/styles/bootstrap5.css +0 -0
  72. package/styles/bootstrap5.scss +0 -0
  73. package/styles/excel-filter/_all.scss +2 -2
  74. package/styles/excel-filter/_bootstrap-dark-definition.scss +54 -54
  75. package/styles/excel-filter/_bootstrap-definition.scss +61 -61
  76. package/styles/excel-filter/_bootstrap4-definition.scss +70 -70
  77. package/styles/excel-filter/_fabric-dark-definition.scss +54 -54
  78. package/styles/excel-filter/_fabric-definition.scss +59 -59
  79. package/styles/excel-filter/_highcontrast-definition.scss +54 -54
  80. package/styles/excel-filter/_highcontrast-light-definition.scss +50 -50
  81. package/styles/excel-filter/_layout.scss +387 -387
  82. package/styles/excel-filter/_material-dark-definition.scss +56 -56
  83. package/styles/excel-filter/_material-definition.scss +57 -57
  84. package/styles/excel-filter/_office-365-definition.scss +1 -1
  85. package/styles/excel-filter/_theme.scss +18 -18
  86. package/styles/excel-filter/bootstrap-dark.css +0 -1
  87. package/styles/excel-filter/bootstrap.css +0 -1
  88. package/styles/excel-filter/bootstrap.scss +1 -0
  89. package/styles/excel-filter/bootstrap4.css +5 -1
  90. package/styles/excel-filter/fabric.scss +1 -0
  91. package/styles/excel-filter/highcontrast.scss +1 -0
  92. package/styles/excel-filter/icons/_bootstrap-dark.scss +29 -29
  93. package/styles/excel-filter/icons/_bootstrap.scss +29 -29
  94. package/styles/excel-filter/icons/_bootstrap4.scss +29 -29
  95. package/styles/excel-filter/icons/_fabric-dark.scss +29 -29
  96. package/styles/excel-filter/icons/_fabric.scss +29 -29
  97. package/styles/excel-filter/icons/_highcontrast-light.scss +29 -29
  98. package/styles/excel-filter/icons/_highcontrast.scss +29 -29
  99. package/styles/excel-filter/icons/_material-dark.scss +29 -29
  100. package/styles/excel-filter/icons/_material.scss +29 -29
  101. package/styles/excel-filter/material.scss +1 -0
  102. package/styles/fabric-dark.css +0 -3
  103. package/styles/fabric.css +0 -3
  104. package/styles/grid/_all.scss +2 -2
  105. package/styles/grid/_bootstrap-dark-definition.scss +497 -497
  106. package/styles/grid/_bootstrap-definition.scss +500 -500
  107. package/styles/grid/_bootstrap4-definition.scss +501 -502
  108. package/styles/grid/_fabric-dark-definition.scss +499 -499
  109. package/styles/grid/_fabric-definition.scss +499 -499
  110. package/styles/grid/_highcontrast-definition.scss +498 -498
  111. package/styles/grid/_highcontrast-light-definition.scss +495 -495
  112. package/styles/grid/_layout.scss +2908 -2908
  113. package/styles/grid/_material-dark-definition.scss +495 -495
  114. package/styles/grid/_material-definition.scss +495 -495
  115. package/styles/grid/_office-365-definition.scss +1 -1
  116. package/styles/grid/_theme.scss +529 -529
  117. package/styles/grid/bootstrap-dark.css +0 -4
  118. package/styles/grid/bootstrap.css +0 -4
  119. package/styles/grid/bootstrap.scss +1 -0
  120. package/styles/grid/bootstrap4.css +5 -4
  121. package/styles/grid/fabric-dark.css +0 -3
  122. package/styles/grid/fabric.css +0 -3
  123. package/styles/grid/fabric.scss +1 -0
  124. package/styles/grid/highcontrast-light.css +0 -3
  125. package/styles/grid/highcontrast.css +0 -3
  126. package/styles/grid/highcontrast.scss +1 -0
  127. package/styles/grid/icons/_bootstrap-dark.scss +180 -180
  128. package/styles/grid/icons/_bootstrap.scss +180 -180
  129. package/styles/grid/icons/_bootstrap4.scss +180 -180
  130. package/styles/grid/icons/_fabric-dark.scss +180 -180
  131. package/styles/grid/icons/_fabric.scss +180 -180
  132. package/styles/grid/icons/_highcontrast-light.scss +180 -180
  133. package/styles/grid/icons/_highcontrast.scss +181 -181
  134. package/styles/grid/icons/_material-dark.scss +180 -180
  135. package/styles/grid/icons/_material.scss +180 -180
  136. package/styles/grid/material-dark.css +0 -3
  137. package/styles/grid/material.css +0 -3
  138. package/styles/grid/material.scss +1 -0
  139. package/styles/highcontrast-light.css +0 -3
  140. package/styles/highcontrast.css +0 -3
  141. package/styles/material-dark.css +0 -3
  142. package/styles/material.css +0 -3
  143. package/styles/pager/_all.scss +2 -2
  144. package/styles/pager/_bootstrap-dark-definition.scss +112 -112
  145. package/styles/pager/_bootstrap-definition.scss +112 -112
  146. package/styles/pager/_bootstrap4-definition.scss +111 -112
  147. package/styles/pager/_fabric-dark-definition.scss +113 -113
  148. package/styles/pager/_fabric-definition.scss +112 -112
  149. package/styles/pager/_highcontrast-definition.scss +112 -112
  150. package/styles/pager/_highcontrast-light-definition.scss +112 -112
  151. package/styles/pager/_layout.scss +575 -575
  152. package/styles/pager/_material-dark-definition.scss +112 -112
  153. package/styles/pager/_material-definition.scss +111 -111
  154. package/styles/pager/_theme.scss +129 -129
  155. package/styles/pager/icons/_bootstrap-dark.scss +49 -49
  156. package/styles/pager/icons/_bootstrap.scss +49 -49
  157. package/styles/pager/icons/_bootstrap4.scss +49 -49
  158. package/styles/pager/icons/_fabric-dark.scss +49 -49
  159. package/styles/pager/icons/_fabric.scss +49 -49
  160. package/styles/pager/icons/_highcontrast-light.scss +49 -49
  161. package/styles/pager/icons/_highcontrast.scss +41 -41
  162. package/styles/pager/icons/_material-dark.scss +49 -49
  163. package/styles/pager/icons/_material.scss +41 -41
  164. package/styles/tailwind-dark.css +0 -0
  165. package/styles/tailwind-dark.scss +0 -0
  166. package/styles/tailwind.css +0 -0
  167. package/styles/tailwind.scss +0 -0
  168. package/dist/global/ej2-grids.min.js +0 -11
  169. package/dist/global/ej2-grids.min.js.map +0 -1
  170. package/dist/global/index.d.ts +0 -14
@@ -1,387 +1,387 @@
1
- @include export-module('excel-filter-layout') {
2
- /*! Excel-Filter layout */
3
- .sf-grid .e-excelfilter {
4
- .e-dlg-content {
5
- overflow: visible;
6
- padding: 0;
7
- }
8
-
9
- .e-searchcontainer {
10
- padding: $sfgrid-xlfl-dlg-padding;
11
- padding-top: 4px;
12
- }
13
-
14
- .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
15
- height: 26px;
16
- line-height: 26px;
17
- }
18
-
19
- .e-searchbox {
20
- padding-left: 0;
21
- }
22
-
23
- .e-contextmenu-container.e-sfcontextmenu .e-ul .e-separator {
24
- height: auto;
25
- }
26
-
27
- .e-contextmenu-container.e-sfcontextmenu .e-ul {
28
- position: absolute;
29
- }
30
-
31
- .e-contextmenu-container.e-sfcontextmenu {
32
- display: inline-block;
33
- position: relative;
34
- width: 100%;
35
- }
36
-
37
- }
38
-
39
- .sf-grid-dlg.e-xlflmenu .e-xlfl-radiodiv {
40
- width: unset;
41
- }
42
-
43
- #{&}.e-xlflmenu {
44
- min-height: $grid-xlfl-min-height;
45
-
46
- .e-xlfl-dlgfields {
47
- font-size: $grid-xlfl-dlgfields-font-size;
48
- }
49
-
50
- .e-xlfl-fieldset {
51
- font-size: $grid-xlfl-fieldset-font-size;
52
- padding-top: $grid-xlfl-fieldset-padding;
53
- }
54
-
55
- .e-xlfl-optr,
56
- .e-xlfl-value {
57
- padding-top: $grid-xlfltd-padding;
58
- }
59
-
60
- .e-xlfl-radio,
61
- .e-xlfl-mtcase {
62
- padding-top: $grid-xlfltd-radio-mtcase-padding;
63
- }
64
-
65
- .e-xlfl-optr:first-child {
66
- padding-right: $grid-xlfl-dropdown-padding-right;
67
- }
68
-
69
- .e-xlfl-table {
70
- border-spacing: $grid-xlfltable-border-spacing;
71
- table-layout: fixed;
72
- width: 100%;
73
- }
74
-
75
- .e-radio + label .e-label {
76
- padding-left: $grid-xl-radio-padding-left;
77
- padding-right: $grid-xl-radio-padding-right;
78
- }
79
-
80
- .e-checkbox-wrapper {
81
- .e-frame + .e-label {
82
- margin-left: $grid-xl-match-margin-left;
83
- }
84
- }
85
-
86
- .e-dlg-content {
87
- padding-bottom: $grid-xlfl-dlg-padding-bottom;
88
- }
89
-
90
- .e-xlfl-radiodiv {
91
- width: $grid-xlfl-radiodiv-width;
92
- }
93
-
94
- .e-xlfl-matchcasediv {
95
- margin-left: 0;
96
- margin-right: 13px;
97
- }
98
- }
99
-
100
- .e-xlfl-radio-or,
101
- .e-xlfl-matchcasediv {
102
- margin-left: $grid-xlfl-radio-margin-left;
103
- }
104
-
105
- .e-emptyicon {
106
- opacity: 0;
107
- }
108
-
109
- #{&}.e-xlflmenu.e-rtl {
110
- .e-xlfl-optr :first-child {
111
- padding-left: $grid-xlfl-dropdown-padding-right;
112
- }
113
-
114
- .e-radio + label .e-label {
115
- padding-left: $grid-xl-rtl-radio-padding-left;
116
- padding-right: $grid-xl-rtl-radio-padding-right;
117
- }
118
-
119
- .e-xlfl-radio-or {
120
- margin-left: 0;
121
- margin-right: 13px;
122
- }
123
- }
124
-
125
- .e-bigger #{&}.e-xlflmenu {
126
- min-height: $grid-bigger-xlfl-min-height;
127
-
128
- .e-xlfl-table {
129
- border-spacing: $grid-bigger-xlfltable-border-spacing;
130
- width: 100%;
131
- }
132
-
133
- .e-dlg-content {
134
- padding-bottom: $grid-bigger-xlfl-dlg-padding-bottom;
135
- }
136
-
137
- .e-radio + label .e-label {
138
- padding-left: $grid-bigger-xl-radio-padding-left;
139
- padding-right: $grid-bigger-xl-radio-padding-right;
140
- }
141
-
142
- .e-checkbox-wrapper .e-frame + .e-label {
143
- margin-left: $grid-bigger-xl-match-margin-left;
144
- }
145
-
146
- .e-xlfl-radiodiv {
147
- width: $grid-bigger-xlfl-radiodiv-width;
148
- }
149
-
150
- .e-xlfl-radio-or,
151
- .e-xlfl-matchcasediv {
152
- margin-left: $grid-bigger-xlfl-radio-margin-left;
153
- }
154
-
155
- .e-xlfl-optr:first-child {
156
- padding-right: $grid-bigger-xlfl-dropdown-padding-right;
157
- }
158
-
159
- .e-xlfl-dlgfields {
160
- font-size: $grid-bigger-xlfl-dlgfields-font-size;
161
- }
162
-
163
- .e-xlfl-fieldset {
164
- font-size: $grid-bigger-xlfl-fieldset-font-size;
165
- padding-top: $grid-bigger-xlfl-fieldset-padding;
166
- }
167
-
168
- .e-xlfl-optr,
169
- .e-xlfl-value {
170
- padding-top: $grid-bigger-xlfltd-padding;
171
- }
172
-
173
- .e-xlfl-radio,
174
- .e-xlfl-mtcase {
175
- padding-top: $grid-bigger-xlfltd-radio-mtcase-padding;
176
- }
177
- }
178
-
179
- .e-bigger #{&}.e-excelfilter,
180
- #{&}.e-excelfilter.e-bigger {
181
- .e-xlflmenu {
182
- min-height: $grid-bigger-xlfl-min-height;
183
- }
184
-
185
- .e-ftrchk {
186
- padding-bottom: $grid-bigger-checkbox-padding-topbottom;
187
- padding-top: $grid-bigger-checkbox-padding-topbottom;
188
- }
189
-
190
- .e-contextmenu-wrapper ul li,
191
- .e-contextmenu-container ul li {
192
- height: $grid-bigger-xlfl-li-height;
193
- line-height: $grid-bigger-xlfl-li-height;
194
- }
195
-
196
- .e-contextmenu-wrapper ul li .e-menu-icon,
197
- .e-contextmenu-container ul li .e-menu-icon {
198
- height: $grid-bigger-xlfl-li-height;
199
- line-height: $grid-bigger-xlfl-li-height;
200
- margin-right: $grid-bigger-xlfl-li-icon-margin-right;
201
- }
202
-
203
- .e-contextmenu-wrapper ul .e-menu-item .e-caret {
204
- height: $grid-bigger-xlfl-li-height;
205
- line-height: $grid-bigger-xlfl-li-height;
206
- }
207
-
208
- .e-dlg-content {
209
- padding-left: $grid-bigger-checkbox-content-padding-left;
210
- }
211
-
212
- .e-ftrchk,
213
- .e-searchbox {
214
- padding-left: $grid-bigger-checkbox-padding-topbottom;
215
- }
216
-
217
- &.e-rtl {
218
- .e-dlg-content {
219
- padding-left: $grid-rtl-bigger-checkbox-content-padding-left;
220
- padding-right: $grid-bigger-checkbox-content-padding-left;
221
- }
222
-
223
- .e-ftrchk,
224
- .e-searchbox {
225
- padding-left: 0;
226
- padding-right: $grid-bigger-checkbox-padding-topbottom;
227
- }
228
- }
229
- }
230
-
231
- #{&}.e-excelfilter {
232
- .e-checkboxlist {
233
- height: 200px;
234
- margin-top: 5px;
235
- min-height: 160px;
236
- overflow-y: auto;
237
- }
238
-
239
- .e-checkboxfiltertext {
240
- width: $grid-checkboxfiltertext-width;
241
- word-break: normal;
242
- }
243
-
244
- .e-chk-hidden {
245
- -moz-appearance: none; // sass-lint:disable-line no-vendor-prefixes
246
- height: 1px;
247
- opacity: 0;
248
- width: 1px;
249
- }
250
-
251
- .e-contextmenu-wrapper,
252
- .e-contextmenu-wrapper ul {
253
- display: block;
254
- }
255
-
256
- .e-contextmenu-wrapper ul {
257
- padding-bottom: 4px;
258
- position: static;
259
- }
260
-
261
- .e-contextmenu-wrapper ul li,
262
- .e-contextmenu-container ul li {
263
- height: $grid-xlfl-li-height;
264
- line-height: $grid-xlfl-li-height;
265
- }
266
-
267
- .e-contextmenu-wrapper ul li .e-menu-icon,
268
- .e-contextmenu-container ul li .e-menu-icon {
269
- height: $grid-xlfl-li-height;
270
- line-height: $grid-xlfl-li-height;
271
- margin-right: $grid-xlfl-li-icon-margin-right;
272
- }
273
-
274
- &.e-rtl .e-contextmenu-wrapper ul li .e-menu-icon {
275
- margin-right: 0;
276
- }
277
-
278
- .e-contextmenu-wrapper ul .e-menu-item .e-caret {
279
- height: $grid-xlfl-li-height;
280
- line-height: $grid-xlfl-li-height;
281
- }
282
-
283
- .e-contextmenu-wrapper ul,
284
- .e-contextmenu-container ul {
285
- border: 0;
286
- box-shadow: none;
287
- max-width: 300px;
288
- padding-bottom: 4px;
289
- position: static;
290
- }
291
-
292
- .e-footer-content {
293
- border-style: solid;
294
- border-width: $grid-column-chooser-footdiv;
295
- }
296
-
297
- .e-excel-menu {
298
- z-index: 1000;
299
- }
300
-
301
- .e-dlg-content {
302
- padding-top: 0;
303
- }
304
-
305
- .e-contextmenu-wrapper,
306
- .e-contextmenu-wrapper ul {
307
- display: block;
308
- }
309
-
310
- .e-contextmenu-wrapper ul {
311
- padding-bottom: 4px;
312
- position: static;
313
- }
314
-
315
- .e-contextmenu-wrapper ul li
316
- .e-contextmenu-container ul li {
317
- height: $grid-xlfl-li-height;
318
- line-height: $grid-xlfl-li-height;
319
- }
320
-
321
- .e-contextmenu-wrapper ul li .e-menu-icon,
322
- .e-contextmenu-container ul li .e-menu-icon {
323
- height: $grid-xlfl-li-height;
324
- line-height: $grid-xlfl-li-height;
325
- margin-right: $grid-xlfl-li-icon-margin-right;
326
- }
327
-
328
- &.e-rtl .e-contextmenu-wrapper ul li .e-menu-icon {
329
- margin-right: 0;
330
- }
331
-
332
- .e-contextmenu-wrapper ul .e-menu-item .e-caret {
333
- height: $grid-xlfl-li-height;
334
- line-height: $grid-xlfl-li-height;
335
- }
336
-
337
- .e-footer-content {
338
- border-style: solid;
339
- border-width: $grid-column-chooser-footdiv;
340
- }
341
-
342
- .e-excel-menu {
343
- z-index: 1000;
344
- }
345
-
346
- .e-dlg-content {
347
- padding-top: 0;
348
- }
349
-
350
- .e-xlsel {
351
- border: 0 solid;
352
- position: absolute;
353
- user-select: none;
354
- }
355
-
356
- .e-dlg-content {
357
- padding-left: $grid-checkbox-content-padding-left;
358
- }
359
-
360
- .e-ftrchk,
361
- .e-searchbox {
362
- padding-left: $grid-checkbox-padding-topbottom;
363
- }
364
-
365
- &.e-rtl {
366
- .e-dlg-content {
367
- padding-left: $grid-rtl-checkbox-content-padding-left;
368
- padding-right: $grid-checkbox-content-padding-left;
369
- }
370
-
371
- .e-ftrchk,
372
- .e-searchbox {
373
- padding-left: 0;
374
- padding-right: $grid-checkbox-padding-topbottom;
375
- }
376
- }
377
-
378
- .e-searchbox {
379
- display: block;
380
- }
381
- }
382
-
383
- .e-ftrchk {
384
- padding-bottom: $grid-checkbox-padding-topbottom;
385
- padding-top: $grid-checkbox-padding-topbottom;
386
- }
387
- }
1
+ @include export-module('excel-filter-layout') {
2
+ /*! Excel-Filter layout */
3
+ .sf-grid .e-excelfilter {
4
+ .e-dlg-content {
5
+ overflow: visible;
6
+ padding: 0;
7
+ }
8
+
9
+ .e-searchcontainer {
10
+ padding: $sfgrid-xlfl-dlg-padding;
11
+ padding-top: 4px;
12
+ }
13
+
14
+ .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
15
+ height: 26px;
16
+ line-height: 26px;
17
+ }
18
+
19
+ .e-searchbox {
20
+ padding-left: 0;
21
+ }
22
+
23
+ .e-contextmenu-container.e-sfcontextmenu .e-ul .e-separator {
24
+ height: auto;
25
+ }
26
+
27
+ .e-contextmenu-container.e-sfcontextmenu .e-ul {
28
+ position: absolute;
29
+ }
30
+
31
+ .e-contextmenu-container.e-sfcontextmenu {
32
+ display: inline-block;
33
+ position: relative;
34
+ width: 100%;
35
+ }
36
+
37
+ }
38
+
39
+ .sf-grid-dlg.e-xlflmenu .e-xlfl-radiodiv {
40
+ width: unset;
41
+ }
42
+
43
+ #{&}.e-xlflmenu {
44
+ min-height: $grid-xlfl-min-height;
45
+
46
+ .e-xlfl-dlgfields {
47
+ font-size: $grid-xlfl-dlgfields-font-size;
48
+ }
49
+
50
+ .e-xlfl-fieldset {
51
+ font-size: $grid-xlfl-fieldset-font-size;
52
+ padding-top: $grid-xlfl-fieldset-padding;
53
+ }
54
+
55
+ .e-xlfl-optr,
56
+ .e-xlfl-value {
57
+ padding-top: $grid-xlfltd-padding;
58
+ }
59
+
60
+ .e-xlfl-radio,
61
+ .e-xlfl-mtcase {
62
+ padding-top: $grid-xlfltd-radio-mtcase-padding;
63
+ }
64
+
65
+ .e-xlfl-optr:first-child {
66
+ padding-right: $grid-xlfl-dropdown-padding-right;
67
+ }
68
+
69
+ .e-xlfl-table {
70
+ border-spacing: $grid-xlfltable-border-spacing;
71
+ table-layout: fixed;
72
+ width: 100%;
73
+ }
74
+
75
+ .e-radio + label .e-label {
76
+ padding-left: $grid-xl-radio-padding-left;
77
+ padding-right: $grid-xl-radio-padding-right;
78
+ }
79
+
80
+ .e-checkbox-wrapper {
81
+ .e-frame + .e-label {
82
+ margin-left: $grid-xl-match-margin-left;
83
+ }
84
+ }
85
+
86
+ .e-dlg-content {
87
+ padding-bottom: $grid-xlfl-dlg-padding-bottom;
88
+ }
89
+
90
+ .e-xlfl-radiodiv {
91
+ width: $grid-xlfl-radiodiv-width;
92
+ }
93
+
94
+ .e-xlfl-matchcasediv {
95
+ margin-left: 0;
96
+ margin-right: 13px;
97
+ }
98
+ }
99
+
100
+ .e-xlfl-radio-or,
101
+ .e-xlfl-matchcasediv {
102
+ margin-left: $grid-xlfl-radio-margin-left;
103
+ }
104
+
105
+ .e-emptyicon {
106
+ opacity: 0;
107
+ }
108
+
109
+ #{&}.e-xlflmenu.e-rtl {
110
+ .e-xlfl-optr :first-child {
111
+ padding-left: $grid-xlfl-dropdown-padding-right;
112
+ }
113
+
114
+ .e-radio + label .e-label {
115
+ padding-left: $grid-xl-rtl-radio-padding-left;
116
+ padding-right: $grid-xl-rtl-radio-padding-right;
117
+ }
118
+
119
+ .e-xlfl-radio-or {
120
+ margin-left: 0;
121
+ margin-right: 13px;
122
+ }
123
+ }
124
+
125
+ .e-bigger #{&}.e-xlflmenu {
126
+ min-height: $grid-bigger-xlfl-min-height;
127
+
128
+ .e-xlfl-table {
129
+ border-spacing: $grid-bigger-xlfltable-border-spacing;
130
+ width: 100%;
131
+ }
132
+
133
+ .e-dlg-content {
134
+ padding-bottom: $grid-bigger-xlfl-dlg-padding-bottom;
135
+ }
136
+
137
+ .e-radio + label .e-label {
138
+ padding-left: $grid-bigger-xl-radio-padding-left;
139
+ padding-right: $grid-bigger-xl-radio-padding-right;
140
+ }
141
+
142
+ .e-checkbox-wrapper .e-frame + .e-label {
143
+ margin-left: $grid-bigger-xl-match-margin-left;
144
+ }
145
+
146
+ .e-xlfl-radiodiv {
147
+ width: $grid-bigger-xlfl-radiodiv-width;
148
+ }
149
+
150
+ .e-xlfl-radio-or,
151
+ .e-xlfl-matchcasediv {
152
+ margin-left: $grid-bigger-xlfl-radio-margin-left;
153
+ }
154
+
155
+ .e-xlfl-optr:first-child {
156
+ padding-right: $grid-bigger-xlfl-dropdown-padding-right;
157
+ }
158
+
159
+ .e-xlfl-dlgfields {
160
+ font-size: $grid-bigger-xlfl-dlgfields-font-size;
161
+ }
162
+
163
+ .e-xlfl-fieldset {
164
+ font-size: $grid-bigger-xlfl-fieldset-font-size;
165
+ padding-top: $grid-bigger-xlfl-fieldset-padding;
166
+ }
167
+
168
+ .e-xlfl-optr,
169
+ .e-xlfl-value {
170
+ padding-top: $grid-bigger-xlfltd-padding;
171
+ }
172
+
173
+ .e-xlfl-radio,
174
+ .e-xlfl-mtcase {
175
+ padding-top: $grid-bigger-xlfltd-radio-mtcase-padding;
176
+ }
177
+ }
178
+
179
+ .e-bigger #{&}.e-excelfilter,
180
+ #{&}.e-excelfilter.e-bigger {
181
+ .e-xlflmenu {
182
+ min-height: $grid-bigger-xlfl-min-height;
183
+ }
184
+
185
+ .e-ftrchk {
186
+ padding-bottom: $grid-bigger-checkbox-padding-topbottom;
187
+ padding-top: $grid-bigger-checkbox-padding-topbottom;
188
+ }
189
+
190
+ .e-contextmenu-wrapper ul li,
191
+ .e-contextmenu-container ul li {
192
+ height: $grid-bigger-xlfl-li-height;
193
+ line-height: $grid-bigger-xlfl-li-height;
194
+ }
195
+
196
+ .e-contextmenu-wrapper ul li .e-menu-icon,
197
+ .e-contextmenu-container ul li .e-menu-icon {
198
+ height: $grid-bigger-xlfl-li-height;
199
+ line-height: $grid-bigger-xlfl-li-height;
200
+ margin-right: $grid-bigger-xlfl-li-icon-margin-right;
201
+ }
202
+
203
+ .e-contextmenu-wrapper ul .e-menu-item .e-caret {
204
+ height: $grid-bigger-xlfl-li-height;
205
+ line-height: $grid-bigger-xlfl-li-height;
206
+ }
207
+
208
+ .e-dlg-content {
209
+ padding-left: $grid-bigger-checkbox-content-padding-left;
210
+ }
211
+
212
+ .e-ftrchk,
213
+ .e-searchbox {
214
+ padding-left: $grid-bigger-checkbox-padding-topbottom;
215
+ }
216
+
217
+ &.e-rtl {
218
+ .e-dlg-content {
219
+ padding-left: $grid-rtl-bigger-checkbox-content-padding-left;
220
+ padding-right: $grid-bigger-checkbox-content-padding-left;
221
+ }
222
+
223
+ .e-ftrchk,
224
+ .e-searchbox {
225
+ padding-left: 0;
226
+ padding-right: $grid-bigger-checkbox-padding-topbottom;
227
+ }
228
+ }
229
+ }
230
+
231
+ #{&}.e-excelfilter {
232
+ .e-checkboxlist {
233
+ height: 200px;
234
+ margin-top: 5px;
235
+ min-height: 160px;
236
+ overflow-y: auto;
237
+ }
238
+
239
+ .e-checkboxfiltertext {
240
+ width: $grid-checkboxfiltertext-width;
241
+ word-break: normal;
242
+ }
243
+
244
+ .e-chk-hidden {
245
+ -moz-appearance: none; // sass-lint:disable-line no-vendor-prefixes
246
+ height: 1px;
247
+ opacity: 0;
248
+ width: 1px;
249
+ }
250
+
251
+ .e-contextmenu-wrapper,
252
+ .e-contextmenu-wrapper ul {
253
+ display: block;
254
+ }
255
+
256
+ .e-contextmenu-wrapper ul {
257
+ padding-bottom: 4px;
258
+ position: static;
259
+ }
260
+
261
+ .e-contextmenu-wrapper ul li,
262
+ .e-contextmenu-container ul li {
263
+ height: $grid-xlfl-li-height;
264
+ line-height: $grid-xlfl-li-height;
265
+ }
266
+
267
+ .e-contextmenu-wrapper ul li .e-menu-icon,
268
+ .e-contextmenu-container ul li .e-menu-icon {
269
+ height: $grid-xlfl-li-height;
270
+ line-height: $grid-xlfl-li-height;
271
+ margin-right: $grid-xlfl-li-icon-margin-right;
272
+ }
273
+
274
+ &.e-rtl .e-contextmenu-wrapper ul li .e-menu-icon {
275
+ margin-right: 0;
276
+ }
277
+
278
+ .e-contextmenu-wrapper ul .e-menu-item .e-caret {
279
+ height: $grid-xlfl-li-height;
280
+ line-height: $grid-xlfl-li-height;
281
+ }
282
+
283
+ .e-contextmenu-wrapper ul,
284
+ .e-contextmenu-container ul {
285
+ border: 0;
286
+ box-shadow: none;
287
+ max-width: 300px;
288
+ padding-bottom: 4px;
289
+ position: static;
290
+ }
291
+
292
+ .e-footer-content {
293
+ border-style: solid;
294
+ border-width: $grid-column-chooser-footdiv;
295
+ }
296
+
297
+ .e-excel-menu {
298
+ z-index: 1000;
299
+ }
300
+
301
+ .e-dlg-content {
302
+ padding-top: 0;
303
+ }
304
+
305
+ .e-contextmenu-wrapper,
306
+ .e-contextmenu-wrapper ul {
307
+ display: block;
308
+ }
309
+
310
+ .e-contextmenu-wrapper ul {
311
+ padding-bottom: 4px;
312
+ position: static;
313
+ }
314
+
315
+ .e-contextmenu-wrapper ul li
316
+ .e-contextmenu-container ul li {
317
+ height: $grid-xlfl-li-height;
318
+ line-height: $grid-xlfl-li-height;
319
+ }
320
+
321
+ .e-contextmenu-wrapper ul li .e-menu-icon,
322
+ .e-contextmenu-container ul li .e-menu-icon {
323
+ height: $grid-xlfl-li-height;
324
+ line-height: $grid-xlfl-li-height;
325
+ margin-right: $grid-xlfl-li-icon-margin-right;
326
+ }
327
+
328
+ &.e-rtl .e-contextmenu-wrapper ul li .e-menu-icon {
329
+ margin-right: 0;
330
+ }
331
+
332
+ .e-contextmenu-wrapper ul .e-menu-item .e-caret {
333
+ height: $grid-xlfl-li-height;
334
+ line-height: $grid-xlfl-li-height;
335
+ }
336
+
337
+ .e-footer-content {
338
+ border-style: solid;
339
+ border-width: $grid-column-chooser-footdiv;
340
+ }
341
+
342
+ .e-excel-menu {
343
+ z-index: 1000;
344
+ }
345
+
346
+ .e-dlg-content {
347
+ padding-top: 0;
348
+ }
349
+
350
+ .e-xlsel {
351
+ border: 0 solid;
352
+ position: absolute;
353
+ user-select: none;
354
+ }
355
+
356
+ .e-dlg-content {
357
+ padding-left: $grid-checkbox-content-padding-left;
358
+ }
359
+
360
+ .e-ftrchk,
361
+ .e-searchbox {
362
+ padding-left: $grid-checkbox-padding-topbottom;
363
+ }
364
+
365
+ &.e-rtl {
366
+ .e-dlg-content {
367
+ padding-left: $grid-rtl-checkbox-content-padding-left;
368
+ padding-right: $grid-checkbox-content-padding-left;
369
+ }
370
+
371
+ .e-ftrchk,
372
+ .e-searchbox {
373
+ padding-left: 0;
374
+ padding-right: $grid-checkbox-padding-topbottom;
375
+ }
376
+ }
377
+
378
+ .e-searchbox {
379
+ display: block;
380
+ }
381
+ }
382
+
383
+ .e-ftrchk {
384
+ padding-bottom: $grid-checkbox-padding-topbottom;
385
+ padding-top: $grid-checkbox-padding-topbottom;
386
+ }
387
+ }