@syncfusion/ej2-treegrid 25.2.6 → 26.1.35

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 (102) hide show
  1. package/.eslintrc.json +3 -2
  2. package/dist/ej2-treegrid.min.js +2 -2
  3. package/dist/ej2-treegrid.umd.min.js +2 -2
  4. package/dist/ej2-treegrid.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-treegrid.es2015.js +621 -462
  6. package/dist/es6/ej2-treegrid.es2015.js.map +1 -1
  7. package/dist/es6/ej2-treegrid.es5.js +922 -762
  8. package/dist/es6/ej2-treegrid.es5.js.map +1 -1
  9. package/dist/global/ej2-treegrid.min.js +2 -2
  10. package/dist/global/ej2-treegrid.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +10 -10
  13. package/src/treegrid/actions/edit.js +8 -7
  14. package/src/treegrid/actions/excel-export.js +4 -3
  15. package/src/treegrid/actions/page.js +4 -0
  16. package/src/treegrid/actions/rowdragdrop.js +13 -11
  17. package/src/treegrid/actions/selection.js +4 -1
  18. package/src/treegrid/base/constant.d.ts +2 -0
  19. package/src/treegrid/base/constant.js +2 -0
  20. package/src/treegrid/base/data.js +2 -1
  21. package/src/treegrid/base/interface.js +0 -1
  22. package/src/treegrid/base/treegrid-model.d.ts +1 -1
  23. package/src/treegrid/base/treegrid.d.ts +3 -0
  24. package/src/treegrid/base/treegrid.js +230 -62
  25. package/src/treegrid/renderer/virtual-row-model-generator.js +2 -2
  26. package/src/treegrid/renderer/virtual-tree-content-render.js +2 -1
  27. package/styles/bootstrap-dark.css +76 -48
  28. package/styles/bootstrap-dark.scss +18 -1
  29. package/styles/bootstrap.css +76 -49
  30. package/styles/bootstrap.scss +18 -1
  31. package/styles/bootstrap4.css +77 -48
  32. package/styles/bootstrap4.scss +18 -1
  33. package/styles/bootstrap5-dark.css +77 -49
  34. package/styles/bootstrap5-dark.scss +18 -1
  35. package/styles/bootstrap5.css +77 -49
  36. package/styles/bootstrap5.scss +18 -1
  37. package/styles/fabric-dark.css +74 -47
  38. package/styles/fabric-dark.scss +18 -1
  39. package/styles/fabric.css +74 -47
  40. package/styles/fabric.scss +18 -1
  41. package/styles/fluent-dark.css +77 -49
  42. package/styles/fluent-dark.scss +18 -1
  43. package/styles/fluent.css +77 -49
  44. package/styles/fluent.scss +18 -1
  45. package/styles/fluent2.css +1721 -0
  46. package/styles/fluent2.scss +18 -0
  47. package/styles/highcontrast-light.css +74 -47
  48. package/styles/highcontrast-light.scss +18 -1
  49. package/styles/highcontrast.css +74 -47
  50. package/styles/highcontrast.scss +18 -1
  51. package/styles/material-dark.css +111 -54
  52. package/styles/material-dark.scss +18 -1
  53. package/styles/material.css +125 -57
  54. package/styles/material.scss +18 -1
  55. package/styles/material3-dark.css +111 -56
  56. package/styles/material3-dark.scss +18 -1
  57. package/styles/material3.css +111 -56
  58. package/styles/material3.scss +18 -1
  59. package/styles/tailwind-dark.css +87 -51
  60. package/styles/tailwind-dark.scss +18 -1
  61. package/styles/tailwind.css +87 -51
  62. package/styles/tailwind.scss +18 -1
  63. package/styles/treegrid/_bds-definition.scss +0 -4
  64. package/styles/treegrid/_bootstrap-dark-definition.scss +0 -1
  65. package/styles/treegrid/_bootstrap-definition.scss +0 -1
  66. package/styles/treegrid/_bootstrap4-definition.scss +0 -1
  67. package/styles/treegrid/_bootstrap5-definition.scss +0 -4
  68. package/styles/treegrid/_bootstrap5.3-definition.scss +24 -0
  69. package/styles/treegrid/_fabric-dark-definition.scss +0 -1
  70. package/styles/treegrid/_fabric-definition.scss +0 -1
  71. package/styles/treegrid/_fluent-definition.scss +0 -4
  72. package/styles/treegrid/_fluent2-definition.scss +24 -0
  73. package/styles/treegrid/_fusionnew-definition.scss +0 -4
  74. package/styles/treegrid/_highcontrast-definition.scss +0 -1
  75. package/styles/treegrid/_highcontrast-light-definition.scss +0 -1
  76. package/styles/treegrid/_layout.scss +81 -85
  77. package/styles/treegrid/_material-dark-definition.scss +0 -1
  78. package/styles/treegrid/_material-definition.scss +0 -1
  79. package/styles/treegrid/_material3-definition.scss +0 -4
  80. package/styles/treegrid/_tailwind-definition.scss +0 -4
  81. package/styles/treegrid/bootstrap-dark.css +76 -48
  82. package/styles/treegrid/bootstrap.css +76 -49
  83. package/styles/treegrid/bootstrap4.css +77 -48
  84. package/styles/treegrid/bootstrap5-dark.css +77 -49
  85. package/styles/treegrid/bootstrap5.css +77 -49
  86. package/styles/treegrid/fabric-dark.css +74 -47
  87. package/styles/treegrid/fabric.css +74 -47
  88. package/styles/treegrid/fluent-dark.css +77 -49
  89. package/styles/treegrid/fluent.css +77 -49
  90. package/styles/treegrid/fluent2.css +1721 -0
  91. package/styles/treegrid/fluent2.scss +18 -0
  92. package/styles/treegrid/highcontrast-light.css +74 -47
  93. package/styles/treegrid/highcontrast.css +74 -47
  94. package/styles/treegrid/icons/_bootstrap5.3.scss +37 -0
  95. package/styles/treegrid/icons/_fluent2.scss +37 -0
  96. package/styles/treegrid/material-dark.css +111 -54
  97. package/styles/treegrid/material.css +125 -57
  98. package/styles/treegrid/material3-dark.css +111 -56
  99. package/styles/treegrid/material3.css +111 -56
  100. package/styles/treegrid/tailwind-dark.css +87 -51
  101. package/styles/treegrid/tailwind.css +87 -51
  102. package/CHANGELOG.md +0 -264
