@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-ddl.e-popup {
3
3
  border: 0;
4
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
4
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
5
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
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;
@@ -74,19 +76,43 @@
74
76
  }
75
77
 
76
78
  /* stylelint-disable property-no-vendor-prefix */
79
+ @-webkit-keyframes material-spinner-rotate {
80
+ 0% {
81
+ -webkit-transform: rotate(0);
82
+ transform: rotate(0);
83
+ }
84
+ 100% {
85
+ -webkit-transform: rotate(360deg);
86
+ transform: rotate(360deg);
87
+ }
88
+ }
77
89
  @keyframes material-spinner-rotate {
78
90
  0% {
91
+ -webkit-transform: rotate(0);
79
92
  transform: rotate(0);
80
93
  }
81
94
  100% {
95
+ -webkit-transform: rotate(360deg);
96
+ transform: rotate(360deg);
97
+ }
98
+ }
99
+ @-webkit-keyframes fabric-spinner-rotate {
100
+ 0% {
101
+ -webkit-transform: rotate(0);
102
+ transform: rotate(0);
103
+ }
104
+ 100% {
105
+ -webkit-transform: rotate(360deg);
82
106
  transform: rotate(360deg);
83
107
  }
84
108
  }
85
109
  @keyframes fabric-spinner-rotate {
86
110
  0% {
111
+ -webkit-transform: rotate(0);
87
112
  transform: rotate(0);
88
113
  }
89
114
  100% {
115
+ -webkit-transform: rotate(360deg);
90
116
  transform: rotate(360deg);
91
117
  }
92
118
  }
@@ -125,10 +151,6 @@
125
151
  .e-bigger .e-treegrid .e-hierarchycheckbox {
126
152
  padding-left: 2px;
127
153
  }
128
- .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
129
- height: 20px;
130
- width: 20px;
131
- }
132
154
  .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
133
155
  font-size: 12px;
134
156
  line-height: 12px;
@@ -166,10 +188,12 @@
166
188
  color: #333;
167
189
  }
168
190
  .e-treegrid .e-rtl .e-treegridcollapse {
169
- transform: scale(-1);
191
+ -webkit-transform: scale(-1);
192
+ transform: scale(-1);
170
193
  }
171
194
  .e-treegrid .e-treegridexpand {
172
- transform: rotate(90deg);
195
+ -webkit-transform: rotate(90deg);
196
+ transform: rotate(90deg);
173
197
  }
174
198
  .e-treegrid .e-treerowexpanded:not(.e-hiddenrow) {
175
199
  display: table-row;
@@ -225,7 +249,7 @@
225
249
  display: table-cell;
226
250
  line-height: normal;
227
251
  }
228
- .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
252
+ .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container, .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container {
229
253
  white-space: nowrap;
230
254
  }
231
255
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container .e-treecell {
@@ -233,9 +257,6 @@
233
257
  white-space: normal;
234
258
  word-wrap: break-word;
235
259
  }
236
- .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container {
237
- white-space: nowrap;
238
- }
239
260
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
240
261
  display: inline-block;
241
262
  white-space: normal;
@@ -260,53 +281,57 @@
260
281
  display: none;
261
282
  }
262
283
  .e-treegrid .e-icons.e-errorelem {
263
- display: inline-block;
264
284
  padding-left: 10px;
285
+ display: inline-block;
265
286
  vertical-align: middle;
266
287
  }
267
288
  .e-treegrid .e-errorelem::before {
268
289
  color: #e3165b;
269
290
  content: "\e22a";
270
- transform: rotate(180deg);
291
+ -webkit-transform: rotate(180deg);
292
+ transform: rotate(180deg);
271
293
  }
272
294
  .e-treegrid .e-gridcontent td.e-childborder {
273
295
  border-color: #0078d6;
274
296
  border-width: 1px 0 0;
275
- box-shadow: 0 1px 0 0 #0078d6;
297
+ -webkit-box-shadow: 0 1px 0 0 #0078d6;
298
+ box-shadow: 0 1px 0 0 #0078d6;
276
299
  position: relative;
277
300
  z-index: 1;
278
301
  }
