@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: 0 6px 12px rgba(0, 0, 0, 0.175);
5
4
  margin-top: 3px;
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
  }
@@ -31,9 +27,7 @@
31
27
  margin-top: 0;
32
28
  }
33
29
 
34
- .e-bigger .e-popup.e-ddl .e-list-item,
35
- .e-bigger .e-popup.e-ddl .e-list-group-item,
36
- .e-bigger .e-popup.e-ddl .e-fixed-head {
30
+ .e-bigger .e-popup.e-ddl .e-list-item, .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
37
31
  font-size: 15px;
38
32
  line-height: 40px;
39
33
  padding-left: 0;
@@ -48,8 +42,7 @@
48
42
  padding: 4px 0;
49
43
  }
50
44
 
51
- .e-bigger .e-popup.e-ddl .e-input-group input,
52
- .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
45
+ .e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
53
46
  height: 38px;
54
47
  }
55
48
 
@@ -87,9 +80,7 @@
87
80
  border-bottom: 1px solid #ccc;
88
81
  }
89
82
 
90
- .e-bigger.e-small .e-ddl.e-popup .e-list-item,
91
- .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
92
- .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
83
+ .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 {
93
84
  font-size: 14px;
94
85
  line-height: 34px;
95
86
  padding-left: 0;
@@ -104,8 +95,7 @@
104
95
  padding: 4px 0;
105
96
  }
106
97
 
107
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input,
108
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
98
+ .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 {
109
99
  height: 30px;
110
100
  }
111
101
 
@@ -121,7 +111,6 @@
121
111
  transform: rotate(360deg);
122
112
  }
123
113
  }
124
-
125
114
  @keyframes fabric-spinner-rotate {
126
115
  0% {
127
116
  transform: rotate(0);
@@ -130,27 +119,22 @@
130
119
  transform: rotate(360deg);
131
120
  }
132
121
  }
133
-
134
122
  /*! component's theme wise override definitions and variables */
135
123
  .e-treegrid .e-treegridexpand::before,
136
124
  .e-treegrid .e-treegridcollapse::before {
137
- content: '\e22f';
125
+ content: "\e22f";
138
126
  }
139
-
140
127
  .e-treegrid .e-toolbar-item .e-expand::before {
141
- content: '\e558';
128
+ content: "\e558";
142
129
  }
143
-
144
130
  .e-treegrid .e-toolbar-item .e-collapse::before {
145
- content: '\e557';
131
+ content: "\e557";
146
132
  }
147
-
148
133
  .e-treegrid .e-toolbar-item .e-indent::before {
149
- content: '\e33f';
134
+ content: "\e33f";
150
135
  }
151
-
152
136
  .e-treegrid .e-toolbar-item .e-outdent::before {
153
- content: '\e35d';
137
+ content: "\e35d";
154
138
  }
155
139
 
156
140
  .e-bigger .e-treegrid .e-treegridexpand,
@@ -159,16 +143,13 @@
159
143
  height: 18px;
160
144
  width: 18px;
161
145
  }
162
-
163
146
  .e-bigger .e-treegrid .e-hierarchycheckbox {
164
147
  padding-left: 2px;
165
148
  }
166
-
167
149
  .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
168
150
  height: 20px;
169
151
  width: 20px;
170
152
  }
171
-
172
153
  .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
173
154
  font-size: 12px;
174
155
  line-height: 12px;
@@ -176,80 +157,64 @@
176
157
  height: 20px;
177
158
  width: 20px;
178
159
  }
179
-
180
160
  .e-bigger .e-treegrid .e-treecell {
181
161
  line-height: 18px;
182
162
  }
183
-
184
163
  .e-treegrid .e-icons.e-none::before {
185
- content: '';
164
+ content: "";
186
165
  }
187
-
188
166
  .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
189
167
  height: 20px;
190
168
  vertical-align: middle;
191
169
  }
192
-
193
170
  .e-treegrid .e-treegridexpand::before,
194
171
  .e-treegrid .e-treegridcollapse::before {
195
172
  text-align: center;
196
173
  vertical-align: middle;
197
174
  }
198
-
199
175
  .e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container {
200
176
  display: block;
201
177
  overflow: hidden;
202
178
  text-overflow: ellipsis;
203
179
  }
204
-
205
180
  .e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container span.e-treecell {
206
181
  display: inline;
207
182
  overflow: hidden;
208
183
  text-overflow: ellipsis;
209
184
  }
210
-
211
185
  .e-treegrid .e-treegridexpand:hover::before,
212
186
  .e-treegrid .e-treegridcollapse:hover::before {
213
187
  color: #333;
214
188
  }
215
-
216
189
  .e-treegrid .e-rtl .e-treegridcollapse {
217
190
  transform: scale(-1);
218
191
  }
219
-
220
192
  .e-treegrid .e-treegridexpand {
221
193
  transform: rotate(90deg);
222
194
  }