@@ -1,7 +1,8 @@
1
1
  /* stylelint-disable property-no-vendor-prefix */
2
2
  .e-popup.e-ddl {
3
3
  border-radius: 4px;
4
- box-shadow: none;
4
+ -webkit-box-shadow: none;
5
+ box-shadow: none;
5
6
  margin-top: 3px;
6
7
  }
7
8
  .e-popup.e-ddl .e-input-group {
@@ -16,6 +17,7 @@
16
17
  }
17
18
 
18
19
  .e-popup.e-ddl .e-filter-parent .e-input-group {
20
+ display: -webkit-box;
19
21
  display: -ms-flexbox;
20
22
  display: flex;
21
23
  width: auto;
@@ -103,11 +105,13 @@
103
105
  .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
104
106
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
105
107
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
106
- box-shadow: none;
108
+ -webkit-box-shadow: none;
109
+ box-shadow: none;
107
110
  }
108
111
 
109
112
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
110
113
  background: transparent;
114
+ display: -webkit-box;
111
115
  display: -ms-flexbox;
112
116
  display: flex;
113
117
  position: relative;
@@ -146,23 +150,46 @@
146
150
  }
147
151
 
148
152
  /* stylelint-disable property-no-vendor-prefix */
153
+ @-webkit-keyframes material-spinner-rotate {
154
+ 0% {
155
+ -webkit-transform: rotate(0);
156
+ transform: rotate(0);
157
+ }
158
+ 100% {
159
+ -webkit-transform: rotate(360deg);
160
+ transform: rotate(360deg);
161
+ }
162
+ }
149
163
  @keyframes material-spinner-rotate {
150
164
  0% {
165
+ -webkit-transform: rotate(0);
151
166
  transform: rotate(0);
152
167
  }
153
168
  100% {
169
+ -webkit-transform: rotate(360deg);
170
+ transform: rotate(360deg);
171
+ }
172
+ }
173
+ @-webkit-keyframes fabric-spinner-rotate {
174
+ 0% {
175
+ -webkit-transform: rotate(0);
176
+ transform: rotate(0);
177
+ }
178
+ 100% {
179
+ -webkit-transform: rotate(360deg);
154
180
  transform: rotate(360deg);
155
181
  }
156
182
  }
