@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
@@ -5,7 +5,6 @@
5
5
  transform: scale(4);
6
6
  }
7
7
  }
8
-
9
8
  @keyframes slideTopUp {
10
9
  from {
11
10
  transform: translate3d(0, 0, 0) scale(1);
@@ -14,7 +13,6 @@
14
13
  transform: translate3d(0, 0, 0) scale(1);
15
14
  }
16
15
  }
17
-
18
16
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
19
17
  transform: rotate(0deg);
20
18
  transition: transform 300ms ease;
@@ -154,7 +152,6 @@
154
152
  transform: rotate(360deg);
155
153
  }
156
154
  }
157
-
158
155
  @keyframes fabric-spinner-rotate {
159
156
  0% {
160
157
  transform: rotate(0deg);
@@ -163,38 +160,31 @@
163
160
  transform: rotate(360deg);
164
161
  }
165
162
  }
166
-
167
163
  /*!component icons*/
168
164
  .e-icon-check::before {
169
- content: '\e7ff';
165
+ content: "\e7ff";
170
166
  }
171
167
 
172
168
  .e-excelfilter .e-icon-filter::before {
173
- content: '\e7ee';
169
+ content: "\e7ee";
174
170
  }
175
-
176
171
  .e-excelfilter .e-excl-filter-icon::before {
177
- content: '\e251';
172
+ content: "\e251";
178
173
  }
179
-
180
174
  .e-excelfilter .e-excl-filter-icon.e-filtered::before {
181
- content: '\e248';
175
+ content: "\e248";
182
176
  }
183
-
184
177
  .e-excelfilter .e-search-icon::before {
185
- content: '\e993';
178
+ content: "\e993";
186
179
  }
187
-
188
180
  .e-excelfilter .e-chkcancel-icon::before {
189
- content: '\e7a7';
181
+ content: "\e7a7";
190
182
  }
191
-
192
183
  .e-excelfilter .e-sortascending::before {
193
- content: '\e734';
184
+ content: "\e734";
194
185
  }
195
-
196
186
  .e-excelfilter .e-sortdescending::before {
197
- content: '\e733';
187
+ content: "\e733";
198
188
  }
199
189
 
200
190
  /*! Excel-Filter layout */
@@ -202,29 +192,23 @@
202
192
  overflow: visible;
203
193
  padding: 0;
204
194
  }
205
-
206
195
  .sf-grid .e-excelfilter .e-searchcontainer {
207
196
  padding: 18px;
208
197
  padding-top: 4px;
209
198
  }
210
-
211
199
  .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
212
200
  height: 26px;
213
201
  line-height: 26px;
214
202
  }
215
-
216
203
  .sf-grid .e-excelfilter .e-searchbox {
217
204
  padding-left: 0;
218
205
  }
219
-
220
206
  .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-separator {
221
207
  height: auto;
222
208
  }
223
-
224
209
  .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul {
225
210
  position: absolute;
226
211
  }