223
-
224
195
  .e-treegrid .e-treerowexpanded:not(.e-hiddenrow) {
225
196
  display: table-row;
226
197
  }
227
-
228
198
  .e-treegrid .e-treerowcollapsed {
229
199
  display: none;
230
200
  }
231
-
232
201
  .e-treegrid .e-treecheckbox-container {
233
202
  display: block;
234
203
  overflow: hidden;
235
204
  text-overflow: ellipsis;
236
205
  }
237
-
238
206
  .e-treegrid .e-treecheckbox-container :not(.e-treecheckbox) {
239
207
  white-space: nowrap;
240
208
  }
241
-
242
209
  .e-treegrid .e-treecheckbox {
243
210
  overflow: hidden;
244
211
  text-overflow: ellipsis;
245
212
  vertical-align: middle;
246
213
  }
247
-
248
214
  .e-treegrid .e-treecolumn-container span {
249
215
  display: inline-block;
250
216
  vertical-align: middle;
251
217
  }
252
-
253
218
  .e-treegrid .e-hierarchycheckbox .e-frame {
254
219
  font-size: 10px;
255
220
  height: 16px;
@@ -257,14 +222,12 @@
257
222
  padding: 2px 0;
258
223
  width: 16px;
259
224
  }
260
-
261
225
  .e-treegrid .e-checkselection .e-frozenheader .e-rowcell,
262
226
  .e-treegrid .e-checkselection .e-movableheader .e-rowcell,
263
227
  .e-treegrid .e-checkselection .e-frozencontent .e-rowcell,
264
228
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
265
229
  line-height: 21px;
266
230
  }
267
-
268
231
  .e-treegrid .e-treegridexpand,
269
232
  .e-treegrid .e-treegridcollapse {
270
233
  color: #333;
@@ -276,36 +239,29 @@
276
239
  vertical-align: bottom;
277
240
  width: 16px;
278
241
  }
279
-
280
242
  .e-treegrid .e-treecell {
281
243
  display: table-cell;
282
244
  line-height: normal;
283
245
  }
284
-
285
246
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
286
247
  white-space: nowrap;
287
248
  }
288
-
289
249
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container .e-treecell {
290
250
  display: inline-block;
291
251
  white-space: normal;
292
252
  word-wrap: break-word;
293
253
  }
294
-
295
254
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container {
296
255
  white-space: nowrap;
297
256
  }
298
-
299
257
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
300
258
  display: inline-block;
301
259
  white-space: normal;
302
260
  word-wrap: break-word;
303
261
  }
304
-
305
262
  .e-treegrid.e-grid.e-print-grid-layout .e-icons {
306
263
  display: inline-block;
307
264
  }
308
-
309
265
  .e-treegrid .e-treecheckselect,
310
266
  .e-treegrid .e-treeselectall {
311
267
  margin: 0;
@@ -313,7 +269,6 @@
313
269
  position: absolute;
314
270
  width: 0;
315
271
  }
316
-
317
272
  .e-treegrid .e-detailheadercell,
318
273
  .e-treegrid .e-headercontent .e-table .e-detail-intent,
319
274
  .e-treegrid .e-gridcontent .e-table .e-detail-intent,
@@ -323,19 +278,16 @@
323
278
  .e-treegrid .e-filterbarcell.e-mastercell {
324
279
  display: none;
325
280
  }
326
-
327
281
  .e-treegrid .e-icons.e-errorelem {
328
282
  display: inline-block;
329
283
  padding-left: 10px;
330
284
  vertical-align: middle;
331
285
  }
332
-
333
286
  .e-treegrid .e-errorelem::before {
334
287
  color: #e3165b;
335
- content: "";
288
+ content: "\e22a";
336
289
  transform: rotate(180deg);
337
290
  }
338
-
339
291
  .e-treegrid .e-gridcontent td.e-childborder {
340
292
  border-color: #317ab9;
341
293
  border-width: 1px 0 0;
@@ -343,41 +295,33 @@
343
295
  position: relative;
344
296
  z-index: 1;
345
297
  }
346
-
347
298
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
348
299
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
349
300
  box-shadow: 0 1px 0 0 #317ab9;
350
301
  }
351
-
352
302
  .e-treegrid .e-gridcontent td.e-rowcell.e-dragborder,
353
303
  .e-treegrid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
354
304
  .e-treegrid .e-gridcontent .e-rowdragdrop.e-dragborder {
355
305
  box-shadow: 0 0 0 0;
356
306
  }
357
-
358
307
  .e-treegrid .e-gridcontent td.e-childborder:first-child {
359
308
  border-left: 1px solid #317ab9;
360
309
  box-shadow: 0 1px 0 0 #317ab9;
361
310
  position: relative;
362
311
  z-index: 1;
363
312
  }
364
-
365
313
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child {
366
314
  border-right: 1px solid #317ab9;
367
315
  }