279
302
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
280
303
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
281
- box-shadow: 0 1px 0 0 #0078d6;
304
+ -webkit-box-shadow: 0 1px 0 0 #0078d6;
305
+ box-shadow: 0 1px 0 0 #0078d6;
282
306
  }
283
307
  .e-treegrid .e-gridcontent td.e-rowcell.e-dragborder,
284
308
  .e-treegrid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
285
309
  .e-treegrid .e-gridcontent .e-rowdragdrop.e-dragborder {
286
- box-shadow: 0 0 0 0;
310
+ -webkit-box-shadow: 0 0 0 0;
311
+ box-shadow: 0 0 0 0;
287
312
  }
288
313
  .e-treegrid .e-gridcontent td.e-childborder:first-child {
289
314
  border-left: 1px solid #0078d6;
290
- box-shadow: 0 1px 0 0 #0078d6;
315
+ -webkit-box-shadow: 0 1px 0 0 #0078d6;
316
+ box-shadow: 0 1px 0 0 #0078d6;
291
317
  position: relative;
292
318
  z-index: 1;
293
319
  }
294
- .e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child {
320
+ .e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child,
321
+ .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
295
322
  border-right: 1px solid #0078d6;
296
323
  }
297
324
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder {
298
325
  border-width: 1px 0;
299
326
  }
300
- .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
301
- border-right: 1px solid #0078d6;
302
- }
303
327
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
304
328
  border-left: 1px solid #0078d6;
305
329
  }
306
330
  .e-treegrid .e-gridcontent td.e-dropbottom:first-child,
307
331
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom,
308
332
  .e-treegrid .e-gridcontent td.e-dropbottom {
309
- box-shadow: 0 1px 0 0 #0078d6;
333
+ -webkit-box-shadow: 0 1px 0 0 #0078d6;
334
+ box-shadow: 0 1px 0 0 #0078d6;
310
335
  position: relative;
311
336
  z-index: 1;
312
337
  }
@@ -319,7 +344,8 @@
319
344
  border-bottom-color: #0078d6;
320
345
  }
321
346
  .e-treegrid .e-gridcontent td.e-rowdragdrop.e-droptop.e-dragborder {
322
- box-shadow: 0 0 0 0;
347
+ -webkit-box-shadow: 0 0 0 0;
348
+ box-shadow: 0 0 0 0;
323
349
  }