227
-
228
212
  .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu {
229
213
  display: inline-block;
230
214
  position: relative;
@@ -238,59 +222,47 @@
238
222
  .e-xlflmenu {
239
223
  min-height: 295px;
240
224
  }
241
-
242
225
  .e-xlflmenu .e-xlfl-dlgfields {
243
226
  font-size: 17px;
244
227
  }
245
-
246
228
  .e-xlflmenu .e-xlfl-fieldset {
247
229
  font-size: 14px;
248
230
  padding-top: 15px;
249
231
  }
250
-
251
232
  .e-xlflmenu .e-xlfl-optr,
252
233
  .e-xlflmenu .e-xlfl-value {
253
234
  padding-top: 12px;
254
235
  }
255
-
256
236
  .e-xlflmenu .e-xlfl-radio,
257
237
  .e-xlflmenu .e-xlfl-mtcase {
258
238
  padding-top: 12px;
259
239
  }
260
-
261
240
  .e-xlflmenu .e-xlfl-optr:first-child {
262
241
  padding-right: 12px;
263
242
  }
264
-
265
243
  .e-xlflmenu .e-xlfl-table {
266
244
  border-spacing: 0;
267
245
  table-layout: fixed;
268
246
  width: 100%;
269
247
  }
270
-
271
248
  .e-xlflmenu .e-radio + label .e-label {
272
249
  margin-top: 0;
273
250
  padding-left: 23px;
274
251
  padding-right: 13px;
275
252
  }
276
-
277
253
  .e-xlflmenu .e-checkbox-wrapper .e-frame + .e-label {
278
254
  margin-bottom: 1px;
279
255
  margin-left: 6px;
280
256
  }
281
-
282
257
  .e-xlflmenu .e-checkbox-wrapper .e-frame {
283
258
  margin-bottom: 1px;
284
259
  }
285
-
286
260
  .e-xlflmenu .e-dlg-content {
287
261
  padding-bottom: 6px;
288
262
  }
289
-
290
263
  .e-xlflmenu .e-xlfl-radiodiv {
291
264
  width: 117px;
292
265
  }
293
-
294
266
  .e-xlflmenu .e-xlfl-matchcasediv {
295
267
  margin-left: 0;
296
268
  margin-right: 13px;
@@ -309,12 +281,10 @@
309
281
  padding-left: 12px;
310
282
  padding-right: 0;
311
283
  }
312
-
313
284
  .e-xlflmenu.e-rtl .e-radio + label .e-label {
314
285
  padding-left: 0;
315
286
  padding-right: 25px;
316
287
  }
317
-
318
288
  .e-xlflmenu.e-rtl .e-xlfl-radio-or {
319
289
  margin-left: 0;
320
290
  margin-right: 13px;
@@ -328,52 +298,41 @@
328
298
  .e-bigger .e-xlflmenu {
329
299
  min-height: 396px;
330
300
  }
331
-
332
301
  .e-bigger .e-xlflmenu .e-xlfl-table {
333
302
  border-spacing: 0;
334
303
  width: 100%;
335
304
  }
336
-
337
305
  .e-bigger .e-xlflmenu .e-dlg-content {
338
306
  padding-bottom: 8px;
339
307
  }
340
-
341
308
  .e-bigger .e-xlflmenu .e-radio + label .e-label {
342
309
  padding-left: 28px;
343
310
  padding-right: 5px;
344
311
  }
345
-
346
312
  .e-bigger .e-xlflmenu .e-checkbox-wrapper .e-frame + .e-label {
347
313
  margin-left: 8px;
348
314
  }
349
-
350
315
  .e-bigger .e-xlflmenu .e-xlfl-radiodiv {
351
316
  width: 137px;
352
317
  }
353
-
354
318
  .e-bigger .e-xlflmenu .e-xlfl-radio-or,
355
319
  .e-bigger .e-xlflmenu .e-xlfl-matchcasediv {
356
320
  margin-left: 18px;
357
321
  }
358
-
359
322
  .e-bigger .e-xlflmenu .e-xlfl-optr:first-child {
360
323
  padding-right: 16px;
361
324
  }
362
-
363
325
  .e-bigger .e-xlflmenu .e-xlfl-dlgfields {
364
326
  font-size: 18px;
365
327
  }
366
-
367
328
  .e-bigger .e-xlflmenu .e-xlfl-fieldset {
368
329
  font-size: 15px;
369
330
  padding-top: 20px;
370
331
  }
371
-
372
332
  .e-bigger .e-xlflmenu .e-xlfl-optr,
373
333
  .e-bigger .e-xlflmenu .e-xlfl-value {
374
334
  padding-top: 16px;
375
335
  }
376
-
377
336
  .e-bigger .e-xlflmenu .e-xlfl-radio,
378
337
  .e-bigger .e-xlflmenu .e-xlfl-mtcase {
379
338
  padding-top: 16px;
@@ -383,13 +342,11 @@
383
342
  .e-excelfilter.e-bigger .e-xlflmenu {
384
343
  min-height: 396px;
385
344
  }
386
-
387
345
  .e-bigger .e-excelfilter .e-ftrchk,
388
346
  .e-excelfilter.e-bigger .e-ftrchk {
389
347
  padding-bottom: 13px;
390
348
  padding-top: 13px;
391
349
  }
392
-
393
350
  .e-bigger .e-excelfilter .e-contextmenu-wrapper ul li,
394
351
  .e-bigger .e-excelfilter .e-contextmenu-container ul li,
395
352
  .e-excelfilter.e-bigger .e-contextmenu-wrapper ul li,
@@ -397,7 +354,6 @@
397
354
  height: 48px;
398
355
  line-height: 48px;
399
356
  }
400
-
401
357
  .e-bigger .e-excelfilter .e-contextmenu-wrapper ul li .e-menu-icon,
402
358
  .e-bigger .e-excelfilter .e-contextmenu-container ul li .e-menu-icon,
403
359
  .e-excelfilter.e-bigger .e-contextmenu-wrapper ul li .e-menu-icon,
@@ -406,32 +362,31 @@
406
362
  line-height: 48px;
407
363
  margin-right: 15px;
408
364
  }
409
-
410
365
  .e-bigger .e-excelfilter .e-contextmenu-wrapper ul .e-menu-item .e-caret,
411
366
  .e-excelfilter.e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-caret {
412
367
  height: 48px;
413
368
  line-height: 48px;
414
369
  margin-right: 0;
415
370
  }
416
-
371
+ .e-bigger .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret,
372
+ .e-excelfilter.e-bigger.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
373
+ margin-left: 0;
374
+ }
417
375
  .e-bigger .e-excelfilter.e-dialog .e-dlg-content,
