@syncfusion/ej2-treegrid 26.2.5 → 26.2.8

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 (52) hide show
  1. package/dist/ej2-treegrid.min.js +2 -2
  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 +30 -9
  5. package/dist/es6/ej2-treegrid.es2015.js.map +1 -1
  6. package/dist/es6/ej2-treegrid.es5.js +30 -9
  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 +7 -7
  12. package/src/treegrid/actions/virtual-scroll.d.ts +1 -0
  13. package/src/treegrid/actions/virtual-scroll.js +4 -0
  14. package/src/treegrid/base/data.js +3 -3
  15. package/src/treegrid/base/treegrid.js +23 -6
  16. package/styles/bootstrap-dark.css +13 -3
  17. package/styles/bootstrap.css +13 -3
  18. package/styles/bootstrap4.css +13 -3
  19. package/styles/bootstrap5-dark.css +13 -3
  20. package/styles/bootstrap5.css +13 -3
  21. package/styles/fabric-dark.css +13 -3
  22. package/styles/fabric.css +13 -3
  23. package/styles/fluent-dark.css +13 -3
  24. package/styles/fluent.css +13 -3
  25. package/styles/fluent2.css +13 -3
  26. package/styles/highcontrast-light.css +13 -3
  27. package/styles/highcontrast.css +20 -3
  28. package/styles/material-dark.css +13 -3
  29. package/styles/material.css +13 -3
  30. package/styles/material3-dark.css +13 -3
  31. package/styles/material3.css +13 -3
  32. package/styles/tailwind-dark.css +13 -3
  33. package/styles/tailwind.css +13 -3
  34. package/styles/treegrid/_layout.scss +28 -3
  35. package/styles/treegrid/bootstrap-dark.css +13 -3
  36. package/styles/treegrid/bootstrap.css +13 -3
  37. package/styles/treegrid/bootstrap4.css +13 -3
  38. package/styles/treegrid/bootstrap5-dark.css +13 -3
  39. package/styles/treegrid/bootstrap5.css +13 -3
  40. package/styles/treegrid/fabric-dark.css +13 -3
  41. package/styles/treegrid/fabric.css +13 -3
  42. package/styles/treegrid/fluent-dark.css +13 -3
  43. package/styles/treegrid/fluent.css +13 -3
  44. package/styles/treegrid/fluent2.css +13 -3
  45. package/styles/treegrid/highcontrast-light.css +13 -3
  46. package/styles/treegrid/highcontrast.css +20 -3
  47. package/styles/treegrid/material-dark.css +13 -3
  48. package/styles/treegrid/material.css +13 -3
  49. package/styles/treegrid/material3-dark.css +13 -3
  50. package/styles/treegrid/material3.css +13 -3
  51. package/styles/treegrid/tailwind-dark.css +13 -3
  52. package/styles/treegrid/tailwind.css +13 -3
package/styles/treegrid/material-dark.css CHANGED
@@ -224,6 +224,7 @@
224
224
  font-size: 10px;
225
225
  height: 18px;
226
226
  width: 18px;
227
+ vertical-align: bottom;
227
228
  }
228
229
  .e-bigger .e-treegrid .e-hierarchycheckbox {
229
230
  padding-left: 2px;
@@ -235,6 +236,9 @@
235
236
  .e-bigger .e-treegrid .e-treecell {
236
237
  line-height: 18px;
237
238
  }
239
+ .e-bigger .e-treegrid .e-treecolumn-container span {
240
+ vertical-align: middle;
241
+ }
238
242
  .e-treegrid .e-icons.e-none::before {
239
243
  content: "";
240
244
  }
@@ -253,10 +257,13 @@
253
257
  text-overflow: ellipsis;
254
258
  }
255
259
  .e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container span.e-treecell {
256
- display: inline;
260
+ display: contents;
257
261
  overflow: hidden;
258
262
  text-overflow: ellipsis;
259
263
  }
264
+ .e-treegrid .e-templatecell .e-treecolumn-container span {
265
+ vertical-align: middle;
266
+ }
260
267
  .e-treegrid .e-treegridexpand:hover::before,
261
268
  .e-treegrid .e-treegridcollapse:hover::before {
262
269
  color: #fff;
@@ -290,6 +297,9 @@
290
297
  }
291
298
  .e-treegrid .e-treecolumn-container span {
292
299
  display: inline-block;
300
+ vertical-align: text-bottom;
301
+ }
302
+ .e-treegrid .e-templatecell .e-treecolumn-container span {
293
303
  vertical-align: middle;
294
304
  }
