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