157
183
  @keyframes fabric-spinner-rotate {
158
184
  0% {
185
+ -webkit-transform: rotate(0);
159
186
  transform: rotate(0);
160
187
  }
161
188
  100% {
189
+ -webkit-transform: rotate(360deg);
162
190
  transform: rotate(360deg);
163
191
  }
164
192
  }
165
- /*! Toolbar's bootstrap5 theme wise override definitions and variables */
166
193
  /* stylelint-disable */
167
194
  .e-treegrid .e-indent::before,
168
195
  .e-grid-menu .e-indent::before {
@@ -203,10 +230,6 @@
203
230
  height: 18px;
204
231
  width: 18px;
205
232
  }
206
- .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
207
- height: 18px;
208
- width: 18px;
209
- }
210
233
  .e-bigger .e-treegrid .e-treecell {
211
234
  line-height: 22px;
212
235
  }
@@ -237,10 +260,12 @@
237
260
  color: #343a40;
238
261
  }
239
262
  .e-treegrid .e-rtl .e-treegridcollapse {
240
- transform: scale(-1);
263
+ -webkit-transform: scale(-1);
264
+ transform: scale(-1);
241
265
  }
242
266
  .e-treegrid .e-treegridexpand {
243
- transform: rotate(90deg);
267
+ -webkit-transform: rotate(90deg);
268
+ transform: rotate(90deg);
244
269
  }
245
270
  .e-treegrid .e-treerowexpanded:not(.e-hiddenrow) {
246
271
  display: table-row;
@@ -293,7 +318,7 @@
293
318
  display: table-cell;
294
319
  line-height: 19px;
295
320
  }
296
- .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
321
+ .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container, .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container {
297
322
  white-space: nowrap;
298
323
  }
299
324
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container .e-treecell {
@@ -301,9 +326,6 @@
301
326
  white-space: normal;
302
327
  word-wrap: break-word;
303
328
  }
304
- .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container {
305
- white-space: nowrap;
306
- }
307
329
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
308
330
  display: inline-block;
309
331
  white-space: normal;
@@ -328,53 +350,57 @@
328
350
  display: none;
329
351
  }
330
352
  .e-treegrid .e-icons.e-errorelem {
331
- display: inline-block;
332
353
  padding-left: 10px;
354
+ display: inline-block;
333
355
  vertical-align: middle;
334
356
  }
335
357
  .e-treegrid .e-errorelem::before {
336
358
  color: #dc3545;
337
359
  content: "\e839";
338
- transform: rotate(180deg);
360
+ -webkit-transform: rotate(180deg);
361
+ transform: rotate(180deg);
339
362
  }
340
363
  .e-treegrid .e-gridcontent td.e-childborder {
341
364
  border-color: #0d6efd;
342
365
  border-width: 2px 0 0;
343
- box-shadow: 0 1px 0 0 #0d6efd;
366
+ -webkit-box-shadow: 0 1px 0 0 #0d6efd;
367
+ box-shadow: 0 1px 0 0 #0d6efd;
344
368
  position: relative;
345
369
  z-index: 1;
346
370
  }
