@syncfusion/ej2-react-grids 23.2.6 → 24.1.41

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 (57) hide show
  1. package/CHANGELOG.md +29 -157
  2. package/diConfig.json +1 -0
  3. package/dist/ej2-react-grids.min.js +1 -1
  4. package/dist/ej2-react-grids.umd.min.js +1 -1
  5. package/package.json +9 -9
  6. package/src/grid/grid.component.d.ts +1 -0
  7. package/styles/bootstrap-dark.css +1 -5102
  8. package/styles/bootstrap.css +1 -5103
  9. package/styles/bootstrap4.css +1 -5190
  10. package/styles/bootstrap5-dark.css +1 -5182
  11. package/styles/bootstrap5.css +1 -5182
  12. package/styles/excel-filter/bootstrap-dark.css +1 -528
  13. package/styles/excel-filter/bootstrap.css +1 -528
  14. package/styles/excel-filter/bootstrap4.css +1 -584
  15. package/styles/excel-filter/bootstrap5-dark.css +1 -572
  16. package/styles/excel-filter/bootstrap5.css +1 -572
  17. package/styles/excel-filter/fabric-dark.css +1 -504
  18. package/styles/excel-filter/fabric.css +1 -497
  19. package/styles/excel-filter/fluent-dark.css +1 -552
  20. package/styles/excel-filter/fluent.css +1 -552
  21. package/styles/excel-filter/highcontrast-light.css +1 -501
  22. package/styles/excel-filter/highcontrast.css +1 -501
  23. package/styles/excel-filter/material-dark.css +1 -535
  24. package/styles/excel-filter/material.css +1 -568
  25. package/styles/excel-filter/material3-dark.css +1 -670
  26. package/styles/excel-filter/material3.css +1 -726
  27. package/styles/excel-filter/tailwind-dark.css +1 -520
  28. package/styles/excel-filter/tailwind.css +1 -520
  29. package/styles/fabric-dark.css +1 -5076
  30. package/styles/fabric.css +1 -5069
  31. package/styles/fluent-dark.css +1 -5220
  32. package/styles/fluent.css +1 -5220
  33. package/styles/grid/bootstrap-dark.css +1 -4678
  34. package/styles/grid/bootstrap.css +1 -4679
  35. package/styles/grid/bootstrap4.css +1 -4755
  36. package/styles/grid/bootstrap5-dark.css +1 -4755
  37. package/styles/grid/bootstrap5.css +1 -4755
  38. package/styles/grid/fabric-dark.css +1 -4652
  39. package/styles/grid/fabric.css +1 -4645
  40. package/styles/grid/fluent-dark.css +1 -4793
  41. package/styles/grid/fluent.css +1 -4793
  42. package/styles/grid/highcontrast-light.css +1 -4649
  43. package/styles/grid/highcontrast.css +1 -4649
  44. package/styles/grid/material-dark.css +1 -4692
  45. package/styles/grid/material.css +1 -4726
  46. package/styles/grid/material3-dark.css +1 -4997
  47. package/styles/grid/material3.css +1 -5053
  48. package/styles/grid/tailwind-dark.css +1 -4773
  49. package/styles/grid/tailwind.css +1 -4773
  50. package/styles/highcontrast-light.css +1 -5073
  51. package/styles/highcontrast.css +1 -5073
  52. package/styles/material-dark.css +1 -5122
  53. package/styles/material.css +1 -5164
  54. package/styles/material3-dark.css +1 -5527
  55. package/styles/material3.css +1 -5639
  56. package/styles/tailwind-dark.css +1 -5200
  57. package/styles/tailwind.css +1 -5200
