@syncfusion/ej2-treegrid 25.2.5 → 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 (103) 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 +629 -464
  6. package/dist/es6/ej2-treegrid.es2015.js.map +1 -1
  7. package/dist/es6/ej2-treegrid.es5.js +929 -763
  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 +17 -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/render.js +3 -1
  26. package/src/treegrid/renderer/virtual-row-model-generator.js +2 -2
  27. package/src/treegrid/renderer/virtual-tree-content-render.js +2 -1
  28. package/styles/bootstrap-dark.css +76 -48
  29. package/styles/bootstrap-dark.scss +18 -1
  30. package/styles/bootstrap.css +76 -49
  31. package/styles/bootstrap.scss +18 -1
  32. package/styles/bootstrap4.css +77 -48
  33. package/styles/bootstrap4.scss +18 -1
  34. package/styles/bootstrap5-dark.css +77 -49
  35. package/styles/bootstrap5-dark.scss +18 -1
  36. package/styles/bootstrap5.css +77 -49
  37. package/styles/bootstrap5.scss +18 -1
  38. package/styles/fabric-dark.css +74 -47
  39. package/styles/fabric-dark.scss +18 -1
  40. package/styles/fabric.css +74 -47
  41. package/styles/fabric.scss +18 -1
  42. package/styles/fluent-dark.css +77 -49
  43. package/styles/fluent-dark.scss +18 -1
  44. package/styles/fluent.css +77 -49
  45. package/styles/fluent.scss +18 -1
  46. package/styles/fluent2.css +1721 -0
  47. package/styles/fluent2.scss +18 -0
  48. package/styles/highcontrast-light.css +74 -47
  49. package/styles/highcontrast-light.scss +18 -1
  50. package/styles/highcontrast.css +74 -47
  51. package/styles/highcontrast.scss +18 -1
  52. package/styles/material-dark.css +111 -54
  53. package/styles/material-dark.scss +18 -1
  54. package/styles/material.css +125 -57
  55. package/styles/material.scss +18 -1
  56. package/styles/material3-dark.css +111 -56
  57. package/styles/material3-dark.scss +18 -1
  58. package/styles/material3.css +111 -56
  59. package/styles/material3.scss +18 -1
  60. package/styles/tailwind-dark.css +87 -51
  61. package/styles/tailwind-dark.scss +18 -1
  62. package/styles/tailwind.css +87 -51
  63. package/styles/tailwind.scss +18 -1
  64. package/styles/treegrid/_bds-definition.scss +0 -4
  65. package/styles/treegrid/_bootstrap-dark-definition.scss +0 -1
  66. package/styles/treegrid/_bootstrap-definition.scss +0 -1
  67. package/styles/treegrid/_bootstrap4-definition.scss +0 -1
  68. package/styles/treegrid/_bootstrap5-definition.scss +0 -4
  69. package/styles/treegrid/_bootstrap5.3-definition.scss +24 -0
  70. package/styles/treegrid/_fabric-dark-definition.scss +0 -1
  71. package/styles/treegrid/_fabric-definition.scss +0 -1
  72. package/styles/treegrid/_fluent-definition.scss +0 -4
  73. package/styles/treegrid/_fluent2-definition.scss +24 -0
  74. package/styles/treegrid/_fusionnew-definition.scss +0 -4
  75. package/styles/treegrid/_highcontrast-definition.scss +0 -1
  76. package/styles/treegrid/_highcontrast-light-definition.scss +0 -1
  77. package/styles/treegrid/_layout.scss +81 -85
  78. package/styles/treegrid/_material-dark-definition.scss +0 -1
  79. package/styles/treegrid/_material-definition.scss +0 -1
  80. package/styles/treegrid/_material3-definition.scss +0 -4
  81. package/styles/treegrid/_tailwind-definition.scss +0 -4
  82. package/styles/treegrid/bootstrap-dark.css +76 -48
  83. package/styles/treegrid/bootstrap.css +76 -49
  84. package/styles/treegrid/bootstrap4.css +77 -48
  85. package/styles/treegrid/bootstrap5-dark.css +77 -49
  86. package/styles/treegrid/bootstrap5.css +77 -49
  87. package/styles/treegrid/fabric-dark.css +74 -47
  88. package/styles/treegrid/fabric.css +74 -47
  89. package/styles/treegrid/fluent-dark.css +77 -49
  90. package/styles/treegrid/fluent.css +77 -49
  91. package/styles/treegrid/fluent2.css +1721 -0
  92. package/styles/treegrid/fluent2.scss +18 -0
  93. package/styles/treegrid/highcontrast-light.css +74 -47
  94. package/styles/treegrid/highcontrast.css +74 -47
  95. package/styles/treegrid/icons/_bootstrap5.3.scss +37 -0
  96. package/styles/treegrid/icons/_fluent2.scss +37 -0
  97. package/styles/treegrid/material-dark.css +111 -54
  98. package/styles/treegrid/material.css +125 -57
  99. package/styles/treegrid/material3-dark.css +111 -56
  100. package/styles/treegrid/material3.css +111 -56
  101. package/styles/treegrid/tailwind-dark.css +87 -51
  102. package/styles/treegrid/tailwind.css +87 -51
  103. package/CHANGELOG.md +0 -250