347
371
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
348
372
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
349
- box-shadow: 0 1px 0 0 #0d6efd;
373
+ -webkit-box-shadow: 0 1px 0 0 #0d6efd;
374
+ box-shadow: 0 1px 0 0 #0d6efd;
350
375
  }
351
376
  .e-treegrid .e-gridcontent td.e-rowcell.e-dragborder,
352
377
  .e-treegrid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
353
378
  .e-treegrid .e-gridcontent .e-rowdragdrop.e-dragborder {
354
- box-shadow: 0 0 0 0;
379
+ -webkit-box-shadow: 0 0 0 0;
380
+ box-shadow: 0 0 0 0;
355
381
  }
356
382
  .e-treegrid .e-gridcontent td.e-childborder:first-child {
357
383
  border-left: 2px solid #4f46e5;
358
- box-shadow: 0 1px 0 0 #0d6efd;
384
+ -webkit-box-shadow: 0 1px 0 0 #0d6efd;
385
+ box-shadow: 0 1px 0 0 #0d6efd;
359
386
  position: relative;
360
387
  z-index: 1;
361
388
  }
362
- .e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child {
389
+ .e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child,
390
+ .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
363
391
  border-right: 2px solid #4f46e5;
364
392
  }
365
393
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder {
366
394
  border-width: 2px 0;
367
395
  }
368
- .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
369
- border-right: 2px solid #4f46e5;
370
- }
371
396
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
372
397
  border-left: 2px solid #4f46e5;
373
398
  }
374
399
  .e-treegrid .e-gridcontent td.e-dropbottom:first-child,
375
400
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom,
376
401
  .e-treegrid .e-gridcontent td.e-dropbottom {
377
- box-shadow: 0 1px 0 0 #0d6efd;
402
+ -webkit-box-shadow: 0 1px 0 0 #0d6efd;
403
+ box-shadow: 0 1px 0 0 #0d6efd;
378
404
  position: relative;
379
405
  z-index: 1;
380
406
  }
@@ -387,7 +413,8 @@
387
413
  border-bottom-color: #0d6efd;
388
414
  }
389
415
  .e-treegrid .e-gridcontent td.e-rowdragdrop.e-droptop.e-dragborder {
390
- box-shadow: 0 0 0 0;
416
+ -webkit-box-shadow: 0 0 0 0;
417
+ box-shadow: 0 0 0 0;
391
418
  }