295
305
  .e-treegrid .e-cloneproperties .e-treecolumn-container span {
@@ -313,7 +323,7 @@
313
323
  height: 16px;
314
324
  padding: 0;
315
325
  text-align: center;
316
- vertical-align: bottom;
326
+ vertical-align: text-bottom;
317
327
  width: 16px;
318
328
  }
319
329
  .e-treegrid .e-treecell {
@@ -354,7 +364,7 @@
354
364
  .e-treegrid .e-icons.e-errorelem {
355
365
  padding-left: 10px;
356
366
  display: inline-block;
357
- vertical-align: middle;
367
+ vertical-align: text-bottom;
358
368
  }
359
369
  .e-treegrid .e-errorelem::before {
360
370
  color: #e3165b;
package/styles/treegrid/material.css CHANGED
@@ -269,6 +269,7 @@
269
269
  font-size: 10px;
270
270
  height: 18px;
271
271
  width: 18px;
272
+ vertical-align: bottom;
272
273
  }
273
274
  .e-bigger .e-treegrid .e-hierarchycheckbox {
274
275
  padding-left: 2px;
@@ -280,6 +281,9 @@
280
281
  .e-bigger .e-treegrid .e-treecell {
281
282
  line-height: 18px;
282
283
  }
284
+ .e-bigger .e-treegrid .e-treecolumn-container span {
285
+ vertical-align: middle;
286
+ }
283
287
  .e-treegrid .e-icons.e-none::before {
284
288
  content: "";
285
289
  }
@@ -298,10 +302,13 @@
298
302
  text-overflow: ellipsis;
299
303
  }
300
304
  .e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container span.e-treecell {
301
- display: inline;
305
+ display: contents;
302
306
  overflow: hidden;
303
307
  text-overflow: ellipsis;
304
308
  }
309
+ .e-treegrid .e-templatecell .e-treecolumn-container span {
310
+ vertical-align: middle;
311
+ }
305
312
  .e-treegrid .e-treegridexpand:hover::before,
306
313
  .e-treegrid .e-treegridcollapse:hover::before {
307
314
  color: #000;
@@ -335,6 +342,9 @@
335
342
  }
336
343
  .e-treegrid .e-treecolumn-container span {
337
344
  display: inline-block;
345
+ vertical-align: text-bottom;
346
+ }
347
+ .e-treegrid .e-templatecell .e-treecolumn-container span {
338
348
  vertical-align: middle;
339
349
  }
340
350
  .e-treegrid .e-cloneproperties .e-treecolumn-container span {
@@ -358,7 +368,7 @@
358
368
  height: 16px;
359
369
  padding: 0;
360
370
  text-align: center;
361
- vertical-align: bottom;
371
+ vertical-align: text-bottom;
362
372
  width: 16px;
363
373
  }
364
374
  .e-treegrid .e-treecell {
@@ -399,7 +409,7 @@
399
409
  .e-treegrid .e-icons.e-errorelem {
400
410
  padding-left: 10px;
401
411
  display: inline-block;
402
- vertical-align: middle;
412
+ vertical-align: text-bottom;
403
413
  }
404
414
  .e-treegrid .e-errorelem::before {
405
415
  color: #e3165b;
package/styles/treegrid/material3-dark.css CHANGED
@@ -313,6 +313,7 @@
313
313
  font-size: 22px;
314
314
  height: 20px;
315
315
  width: 20px;
316
+ vertical-align: bottom;
316
317
  }
317
318
  .e-bigger .e-treegrid .e-hierarchycheckbox {
318
319
  padding-left: 2px;
@@ -324,6 +325,9 @@
324
325
  .e-bigger .e-treegrid .e-treecell {
325
326
  line-height: 20px;
326
327
  }
328
+ .e-bigger .e-treegrid .e-treecolumn-container span {
329
+ vertical-align: middle;
330
+ }
327
331
  .e-treegrid .e-icons.e-none::before {
328
332
  content: "";
329
333
  }
@@ -342,10 +346,13 @@
342
346
  text-overflow: ellipsis;
343
347
  }
344
348
  .e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container span.e-treecell {
345
- display: inline;
349
+ display: contents;
346
350
  overflow: hidden;
347
351
  text-overflow: ellipsis;
348
352
  }
353
+ .e-treegrid .e-templatecell .e-treecolumn-container span {
354
+ vertical-align: middle;
355
+ }
349
356
  .e-treegrid .e-treegridexpand:hover::before,
350
357
  .e-treegrid .e-treegridcollapse:hover::before {
351
358
  color: rgba(var(--color-sf-on-surface));
@@ -379,6 +386,9 @@
379
386
  }
380
387
  .e-treegrid .e-treecolumn-container span {
381
388
  display: inline-block;
389
+ vertical-align: text-bottom;
390
+ }
391
+ .e-treegrid .e-templatecell .e-treecolumn-container span {
382
392
  vertical-align: middle;
383
393
  }
384
394
  .e-treegrid .e-cloneproperties .e-treecolumn-container span {
@@ -402,7 +412,7 @@
402
412
  height: 18px;
403
413
  padding: 0;
404
414
  text-align: center;
405
- vertical-align: bottom;
415
+ vertical-align: text-bottom;
406
416
  width: 16px;
407
417
  }
408
418
  .e-treegrid .e-treecell {
@@ -443,7 +453,7 @@
443
453
  .e-treegrid .e-icons.e-errorelem {
444
454
  padding-left: 10px;
445
455
  display: inline-block;
446
- vertical-align: middle;
456
+ vertical-align: text-bottom;
447
457
  }
448
458
  .e-treegrid .e-errorelem::before {
449
459
  color: rgba(var(--color-sf-error));
package/styles/treegrid/material3.css CHANGED
@@ -369,6 +369,7 @@
369
369
  font-size: 22px;
370
370
  height: 20px;
371
371
  width: 20px;
372
+ vertical-align: bottom;
372
373
  }
373
374
  .e-bigger .e-treegrid .e-hierarchycheckbox {
374
375
  padding-left: 2px;
@@ -380,6 +381,9 @@
380
381
  .e-bigger .e-treegrid .e-treecell {
381
382
  line-height: 20px;
382
383
  }
384
+ .e-bigger .e-treegrid .e-treecolumn-container span {
385
+ vertical-align: middle;
386
+ }
383
387
  .e-treegrid .e-icons.e-none::before {
384
388
  content: "";
385
389
  }
@@ -398,10 +402,13 @@
398
402
  text-overflow: ellipsis;
399
403
  }
400
404
  .e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container span.e-treecell {
401
- display: inline;
405
+ display: contents;
402
406
  overflow: hidden;
403
407
  text-overflow: ellipsis;
404
408
  }
409
+ .e-treegrid .e-templatecell .e-treecolumn-container span {
410
+ vertical-align: middle;
411
+ }
405
412
  .e-treegrid .e-treegridexpand:hover::before,
406
413
  .e-treegrid .e-treegridcollapse:hover::before {
407
414
  color: rgba(var(--color-sf-on-surface));
@@ -435,6 +442,9 @@
435
442
  }
436
443
  .e-treegrid .e-treecolumn-container span {
437
444
  display: inline-block;
445
+ vertical-align: text-bottom;
446
+ }
447
+ .e-treegrid .e-templatecell .e-treecolumn-container span {
438
448
  vertical-align: middle;
439
449
  }
440
450
  .e-treegrid .e-cloneproperties .e-treecolumn-container span {
@@ -458,7 +468,7 @@
458
468
  height: 18px;
459
469
  padding: 0;
460
470
  text-align: center;
461
- vertical-align: bottom;
471
+ vertical-align: text-bottom;
462
472
  width: 16px;
463
473
  }
464
474
  .e-treegrid .e-treecell {
@@ -499,7 +509,7 @@
499
509
  .e-treegrid .e-icons.e-errorelem {
500
510
  padding-left: 10px;
501
511
  display: inline-block;
502
- vertical-align: middle;
512
+ vertical-align: text-bottom;
503
513
  }
504
514
  .e-treegrid .e-errorelem::before {
505
515
  color: rgba(var(--color-sf-error));
package/styles/treegrid/tailwind-dark.css CHANGED
@@ -176,6 +176,7 @@
176
176
  font-size: 22px;
177
177
  height: 22px;
178
178
  width: 22px;
179
+ vertical-align: bottom;
179
180
  }
180
181
  .e-bigger .e-treegrid .e-hierarchycheckbox {
181
182
  padding-left: 2px;
@@ -187,6 +188,9 @@
187
188
  .e-bigger .e-treegrid .e-treecell {
188
189
  line-height: 22px;
189
190
  }
191
+ .e-bigger .e-treegrid .e-treecolumn-container span {
192
+ vertical-align: middle;
193
+ }
190
194
  .e-treegrid .e-icons.e-none::before {
191
195
  content: "";
192
196
  }
@@ -205,10 +209,13 @@
205
209
  text-overflow: ellipsis;
206
210
  }
207
211
  .e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container span.e-treecell {
208
- display: inline;
212
+ display: contents;
209
213
  overflow: hidden;
210
214
  text-overflow: ellipsis;
211
215
  }
216
+ .e-treegrid .e-templatecell .e-treecolumn-container span {
217
+ vertical-align: middle;
218
+ }
212
219
  .e-treegrid .e-treegridexpand:hover::before,
213
220
  .e-treegrid .e-treegridcollapse:hover::before {
214
221
  color: #f3f4f6;
@@ -242,6 +249,9 @@
242
249
  }
243
250
  .e-treegrid .e-treecolumn-container span {
244
251
  display: inline-block;
252
+ vertical-align: text-bottom;
253
+ }
254
+ .e-treegrid .e-templatecell .e-treecolumn-container span {
245
255
  vertical-align: middle;
246
256
  }
247
257
  .e-treegrid .e-cloneproperties .e-treecolumn-container span {
@@ -265,7 +275,7 @@
265
275
  height: 18px;
266
276
  padding: 0;
267
277
  text-align: center;
268
- vertical-align: bottom;
278
+ vertical-align: text-bottom;
269
279
  width: 16px;
270
280
  }
271
281
  .e-treegrid .e-treecell {
@@ -306,7 +316,7 @@
306
316
  .e-treegrid .e-icons.e-errorelem {
307
317
  padding-left: 10px;
308
318
  display: inline-block;
309
- vertical-align: middle;
319
+ vertical-align: text-bottom;
310
320
  }
311
321
  .e-treegrid .e-errorelem::before {
312
322
  color: #f87171;
package/styles/treegrid/tailwind.css CHANGED
@@ -176,6 +176,7 @@
176
176
  font-size: 22px;
177
177
  height: 22px;
178
178
  width: 22px;
179
+ vertical-align: bottom;
179
180
  }
180
181
  .e-bigger .e-treegrid .e-hierarchycheckbox {
181
182
  padding-left: 2px;
@@ -187,6 +188,9 @@
187
188
  .e-bigger .e-treegrid .e-treecell {
188
189
  line-height: 22px;
189
190
  }
191
+ .e-bigger .e-treegrid .e-treecolumn-container span {
192
+ vertical-align: middle;
193
+ }
190
194
  .e-treegrid .e-icons.e-none::before {
191
195
  content: "";
192
196
  }
@@ -205,10 +209,13 @@
205
209
  text-overflow: ellipsis;
206
210
  }
207
211
  .e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container span.e-treecell {
208
- display: inline;
212
+ display: contents;
209
213
  overflow: hidden;
210
214
  text-overflow: ellipsis;
211
215
  }
216
+ .e-treegrid .e-templatecell .e-treecolumn-container span {
217
+ vertical-align: middle;
218
+ }
212
219
  .e-treegrid .e-treegridexpand:hover::before,
213
220
  .e-treegrid .e-treegridcollapse:hover::before {
214
221
  color: #374151;
@@ -242,6 +249,9 @@
242
249
  }
243
250
  .e-treegrid .e-treecolumn-container span {
244
251
  display: inline-block;
252
+ vertical-align: text-bottom;
253
+ }
254
+ .e-treegrid .e-templatecell .e-treecolumn-container span {
245
255
  vertical-align: middle;
246
256
  }
247
257
  .e-treegrid .e-cloneproperties .e-treecolumn-container span {
@@ -265,7 +275,7 @@
265
275
  height: 18px;
266
276
  padding: 0;
267
277
  text-align: center;
268
- vertical-align: bottom;
278
+ vertical-align: text-bottom;
269
279
  width: 16px;
270
280
  }
271
281
  .e-treegrid .e-treecell {
@@ -306,7 +316,7 @@
306
316
  .e-treegrid .e-icons.e-errorelem {
307
317
  padding-left: 10px;
308
318
  display: inline-block;
309
- vertical-align: middle;
319
+ vertical-align: text-bottom;
310
320
  }
311
321
  .e-treegrid .e-errorelem::before {
312
322
  color: #dc2626;