@@ -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: 0 6px 12px rgba(0, 0, 0, 0.5);
4
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
5
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
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;
@@ -74,7 +76,8 @@
74
76
  .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
75
77
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
76
78
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
77
- box-shadow: none;
79
+ -webkit-box-shadow: none;
80
+ box-shadow: none;
78
81
  }
79
82
 
80
83
  .e-ddl.e-popup .e-filter-parent {
@@ -105,19 +108,43 @@
105
108
  }
106
109
 
107
110
  /* stylelint-disable property-no-vendor-prefix */
111
+ @-webkit-keyframes material-spinner-rotate {
112
+ 0% {
113
+ -webkit-transform: rotate(0);
114
+ transform: rotate(0);
115
+ }
116
+ 100% {
117
+ -webkit-transform: rotate(360deg);
118
+ transform: rotate(360deg);
119
+ }
120
+ }
108
121
  @keyframes material-spinner-rotate {
109
122
  0% {
123
+ -webkit-transform: rotate(0);
110
124
  transform: rotate(0);
111
125
  }
112
126
  100% {
127
+ -webkit-transform: rotate(360deg);
128
+ transform: rotate(360deg);
129
+ }
130
+ }
131
+ @-webkit-keyframes fabric-spinner-rotate {
132
+ 0% {
133
+ -webkit-transform: rotate(0);
134
+ transform: rotate(0);
135
+ }
136
+ 100% {
137
+ -webkit-transform: rotate(360deg);
113
138
  transform: rotate(360deg);
114
139
  }
115
140
  }
116
141
  @keyframes fabric-spinner-rotate {
117
142
  0% {
143
+ -webkit-transform: rotate(0);
118
144
  transform: rotate(0);
119
145
  }
120
146
  100% {
147
+ -webkit-transform: rotate(360deg);
121
148
  transform: rotate(360deg);
122
149
  }
123
150
  }
@@ -160,10 +187,6 @@
160
187
  height: 20px;
161
188
  width: 20px;
162
189
  }
163
- .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
164
- height: 20px;
165
- width: 20px;
166
- }
167
190
  .e-bigger .e-treegrid .e-treecell {
168
191
  line-height: 18px;
169
192
  }
@@ -194,10 +217,12 @@
194
217
  color: #f0f0f0;
195
218
  }
196
219
  .e-treegrid .e-rtl .e-treegridcollapse {
197
- transform: scale(-1);
220
+ -webkit-transform: scale(-1);
221
+ transform: scale(-1);
198
222
  }
199
223
  .e-treegrid .e-treegridexpand {
200
- transform: rotate(90deg);
224
+ -webkit-transform: rotate(90deg);
225
+ transform: rotate(90deg);
201
226
  }
202
227
  .e-treegrid .e-treerowexpanded:not(.e-hiddenrow) {
203
228
  display: table-row;
@@ -250,7 +275,7 @@
250
275
  display: table-cell;
251
276
  line-height: normal;
252
277
  }
253
- .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
278
+ .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container, .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container {
254
279
  white-space: nowrap;
255
280
  }
