@syncfusion/ej2-vue-treegrid 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 (50) hide show
  1. package/CHANGELOG.md +14 -58
  2. package/dist/ej2-vue-treegrid.umd.min.js +11 -2
  3. package/dist/es6/ej2-vue-treegrid.es2015.js +126 -9
  4. package/dist/es6/ej2-vue-treegrid.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-treegrid.es5.js +88 -9
  6. package/dist/es6/ej2-vue-treegrid.es5.js.map +1 -1
  7. package/dist/global/ej2-vue-treegrid.min.js +2 -2
  8. package/package.json +8 -14
  9. package/src/treegrid/aggregate-columns.directive.d.ts +3 -1
  10. package/src/treegrid/aggregate-columns.directive.js +24 -2
  11. package/src/treegrid/aggregates.directive.d.ts +3 -1
  12. package/src/treegrid/aggregates.directive.js +24 -2
  13. package/src/treegrid/columns.directive.d.ts +3 -1
  14. package/src/treegrid/columns.directive.js +24 -2
  15. package/src/treegrid/treegrid.component.d.ts +3 -0
  16. package/src/treegrid/treegrid.component.js +17 -1
  17. package/styles/bootstrap-dark.css +36 -104
  18. package/styles/bootstrap.css +36 -104
  19. package/styles/bootstrap4.css +30 -103
  20. package/styles/bootstrap5-dark.css +52 -118
  21. package/styles/bootstrap5.css +52 -118
  22. package/styles/fabric-dark.css +36 -102
  23. package/styles/fabric.css +36 -102
  24. package/styles/fluent-dark.css +473 -0
  25. package/styles/fluent-dark.scss +1 -0
  26. package/styles/fluent.css +473 -0
  27. package/styles/fluent.scss +1 -0
  28. package/styles/highcontrast-light.css +34 -113
  29. package/styles/highcontrast.css +34 -113
  30. package/styles/material-dark.css +24 -91
  31. package/styles/material.css +24 -92
  32. package/styles/tailwind-dark.css +41 -162
  33. package/styles/tailwind.css +26 -147
  34. package/styles/treegrid/bootstrap-dark.css +36 -104
  35. package/styles/treegrid/bootstrap.css +36 -104
  36. package/styles/treegrid/bootstrap4.css +30 -103
  37. package/styles/treegrid/bootstrap5-dark.css +52 -118
  38. package/styles/treegrid/bootstrap5.css +52 -118
  39. package/styles/treegrid/fabric-dark.css +36 -102
  40. package/styles/treegrid/fabric.css +36 -102
  41. package/styles/treegrid/fluent-dark.css +473 -0
  42. package/styles/treegrid/fluent-dark.scss +1 -0
  43. package/styles/treegrid/fluent.css +473 -0
  44. package/styles/treegrid/fluent.scss +1 -0
  45. package/styles/treegrid/highcontrast-light.css +34 -113
  46. package/styles/treegrid/highcontrast.css +34 -113
  47. package/styles/treegrid/material-dark.css +24 -91
  48. package/styles/treegrid/material.css +24 -92
  49. package/styles/treegrid/tailwind-dark.css +41 -162
  50. package/styles/treegrid/tailwind.css +26 -147
@@ -1,4 +1,3 @@
1
- @charset "UTF-8";
2
1
  .e-input-group.e-ddl .e-control.e-autocomplete ~ .e-ddl-icon {
3
2
  font-size: 8px;
4
3
  }
@@ -12,11 +11,9 @@
12
11
  box-shadow: none;
13
12
  margin-top: 3px;
14
13
  }
15
-
16
14
  .e-popup.e-ddl .e-input-group {
17
15
  width: auto;
18
16
  }
19
-
20
17
  .e-popup.e-ddl .e-input-group input {
21
18
  line-height: 15px;
22
19
  }
@@ -30,7 +27,6 @@
30
27
  display: flex;
31
28
  width: auto;
32
29
  }
33
-
34
30
  .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
35
31
  border: 0;
36
32
  }
@@ -46,8 +42,7 @@
46
42
  text-indent: 24px;
47
43
  }
48
44
 
49
- .e-bigger .e-popup.e-ddl .e-list-group-item,
50
- .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 {
51
46
  font-size: 14px;
52
47
  line-height: 32px;
53
48
  padding-left: 0;
@@ -62,8 +57,7 @@
62
57
  padding: 4px 0;
63
58
  }
64
59
 
65
- .e-bigger .e-popup.e-ddl .e-input-group input,
66
- .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 {
67
61
  font-size: 16px;
68
62
  height: 36px;
69
63
  }
