@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,4 +1,3 @@
1
- @charset "UTF-8";
2
1
  @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
3
2
  @keyframes e-input-ripple {
4
3
  100% {
@@ -6,7 +5,6 @@
6
5
  transform: scale(4);
7
6
  }
8
7
  }
9
-
10
8
  @keyframes slideTopUp {
11
9
  from {
12
10
  transform: translate3d(0, 0, 0) scale(1);
@@ -15,7 +13,6 @@
15
13
  transform: translate3d(0, 0, 0) scale(1);
16
14
  }
17
15
  }
18
-
19
16
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
20
17
  transform: rotate(0deg);
21
18
  transition: transform 300ms ease;
@@ -155,7 +152,6 @@
155
152
  transform: rotate(360deg);
156
153
  }
157
154
  }
158
-
159
155
  @keyframes fabric-spinner-rotate {
160
156
  0% {
161
157
  transform: rotate(0deg);
@@ -164,7 +160,6 @@
164
160
  transform: rotate(360deg);
165
161
  }
166
162
  }
167
-
168
163
  /*! component's theme wise override definitions and variables */
169
164
  @keyframes tbar-popup-shadow {
170
165
  0% {
@@ -175,26 +170,21 @@
175
170
  box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
176
171
  }
177
172
  }
178
-
179
173
  .e-treegrid .e-treegridexpand::before,
180
174
  .e-treegrid .e-treegridcollapse::before {
181
- content: '\e848';
175
+ content: "\e848";
182
176
  }
183
-
184
177
  .e-treegrid .e-toolbar-item .e-expand::before {
185
- content: '\e556';
178
+ content: "\e556";
186
179
  }
187
-
188
180
  .e-treegrid .e-toolbar-item .e-collapse::before {
189
- content: '\e554';
181
+ content: "\e554";
190
182
  }
191
-
192
183
  .e-treegrid .e-toolbar-item .e-indent::before {
193
- content: '\e33f';
184
+ content: "\e33f";
194
185
  }
195
-
196
186
  .e-treegrid .e-toolbar-item .e-outdent::before {
197
- content: '\e35d';
187
+ content: "\e35d";
198
188
  }
199
189
 
200
190
  .e-bigger .e-treegrid .e-treegridexpand,
@@ -203,106 +193,85 @@
203
193
  height: 18px;
204
194
  width: 18px;
205
195
  }
206
-
207
196
  .e-bigger .e-treegrid .e-hierarchycheckbox {
208
197
  padding-left: 2px;
209
198
  }
210
-
211
199
  .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
212
200
  height: 20px;
213
201
  width: 20px;
214
202
  }
215
-
216
203
  .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
217
204
  height: 20px;
218
205
  width: 20px;
219
206
  }
220
-
221
207
  .e-bigger .e-treegrid .e-treecell {
222
208
  line-height: 18px;
223
209
  }
224
-
225
210
  .e-treegrid .e-icons.e-none::before {
226
- content: '';
211
+ content: "";
227
212
  }
228
-
229
213
  .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
230
214
  height: 20px;
231
215
  vertical-align: middle;
232
216
  }
233
-
234
217
  .e-treegrid .e-treegridexpand::before,
235
218
  .e-treegrid .e-treegridcollapse::before {
236
219
  text-align: center;
237
220
  vertical-align: middle;
238
221
  }
239
-
240
222
  .e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container {
241
223
  display: block;
242
224
  overflow: hidden;
243
225
  text-overflow: ellipsis;
244
226
  }
245
-
246
227
  .e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container span.e-treecell {
247
228
  display: inline;
248
229
  overflow: hidden;
249
230
  text-overflow: ellipsis;
250
231
  }
251
-
252
232
  .e-treegrid .e-treegridexpand:hover::before,
253
233
  .e-treegrid .e-treegridcollapse:hover::before {
254
234
  color: #000;
255
235
  }
256
-
257
236
  .e-treegrid .e-rtl .e-treegridcollapse {
258
237
  transform: scale(-1);
259
238
  }
260
-
261
239
  .e-treegrid .e-treegridexpand {
262
240
  transform: rotate(90deg);
263
241
  }
264
-
265
242
  .e-treegrid .e-treerowexpanded:not(.e-hiddenrow) {
266
243
  display: table-row;
267
244
  }
268
-
269
245
  .e-treegrid .e-treerowcollapsed {
270
246
  display: none;
271
247
  }
272
-
273
248
  .e-treegrid .e-treecheckbox-container {
274
249
  display: block;
275
250
  overflow: hidden;
276
251
  text-overflow: ellipsis;
277
252
  }