256
281
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container .e-treecell {
@@ -258,9 +283,6 @@
258
283
  white-space: normal;
259
284
  word-wrap: break-word;
260
285
  }
261
- .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container {
262
- white-space: nowrap;
263
- }
264
286
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
265
287
  display: inline-block;
266
288
  white-space: normal;
@@ -285,53 +307,57 @@
285
307
  display: none;
286
308
  }
287
309
  .e-treegrid .e-icons.e-errorelem {
288
- display: inline-block;
289
310
  padding-left: 10px;
311
+ display: inline-block;
290
312
  vertical-align: middle;
291
313
  }
292
314
  .e-treegrid .e-errorelem::before {
293
315
  color: #e3165b;
294
316
  content: "\e22a";
295
- transform: rotate(180deg);
317
+ -webkit-transform: rotate(180deg);
318
+ transform: rotate(180deg);
296
319
  }
297
320
  .e-treegrid .e-gridcontent td.e-childborder {
298
321
  border-color: #0070f0;
299
322
  border-width: 1px 0 0;
300
- box-shadow: 0 1px 0 0 #0070f0;
323
+ -webkit-box-shadow: 0 1px 0 0 #0070f0;
324
+ box-shadow: 0 1px 0 0 #0070f0;
301
325
  position: relative;
302
326
  z-index: 1;
303
327
  }
304
328
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
305
329
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
306
- box-shadow: 0 1px 0 0 #0070f0;
330
+ -webkit-box-shadow: 0 1px 0 0 #0070f0;
331
+ box-shadow: 0 1px 0 0 #0070f0;
307
332
  }
308
333
  .e-treegrid .e-gridcontent td.e-rowcell.e-dragborder,
309
334
  .e-treegrid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
310
335
  .e-treegrid .e-gridcontent .e-rowdragdrop.e-dragborder {
311
- box-shadow: 0 0 0 0;
336
+ -webkit-box-shadow: 0 0 0 0;
337
+ box-shadow: 0 0 0 0;
312
338
  }
313
339
  .e-treegrid .e-gridcontent td.e-childborder:first-child {
314
340
  border-left: 1px solid #0070f0;
315
- box-shadow: 0 1px 0 0 #0070f0;
341
+ -webkit-box-shadow: 0 1px 0 0 #0070f0;
342
+ box-shadow: 0 1px 0 0 #0070f0;
316
343
  position: relative;
317
344
  z-index: 1;
318
345
  }
319
- .e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child {
346
+ .e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child,
347
+ .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
320
348
  border-right: 1px solid #0070f0;
321
349
  }
322
350
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder {
323
351
  border-width: 1px 0;
324
352
  }
325
- .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
326
- border-right: 1px solid #0070f0;
327
- }
328
353
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
329
354
  border-left: 1px solid #0070f0;
330
355
  }
331
356
  .e-treegrid .e-gridcontent td.e-dropbottom:first-child,
332
357
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom,
333
358
  .e-treegrid .e-gridcontent td.e-dropbottom {
334
- box-shadow: 0 1px 0 0 #0070f0;
359
+ -webkit-box-shadow: 0 1px 0 0 #0070f0;
360
+ box-shadow: 0 1px 0 0 #0070f0;
335
361
  position: relative;
336
362
  z-index: 1;
337
363
  }
@@ -344,7 +370,8 @@
344
370
  border-bottom-color: #0070f0;
345
371
  }
346
372
  .e-treegrid .e-gridcontent td.e-rowdragdrop.e-droptop.e-dragborder {
347
- box-shadow: 0 0 0 0;
373
+ -webkit-box-shadow: 0 0 0 0;
374
+ box-shadow: 0 0 0 0;
348
375
  }