392
419
  .e-treegrid .e-gridcontent .e-gridheader .e-firstrow-dragborder {
393
420
  height: 1px;
@@ -395,18 +422,14 @@
395
422
  .e-treegrid .e-gridcontent .e-lastrow-dragborder {
396
423
  height: 0;
397
424
  }
398
- .e-treegrid .e-gridheader .e-firstrow-dragborder {
399
- height: 0;
400
- }
401
- .e-treegrid .e-droptop .e-lastrow-dragborder {
425
+ .e-treegrid .e-gridheader .e-firstrow-dragborder,
426
+ .e-treegrid .e-droptop .e-lastrow-dragborder,
427
+ .e-treegrid .e-gridheader .e-firstrow-dragborder tr:first-child.e-dropbottom {
402
428
  height: 0;
403
429
  }
404
430
  .e-treegrid .e-treegrid-relative {
405
431
  position: relative;
406
432
  }
407
- .e-treegrid .e-gridheader .e-firstrow-dragborder tr:first-child.e-dropbottom {
408
- height: 0;
409
- }
410
433
  .e-treegrid .e-gridheader .e-firstrow-border,
411
434
  .e-treegrid .e-gridcontent .e-lastrow-border {
412
435
  background-color: #0d6efd;
@@ -420,7 +443,8 @@
420
443
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-childborder {
421
444
  border-bottom: 2px solid #4f46e5;
422
445
  border-top: 2px solid #4f46e5;
423
- box-shadow: 0 0 0 0 #0d6efd;
446
+ -webkit-box-shadow: 0 0 0 0 #0d6efd;
447
+ box-shadow: 0 0 0 0 #0d6efd;
424
448
  }
425
449
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-droptop,
426
450
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-droptop {
@@ -429,30 +453,37 @@
429
453
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-childborder {
430
454
  border-bottom: 2px solid #4f46e5;
431
455
  border-top: 2px solid #4f46e5;
432
- box-shadow: 0 0 0 0 #0d6efd;
456
+ -webkit-box-shadow: 0 0 0 0 #0d6efd;
457
+ box-shadow: 0 0 0 0 #0d6efd;
433
458
  }
434
459
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-childborder {
435
460
  border-bottom: 2px solid #4f46e5;
436
461
  border-top: 2px solid #4f46e5;
437
- box-shadow: 0 0 0 0 #0d6efd;
462
+ -webkit-box-shadow: 0 0 0 0 #0d6efd;
463
+ box-shadow: 0 0 0 0 #0d6efd;
438
464
  }
439
465
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-dropbottom {
440
466
  border-bottom: 2px solid #4f46e5;
441
- box-shadow: 0 0 0 0 #0d6efd;
467
+ -webkit-box-shadow: 0 0 0 0 #0d6efd;
468
+ box-shadow: 0 0 0 0 #0d6efd;
442
469
  }
443
470
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
444
471
  border-top: 2px solid #4f46e5;
445
- box-shadow: 0 0 0 0 #0d6efd;
472
+ -webkit-box-shadow: 0 0 0 0 #0d6efd;
473
+ box-shadow: 0 0 0 0 #0d6efd;
446
474
  }
447
475
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
448
476
  border-bottom: 2px solid #4f46e5;
449
- box-shadow: 0 0 0 0 #0d6efd;
477
+ -webkit-box-shadow: 0 0 0 0 #0d6efd;
478
+ box-shadow: 0 0 0 0 #0d6efd;
450
479
  }
451
480
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
452
481
  border-top: 2px solid #4f46e5;
453
- box-shadow: 0 0 0 0 #0d6efd;
482
+ -webkit-box-shadow: 0 0 0 0 #0d6efd;
483
+ box-shadow: 0 0 0 0 #0d6efd;
454
484
  }
455
- .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
485
+ .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder,
486
+ .e-treegrid .e-grid.e-rtl .e-droptop .e-lastrow-dragborder {
456
487
  height: 0;
457
488
  }
458
489
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder {
@@ -464,15 +495,18 @@
464
495
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
465
496
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
466
497
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
467
- box-shadow: 0 0 0 0;
498
+ -webkit-box-shadow: 0 0 0 0;
499
+ box-shadow: 0 0 0 0;
468
500
  }
469
501
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder:first-child {
470
502
  border-right: 2px solid #4f46e5;
471
- box-shadow: 0 1px 0 0 #0d6efd;
503
+ -webkit-box-shadow: 0 1px 0 0 #0d6efd;
504
+ box-shadow: 0 1px 0 0 #0d6efd;
472
505
  position: relative;
473
506
  z-index: 1;
474
507
  }
475
- .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child {
508
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child,
509
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
476
510
  border-left: 2px solid #4f46e5;
477
511
  }
478
512
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder {
@@ -481,9 +515,6 @@
481
515
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
482
516
  border-right: 2px solid #4f46e5;
483
517
  }
484
- .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
485
- border-left: 2px solid #4f46e5;
486
- }
487
518
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-droptop:first-child,
488
519
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-droptop {
489
520
  border-top-color: #0d6efd;
@@ -492,8 +523,5 @@
492
523
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-dropbottom {
493
524
  border-bottom-color: #0d6efd;
494
525
  }
495
- .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {
496
- height: 0;
497
- }
498
526
 
499
527
  /* stylelint-disable-line no-empty-source */
@@ -1,7 +1,8 @@
1
1
  /* stylelint-disable property-no-vendor-prefix */
2
2
  .e-ddl.e-popup {
3
3
  border: 0;
4
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
4
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
5
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
5
6
  margin-top: 1px;
6
7
  }
7
8
  .e-ddl.e-popup .e-input-group input {
@@ -9,6 +10,7 @@
9
10
  }
10
11
 
11
12
  .e-ddl.e-popup .e-input-group {
13
+ display: -webkit-box;
12
14
  display: -ms-flexbox;
13
15
  display: flex;
14
16
  width: auto;
@@ -81,19 +83,43 @@
81
83
  }
82
84
 
83
85
  /* stylelint-disable property-no-vendor-prefix */
86
+ @-webkit-keyframes material-spinner-rotate {
87
+ 0% {
88
+ -webkit-transform: rotate(0);
89
+ transform: rotate(0);
90
+ }
91
+ 100% {
92
+ -webkit-transform: rotate(360deg);
93
+ transform: rotate(360deg);
94
+ }
95
+ }
84
96
  @keyframes material-spinner-rotate {
85
97
  0% {
98
+ -webkit-transform: rotate(0);
86
99
  transform: rotate(0);
87
100
  }
88
101
  100% {
102
+ -webkit-transform: rotate(360deg);
103
+ transform: rotate(360deg);
104
+ }
105
+ }
106
+ @-webkit-keyframes fabric-spinner-rotate {
107
+ 0% {
108
+ -webkit-transform: rotate(0);
109
+ transform: rotate(0);
110
+ }
111
+ 100% {
112
+ -webkit-transform: rotate(360deg);
89
113
  transform: rotate(360deg);
90
114
  }
91
115
  }
92
116
  @keyframes fabric-spinner-rotate {
93
117
  0% {
118
+ -webkit-transform: rotate(0);
94
119
  transform: rotate(0);
95
120
  }
96
121
  100% {
122
+ -webkit-transform: rotate(360deg);
97
123
  transform: rotate(360deg);
98
124
  }
99
125
  }
@@ -132,10 +158,6 @@
132
158
  .e-bigger .e-treegrid .e-hierarchycheckbox {
133
159
  padding-left: 2px;
134
160
  }
135
- .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
136
- height: 20px;
137
- width: 20px;
138
- }
139
161
  .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