@@ -128,9 +122,7 @@
128
122
  font-size: 10px;
129
123
  }
130
124
 
131
- .e-bigger.e-small .e-ddl.e-popup .e-list-item,
132
- .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
133
- .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 {
134
126
  font-size: 14px;
135
127
  line-height: 34px;
136
128
  padding-left: 0;
@@ -145,8 +137,7 @@
145
137
  padding: 4px 0;
146
138
  }
147
139
 
148
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input,
149
- .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 {
150
141
  height: 30px;
151
142
  }
152
143
 
@@ -162,7 +153,6 @@
162
153
  transform: rotate(360deg);
163
154
  }
164
155
  }
165
-
166
156
  @keyframes fabric-spinner-rotate {
167
157
  0% {
168
158
  transform: rotate(0);
@@ -171,26 +161,21 @@
171
161
  transform: rotate(360deg);
172
162
  }
173
163
  }
174
-
175
164
  .e-treegrid .e-treegridexpand::before,
176
165
  .e-treegrid .e-treegridcollapse::before {
177
- content: '\e70b';
166
+ content: "\e70b";
178
167
  }
179
-
180
168
  .e-treegrid .e-toolbar-item .e-expand::before {
181
- content: '\e7db';
169
+ content: "\e7db";
182
170
  }
183
-
184
171
  .e-treegrid .e-toolbar-item .e-collapse::before {
185
- content: '\e7dc';
172
+ content: "\e7dc";
186
173
  }
187
-
188
174
  .e-treegrid .e-toolbar-item .e-indent::before {
189
- content: '\e702';
175
+ content: "\e702";
190
176
  }
191
-
192
177
  .e-treegrid .e-toolbar-item .e-outdent::before {
193
- content: '\e722';
178
+ content: "\e722";
194
179
  }
195
180
 
196
181
  .e-bigger .e-treegrid .e-treegridexpand,
@@ -199,109 +184,85 @@
199
184
  height: 16px;
200
185
  width: 16px;
201
186
  }
202
-
203
- .e-bigger .e-treegrid .e-rowcell.e-treerowcell {
204
- padding-left: 12px;
205
- }
206
-
207
187
  .e-bigger .e-treegrid .e-hierarchycheckbox {
208
188
  padding-left: 2px;
209
189
  }
210
-
211
190
  .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
212
191
  height: 20px;
213
192
  width: 20px;
214
193
  }
215
-
194
+ .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
195
+ height: 20px;
196
+ width: 20px;
197
+ }
216
198
  .e-bigger .e-treegrid .e-treecell {
217
199
  line-height: 16px;
218
200
  }
219
-
220
201
  .e-treegrid .e-icons.e-none::before {
221
- content: '';
202
+ content: "";
222
203
  }
223
-
224
204
  .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
225
205
  height: 20px;
226
206
  vertical-align: middle;
227
207
  }
228
-
229
208
  .e-treegrid .e-treegridexpand::before,
230
209
  .e-treegrid .e-treegridcollapse::before {
231
210
  text-align: center;
232
211
  vertical-align: middle;
233
212
  }
234
-
235
213
  .e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container {
236
214
  display: block;
237
215
  overflow: hidden;
238
216
  text-overflow: ellipsis;
239
217
  }
240
-
241
218
  .e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container span.e-treecell {
242
219
  display: inline;
243
220
  overflow: hidden;
244
221
  text-overflow: ellipsis;
245
222
  }
246
-
247
223
  .e-treegrid .e-treegridexpand:hover::before,
248
224
  .e-treegrid .e-treegridcollapse:hover::before {
249
225
  color: #343a40;
250
226
  }
251
-
252
- .e-treegrid .e-rowcell.e-treerowcell {
253
- padding-left: 9px;
254
- }
255
-
256
227
  .e-treegrid .e-rtl .e-treegridcollapse {
257
228
  transform: scale(-1);
258
229
  }
259
-
260
230
  .e-treegrid .e-treegridexpand {
261
231
  transform: rotate(90deg);
262
232
  }
263
-
264
233
  .e-treegrid .e-treerowexpanded:not(.e-hiddenrow) {
265
234
  display: table-row;
266
235
  }
267
-
268
236
  .e-treegrid .e-treerowcollapsed {
269
237
  display: none;
270
238
  }
271
-
272
239
  .e-treegrid .e-treecheckbox-container {
273
240
  display: block;
274
241
  overflow: hidden;
275
242
  text-overflow: ellipsis;
276
243
  }