418
376
  .e-excelfilter.e-bigger.e-dialog .e-dlg-content {
419
377
  padding-left: 11px;
420
378
  }
421
-
422
379
  .e-bigger .e-excelfilter .e-ftrchk,
423
380
  .e-bigger .e-excelfilter .e-searchbox,
424
381
  .e-excelfilter.e-bigger .e-ftrchk,
425
382
  .e-excelfilter.e-bigger .e-searchbox {
426
383
  padding-left: 13px;
427
384
  }
428
-
429
385
  .e-bigger .e-excelfilter.e-rtl .e-dlg-content,
430
386
  .e-excelfilter.e-bigger.e-rtl .e-dlg-content {
431
387
  padding-left: 24px;
432
388
  padding-right: 11px;
433
389
  }
434
-
435
390
  .e-bigger .e-excelfilter.e-rtl .e-ftrchk,
436
391
  .e-bigger .e-excelfilter.e-rtl .e-searchbox,
437
392
  .e-excelfilter.e-bigger.e-rtl .e-ftrchk,
@@ -446,51 +401,42 @@
446
401
  min-height: 160px;
447
402
  overflow-y: auto;
448
403
  }
449
-
450
404
  .e-excelfilter .e-checkboxfiltertext {
451
405
  width: 150px;
452
406
  word-break: normal;
453
407
  }
454
-
455
408
  .e-excelfilter .e-chk-hidden {
456
409
  -moz-appearance: none;
457
410
  height: 1px;
458
411
  opacity: 0;
459
412
  width: 1px;
460
413
  }
461
-
462
414
  .e-excelfilter .e-contextmenu-wrapper,
463
415
  .e-excelfilter .e-contextmenu-wrapper ul {
464
416
  display: block;
465
417
  }
466
-
467
418
  .e-excelfilter .e-contextmenu-wrapper ul {
468
419
  padding-bottom: 4px;
469
420
  position: static;
470
421
  }
471
-
472
422
  .e-excelfilter .e-contextmenu-wrapper ul li,
473
423
  .e-excelfilter .e-contextmenu-container ul li {
474
424
  height: 36px;
475
425
  line-height: 36px;
476
426
  }
477
-
478
427
  .e-excelfilter .e-contextmenu-wrapper ul li .e-menu-icon,
479
428
  .e-excelfilter .e-contextmenu-container ul li .e-menu-icon {
480
429
  height: 36px;
481
430
  line-height: 36px;
482
431
  margin-right: 12px;
483
432
  }
484
-
485
433
  .e-excelfilter.e-rtl .e-contextmenu-wrapper ul li .e-menu-icon {
486
434
  margin-right: 0;
487
435
  }
488
-
489
436
  .e-excelfilter .e-contextmenu-wrapper ul .e-menu-item .e-caret {
490
437
  height: 36px;
491
438
  line-height: 36px;
492
439
  }
493
-
494
440
  .e-excelfilter .e-contextmenu-wrapper ul,