140
162
  font-size: 12px;
141
163
  line-height: 12px;
@@ -173,10 +195,12 @@
173
195
  color: #dadada;
174
196
  }
175
197
  .e-treegrid .e-rtl .e-treegridcollapse {
176
- transform: scale(-1);
198
+ -webkit-transform: scale(-1);
199
+ transform: scale(-1);
177
200
  }
178
201
  .e-treegrid .e-treegridexpand {
179
- transform: rotate(90deg);
202
+ -webkit-transform: rotate(90deg);
203
+ transform: rotate(90deg);
180
204
  }
181
205
  .e-treegrid .e-treerowexpanded:not(.e-hiddenrow) {
182
206
  display: table-row;
@@ -232,7 +256,7 @@
232
256
  display: table-cell;
233
257
  line-height: normal;
234
258
  }
235
- .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
259
+ .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container, .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container {
236
260
  white-space: nowrap;
237
261
  }
238
262
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container .e-treecell {
@@ -240,9 +264,6 @@
240
264
  white-space: normal;
241
265
  word-wrap: break-word;
242
266
  }
243
- .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container {
244
- white-space: nowrap;
245
- }
246
267
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
247
268
  display: inline-block;
248
269
  white-space: normal;
@@ -267,53 +288,57 @@
267
288
  display: none;
268
289
  }
269
290
  .e-treegrid .e-icons.e-errorelem {
270
- display: inline-block;
271
291
  padding-left: 10px;
292
+ display: inline-block;
272
293
  vertical-align: middle;
273
294
  }
274
295
  .e-treegrid .e-errorelem::before {
275
296
  color: #e3165b;
276
297
  content: "\e22a";
277
- transform: rotate(180deg);
298
+ -webkit-transform: rotate(180deg);
299
+ transform: rotate(180deg);
278
300
  }
