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