@syncfusion/ej2-treegrid 20.1.51 → 20.1.56

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