279
301
  .e-treegrid .e-gridcontent td.e-childborder {
280
302
  border-color: #0074cc;
281
303
  border-width: 1px 0 0;
282
- box-shadow: 0 1px 0 0 #0074cc;
304
+ -webkit-box-shadow: 0 1px 0 0 #0074cc;
305
+ box-shadow: 0 1px 0 0 #0074cc;
283
306
  position: relative;
284
307
  z-index: 1;
285
308
  }
286
309
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
287
310
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
288
- box-shadow: 0 1px 0 0 #0074cc;
311
+ -webkit-box-shadow: 0 1px 0 0 #0074cc;
312
+ box-shadow: 0 1px 0 0 #0074cc;
289
313
  }
290
314
  .e-treegrid .e-gridcontent td.e-rowcell.e-dragborder,
291
315
  .e-treegrid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
292
316
  .e-treegrid .e-gridcontent .e-rowdragdrop.e-dragborder {
293
- box-shadow: 0 0 0 0;
317
+ -webkit-box-shadow: 0 0 0 0;
318
+ box-shadow: 0 0 0 0;
294
319
  }
295
320
  .e-treegrid .e-gridcontent td.e-childborder:first-child {
296
321
  border-left: 1px solid #0074cc;
297
- box-shadow: 0 1px 0 0 #0074cc;
322
+ -webkit-box-shadow: 0 1px 0 0 #0074cc;
323
+ box-shadow: 0 1px 0 0 #0074cc;
298
324
  position: relative;
299
325
  z-index: 1;
300
326
  }
301
- .e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child {
327
+ .e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child,
328
+ .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
302
329
  border-right: 1px solid #0074cc;
303
330
  }
304
331
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder {
305
332
  border-width: 1px 0;
306
333
  }
307
- .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
308
- border-right: 1px solid #0074cc;
309
- }
310
334
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
311
335
  border-left: 1px solid #0074cc;
312
336
  }
313
337
  .e-treegrid .e-gridcontent td.e-dropbottom:first-child,
314
338
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom,
315
339
  .e-treegrid .e-gridcontent td.e-dropbottom {
316
- box-shadow: 0 1px 0 0 #0074cc;
340
+ -webkit-box-shadow: 0 1px 0 0 #0074cc;
341
+ box-shadow: 0 1px 0 0 #0074cc;
317
342
  position: relative;
318
343
  z-index: 1;
319
344
  }
@@ -326,7 +351,8 @@
326
351
  border-bottom-color: #0074cc;
327
352
  }
328
353
  .e-treegrid .e-gridcontent td.e-rowdragdrop.e-droptop.e-dragborder {
329
- box-shadow: 0 0 0 0;
354
+ -webkit-box-shadow: 0 0 0 0;
355
+ box-shadow: 0 0 0 0;
330
356
  }