@@ -1,528 +1 @@
1
- /* stylelint-disable property-no-vendor-prefix */
2
- .e-popup.e-ddl {
3
- border-radius: 4px;
4
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
5
- margin-top: 3px;
6
- }
7
- .e-popup.e-ddl .e-input-group {
8
- width: auto;
9
- }
10
- .e-popup.e-ddl .e-input-group input {
11
- line-height: 15px;
12
- }
13
-
14
- .e-popup.e-ddl .e-dropdownbase {
15
- min-height: 26px;
16
- }
17
-
18
- .e-popup.e-ddl .e-filter-parent .e-input-group {
19
- display: -ms-flexbox;
20
- display: flex;
21
- width: auto;
22
- }
23
- .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
24
- border: 0;
25
- }
26
-
27
- .e-bigger .e-popup.e-ddl-device-filter {
28
- margin-top: 0;
29
- }
30
-
31
- .e-bigger .e-popup.e-ddl .e-list-item, .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
32
- font-size: 15px;
33
- line-height: 40px;
34
- padding-left: 0;
35
- text-indent: 24px;
36
- }
37
-
38
- .e-bigger .e-popup.e-ddl .e-dd-group .e-list-item {
39
- padding-left: 4px;
40
- }
41
-
42
- .e-bigger .e-popup.e-ddl .e-input-group {
43
- padding: 4px 0;
44
- }
45
-
46
- .e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
47
- height: 38px;
48
- }
49
-
50
- .e-bigger .e-popup.e-ddl .e-dropdownbase {
51
- min-height: 40px;
52
- }
53
-
54
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
55
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
56
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
57
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
58
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
59
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
60
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
61
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
62
- background: transparent;
63
- color: #333;
64
- }
65
-
66
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
67
- .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
68
- .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
69
- .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
70
- border: 0;
71
- }
72
-
73
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
74
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
75
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
76
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
77
- box-shadow: none;
78
- }
79
-
80
- .e-ddl.e-popup .e-filter-parent {
81
- border-bottom: 1px solid #ccc;
82
- }
83
-
84
- .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
85
- font-size: 14px;
86
- line-height: 34px;
87
- padding-left: 0;
88
- text-indent: 16px;
89
- }
90
-
91
- .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
92
- padding-left: 4px;
93
- }
94
-
95
- .e-bigger.e-small .e-ddl.e-popup .e-input-group {
96
- padding: 4px 0;
97
- }
98
-
99
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
100
- height: 30px;
101
- }
102
-
103
- .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
104
- min-height: 34px;
105
- }
106
-
107
- /* stylelint-disable property-no-vendor-prefix */
108
- @keyframes material-spinner-rotate {
109
- 0% {
110
- transform: rotate(0);
111
- }
112
- 100% {
113
- transform: rotate(360deg);
114
- }
115
- }
116
- @keyframes fabric-spinner-rotate {
117
- 0% {
118
- transform: rotate(0);
119
- }
120
- 100% {
121
- transform: rotate(360deg);
122
- }
123
- }
124
- /*! component icons */
125
- .e-icon-check::before {
126
- content: "\e7ff";
127
- }
128
-
129
- .e-excelfilter .e-excl-filter-icon::before {
130
- content: "\e249";
131
- }
132
- .e-excelfilter .e-excl-filter-icon.e-filtered::before {
133
- content: "\e246";
134
- }
135
- .e-excelfilter .e-icon-filter::before {
136
- content: "\e946";
137
- }
138
- .e-excelfilter .e-search-icon::before {
139
- content: "\e961";
140
- }
141
- .e-excelfilter .e-chkcancel-icon::before {
142
- content: "\e7a7";
143
- }
144
- .e-excelfilter .e-sortascending::before {
145
- content: "\e734";
146
- }
147
- .e-excelfilter .e-sortdescending::before {
148
- content: "\e733";
149
- }
150
-
151
- /*! Excel-Filter layout */
152
- .sf-grid .e-excelfilter .e-dlg-content {
153
- overflow: visible;
154
- padding: 0;
155
- }
156
- .sf-grid .e-excelfilter .e-searchcontainer {
157
- padding: 15px;
158
- padding-top: 4px;
159
- }
160
- .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item .e-menu-icon {
161
- height: 26px;
162
- line-height: 26px;
163
- }
164
- .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
165
- height: 26px;
166
- line-height: 26px;
167
- }
168
- .sf-grid .e-excelfilter .e-searchbox {
169
- padding-left: 0;
170
- }
171
- .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-separator {
172
- height: auto;
173
- }
174
- .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul {
175
- position: absolute;
176
- }
177
- .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu {
178
- display: inline-block;
179
- position: relative;
180
- width: 100%;
181
- }
182
-
183
- .sf-grid-dlg.e-xlflmenu .e-xlfl-radiodiv {
184
- width: unset;
185
- }
186
-
187
- .e-xlflmenu {
188
- min-height: 318px;
189
- }
190
- .e-xlflmenu .e-xlfl-dlgfields {
191
- font-size: 15px;
192
- }
193
- .e-xlflmenu .e-xlfl-fieldset {
194
- font-size: 13px;
195
- padding-top: 9px;
196
- }
197
- .e-xlflmenu .e-xlfl-optr,
198
- .e-xlflmenu .e-xlfl-value {
199
- padding-top: 11.25px;
200
- }
201
- .e-xlflmenu .e-xlfl-radio,
202
- .e-xlflmenu .e-xlfl-mtcase {
203
- padding-top: 12px;
204
- }
205
- .e-xlflmenu .e-xlfl-optr:first-child {
206
- padding-right: 11.25px;
207
- }
208
- .e-xlflmenu .e-xlfl-table {
209
- border-spacing: 0;
210
- table-layout: fixed;
211
- width: 100%;
212
- }
213
- .e-xlflmenu .e-radio + label .e-label {
214
- margin-top: 0;
215
- padding-left: 25px;
216
- padding-right: 9px;
217
- }
218
- .e-xlflmenu .e-checkbox-wrapper .e-frame + .e-label {
219
- margin-bottom: 1px;
220
- margin-left: 6px;
221
- }
222
- .e-xlflmenu .e-checkbox-wrapper .e-frame {
223
- margin-bottom: 1px;
224
- }
225
- .e-xlflmenu .e-dlg-content {
226
- padding-bottom: 5px;
227
- }
228
- .e-xlflmenu .e-xlfl-radiodiv {
229
- width: 120px;
230
- }
231
- .e-xlflmenu .e-xlfl-matchcasediv {
232
- margin-left: 0;
233
- margin-right: 13px;
234
- }
235
-
236
- .e-xlfl-radio-or,
237
- .e-xlfl-matchcasediv {
238
- margin-left: 2px;
239
- }
240
-
241
- .e-emptyicon {
242
- opacity: 0;
243
- }
244
-
245
- .e-xlflmenu.e-rtl .e-xlfl-optr {
246
- padding-left: 11.25px;
247
- padding-right: 0;
248
- }
249
- .e-xlflmenu.e-rtl .e-radio + label .e-label {
250
- padding-left: 0;
251
- padding-right: 25px;
252
- }
253
- .e-xlflmenu.e-rtl .e-xlfl-radio-or {
254
- margin-left: 0;
255
- margin-right: 13px;
256
- }
257
-
258
- .e-bigger .e-xlflmenu.e-rtl .e-radio + label .e-label {
259
- padding-left: 0;
260
- padding-right: 25px;
261
- }
262
-
263
- .e-bigger .e-xlflmenu {
264
- min-height: 362px;
265
- }
266
- .e-bigger .e-xlflmenu .e-xlfl-table {
267
- border-spacing: 0;
268
- width: 100%;
269
- }
270
- .e-bigger .e-xlflmenu .e-dlg-content {
271
- padding-bottom: 10px;
272
- }
273
- .e-bigger .e-xlflmenu .e-radio + label .e-label {
274
- padding-left: 27px;
275
- padding-right: 6px;
276
- }
277
- .e-bigger .e-xlflmenu .e-checkbox-wrapper .e-frame + .e-label {
278
- margin-left: 8px;
279
- }
280
- .e-bigger .e-xlflmenu .e-xlfl-radiodiv {
281
- width: 141px;
282
- }
283
- .e-bigger .e-xlflmenu .e-xlfl-radio-or,
284
- .e-bigger .e-xlflmenu .e-xlfl-matchcasediv {
285
- margin-left: 18px;
286
- }
287
- .e-bigger .e-xlflmenu .e-xlfl-optr:first-child {
288
- padding-right: 15px;
289
- }
290
- .e-bigger .e-xlflmenu.e-rtl .e-xlfl-optr {
291
- padding-right: 0;
292
- }
293
- .e-bigger .e-xlflmenu .e-xlfl-dlgfields {
294
- font-size: 16px;
295
- }
296
- .e-bigger .e-xlflmenu .e-xlfl-fieldset {
297
- font-size: 14px;
298
- padding-top: 12px;
299
- }
300
- .e-bigger .e-xlflmenu .e-xlfl-optr,
301
- .e-bigger .e-xlflmenu .e-xlfl-value {
302
- padding-top: 15px;
303
- }
304
- .e-bigger .e-xlflmenu .e-xlfl-radio,
305
- .e-bigger .e-xlflmenu .e-xlfl-mtcase {
306
- padding-top: 5px;
307
- }
308
-
309
- .e-bigger .e-excelfilter .e-xlflmenu,
310
- .e-excelfilter.e-bigger .e-xlflmenu {
311
- min-height: 362px;
312
- }
313
- .e-bigger .e-excelfilter .e-ftrchk,
314
- .e-excelfilter.e-bigger .e-ftrchk {
315
- padding-bottom: 9px;
316
- padding-top: 9px;
317
- }
318
- .e-bigger .e-excelfilter .e-contextmenu-wrapper ul li,
319
- .e-bigger .e-excelfilter .e-contextmenu-container ul li,
320
- .e-excelfilter.e-bigger .e-contextmenu-wrapper ul li,
321
- .e-excelfilter.e-bigger .e-contextmenu-container ul li {
322
- height: 40px;
323
- line-height: 40px;
324
- }
325
- .e-bigger .e-excelfilter .e-contextmenu-wrapper ul li .e-menu-icon,
326
- .e-bigger .e-excelfilter .e-contextmenu-container ul li .e-menu-icon,
327
- .e-excelfilter.e-bigger .e-contextmenu-wrapper ul li .e-menu-icon,
328
- .e-excelfilter.e-bigger .e-contextmenu-container ul li .e-menu-icon {
329
- height: 40px;
330
- line-height: 40px;
331
- margin-right: 13px;
332
- }
333
- .e-bigger .e-excelfilter .e-contextmenu-wrapper ul .e-menu-item .e-caret,
334
- .e-excelfilter.e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-caret {
335
- height: 40px;
336
- line-height: 40px;
337
- margin-right: 0;
338
- }
339
- .e-bigger .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret,
340
- .e-excelfilter.e-bigger.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
341
- margin-left: 0;
342
- }
343
- .e-bigger .e-excelfilter.e-dialog .e-dlg-content,
344
- .e-excelfilter.e-bigger.e-dialog .e-dlg-content {
345
- padding-left: 9.75px;
346
- }
347
- .e-bigger .e-excelfilter .e-ftrchk,
348
- .e-bigger .e-excelfilter .e-searchbox,
349
- .e-excelfilter.e-bigger .e-ftrchk,
350
- .e-excelfilter.e-bigger .e-searchbox {
351
- padding-left: 9px;
352
- }
353
- .e-bigger .e-excelfilter.e-rtl .e-dlg-content,
354
- .e-excelfilter.e-bigger.e-rtl .e-dlg-content {
355
- padding-left: 18.75px;
356
- padding-right: 9.75px;
357
- }
358
- .e-bigger .e-excelfilter.e-rtl .e-ftrchk,
359
- .e-bigger .e-excelfilter.e-rtl .e-searchbox,
360
- .e-excelfilter.e-bigger.e-rtl .e-ftrchk,
361
- .e-excelfilter.e-bigger.e-rtl .e-searchbox {
362
- padding-left: 0;
363
- padding-right: 9px;
364
- }
365
-
366
- .e-excelfilter .e-checkboxlist {
367
- height: 200px;
368
- margin-top: 5px;
369
- min-height: 160px;
370
- overflow-y: auto;
371
- }
372
- .e-excelfilter .e-checkboxfiltertext {
373
- width: 150px;
374
- word-break: normal;
375
- }
376
- .e-excelfilter .e-chk-hidden {
377
- -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
378
- height: 1px;
379
- opacity: 0;
380
- width: 1px;
381
- }
382
- .e-excelfilter .e-contextmenu-wrapper,
383
- .e-excelfilter .e-contextmenu-wrapper ul {
384
- display: block;
385
- }
386
- .e-excelfilter .e-contextmenu-wrapper ul {
387
- padding-bottom: 4px;
388
- position: static;
389
- }
390
- .e-excelfilter .e-contextmenu-wrapper ul li,
391
- .e-excelfilter .e-contextmenu-container ul li {
392
- height: 36px;
393
- line-height: 36px;
394
- }
395
- .e-excelfilter .e-contextmenu-wrapper ul li .e-menu-icon,
396
- .e-excelfilter .e-contextmenu-container ul li .e-menu-icon {
397
- height: 36px;
398
- line-height: 36px;
399
- margin-right: 10px;
400
- }
401
- .e-excelfilter.e-rtl .e-contextmenu-wrapper ul li .e-menu-icon {
402
- margin-right: 0;
403
- }
404
- .e-excelfilter .e-contextmenu-wrapper ul .e-menu-item .e-caret {
405
- height: 36px;
406
- line-height: 36px;
407
- }
408
- .e-excelfilter .e-contextmenu-wrapper ul,
409
- .e-excelfilter .e-contextmenu-container ul:not(.e-ul) {
410
- border: 0;
411
- border-radius: 5px 5px 0 0;
412
- box-shadow: none;
413
- max-width: 300px;
414
- padding-bottom: 4px;
415
- position: static;
416
- }
417
- .e-excelfilter .e-footer-content {
418
- border-style: solid;
419
- border-width: 2px 0 0;
420
- }
421
- .e-excelfilter .e-excel-menu {
422
- z-index: 1000;
423
- }
424
- .e-excelfilter .e-dlg-content {
425
- background-color: #fff;
426
- padding-top: 0;
427
- }
428
- .e-excelfilter .e-contextmenu-wrapper,
429
- .e-excelfilter .e-contextmenu-wrapper ul {
430
- display: block;
431
- }
432
- .e-excelfilter .e-contextmenu-wrapper ul {
433
- padding-bottom: 4px;
434
- position: static;
435
- }
436
- .e-excelfilter .e-contextmenu-wrapper ul li .e-contextmenu-container ul li {
437
- height: 36px;
438
- line-height: 36px;
439
- }
440
- .e-excelfilter .e-contextmenu-wrapper ul li .e-menu-icon,
441
- .e-excelfilter .e-contextmenu-container ul li .e-menu-icon {
442
- height: 36px;
443
- line-height: 36px;
444
- margin-right: 10px;
445
- }
446
- .e-excelfilter.e-rtl .e-contextmenu-wrapper ul li .e-menu-icon {
447
- margin-right: 0;
448
- }
449
- .e-excelfilter .e-contextmenu-wrapper ul .e-menu-item .e-caret {
450
- height: 36px;
451
- line-height: 36px;
452
- margin-right: 0;
453
- }
454
- .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
455
- margin-left: 0;
456
- }
457
- .e-excelfilter .e-footer-content {
458
- border-style: solid;
459
- border-width: 2px 0 0;
460
- }
461
- .e-excelfilter .e-excel-menu {
462
- z-index: 1000;
463
- }
464
- .e-excelfilter .e-dlg-content {
465
- padding-top: 6px;
466
- }
467
- .e-excelfilter .e-xlsel {
468
- border: 0 solid;
469
- position: absolute;
470
- -webkit-user-select: none;
471
- -ms-user-select: none;
472
- user-select: none;
473
- }
474
- .e-excelfilter.e-dialog .e-dlg-content {
475
- padding-left: 7px;
476
- }
477
- .e-excelfilter .e-ftrchk,
478
- .e-excelfilter .e-searchbox {
479
- padding-left: 8px;
480
- }
481
- .e-excelfilter.e-rtl .e-dlg-content {
482
- padding-left: 15px;
483
- padding-right: 7px;
484
- }
485
- .e-excelfilter.e-rtl .e-ftrchk,
486
- .e-excelfilter.e-rtl .e-searchbox {
487
- padding-left: 0;
488
- padding-right: 8px;
489
- }
490
- .e-excelfilter .e-searchbox {
491
- display: block;
492
- }
493
-
494
- .e-ftrchk {
495
- padding-bottom: 8px;
496
- padding-top: 8px;
497
- }
498
-
499
- .e-excel-menu.e-contextmenu.e-menu-parent {
500
- max-height: 298px;
501
- overflow-y: auto;
502
- }
503
-
504
- .e-bigger .e-excel-menu.e-contextmenu.e-menu-parent {
505
- max-height: 355px;
506
- }
507
-
508
- /*! Excel-Filter theme */
509
- .e-excelfilter .e-footer-content {
510
- border-color: rgba(230, 230, 230, 0.12);
511
- opacity: 1;
512
- }
513
- .e-excelfilter .e-filtered::before {
514
- color: #317ab9;
515
- }
516
- .e-excelfilter .e-dlg-content {
517
- padding-bottom: 0;
518
- }
519
-
520
- li.e-separator.e-menu-item.e-excel-separator {
521
- margin-bottom: 0;
522
- margin-top: 0;
523
- }
524
-
525
- .e-xlsel {
526
- background-color: #317ab9;
527
- border-color: #317ab9;
528
- }
1
+ @import '@syncfusion/ej2-grids/styles/excel-filter/bootstrap.css';