349
376
  .e-treegrid .e-gridcontent .e-gridheader .e-firstrow-dragborder {
350
377
  height: 1px;
@@ -352,18 +379,14 @@
352
379
  .e-treegrid .e-gridcontent .e-lastrow-dragborder {
353
380
  height: 0;
354
381
  }
355
- .e-treegrid .e-gridheader .e-firstrow-dragborder {
356
- height: 0;
357
- }
358
- .e-treegrid .e-droptop .e-lastrow-dragborder {
382
+ .e-treegrid .e-gridheader .e-firstrow-dragborder,
383
+ .e-treegrid .e-droptop .e-lastrow-dragborder,
384
+ .e-treegrid .e-gridheader .e-firstrow-dragborder tr:first-child.e-dropbottom {
359
385
  height: 0;
360
386
  }
361
387
  .e-treegrid .e-treegrid-relative {
362
388
  position: relative;
363
389
  }
364
- .e-treegrid .e-gridheader .e-firstrow-dragborder tr:first-child.e-dropbottom {
365
- height: 0;
366
- }
367
390
  .e-treegrid .e-gridheader .e-firstrow-border,
368
391
  .e-treegrid .e-gridcontent .e-lastrow-border {
369
392
  background-color: #0070f0;
@@ -377,7 +400,8 @@
377
400
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-childborder {
378
401
  border-bottom: 1px solid #0070f0;
379
402
  border-top: 1px solid #0070f0;
380
- box-shadow: 0 0 0 0 #0070f0;
403
+ -webkit-box-shadow: 0 0 0 0 #0070f0;
404
+ box-shadow: 0 0 0 0 #0070f0;
381
405
  }
382
406
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-droptop,
383
407
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-droptop {
@@ -386,30 +410,37 @@
386
410
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-childborder {
387
411
  border-bottom: 1px solid #0070f0;
388
412
  border-top: 1px solid #0070f0;
389
- box-shadow: 0 0 0 0 #0070f0;
413
+ -webkit-box-shadow: 0 0 0 0 #0070f0;
414
+ box-shadow: 0 0 0 0 #0070f0;
390
415
  }
391
416
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-childborder {
392
417
  border-bottom: 1px solid #0070f0;
393
418
  border-top: 1px solid #0070f0;
394
- box-shadow: 0 0 0 0 #0070f0;
419
+ -webkit-box-shadow: 0 0 0 0 #0070f0;
420
+ box-shadow: 0 0 0 0 #0070f0;
395
421
  }
396
422
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-dropbottom {
397
423
  border-bottom: 1px solid #0070f0;
398
- box-shadow: 0 0 0 0 #0070f0;
424
+ -webkit-box-shadow: 0 0 0 0 #0070f0;
425
+ box-shadow: 0 0 0 0 #0070f0;
399
426
  }
400
427
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
401
428
  border-top: 1px solid #0070f0;
402
- box-shadow: 0 0 0 0 #0070f0;
429
+ -webkit-box-shadow: 0 0 0 0 #0070f0;
430
+ box-shadow: 0 0 0 0 #0070f0;
403
431
  }
404
432
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
405
433
  border-bottom: 1px solid #0070f0;
406
- box-shadow: 0 0 0 0 #0070f0;
434
+ -webkit-box-shadow: 0 0 0 0 #0070f0;
435
+ box-shadow: 0 0 0 0 #0070f0;
407
436
  }
408
437
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
409
438
  border-top: 1px solid #0070f0;
410
- box-shadow: 0 0 0 0 #0070f0;
439
+ -webkit-box-shadow: 0 0 0 0 #0070f0;
440
+ box-shadow: 0 0 0 0 #0070f0;
411
441
  }
412
- .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
442
+ .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder,
443
+ .e-treegrid .e-grid.e-rtl .e-droptop .e-lastrow-dragborder {
413
444
  height: 0;
414
445
  }
415
446
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder {
@@ -421,15 +452,18 @@
421
452
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
422
453
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
423
454
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
424
- box-shadow: 0 0 0 0;
455
+ -webkit-box-shadow: 0 0 0 0;
456
+ box-shadow: 0 0 0 0;
425
457
  }
426
458
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder:first-child {
427
459
  border-right: 1px solid #0070f0;
428
- box-shadow: 0 1px 0 0 #0070f0;
460
+ -webkit-box-shadow: 0 1px 0 0 #0070f0;
461
+ box-shadow: 0 1px 0 0 #0070f0;
429
462
  position: relative;
430
463
  z-index: 1;
431
464
  }
432
- .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child {
465
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child,
466
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
433
467
  border-left: 1px solid #0070f0;
434
468
  }
435
469
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder {
@@ -438,9 +472,6 @@
438
472
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
439
473
  border-right: 1px solid #0070f0;
440
474
  }
441
- .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
442
- border-left: 1px solid #0070f0;
443
- }
444
475
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-droptop:first-child,
445
476
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-droptop {
446
477
  border-top-color: #0070f0;
@@ -449,8 +480,5 @@
449
480
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-dropbottom {
450
481
  border-bottom-color: #0070f0;
451
482
  }
452
- .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {
453
- height: 0;
454
- }
455
483
 
456
484
  /* 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: 0 6px 12px rgba(0, 0, 0, 0.175);
4
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
5
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
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;
@@ -74,7 +76,8 @@
74
76
  .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
75
77
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
76
78
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
77
- box-shadow: none;
79
+ -webkit-box-shadow: none;
80
+ box-shadow: none;
78
81
  }
79
82
 
80
83
  .e-ddl.e-popup .e-filter-parent {
@@ -105,23 +108,46 @@
105
108
  }
106
109
 
107
110
  /* stylelint-disable property-no-vendor-prefix */
111
+ @-webkit-keyframes material-spinner-rotate {
112
+ 0% {
113
+ -webkit-transform: rotate(0);
114
+ transform: rotate(0);
115
+ }
116
+ 100% {
117
+ -webkit-transform: rotate(360deg);
118
+ transform: rotate(360deg);
119
+ }
120
+ }
108
121
  @keyframes material-spinner-rotate {
109
122
  0% {
123
+ -webkit-transform: rotate(0);
110
124
  transform: rotate(0);
111
125
  }
112
126
  100% {
127
+ -webkit-transform: rotate(360deg);
128
+ transform: rotate(360deg);
129
+ }
130
+ }
131
+ @-webkit-keyframes fabric-spinner-rotate {
132
+ 0% {
133
+ -webkit-transform: rotate(0);
134
+ transform: rotate(0);
135
+ }
136
+ 100% {
137
+ -webkit-transform: rotate(360deg);
113
138
  transform: rotate(360deg);
114
139
  }
115
140
  }
116
141
  @keyframes fabric-spinner-rotate {
117
142
  0% {
143
+ -webkit-transform: rotate(0);
118
144
  transform: rotate(0);
119
145
  }
120
146
  100% {
147
+ -webkit-transform: rotate(360deg);
121
148
  transform: rotate(360deg);
122
149
  }
123
150
  }
124
- /*! component's theme wise override definitions and variables */
125
151
  .e-treegrid .e-indent::before,
126
152
  .e-grid-menu .e-indent::before {
127
153
  content: "\e33f";
@@ -157,10 +183,6 @@
157
183
  .e-bigger .e-treegrid .e-hierarchycheckbox {
158
184
  padding-left: 2px;
159
185
  }
160
- .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
161
- height: 20px;
162
- width: 20px;
163
- }
164
186
  .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
165
187
  font-size: 12px;
166
188
  line-height: 12px;
@@ -198,10 +220,12 @@
198
220
  color: #333;
199
221
  }
