@syncfusion/ej2-vue-grids 20.1.48 → 20.1.55

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