331
357
  .e-treegrid .e-gridcontent .e-gridheader .e-firstrow-dragborder {
332
358
  height: 1px;
@@ -334,18 +360,14 @@
334
360
  .e-treegrid .e-gridcontent .e-lastrow-dragborder {
335
361
  height: 0;
336
362
  }
337
- .e-treegrid .e-gridheader .e-firstrow-dragborder {
338
- height: 0;
339
- }
340
- .e-treegrid .e-droptop .e-lastrow-dragborder {
363
+ .e-treegrid .e-gridheader .e-firstrow-dragborder,
364
+ .e-treegrid .e-droptop .e-lastrow-dragborder,
365
+ .e-treegrid .e-gridheader .e-firstrow-dragborder tr:first-child.e-dropbottom {
341
366
  height: 0;
342
367
  }
343
368
  .e-treegrid .e-treegrid-relative {
344
369
  position: relative;
345
370
  }
346
- .e-treegrid .e-gridheader .e-firstrow-dragborder tr:first-child.e-dropbottom {
347
- height: 0;
348
- }
349
371
  .e-treegrid .e-gridheader .e-firstrow-border,
350
372
  .e-treegrid .e-gridcontent .e-lastrow-border {
351
373
  background-color: #0074cc;
@@ -359,7 +381,8 @@
359
381
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-childborder {
360
382
  border-bottom: 1px solid #0074cc;
361
383
  border-top: 1px solid #0074cc;
362
- box-shadow: 0 0 0 0 #0074cc;
384
+ -webkit-box-shadow: 0 0 0 0 #0074cc;
385
+ box-shadow: 0 0 0 0 #0074cc;
363
386
  }
364
387
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-droptop,
365
388
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-droptop {
@@ -368,30 +391,37 @@
368
391
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-childborder {
369
392
  border-bottom: 1px solid #0074cc;
370
393
  border-top: 1px solid #0074cc;
371
- box-shadow: 0 0 0 0 #0074cc;
394
+ -webkit-box-shadow: 0 0 0 0 #0074cc;
395
+ box-shadow: 0 0 0 0 #0074cc;
372
396
  }
373
397
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-childborder {
374
398
  border-bottom: 1px solid #0074cc;
375
399
  border-top: 1px solid #0074cc;
376
- box-shadow: 0 0 0 0 #0074cc;
400
+ -webkit-box-shadow: 0 0 0 0 #0074cc;
401
+ box-shadow: 0 0 0 0 #0074cc;
377
402
  }
378
403
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-dropbottom {
379
404
  border-bottom: 1px solid #0074cc;
380
- box-shadow: 0 0 0 0 #0074cc;
405
+ -webkit-box-shadow: 0 0 0 0 #0074cc;
406
+ box-shadow: 0 0 0 0 #0074cc;
381
407
  }
382
408
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
383
409
  border-top: 1px solid #0074cc;
384
- box-shadow: 0 0 0 0 #0074cc;
410
+ -webkit-box-shadow: 0 0 0 0 #0074cc;
411
+ box-shadow: 0 0 0 0 #0074cc;
385
412
  }
386
413
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
387
414
  border-bottom: 1px solid #0074cc;
388
- box-shadow: 0 0 0 0 #0074cc;
415
+ -webkit-box-shadow: 0 0 0 0 #0074cc;
416
+ box-shadow: 0 0 0 0 #0074cc;
389
417
  }
390
418
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
391
419
  border-top: 1px solid #0074cc;
392
- box-shadow: 0 0 0 0 #0074cc;
420
+ -webkit-box-shadow: 0 0 0 0 #0074cc;
421
+ box-shadow: 0 0 0 0 #0074cc;
393
422
  }
394
- .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
423
+ .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder,
424
+ .e-treegrid .e-grid.e-rtl .e-droptop .e-lastrow-dragborder {
395
425
  height: 0;
396
426
  }
397
427
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder {
@@ -403,15 +433,18 @@
403
433
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
404
434
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
405
435
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
406
- box-shadow: 0 0 0 0;
436
+ -webkit-box-shadow: 0 0 0 0;
437
+ box-shadow: 0 0 0 0;
407
438
  }
408
439
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder:first-child {
409
440
  border-right: 1px solid #0074cc;
410
- box-shadow: 0 1px 0 0 #0074cc;
441
+ -webkit-box-shadow: 0 1px 0 0 #0074cc;
442
+ box-shadow: 0 1px 0 0 #0074cc;
411
443
  position: relative;
412
444
  z-index: 1;
413
445
  }
414
- .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child {
446
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child,
447
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
415
448
  border-left: 1px solid #0074cc;
416
449
  }
417
450
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder {
@@ -420,9 +453,6 @@
420
453
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
421
454
  border-right: 1px solid #0074cc;
422
455
  }
423
- .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
424
- border-left: 1px solid #0074cc;
425
- }
426
456
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-droptop:first-child,
427
457
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-droptop {
428
458
  border-top-color: #0074cc;
@@ -431,8 +461,5 @@
431
461
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-dropbottom {
432
462
  border-bottom-color: #0074cc;
433
463
  }
434
- .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {
435
- height: 0;
436
- }
437
464
 
438
465
  /* stylelint-disable-line no-empty-source */