324
350
  .e-treegrid .e-gridcontent .e-gridheader .e-firstrow-dragborder {
325
351
  height: 1px;
@@ -327,18 +353,14 @@
327
353
  .e-treegrid .e-gridcontent .e-lastrow-dragborder {
328
354
  height: 0;
329
355
  }
330
- .e-treegrid .e-gridheader .e-firstrow-dragborder {
331
- height: 0;
332
- }
333
- .e-treegrid .e-droptop .e-lastrow-dragborder {
356
+ .e-treegrid .e-gridheader .e-firstrow-dragborder,
357
+ .e-treegrid .e-droptop .e-lastrow-dragborder,
358
+ .e-treegrid .e-gridheader .e-firstrow-dragborder tr:first-child.e-dropbottom {
334
359
  height: 0;
335
360
  }
336
361
  .e-treegrid .e-treegrid-relative {
337
362
  position: relative;
338
363
  }
339
- .e-treegrid .e-gridheader .e-firstrow-dragborder tr:first-child.e-dropbottom {
340
- height: 0;
341
- }
342
364
  .e-treegrid .e-gridheader .e-firstrow-border,
343
365
  .e-treegrid .e-gridcontent .e-lastrow-border {
344
366
  background-color: #0078d6;
@@ -352,7 +374,8 @@
352
374
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-childborder {
353
375
  border-bottom: 1px solid #0078d6;
354
376
  border-top: 1px solid #0078d6;
355
- box-shadow: 0 0 0 0 #0078d6;
377
+ -webkit-box-shadow: 0 0 0 0 #0078d6;
378
+ box-shadow: 0 0 0 0 #0078d6;
356
379
  }
357
380
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-droptop,
358
381
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-droptop {
@@ -361,30 +384,37 @@
361
384
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-childborder {
362
385
  border-bottom: 1px solid #0078d6;
363
386
  border-top: 1px solid #0078d6;
364
- box-shadow: 0 0 0 0 #0078d6;
387
+ -webkit-box-shadow: 0 0 0 0 #0078d6;
388
+ box-shadow: 0 0 0 0 #0078d6;
365
389
  }
366
390
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-childborder {
367
391
  border-bottom: 1px solid #0078d6;
368
392
  border-top: 1px solid #0078d6;
369
- box-shadow: 0 0 0 0 #0078d6;
393
+ -webkit-box-shadow: 0 0 0 0 #0078d6;
394
+ box-shadow: 0 0 0 0 #0078d6;
370
395
  }
371
396
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-dropbottom {
372
397
  border-bottom: 1px solid #0078d6;
373
- box-shadow: 0 0 0 0 #0078d6;
398
+ -webkit-box-shadow: 0 0 0 0 #0078d6;
399
+ box-shadow: 0 0 0 0 #0078d6;
374
400
  }
375
401
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
376
402
  border-top: 1px solid #0078d6;
377
- box-shadow: 0 0 0 0 #0078d6;
403
+ -webkit-box-shadow: 0 0 0 0 #0078d6;
404
+ box-shadow: 0 0 0 0 #0078d6;
378
405
  }
379
406
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
380
407
  border-bottom: 1px solid #0078d6;
381
- box-shadow: 0 0 0 0 #0078d6;
408
+ -webkit-box-shadow: 0 0 0 0 #0078d6;
409
+ box-shadow: 0 0 0 0 #0078d6;
382
410
  }
383
411
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
384
412
  border-top: 1px solid #0078d6;
385
- box-shadow: 0 0 0 0 #0078d6;
413
+ -webkit-box-shadow: 0 0 0 0 #0078d6;
414
+ box-shadow: 0 0 0 0 #0078d6;
386
415
  }
387
- .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
416
+ .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder,
417
+ .e-treegrid .e-grid.e-rtl .e-droptop .e-lastrow-dragborder {
388
418
  height: 0;
389
419
  }
390
420
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder {
@@ -396,15 +426,18 @@
396
426
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
397
427
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
398
428
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
399
- box-shadow: 0 0 0 0;
429
+ -webkit-box-shadow: 0 0 0 0;
430
+ box-shadow: 0 0 0 0;
400
431
  }
401
432
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder:first-child {
402
433
  border-right: 1px solid #0078d6;
403
- box-shadow: 0 1px 0 0 #0078d6;
434
+ -webkit-box-shadow: 0 1px 0 0 #0078d6;
435
+ box-shadow: 0 1px 0 0 #0078d6;
404
436
  position: relative;
405
437
  z-index: 1;
406
438
  }
407
- .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child {
439
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child,
440
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
408
441
  border-left: 1px solid #0078d6;
409
442
  }
410
443
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder {
@@ -413,9 +446,6 @@
413
446
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
414
447
  border-right: 1px solid #0078d6;
415
448
  }
416
- .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
417
- border-left: 1px solid #0078d6;
418
- }
419
449
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-droptop:first-child,
420
450
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-droptop {
421
451
  border-top-color: #0078d6;
@@ -424,8 +454,5 @@
424
454
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-dropbottom {
425
455
  border-bottom-color: #0078d6;
426
456
  }
427
- .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {
428
- height: 0;
429
- }
430
457
 
431
458
  /* stylelint-disable-line no-empty-source */
@@ -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: 1px;
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;
@@ -87,11 +89,13 @@
87
89
  .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
88
90
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
89
91
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
90
- box-shadow: none;
92
+ -webkit-box-shadow: none;
93
+ box-shadow: none;
91
94
  }
92
95
 
93
96
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
94
97
  background: none;