200
222
  .e-treegrid .e-rtl .e-treegridcollapse {
201
- transform: scale(-1);
223
+ -webkit-transform: scale(-1);
224
+ transform: scale(-1);
202
225
  }
203
226
  .e-treegrid .e-treegridexpand {
204
- transform: rotate(90deg);
227
+ -webkit-transform: rotate(90deg);
228
+ transform: rotate(90deg);
205
229
  }
206
230
  .e-treegrid .e-treerowexpanded:not(.e-hiddenrow) {
207
231
  display: table-row;
@@ -257,7 +281,7 @@
257
281
  display: table-cell;
258
282
  line-height: normal;
259
283
  }
260
- .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
284
+ .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container, .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container {
261
285
  white-space: nowrap;
262
286
  }
263
287
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container .e-treecell {
@@ -265,9 +289,6 @@
265
289
  white-space: normal;
266
290
  word-wrap: break-word;
267
291
  }
268
- .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container {
269
- white-space: nowrap;
270
- }
271
292
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
272
293
  display: inline-block;
273
294
  white-space: normal;
@@ -292,53 +313,57 @@
292
313
  display: none;
293
314
  }
294
315
  .e-treegrid .e-icons.e-errorelem {
295
- display: inline-block;
296
316
  padding-left: 10px;
317
+ display: inline-block;
297
318
  vertical-align: middle;
298
319
  }
