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