@syncfusion/ej2-treegrid 20.1.52 → 20.1.59

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