299
320
  .e-treegrid .e-errorelem::before {
300
321
  color: #e3165b;
301
322
  content: "\e22a";
302
- transform: rotate(180deg);
323
+ -webkit-transform: rotate(180deg);
324
+ transform: rotate(180deg);
303
325
  }
304
326
  .e-treegrid .e-gridcontent td.e-childborder {
305
327
  border-color: #317ab9;
306
328
  border-width: 1px 0 0;
307
- box-shadow: 0 1px 0 0 #317ab9;
329
+ -webkit-box-shadow: 0 1px 0 0 #317ab9;
330
+ box-shadow: 0 1px 0 0 #317ab9;
308
331
  position: relative;
309
332
  z-index: 1;
310
333
  }
311
334
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
312
335
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
313
- box-shadow: 0 1px 0 0 #317ab9;
336
+ -webkit-box-shadow: 0 1px 0 0 #317ab9;
337
+ box-shadow: 0 1px 0 0 #317ab9;
314
338
  }
315
339
  .e-treegrid .e-gridcontent td.e-rowcell.e-dragborder,
316
340
  .e-treegrid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
317
341
  .e-treegrid .e-gridcontent .e-rowdragdrop.e-dragborder {
318
- box-shadow: 0 0 0 0;
342
+ -webkit-box-shadow: 0 0 0 0;
343
+ box-shadow: 0 0 0 0;
319
344
  }
320
345
  .e-treegrid .e-gridcontent td.e-childborder:first-child {
321
346
  border-left: 1px solid #317ab9;
322
- box-shadow: 0 1px 0 0 #317ab9;
347
+ -webkit-box-shadow: 0 1px 0 0 #317ab9;
348
+ box-shadow: 0 1px 0 0 #317ab9;
323
349
  position: relative;
324
350
  z-index: 1;
325
351
  }
326
- .e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child {
352
+ .e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child,
353
+ .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
327
354
  border-right: 1px solid #317ab9;
328
355
  }
329
356
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder {
330
357
  border-width: 1px 0;
331
358
  }
332
- .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
333
- border-right: 1px solid #317ab9;
334
- }
335
359
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
336
360
  border-left: 1px solid #317ab9;
337
361
  }
338
362
  .e-treegrid .e-gridcontent td.e-dropbottom:first-child,
339
363
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom,
340
364
  .e-treegrid .e-gridcontent td.e-dropbottom {
341
- box-shadow: 0 1px 0 0 #317ab9;
365
+ -webkit-box-shadow: 0 1px 0 0 #317ab9;
366
+ box-shadow: 0 1px 0 0 #317ab9;
342
367
  position: relative;
343
368
  z-index: 1;
344
369
  }
@@ -351,7 +376,8 @@
351
376
  border-bottom-color: #317ab9;
352
377
  }