278
-
279
253
  .e-treegrid .e-treecheckbox-container :not(.e-treecheckbox) {
280
254
  white-space: nowrap;
281
255
  }
282
-
283
256
  .e-treegrid .e-treecheckbox {
284
257
  overflow: hidden;
285
258
  text-overflow: ellipsis;
286
259
  vertical-align: middle;
287
260
  }
288
-
289
261
  .e-treegrid .e-treecolumn-container span {
290
262
  display: inline-block;
291
263
  vertical-align: middle;
292
264
  }
293
-
294
265
  .e-treegrid .e-hierarchycheckbox .e-frame {
295
266
  height: 18px;
296
267
  width: 18px;
297
268
  }
298
-
299
269
  .e-treegrid .e-checkselection .e-frozenheader .e-rowcell,
300
270
  .e-treegrid .e-checkselection .e-movableheader .e-rowcell,
301
271
  .e-treegrid .e-checkselection .e-frozencontent .e-rowcell,
302
272
  .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
303
273
  line-height: 21px;
304
274
  }
305
-
306
275
  .e-treegrid .e-treegridexpand,
307
276
  .e-treegrid .e-treegridcollapse {
308
277
  color: #000;
@@ -314,36 +283,29 @@
314
283
  vertical-align: bottom;
315
284
  width: 16px;
316
285
  }
317
-
318
286
  .e-treegrid .e-treecell {
319
287
  display: table-cell;
320
288
  line-height: normal;
321
289
  }
322
-
323
290
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
324
291
  white-space: nowrap;
325
292
  }
326
-
327
293
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container .e-treecell {
328
294
  display: inline-block;
329
295
  white-space: normal;
330
296
  word-wrap: break-word;
331
297
  }
332
-
333
298
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container {
334
299
  white-space: nowrap;
335
300
  }
336
-
337
301
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
338
302
  display: inline-block;
339
303
  white-space: normal;
340
304
  word-wrap: break-word;
341
305
  }
342
-
343
306
  .e-treegrid.e-grid.e-print-grid-layout .e-icons {
344
307
  display: inline-block;
345
308
  }
346
-
347
309
  .e-treegrid .e-treecheckselect,
348
310
  .e-treegrid .e-treeselectall {
349
311
  margin: 0;
@@ -351,7 +313,6 @@
351
313
  position: absolute;
352
314
  width: 0;
353
315
  }
354
-
355
316
  .e-treegrid .e-detailheadercell,
356
317
  .e-treegrid .e-headercontent .e-table .e-detail-intent,
357
318
  .e-treegrid .e-gridcontent .e-table .e-detail-intent,
@@ -361,19 +322,16 @@
361
322
  .e-treegrid .e-filterbarcell.e-mastercell {
362
323
  display: none;
363
324
  }
364
-
365
325
  .e-treegrid .e-icons.e-errorelem {
366
326
  display: inline-block;
367
327
  padding-left: 10px;
368
328
  vertical-align: middle;
369
329
  }
370
-
371
330
  .e-treegrid .e-errorelem::before {
372
331
  color: #e3165b;
373
- content: "";
332
+ content: "\e22a";
374
333
  transform: rotate(180deg);
375
334
  }
376
-
377
335
  .e-treegrid .e-gridcontent td.e-childborder {
378
336
  border-color: #e3165b;
379
337
  border-width: 1px 0 0;
@@ -381,41 +339,33 @@
381
339
  position: relative;
382
340
  z-index: 1;
383
341
  }
384
-
385
342
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
386
343
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
387
344
  box-shadow: 0 1px 0 0 #e3165b;
388
345
  }
389
-
390
346
  .e-treegrid .e-gridcontent td.e-rowcell.e-dragborder,
391
347
  .e-treegrid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
392
348
  .e-treegrid .e-gridcontent .e-rowdragdrop.e-dragborder {
393
349
  box-shadow: 0 0 0 0;
394
350
  }
395
-
396
351
  .e-treegrid .e-gridcontent td.e-childborder:first-child {
397
352
  border-left: 1px solid #e3165b;
398
353
  box-shadow: 0 1px 0 0 #e3165b;
399
354
  position: relative;
400
355
  z-index: 1;
401
356
  }
402
-
403
357
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child {
404
358
  border-right: 1px solid #e3165b;
405
359
  }
406
-
407
360
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder {
408
361
  border-width: 1px 0;
409
362
  }
410
-
411
363
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
412
364
  border-right: 1px solid #e3165b;
413
365
  }
414
-
415
366
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
416
367
  border-left: 1px solid #e3165b;
