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