353
378
  .e-treegrid .e-gridcontent td.e-rowdragdrop.e-droptop.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 .e-gridheader .e-firstrow-dragborder {
357
383
  height: 1px;
@@ -359,18 +385,14 @@
359
385
  .e-treegrid .e-gridcontent .e-lastrow-dragborder {
360
386
  height: 0;
361
387
  }
362
- .e-treegrid .e-gridheader .e-firstrow-dragborder {
363
- height: 0;
364
- }
365
- .e-treegrid .e-droptop .e-lastrow-dragborder {
388
+ .e-treegrid .e-gridheader .e-firstrow-dragborder,
389
+ .e-treegrid .e-droptop .e-lastrow-dragborder,
390
+ .e-treegrid .e-gridheader .e-firstrow-dragborder tr:first-child.e-dropbottom {
366
391
  height: 0;
367
392
  }
368
393
  .e-treegrid .e-treegrid-relative {
369
394
  position: relative;
370
395
  }
371
- .e-treegrid .e-gridheader .e-firstrow-dragborder tr:first-child.e-dropbottom {
372
- height: 0;
373
- }
374
396
  .e-treegrid .e-gridheader .e-firstrow-border,
375
397
  .e-treegrid .e-gridcontent .e-lastrow-border {
376
398
  background-color: #317ab9;
@@ -384,7 +406,8 @@
384
406
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-childborder {
385
407
  border-bottom: 1px solid #317ab9;
386
408
  border-top: 1px solid #317ab9;
387
- box-shadow: 0 0 0 0 #317ab9;
409
+ -webkit-box-shadow: 0 0 0 0 #317ab9;
410
+ box-shadow: 0 0 0 0 #317ab9;
388
411
  }
389
412
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-droptop,
390
413
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-droptop {
@@ -393,30 +416,37 @@
393
416
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-childborder {
394
417
  border-bottom: 1px solid #317ab9;
395
418
  border-top: 1px solid #317ab9;
396
- box-shadow: 0 0 0 0 #317ab9;
419
+ -webkit-box-shadow: 0 0 0 0 #317ab9;
420
+ box-shadow: 0 0 0 0 #317ab9;
397
421
  }
398
422
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-childborder {
399
423
  border-bottom: 1px solid #317ab9;
400
424
  border-top: 1px solid #317ab9;
401
- box-shadow: 0 0 0 0 #317ab9;
425
+ -webkit-box-shadow: 0 0 0 0 #317ab9;
426
+ box-shadow: 0 0 0 0 #317ab9;
402
427
  }
403
428
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-dropbottom {
404
429
  border-bottom: 1px solid #317ab9;
405
- box-shadow: 0 0 0 0 #317ab9;
430
+ -webkit-box-shadow: 0 0 0 0 #317ab9;
431
+ box-shadow: 0 0 0 0 #317ab9;
406
432
  }
407
433
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
408
434
  border-top: 1px solid #317ab9;
409
- box-shadow: 0 0 0 0 #317ab9;
435
+ -webkit-box-shadow: 0 0 0 0 #317ab9;
436
+ box-shadow: 0 0 0 0 #317ab9;
410
437
  }
411
438
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
412
439
  border-bottom: 1px solid #317ab9;
413
- box-shadow: 0 0 0 0 #317ab9;
440
+ -webkit-box-shadow: 0 0 0 0 #317ab9;
441
+ box-shadow: 0 0 0 0 #317ab9;
414
442
  }
415
443
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
416
444
  border-top: 1px solid #317ab9;
417
- box-shadow: 0 0 0 0 #317ab9;
445
+ -webkit-box-shadow: 0 0 0 0 #317ab9;
446
+ box-shadow: 0 0 0 0 #317ab9;
418
447
  }
419
- .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
448
+ .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder,
449
+ .e-treegrid .e-grid.e-rtl .e-droptop .e-lastrow-dragborder {
420
450
  height: 0;
421
451
  }
422
452
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder {
@@ -428,15 +458,18 @@
428
458
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
429
459
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
430
460
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
431
- box-shadow: 0 0 0 0;
461
+ -webkit-box-shadow: 0 0 0 0;
462
+ box-shadow: 0 0 0 0;
432
463
  }
433
464
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder:first-child {
434
465
  border-right: 1px solid #317ab9;
435
- box-shadow: 0 1px 0 0 #317ab9;
466
+ -webkit-box-shadow: 0 1px 0 0 #317ab9;
467
+ box-shadow: 0 1px 0 0 #317ab9;
436
468
  position: relative;
437
469
  z-index: 1;
438
470
  }
439
- .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child {
471
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child,
472
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
440
473
  border-left: 1px solid #317ab9;
441
474
  }
442
475
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder {
@@ -445,9 +478,6 @@
445
478
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
446
479
  border-right: 1px solid #317ab9;
447
480
  }
448
- .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
449
- border-left: 1px solid #317ab9;
450
- }
451
481
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-droptop:first-child,
452
482
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-droptop {
453
483
  border-top-color: #317ab9;
@@ -456,8 +486,5 @@
456
486
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-dropbottom {
457
487
  border-bottom-color: #317ab9;
458
488
  }
459
- .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {
460
- height: 0;
461
- }
462
489
 
463
490
  /* stylelint-disable-line no-empty-source */