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