98
+ display: -webkit-box;
95
99
  display: -ms-flexbox;
96
100
  display: flex;
97
101
  position: relative;
@@ -126,19 +130,43 @@
126
130
  }
127
131
 
128
132
  /* stylelint-disable property-no-vendor-prefix */
133
+ @-webkit-keyframes material-spinner-rotate {
134
+ 0% {
135
+ -webkit-transform: rotate(0);
136
+ transform: rotate(0);
137
+ }
138
+ 100% {
139
+ -webkit-transform: rotate(360deg);
140
+ transform: rotate(360deg);
141
+ }
142
+ }
129
143
  @keyframes material-spinner-rotate {
130
144
  0% {
145
+ -webkit-transform: rotate(0);
146
+ transform: rotate(0);
147
+ }
148
+ 100% {
149
+ -webkit-transform: rotate(360deg);
150
+ transform: rotate(360deg);
151
+ }
152
+ }
153
+ @-webkit-keyframes fabric-spinner-rotate {
154
+ 0% {
155
+ -webkit-transform: rotate(0);
131
156
  transform: rotate(0);
132
157
  }
133
158
  100% {
159
+ -webkit-transform: rotate(360deg);
134
160
  transform: rotate(360deg);
135
161
  }
136
162
  }
137
163
  @keyframes fabric-spinner-rotate {
138
164
  0% {
165
+ -webkit-transform: rotate(0);
139
166
  transform: rotate(0);
140
167
  }
141
168
  100% {
169
+ -webkit-transform: rotate(360deg);
142
170
  transform: rotate(360deg);
143
171
  }
144
172
  }
@@ -177,10 +205,6 @@
177
205
  .e-bigger .e-treegrid .e-hierarchycheckbox {
178
206
  padding-left: 2px;
179
207
  }
180
- .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
181
- height: 18px;
182
- width: 18px;
183
- }
184
208
  .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
185
209
  font-size: 12px;
186
210
  line-height: 12px;
@@ -195,7 +219,6 @@
195
219
  font-size: 16px;
196
220
  font-weight: bold;
197
221
  }
198
-
199
222
  .e-treegrid .e-icons.e-none::before {
200
223
  content: "";
201
224
  }
@@ -231,10 +254,12 @@
231
254
  font-weight: bold;
232
255
  }
233
256
  .e-treegrid .e-rtl .e-treegridcollapse {
234
- transform: scale(-1);
257
+ -webkit-transform: scale(-1);
258
+ transform: scale(-1);
235
259
  }
236
260
  .e-treegrid .e-treegridexpand {
237
- transform: rotate(90deg);
261
+ -webkit-transform: rotate(90deg);
262
+ transform: rotate(90deg);
238
263
  }
239
264
  .e-treegrid .e-treerowexpanded:not(.e-hiddenrow) {
240
265
  display: table-row;
@@ -290,7 +315,7 @@
290
315
  display: table-cell;
291
316
  line-height: 19px;
292
317
  }
293
- .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
318
+ .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container, .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container {
294
319
  white-space: nowrap;
295
320
  }
296
321
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container .e-treecell {
@@ -298,9 +323,6 @@
298
323
  white-space: normal;
299
324
  word-wrap: break-word;
300
325
  }
301
- .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container {
302
- white-space: nowrap;
303
- }
304
326
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
305
327
  display: inline-block;
306
328
  white-space: normal;
@@ -325,53 +347,57 @@
325
347
  display: none;
326
348
  }
327
349
  .e-treegrid .e-icons.e-errorelem {
328
- display: inline-block;
329
350
  padding-left: 10px;
351
+ display: inline-block;
330
352
  vertical-align: middle;
331
353
  }
332
354
  .e-treegrid .e-errorelem::before {
333
355
  color: #d13438;
334
356
  content: "\e839";
335
- transform: rotate(180deg);
357
+ -webkit-transform: rotate(180deg);
358
+ transform: rotate(180deg);
336
359
  }