277
-
278
244
  .e-treegrid .e-treecheckbox-container :not(.e-treecheckbox) {
279
245
  white-space: nowrap;
280
246
  }
281
-
282
247
  .e-treegrid .e-treecheckbox {
283
248
  overflow: hidden;
284
249
  text-overflow: ellipsis;
285
250
  vertical-align: middle;
286
251
  }
287
-
288
252
  .e-treegrid .e-treecolumn-container span {
289
253
  display: inline-block;
290
254
  vertical-align: middle;
291
255
  }
292
-
293
256
  .e-treegrid .e-hierarchycheckbox .e-frame {
294
257
  height: 14px;
295
258
  width: 14px;
296
259
  }
297
-
298
260
  .e-treegrid .e-checkselection .e-frozenheader .e-rowcell,
299
261
  .e-treegrid .e-checkselection .e-movableheader .e-rowcell,
300
262
  .e-treegrid .e-checkselection .e-frozencontent .e-rowcell,
301
263
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
302
264
  line-height: 21px;
303
265
  }
304
-
305
266
  .e-treegrid .e-treegridexpand,
306
267
  .e-treegrid .e-treegridcollapse {
307
268
  color: #495057;
@@ -313,36 +274,29 @@
313
274
  vertical-align: bottom;
314
275
  width: 16px;
315
276
  }
316
-
317
277
  .e-treegrid .e-treecell {
318
278
  display: table-cell;
319
279
  line-height: normal;
320
280
  }
321
-
322
281
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
323
282
  white-space: nowrap;
324
283
  }
325
-
326
284
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container .e-treecell {
327
285
  display: inline-block;
328
286
  white-space: normal;
329
287
  word-wrap: break-word;
330
288
  }
331
-
332
289
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container {
333
290
  white-space: nowrap;
334
291
  }
335
-
336
292
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
337
293
  display: inline-block;
338
294
  white-space: normal;
339
295
  word-wrap: break-word;
340
296
  }
341
-
342
297
  .e-treegrid.e-grid.e-print-grid-layout .e-icons {
343
298
  display: inline-block;
344
299
  }
345
-
346
300
  .e-treegrid .e-treecheckselect,
347
301
  .e-treegrid .e-treeselectall {
348
302
  margin: 0;
@@ -350,7 +304,6 @@
350
304
  position: absolute;
351
305
  width: 0;
352
306
  }
353
-
354
307
  .e-treegrid .e-detailheadercell,
355
308
  .e-treegrid .e-headercontent .e-table .e-detail-intent,
356
309
  .e-treegrid .e-gridcontent .e-table .e-detail-intent,
@@ -360,19 +313,16 @@
360
313
  .e-treegrid .e-filterbarcell.e-mastercell {
361
314
  display: none;
362
315
  }
363
-
364
316
  .e-treegrid .e-icons.e-errorelem {
365
317
  display: inline-block;
366
318
  padding-left: 10px;
367
319
  vertical-align: middle;
368
320
  }
369
-
370
321
  .e-treegrid .e-errorelem::before {
371
322
  color: #e3165b;
372
- content: "";
323
+ content: "\e797";
373
324
  transform: rotate(180deg);
374
325
  }
375
-
376
326
  .e-treegrid .e-gridcontent td.e-childborder {
377
327
  border-color: #e3165b;
378
328
  border-width: 1px 0 0;
@@ -380,41 +330,33 @@
380
330
  position: relative;
381
331
  z-index: 1;
382
332
  }
383
-
384
333
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
385
334
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
386
335
  box-shadow: 0 1px 0 0 #e3165b;
387
336
  }
388
-
389
337
  .e-treegrid .e-gridcontent td.e-rowcell.e-dragborder,
390
338
  .e-treegrid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
391
339
  .e-treegrid .e-gridcontent .e-rowdragdrop.e-dragborder {
392
340
  box-shadow: 0 0 0 0;
393
341
  }
394
-
395
342
  .e-treegrid .e-gridcontent td.e-childborder:first-child {
396
343
  border-left: 1px solid;
397
344
  box-shadow: 0 1px 0 0 #e3165b;
398
345
  position: relative;
399
346
  z-index: 1;
400
347
  }
401
-
402
348
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child {
403
349
  border-right: 1px solid;
404
350
  }
405
-
406
351
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder {
407
352
  border-width: 1px 0;
408
353
  }
409
-
410
354
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
411
355
  border-right: 1px solid;
412
356
  }
413
-
414
357
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
415
358
  border-left: 1px solid;
416
359
  }