417
368
  }
418
-
419
369
  .e-treegrid .e-gridcontent td.e-dropbottom:first-child,
420
370
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom,
421
371
  .e-treegrid .e-gridcontent td.e-dropbottom {
@@ -423,45 +373,35 @@
423
373
  position: relative;
424
374
  z-index: 1;
425
375
  }
426
-
427
376
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
428
377
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
429
378
  border-top-color: #e3165b;
430
379
  border-width: 1px 0 0;
431
380
  }
432
-
433
381
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-dropbottom {
434
382
  border-bottom-color: #e3165b;
435
383
  }
436
-
437
384
  .e-treegrid .e-gridcontent td.e-rowdragdrop.e-droptop.e-dragborder {
438
385
  box-shadow: 0 0 0 0;
439
386
  }
440
-
441
387
  .e-treegrid .e-gridcontent .e-gridheader .e-firstrow-dragborder {
442
388
  height: 1px;
443
389
  }
444
-
445
390
  .e-treegrid .e-gridcontent .e-lastrow-dragborder {
446
391
  height: 0;
447
392
  }
448
-
449
393
  .e-treegrid .e-gridheader .e-firstrow-dragborder {
450
394
  height: 0;
451
395
  }
452
-
453
396
  .e-treegrid .e-droptop .e-lastrow-dragborder {
454
397
  height: 0;
455
398
  }
456
-
457
399
  .e-treegrid .e-treegrid-relative {
458
400
  position: relative;
459
401
  }
460
-
461
402
  .e-treegrid .e-gridheader .e-firstrow-dragborder tr:first-child.e-dropbottom {
462
403
  height: 0;
463
404
  }
464
-
465
405
  .e-treegrid .e-gridheader .e-firstrow-border,
466
406
  .e-treegrid .e-gridcontent .e-lastrow-border {
467
407
  background-color: #e3165b;
@@ -471,91 +411,74 @@
471
411
  position: absolute;
472
412
  z-index: 1;
473
413
  }
474
-
475
414
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-childborder,
476
415
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-childborder {
477
416
  border-bottom: 1px solid #e3165b;
478
417
  border-top: 1px solid #e3165b;
479
418
  box-shadow: 0 0 0 0 #e3165b;
480
419
  }
481
-
482
420
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-droptop,
483
421
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-droptop {
484
422
  border-top: 1px solid #e3165b;
485
423
  }
486
-
487
424
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-childborder {
488
425
  border-bottom: 1px solid #e3165b;
489
426
  border-top: 1px solid #e3165b;
490
427
  box-shadow: 0 0 0 0 #e3165b;
491
428
  }
492
-
493
429
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-childborder {
494
430
  border-bottom: 1px solid #e3165b;
495
431
  border-top: 1px solid #e3165b;
496
432
  box-shadow: 0 0 0 0 #e3165b;
497
433
  }
498
-
499
434
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-dropbottom {
500
435
  border-bottom: 1px solid #e3165b;
501
436
  box-shadow: 0 0 0 0 #e3165b;
502
437
  }
503
-
504
438
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
505
439
  border-bottom: 1px solid #e3165b;
506
440
  box-shadow: 0 0 0 0 #e3165b;
507
441
  }
508
-
509
442
  .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
510
443
  height: 0;
511
444
  }
512
-
513
445
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder {
514
446
  border-color: #e3165b;
515
447
  border-width: 1px 0 0;
516
448
  position: relative;
517
449
  z-index: 1;
518
450
  }
519
-
520
451
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
521
452
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
522
453
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
523
454
  box-shadow: 0 0 0 0;
524
455
  }
525
-
526
456
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder:first-child {
527
457
  border-right: 1px solid #e3165b;
528
458
  box-shadow: 0 1px 0 0 #e3165b;
529
459
  position: relative;
530
460
  z-index: 1;
531
461
  }
532
-
533
462
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child {
534
463
  border-left: 1px solid #e3165b;
535
464
  }
536
-
537
465
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder {
538
466
  border-width: 1px 0;
539
467
  }
540
-
541
468
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
542
469
  border-right: 1px solid #e3165b;
543
470
  }
544
-
545
471
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
546
472
  border-left: 1px solid #e3165b;
547
473
  }
548
-
549
474
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-droptop:first-child,
550
475
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-droptop {
551
476
  border-top-color: #e3165b;
552
477
  border-width: 1px 0 0;
553
478
  }
554
-
555
479
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-dropbottom {
556
480
  border-bottom-color: #e3165b;
557
481
  }
558
-
559
482
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {
560
483
  height: 0;
561
- }
484
+ }