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