495
441
  .e-excelfilter .e-contextmenu-container ul:not(.e-ul) {
496
442
  border: 0;
@@ -500,67 +446,56 @@
500
446
  padding-bottom: 4px;
501
447
  position: static;
502
448
  }
503
-
504
449
  .e-excelfilter .e-footer-content {
505
450
  border-style: solid;
506
451
  border-width: 1px 0 0;
507
452
  }
508
-
509
453
  .e-excelfilter .e-excel-menu {
510
454
  z-index: 1000;
511
455
  }
512
-
513
456
  .e-excelfilter .e-dlg-content {
514
457
  background-color: #fff;
515
458
  padding-top: 0;
516
459
  }
517
-
518
460
  .e-excelfilter .e-contextmenu-wrapper,
519
461
  .e-excelfilter .e-contextmenu-wrapper ul {
520
462
  display: block;
521
463
  }
522
-
523
464
  .e-excelfilter .e-contextmenu-wrapper ul {
524
465
  padding-bottom: 4px;
525
466
  position: static;
526
467
  }
527
-
528
- .e-excelfilter .e-contextmenu-wrapper ul li
529
- .e-contextmenu-container ul li {
468
+ .e-excelfilter .e-contextmenu-wrapper ul li .e-contextmenu-container ul li {
530
469
  height: 36px;
531
470
  line-height: 36px;
532
471
  }
533
-
534
472
  .e-excelfilter .e-contextmenu-wrapper ul li .e-menu-icon,
535
473
  .e-excelfilter .e-contextmenu-container ul li .e-menu-icon {
536
474
  height: 36px;
537
475
  line-height: 36px;
538
476
  margin-right: 12px;
539
477
  }
540
-
541
478
  .e-excelfilter.e-rtl .e-contextmenu-wrapper ul li .e-menu-icon {
542
479
  margin-right: 0;
543
480
  }
544
-
545
481
  .e-excelfilter .e-contextmenu-wrapper ul .e-menu-item .e-caret {
546
482
  height: 36px;
547
483
  line-height: 36px;
548
484
  margin-right: 0;
549
485
  }
550
-
486
+ .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
487
+ margin-left: 0;
488
+ }
551
489
  .e-excelfilter .e-footer-content {
552
490
  border-style: solid;
553
491
  border-width: 1px 0 0;
554
492
  }
555
-
556
493
  .e-excelfilter .e-excel-menu {
557
494
  z-index: 1000;
558
495
  }
559
-
560
496
  .e-excelfilter .e-dlg-content {
561
497
  padding-top: 0;
562
498
  }
563
-
564
499
  .e-excelfilter .e-xlsel {
565
500
  border: 0 solid;
566
501
  position: absolute;
@@ -568,27 +503,22 @@
568
503
  -ms-user-select: none;
569
504
  user-select: none;
570
505
  }
571
-
572
506
  .e-excelfilter.e-dialog .e-dlg-content {
573
507
  padding-left: 9px;
574
508
  }
575
-
576
509
  .e-excelfilter .e-ftrchk,
577
510
  .e-excelfilter .e-searchbox {
578
511
  padding-left: 9px;
579
512
  }
580
-
581
513
  .e-excelfilter.e-rtl .e-dlg-content {
582
514
  padding-left: 18px;
583
515
  padding-right: 9px;
584
516
  }
585
-
586
517
  .e-excelfilter.e-rtl .e-ftrchk,
587
518
  .e-excelfilter.e-rtl .e-searchbox {
588
519
  padding-left: 0;
589
520
  padding-right: 9px;
590
521
  }
591
-
592
522
  .e-excelfilter .e-searchbox {
593
523
  display: block;
594
524
  }
@@ -603,11 +533,9 @@
603
533
  border-color: rgba(0, 0, 0, 0.12);
604
534
  opacity: 1;
605
535
  }
606
-
607
536
  .e-excelfilter .e-filtered::before {
608
537
  color: #e3165b;
609
538
  }
610
-
611
539
  .e-excelfilter .e-dlg-content {
612
540
  padding-bottom: 0;
613
541
  }
@@ -620,4 +548,4 @@ li.e-separator.e-menu-item.e-excel-separator {
620
548
  .e-xlsel {
621
549
  background-color: #e3165b;
622
550
  border-color: #e3165b;
623
- }
551
+ }