368
-
369
316
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder {
370
317
  border-width: 1px 0;
371
318
  }
372
-
373
319
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
374
320
  border-right: 1px solid #317ab9;
375
321
  }
376
-
377
322
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
378
323
  border-left: 1px solid #317ab9;
379
324
  }
380
-
381
325
  .e-treegrid .e-gridcontent td.e-dropbottom:first-child,
382
326
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom,
383
327
  .e-treegrid .e-gridcontent td.e-dropbottom {
@@ -385,45 +329,35 @@
385
329
  position: relative;
386
330
  z-index: 1;
387
331
  }
388
-
389
332
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
390
333
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
391
334
  border-top-color: #317ab9;
392
335
  border-width: 1px 0 0;
393
336
  }
394
-
395
337
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-dropbottom {
396
338
  border-bottom-color: #317ab9;
397
339
  }
398
-
399
340
  .e-treegrid .e-gridcontent td.e-rowdragdrop.e-droptop.e-dragborder {
400
341
  box-shadow: 0 0 0 0;
401
342
  }
402
-
403
343
  .e-treegrid .e-gridcontent .e-gridheader .e-firstrow-dragborder {
404
344
  height: 1px;
405
345
  }
406
-
407
346
  .e-treegrid .e-gridcontent .e-lastrow-dragborder {
408
347
  height: 0;
409
348
  }
410
-
411
349
  .e-treegrid .e-gridheader .e-firstrow-dragborder {
412
350
  height: 0;
413
351
  }
414
-
415
352
  .e-treegrid .e-droptop .e-lastrow-dragborder {
416
353
  height: 0;
417
354
  }
418
-
419
355
  .e-treegrid .e-treegrid-relative {
420
356
  position: relative;
421
357
  }
422
-
423
358
  .e-treegrid .e-gridheader .e-firstrow-dragborder tr:first-child.e-dropbottom {
424
359
  height: 0;
425
360
  }
426
-
427
361
  .e-treegrid .e-gridheader .e-firstrow-border,
428
362
  .e-treegrid .e-gridcontent .e-lastrow-border {
429
363
  background-color: #317ab9;
@@ -433,91 +367,74 @@
433
367
  position: absolute;
434
368
  z-index: 1;
435
369
  }
436
-
437
370
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-childborder,
438
371
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-childborder {
439
372
  border-bottom: 1px solid #317ab9;
440
373
  border-top: 1px solid #317ab9;
441
374
  box-shadow: 0 0 0 0 #317ab9;
442
375
  }
443
-
444
376
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-droptop,
445
377
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-droptop {
446
378
  border-top: 1px solid #317ab9;
447
379
  }
448
-
449
380
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-childborder {
450
381
  border-bottom: 1px solid #317ab9;
451
382
  border-top: 1px solid #317ab9;
452
383
  box-shadow: 0 0 0 0 #317ab9;
453
384
  }
454
-
455
385
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-childborder {
456
386
  border-bottom: 1px solid #317ab9;
457
387
  border-top: 1px solid #317ab9;
458
388
  box-shadow: 0 0 0 0 #317ab9;
459
389
  }
460
-
461
390
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-dropbottom {
462
391
  border-bottom: 1px solid #317ab9;
463
392
  box-shadow: 0 0 0 0 #317ab9;
464
393
  }
465
-
466
394
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
467
395
  border-bottom: 1px solid #317ab9;
468
396
  box-shadow: 0 0 0 0 #317ab9;
469
397
  }
470
-
471
398
  .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
472
399
  height: 0;
473
400
  }
474
-
475
401
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder {
476
402
  border-color: #317ab9;
477
403
  border-width: 1px 0 0;
478
404
  position: relative;
479
405
  z-index: 1;
480
406
  }
481
-
482
407
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
483
408
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
484
409
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
485
410
  box-shadow: 0 0 0 0;
486
411
  }
487
-
488
412
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder:first-child {
489
413
  border-right: 1px solid #317ab9;
490
414
  box-shadow: 0 1px 0 0 #317ab9;
491
415
  position: relative;
492
416
  z-index: 1;
493
417
  }
494
-
495
418
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child {
496
419
  border-left: 1px solid #317ab9;
497
420
  }
498
-
499
421
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder {
500
422
  border-width: 1px 0;
501
423
  }
502
-
503
424
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
504
425
  border-right: 1px solid #317ab9;
505
426
  }
506
-
507
427
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
508
428
  border-left: 1px solid #317ab9;
509
429
  }
510
-
511
430
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-droptop:first-child,
512
431
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-droptop {
513
432
  border-top-color: #317ab9;
514
433
  border-width: 1px 0 0;
515
434
  }
516
-
517
435
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-dropbottom {
518
436
  border-bottom-color: #317ab9;
519
437
  }
520
-
521
438
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {
522
439
  height: 0;
523
- }
440
+ }