337
360
  .e-treegrid .e-gridcontent td.e-childborder {
338
361
  border-color: #0078d4;
339
362
  border-width: 2px 0 0;
340
- box-shadow: 0 1px 0 0 #0078d4;
363
+ -webkit-box-shadow: 0 1px 0 0 #0078d4;
364
+ box-shadow: 0 1px 0 0 #0078d4;
341
365
  position: relative;
342
366
  z-index: 1;
343
367
  }
344
368
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
345
369
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
346
- box-shadow: 0 1px 0 0 #0078d4;
370
+ -webkit-box-shadow: 0 1px 0 0 #0078d4;
371
+ box-shadow: 0 1px 0 0 #0078d4;
347
372
  }
348
373
  .e-treegrid .e-gridcontent td.e-rowcell.e-dragborder,
349
374
  .e-treegrid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
350
375
  .e-treegrid .e-gridcontent .e-rowdragdrop.e-dragborder {
351
- box-shadow: 0 0 0 0;
376
+ -webkit-box-shadow: 0 0 0 0;
377
+ box-shadow: 0 0 0 0;
352
378
  }
353
379
  .e-treegrid .e-gridcontent td.e-childborder:first-child {
354
380
  border-left: 2px dashed #0078d4;
355
- box-shadow: 0 1px 0 0 #0078d4;
381
+ -webkit-box-shadow: 0 1px 0 0 #0078d4;
382
+ box-shadow: 0 1px 0 0 #0078d4;
356
383
  position: relative;
357
384
  z-index: 1;
358
385
  }
359
- .e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child {
386
+ .e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child,
387
+ .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
360
388
  border-right: 2px dashed #0078d4;
361
389
  }
362
390
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder {
363
391
  border-width: 2px 0;
364
392
  }
365
- .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
366
- border-right: 2px dashed #0078d4;
367
- }
368
393
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
369
394
  border-left: 2px dashed #0078d4;
370
395
  }
371
396
  .e-treegrid .e-gridcontent td.e-dropbottom:first-child,
372
397
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom,
373
398
  .e-treegrid .e-gridcontent td.e-dropbottom {
374
- box-shadow: 0 1px 0 0 #0078d4;
399
+ -webkit-box-shadow: 0 1px 0 0 #0078d4;
400
+ box-shadow: 0 1px 0 0 #0078d4;
375
401
  position: relative;
376
402
  z-index: 1;
377
403
  }
@@ -384,7 +410,8 @@
384
410
  border-bottom-color: #0078d4;
385
411
  }
386
412
  .e-treegrid .e-gridcontent td.e-rowdragdrop.e-droptop.e-dragborder {
387
- box-shadow: 0 0 0 0;
413
+ -webkit-box-shadow: 0 0 0 0;
414
+ box-shadow: 0 0 0 0;
388
415
  }