417
-
418
360
  .e-treegrid .e-gridcontent td.e-dropbottom:first-child,
419
361
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom,
420
362
  .e-treegrid .e-gridcontent td.e-dropbottom {
@@ -422,45 +364,35 @@
422
364
  position: relative;
423
365
  z-index: 1;
424
366
  }
425
-
426
367
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
427
368
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
428
369
  border-top-color: #e3165b;
429
370
  border-width: 1px 0 0;
430
371
  }
431
-
432
372
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-dropbottom {
433
373
  border-bottom-color: #e3165b;
434
374
  }
435
-
436
375
  .e-treegrid .e-gridcontent td.e-rowdragdrop.e-droptop.e-dragborder {
437
376
  box-shadow: 0 0 0 0;
438
377
  }
439
-
440
378
  .e-treegrid .e-gridcontent .e-gridheader .e-firstrow-dragborder {
441
379
  height: 1px;
442
380
  }
443
-
444
381
  .e-treegrid .e-gridcontent .e-lastrow-dragborder {
445
382
  height: 0;
446
383
  }
447
-
448
384
  .e-treegrid .e-gridheader .e-firstrow-dragborder {
449
385
  height: 0;
450
386
  }
451
-
452
387
  .e-treegrid .e-droptop .e-lastrow-dragborder {
453
388
  height: 0;
454
389
  }
455
-
456
390
  .e-treegrid .e-treegrid-relative {
457
391
  position: relative;
458
392
  }
459
-
460
393
  .e-treegrid .e-gridheader .e-firstrow-dragborder tr:first-child.e-dropbottom {
461
394
  height: 0;
462
395
  }
463
-
464
396
  .e-treegrid .e-gridheader .e-firstrow-border,
465
397
  .e-treegrid .e-gridcontent .e-lastrow-border {
466
398
  background-color: #e3165b;
@@ -470,79 +402,74 @@
470
402
  position: absolute;
471
403
  z-index: 1;
472
404
  }
473
-
474
405
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-childborder,
475
406
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-childborder {
476
- border-bottom: 1px solid #e3165b;
477
- border-top: 1px solid #e3165b;
407
+ border-bottom: 1px solid;
408
+ border-top: 1px solid;
478
409
  box-shadow: 0 0 0 0 #e3165b;
479
410
  }
480
-
481
411
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-droptop,
482
412
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-droptop {
483
413
  border-top: 1px solid #e3165b;
484
414
  }
485
-
486
- .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-childborder, .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-dropbottom {
415
+ .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-childborder {
416
+ border-bottom: 1px solid;
417
+ border-top: 1px solid;
418
+ box-shadow: 0 0 0 0 #e3165b;
419
+ }
420
+ .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-childborder {
421
+ border-bottom: 1px solid;
422
+ border-top: 1px solid;
423
+ box-shadow: 0 0 0 0 #e3165b;
424
+ }
425
+ .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-dropbottom {
487
426
  border-bottom: 1px solid #e3165b;
488
427
  box-shadow: 0 0 0 0 #e3165b;
489
428
  }
490
-
491
- .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-childborder, .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
429
+ .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
492
430
  border-bottom: 1px solid #e3165b;
493
431
  box-shadow: 0 0 0 0 #e3165b;
494
432
  }
495
-
496
433
  .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
497
434
  height: 0;
498
435
  }
499
-
500
436
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder {
501
437
  border-color: #e3165b;
502
438
  border-width: 1px 0 0;
503
439
  position: relative;
504
440
  z-index: 1;
505
441
  }
506
-
507
442
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
508
443
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
509
444
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
510
445
  box-shadow: 0 0 0 0;
511
446
  }
512
-
513
447
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder:first-child {
514
448
  border-right: 1px solid;
515
449
  box-shadow: 0 1px 0 0 #e3165b;
516
450
  position: relative;
517
451
  z-index: 1;
518
452
  }
519
-
520
453
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child {
521
454
  border-left: 1px solid;
522
455
  }
523
-
524
456
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder {
525
457
  border-width: 1px 0;
526
458
  }
527
-
528
459
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
529
460
  border-right: 1px solid;
530
461
  }
531
-
532
462
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
533
463
  border-left: 1px solid;
534
464
  }
535
-
536
465
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-droptop:first-child,
537
466
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-droptop {
538
467
  border-top-color: #e3165b;
539
468
  border-width: 1px 0 0;
540
469
  }
541
-
542
470
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-dropbottom {
543
471
  border-bottom-color: #e3165b;
544
472
  }
545
-
546
473
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {
547
474
  height: 0;
548
- }
475
+ }