389
416
  .e-treegrid .e-gridcontent .e-gridheader .e-firstrow-dragborder {
390
417
  height: 1px;
@@ -392,18 +419,14 @@
392
419
  .e-treegrid .e-gridcontent .e-lastrow-dragborder {
393
420
  height: 0;
394
421
  }
395
- .e-treegrid .e-gridheader .e-firstrow-dragborder {
396
- height: 0;
397
- }
398
- .e-treegrid .e-droptop .e-lastrow-dragborder {
422
+ .e-treegrid .e-gridheader .e-firstrow-dragborder,
423
+ .e-treegrid .e-droptop .e-lastrow-dragborder,
424
+ .e-treegrid .e-gridheader .e-firstrow-dragborder tr:first-child.e-dropbottom {
399
425
  height: 0;
400
426
  }
401
427
  .e-treegrid .e-treegrid-relative {
402
428
  position: relative;
403
429
  }
404
- .e-treegrid .e-gridheader .e-firstrow-dragborder tr:first-child.e-dropbottom {
405
- height: 0;
406
- }
407
430
  .e-treegrid .e-gridheader .e-firstrow-border,
408
431
  .e-treegrid .e-gridcontent .e-lastrow-border {
409
432
  background-color: #0078d4;
@@ -417,7 +440,8 @@
417
440
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-childborder {
418
441
  border-bottom: 2px dashed #0078d4;
419
442
  border-top: 2px dashed #0078d4;
420
- box-shadow: 0 0 0 0 #0078d4;
443
+ -webkit-box-shadow: 0 0 0 0 #0078d4;
444
+ box-shadow: 0 0 0 0 #0078d4;
421
445
  }
422
446
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-droptop,
423
447
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-droptop {
@@ -426,30 +450,37 @@
426
450
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-childborder {
427
451
  border-bottom: 2px dashed #0078d4;
428
452
  border-top: 2px dashed #0078d4;
429
- box-shadow: 0 0 0 0 #0078d4;
453
+ -webkit-box-shadow: 0 0 0 0 #0078d4;
454
+ box-shadow: 0 0 0 0 #0078d4;
430
455
  }
431
456
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-childborder {
432
457
  border-bottom: 2px dashed #0078d4;
433
458
  border-top: 2px dashed #0078d4;
434
- box-shadow: 0 0 0 0 #0078d4;
459
+ -webkit-box-shadow: 0 0 0 0 #0078d4;
460
+ box-shadow: 0 0 0 0 #0078d4;
435
461
  }
436
462
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-dropbottom {
437
463
  border-bottom: 2px solid #0078d4;
438
- box-shadow: 0 0 0 0 #0078d4;
464
+ -webkit-box-shadow: 0 0 0 0 #0078d4;
465
+ box-shadow: 0 0 0 0 #0078d4;
439
466
  }
440
467
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
441
468
  border-top: 2px solid #0078d4;
442
- box-shadow: 0 0 0 0 #0078d4;
469
+ -webkit-box-shadow: 0 0 0 0 #0078d4;
470
+ box-shadow: 0 0 0 0 #0078d4;
443
471
  }
444
472
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
445
473
  border-bottom: 2px solid #0078d4;
446
- box-shadow: 0 0 0 0 #0078d4;
474
+ -webkit-box-shadow: 0 0 0 0 #0078d4;
475
+ box-shadow: 0 0 0 0 #0078d4;
447
476
  }
448
477
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
449
478
  border-top: 2px solid #0078d4;
450
- box-shadow: 0 0 0 0 #0078d4;
479
+ -webkit-box-shadow: 0 0 0 0 #0078d4;
480
+ box-shadow: 0 0 0 0 #0078d4;
451
481
  }
452
- .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
482
+ .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder,
483
+ .e-treegrid .e-grid.e-rtl .e-droptop .e-lastrow-dragborder {
453
484
  height: 0;
454
485
  }
455
486
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder {
@@ -461,15 +492,18 @@
461
492
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
462
493
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
463
494
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
464
- box-shadow: 0 0 0 0;
495
+ -webkit-box-shadow: 0 0 0 0;
496
+ box-shadow: 0 0 0 0;
465
497
  }
466
498
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder:first-child {
467
499
  border-right: 2px dashed #0078d4;
468
- box-shadow: 0 1px 0 0 #0078d4;
500
+ -webkit-box-shadow: 0 1px 0 0 #0078d4;
501
+ box-shadow: 0 1px 0 0 #0078d4;
469
502
  position: relative;
470
503
  z-index: 1;
471
504
  }
472
- .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child {
505
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child,
506
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
473
507
  border-left: 2px dashed #0078d4;
474
508
  }
475
509
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder {
@@ -478,9 +512,6 @@
478
512
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
479
513
  border-right: 2px dashed #0078d4;
480
514
  }
481
- .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
482
- border-left: 2px dashed #0078d4;
483
- }
484
515
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-droptop:first-child,
485
516
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-droptop {
486
517
  border-top-color: #0078d4;
@@ -489,8 +520,5 @@
489
520
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-dropbottom {
490
521
  border-bottom-color: #0078d4;
491
522
  }
492
- .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {
493
- height: 0;
494
- }
495
523
 
496
524
  /* stylelint-disable-line no-empty-source */