@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,12 +1,20 @@
1
1
  /* stylelint-disable property-no-vendor-prefix */
2
2
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
3
- transform: rotate(0deg);
3
+ -webkit-transform: rotate(0deg);
4
+ transform: rotate(0deg);
5
+ -webkit-transition: -webkit-transform 300ms ease;
6
+ transition: -webkit-transform 300ms ease;
4
7
  transition: transform 300ms ease;
8
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
5
9
  }
6
10
 
7
11
  .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
8
- transform: rotate(180deg);
12
+ -webkit-transform: rotate(180deg);
13
+ transform: rotate(180deg);
14
+ -webkit-transition: -webkit-transform 300ms ease;
15
+ transition: -webkit-transform 300ms ease;
9
16
  transition: transform 300ms ease;
17
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
10
18
  }
11
19
 
12
20
  .e-dropdownbase .e-list-item.e-active.e-hover {
@@ -23,13 +31,15 @@
23
31
  }
24
32
 
25
33
  .e-input-group .e-ddl-icon:not(:active)::after {
26
- animation: none;
34
+ -webkit-animation: none;
35
+ animation: none;
27
36
  }
28
37
 
29
38
  .e-ddl.e-popup {
30
39
  border: 0;
31
40
  border-radius: 4px;
32
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
41
+ -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
42
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
33
43
  margin-top: 4px;
34
44
  }
35
45
 
@@ -68,7 +78,8 @@
68
78
  .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
69
79
  background: #374151;
70
80
  border-width: 0;
71
- box-shadow: none;
81
+ -webkit-box-shadow: none;
82
+ box-shadow: none;
72
83
  margin-bottom: 0;
73
84
  }
74
85
 
@@ -94,19 +105,43 @@
94
105
  }
95
106
 
96
107
  /* stylelint-disable property-no-vendor-prefix */
108
+ @-webkit-keyframes material-spinner-rotate {
109
+ 0% {
110
+ -webkit-transform: rotate(0);
111
+ transform: rotate(0);
112
+ }
113
+ 100% {
114
+ -webkit-transform: rotate(360deg);
115
+ transform: rotate(360deg);
116
+ }
117
+ }
97
118
  @keyframes material-spinner-rotate {
98
119
  0% {
120
+ -webkit-transform: rotate(0);
99
121
  transform: rotate(0);
100
122
  }
101
123
  100% {
124
+ -webkit-transform: rotate(360deg);
125
+ transform: rotate(360deg);
126
+ }
127
+ }
128
+ @-webkit-keyframes fabric-spinner-rotate {
129
+ 0% {
130
+ -webkit-transform: rotate(0);
131
+ transform: rotate(0);
132
+ }
133
+ 100% {
134
+ -webkit-transform: rotate(360deg);
102
135
  transform: rotate(360deg);
103
136
  }
104
137
  }
105
138
  @keyframes fabric-spinner-rotate {
106
139
  0% {
140
+ -webkit-transform: rotate(0);
107
141
  transform: rotate(0);
108
142
  }
109
143
  100% {
144
+ -webkit-transform: rotate(360deg);
110
145
  transform: rotate(360deg);
111
146
  }
112
147
  }
@@ -149,10 +184,6 @@
149
184
  height: 18px;
150
185
  width: 18px;
151
186
  }
152
- .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
153
- height: 18px;
154
- width: 18px;
155
- }
156
187
  .e-bigger .e-treegrid .e-treecell {
157
188
  line-height: 22px;
158
189
  }
@@ -183,10 +214,12 @@
183
214
  color: #f3f4f6;
184
215
  }
185
216
  .e-treegrid .e-rtl .e-treegridcollapse {
186
- transform: scale(-1);
217
+ -webkit-transform: scale(-1);
218
+ transform: scale(-1);
187
219
  }
188
220
  .e-treegrid .e-treegridexpand {
189
- transform: rotate(90deg);
221
+ -webkit-transform: rotate(90deg);
222
+ transform: rotate(90deg);
190
223
  }
191
224
  .e-treegrid .e-treerowexpanded:not(.e-hiddenrow) {
192
225
  display: table-row;
@@ -239,7 +272,7 @@
239
272
  display: table-cell;
240
273
  line-height: normal;
241
274
  }
242
- .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
275
+ .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container, .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container {
243
276
  white-space: nowrap;
244
277
  }
245
278
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container .e-treecell {
@@ -247,9 +280,6 @@
247
280
  white-space: normal;
248
281
  word-wrap: break-word;
249
282
  }
250
- .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container {
251
- white-space: nowrap;
252
- }
253
283
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
254
284
  display: inline-block;
255
285
  white-space: normal;
@@ -274,53 +304,57 @@
274
304
  display: none;
275
305
  }
276
306
  .e-treegrid .e-icons.e-errorelem {
277
- display: inline-block;
278
307
  padding-left: 10px;
308
+ display: inline-block;
279
309
  vertical-align: middle;
280
310
  }
281
311
  .e-treegrid .e-errorelem::before {
282
312
  color: #f87171;
283
313
  content: "\e77e";
284
- transform: rotate(180deg);
314
+ -webkit-transform: rotate(180deg);
315
+ transform: rotate(180deg);
285
316
  }
286
317
  .e-treegrid .e-gridcontent td.e-childborder {
287
318
  border-color: #22d3ee;
288
319
  border-width: 2px 0 0;
289
- box-shadow: 0 1px 0 0 #22d3ee;
320
+ -webkit-box-shadow: 0 1px 0 0 #22d3ee;
321
+ box-shadow: 0 1px 0 0 #22d3ee;
290
322
  position: relative;
291
323
  z-index: 1;
292
324
  }
293
325
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
294
326
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
295
- box-shadow: 0 1px 0 0 #22d3ee;
327
+ -webkit-box-shadow: 0 1px 0 0 #22d3ee;
328
+ box-shadow: 0 1px 0 0 #22d3ee;
296
329
  }
297
330
  .e-treegrid .e-gridcontent td.e-rowcell.e-dragborder,
298
331
  .e-treegrid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
299
332
  .e-treegrid .e-gridcontent .e-rowdragdrop.e-dragborder {
300
- box-shadow: 0 0 0 0;
333
+ -webkit-box-shadow: 0 0 0 0;
334
+ box-shadow: 0 0 0 0;
301
335
  }
302
336
  .e-treegrid .e-gridcontent td.e-childborder:first-child {
303
337
  border-left: 2px solid #4f46e5;
304
- box-shadow: 0 1px 0 0 #22d3ee;
338
+ -webkit-box-shadow: 0 1px 0 0 #22d3ee;
339
+ box-shadow: 0 1px 0 0 #22d3ee;
305
340
  position: relative;
306
341
  z-index: 1;
307
342
  }
308
- .e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child {
343
+ .e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child,
344
+ .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
309
345
  border-right: 2px solid #4f46e5;
310
346
  }
311
347
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder {
312
348
  border-width: 2px 0;
313
349
  }
314
- .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
315
- border-right: 2px solid #4f46e5;
316
- }
317
350
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
318
351
  border-left: 2px solid #4f46e5;
319
352
  }
320
353
  .e-treegrid .e-gridcontent td.e-dropbottom:first-child,
321
354
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom,
322
355
  .e-treegrid .e-gridcontent td.e-dropbottom {
323
- box-shadow: 0 1px 0 0 #22d3ee;
356
+ -webkit-box-shadow: 0 1px 0 0 #22d3ee;
357
+ box-shadow: 0 1px 0 0 #22d3ee;
324
358
  position: relative;
325
359
  z-index: 1;
326
360
  }
@@ -333,7 +367,8 @@
333
367
  border-bottom-color: #22d3ee;
334
368
  }
335
369
  .e-treegrid .e-gridcontent td.e-rowdragdrop.e-droptop.e-dragborder {
336
- box-shadow: 0 0 0 0;
370
+ -webkit-box-shadow: 0 0 0 0;
371
+ box-shadow: 0 0 0 0;
337
372
  }
338
373
  .e-treegrid .e-gridcontent .e-gridheader .e-firstrow-dragborder {
339
374
  height: 1px;
@@ -341,18 +376,14 @@
341
376
  .e-treegrid .e-gridcontent .e-lastrow-dragborder {
342
377
  height: 0;
343
378
  }
344
- .e-treegrid .e-gridheader .e-firstrow-dragborder {
345
- height: 0;
346
- }
347
- .e-treegrid .e-droptop .e-lastrow-dragborder {
379
+ .e-treegrid .e-gridheader .e-firstrow-dragborder,
380
+ .e-treegrid .e-droptop .e-lastrow-dragborder,
381
+ .e-treegrid .e-gridheader .e-firstrow-dragborder tr:first-child.e-dropbottom {
348
382
  height: 0;
349
383
  }
350
384
  .e-treegrid .e-treegrid-relative {
351
385
  position: relative;
352
386
  }
353
- .e-treegrid .e-gridheader .e-firstrow-dragborder tr:first-child.e-dropbottom {
354
- height: 0;
355
- }
356
387
  .e-treegrid .e-gridheader .e-firstrow-border,
357
388
  .e-treegrid .e-gridcontent .e-lastrow-border {
358
389
  background-color: #22d3ee;
@@ -366,7 +397,8 @@
366
397
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-childborder {
367
398
  border-bottom: 2px solid #4f46e5;
368
399
  border-top: 2px solid #4f46e5;
369
- box-shadow: 0 0 0 0 #22d3ee;
400
+ -webkit-box-shadow: 0 0 0 0 #22d3ee;
401
+ box-shadow: 0 0 0 0 #22d3ee;
370
402
  }
371
403
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-droptop,
372
404
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-droptop {
@@ -375,30 +407,37 @@
375
407
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-childborder {
376
408
  border-bottom: 2px solid #4f46e5;
377
409
  border-top: 2px solid #4f46e5;
378
- box-shadow: 0 0 0 0 #22d3ee;
410
+ -webkit-box-shadow: 0 0 0 0 #22d3ee;
411
+ box-shadow: 0 0 0 0 #22d3ee;
379
412
  }
380
413
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-childborder {
381
414
  border-bottom: 2px solid #4f46e5;
382
415
  border-top: 2px solid #4f46e5;
383
- box-shadow: 0 0 0 0 #22d3ee;
416
+ -webkit-box-shadow: 0 0 0 0 #22d3ee;
417
+ box-shadow: 0 0 0 0 #22d3ee;
384
418
  }
385
419
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-dropbottom {
386
420
  border-bottom: 2px solid #4f46e5;
387
- box-shadow: 0 0 0 0 #22d3ee;
421
+ -webkit-box-shadow: 0 0 0 0 #22d3ee;
422
+ box-shadow: 0 0 0 0 #22d3ee;
388
423
  }
389
424
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
390
425
  border-top: 2px solid #4f46e5;
391
- box-shadow: 0 0 0 0 #22d3ee;
426
+ -webkit-box-shadow: 0 0 0 0 #22d3ee;
427
+ box-shadow: 0 0 0 0 #22d3ee;
392
428
  }
393
429
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
394
430
  border-bottom: 2px solid #4f46e5;
395
- box-shadow: 0 0 0 0 #22d3ee;
431
+ -webkit-box-shadow: 0 0 0 0 #22d3ee;
432
+ box-shadow: 0 0 0 0 #22d3ee;
396
433
  }
397
434
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
398
435
  border-top: 2px solid #4f46e5;
399
- box-shadow: 0 0 0 0 #22d3ee;
436
+ -webkit-box-shadow: 0 0 0 0 #22d3ee;
437
+ box-shadow: 0 0 0 0 #22d3ee;
400
438
  }
401
- .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
439
+ .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder,
440
+ .e-treegrid .e-grid.e-rtl .e-droptop .e-lastrow-dragborder {
402
441
  height: 0;
403
442
  }
404
443
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder {
@@ -410,15 +449,18 @@
410
449
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
411
450
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
412
451
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
413
- box-shadow: 0 0 0 0;
452
+ -webkit-box-shadow: 0 0 0 0;
453
+ box-shadow: 0 0 0 0;
414
454
  }
415
455
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder:first-child {
416
456
  border-right: 2px solid #4f46e5;
417
- box-shadow: 0 1px 0 0 #22d3ee;
457
+ -webkit-box-shadow: 0 1px 0 0 #22d3ee;
458
+ box-shadow: 0 1px 0 0 #22d3ee;
418
459
  position: relative;
419
460
  z-index: 1;
420
461
  }
421
- .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child {
462
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child,
463
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
422
464
  border-left: 2px solid #4f46e5;
423
465
  }
424
466
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder {
@@ -427,9 +469,6 @@
427
469
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
428
470
  border-right: 2px solid #4f46e5;
429
471
  }
430
- .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
431
- border-left: 2px solid #4f46e5;
432
- }
433
472
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-droptop:first-child,
434
473
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-droptop {
435
474
  border-top-color: #22d3ee;
@@ -438,8 +477,5 @@
438
477
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-dropbottom {
439
478
  border-bottom-color: #22d3ee;
440
479
  }
441
- .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {
442
- height: 0;
443
- }
444
480
 
445
481
  /* stylelint-disable-line no-empty-source */
@@ -1,12 +1,20 @@
1
1
  /* stylelint-disable property-no-vendor-prefix */
2
2
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
3
- transform: rotate(0deg);
3
+ -webkit-transform: rotate(0deg);
4
+ transform: rotate(0deg);
5
+ -webkit-transition: -webkit-transform 300ms ease;
6
+ transition: -webkit-transform 300ms ease;
4
7
  transition: transform 300ms ease;
8
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
5
9
  }
6
10
 
7
11
  .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
8
- transform: rotate(180deg);
12
+ -webkit-transform: rotate(180deg);
13
+ transform: rotate(180deg);
14
+ -webkit-transition: -webkit-transform 300ms ease;
15
+ transition: -webkit-transform 300ms ease;
9
16
  transition: transform 300ms ease;
17
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
10
18
  }
11
19
 
12
20
  .e-dropdownbase .e-list-item.e-active.e-hover {
@@ -23,13 +31,15 @@
23
31
  }
24
32
 
25
33
  .e-input-group .e-ddl-icon:not(:active)::after {
26
- animation: none;
34
+ -webkit-animation: none;
35
+ animation: none;
27
36
  }
28
37
 
29
38
  .e-ddl.e-popup {
30
39
  border: 0;
31
40
  border-radius: 4px;
32
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
41
+ -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
42
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
33
43
  margin-top: 4px;
34
44
  }
35
45
 
@@ -68,7 +78,8 @@
68
78
  .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
69
79
  background: #fff;
70
80
  border-width: 0;
71
- box-shadow: none;
81
+ -webkit-box-shadow: none;
82
+ box-shadow: none;
72
83
  margin-bottom: 0;
73
84
  }
74
85
 
@@ -94,19 +105,43 @@
94
105
  }
95
106
 
96
107
  /* stylelint-disable property-no-vendor-prefix */
108
+ @-webkit-keyframes material-spinner-rotate {
109
+ 0% {
110
+ -webkit-transform: rotate(0);
111
+ transform: rotate(0);
112
+ }
113
+ 100% {
114
+ -webkit-transform: rotate(360deg);
115
+ transform: rotate(360deg);
116
+ }
117
+ }
97
118
  @keyframes material-spinner-rotate {
98
119
  0% {
120
+ -webkit-transform: rotate(0);
99
121
  transform: rotate(0);
100
122
  }
101
123
  100% {
124
+ -webkit-transform: rotate(360deg);
125
+ transform: rotate(360deg);
126
+ }
127
+ }
128
+ @-webkit-keyframes fabric-spinner-rotate {
129
+ 0% {
130
+ -webkit-transform: rotate(0);
131
+ transform: rotate(0);
132
+ }
133
+ 100% {
134
+ -webkit-transform: rotate(360deg);
102
135
  transform: rotate(360deg);
103
136
  }
104
137
  }
105
138
  @keyframes fabric-spinner-rotate {
106
139
  0% {
140
+ -webkit-transform: rotate(0);
107
141
  transform: rotate(0);
108
142
  }
109
143
  100% {
144
+ -webkit-transform: rotate(360deg);
110
145
  transform: rotate(360deg);
111
146
  }
112
147
  }
@@ -149,10 +184,6 @@
149
184
  height: 18px;
150
185
  width: 18px;
151
186
  }
152
- .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
153
- height: 18px;
154
- width: 18px;
155
- }
156
187
  .e-bigger .e-treegrid .e-treecell {
157
188
  line-height: 22px;
158
189
  }
@@ -183,10 +214,12 @@
183
214
  color: #374151;
184
215
  }
185
216
  .e-treegrid .e-rtl .e-treegridcollapse {
186
- transform: scale(-1);
217
+ -webkit-transform: scale(-1);
218
+ transform: scale(-1);
187
219
  }
188
220
  .e-treegrid .e-treegridexpand {
189
- transform: rotate(90deg);
221
+ -webkit-transform: rotate(90deg);
222
+ transform: rotate(90deg);
190
223
  }
191
224
  .e-treegrid .e-treerowexpanded:not(.e-hiddenrow) {
192
225
  display: table-row;
@@ -239,7 +272,7 @@
239
272
  display: table-cell;
240
273
  line-height: normal;
241
274
  }
242
- .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
275
+ .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container, .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container {
243
276
  white-space: nowrap;
244
277
  }
245
278
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container .e-treecell {
@@ -247,9 +280,6 @@
247
280
  white-space: normal;
248
281
  word-wrap: break-word;
249
282
  }
250
- .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container {
251
- white-space: nowrap;
252
- }
253
283
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
254
284
  display: inline-block;
255
285
  white-space: normal;
@@ -274,53 +304,57 @@
274
304
  display: none;
275
305
  }
276
306
  .e-treegrid .e-icons.e-errorelem {
277
- display: inline-block;
278
307
  padding-left: 10px;
308
+ display: inline-block;
279
309
  vertical-align: middle;
280
310
  }
281
311
  .e-treegrid .e-errorelem::before {
282
312
  color: #dc2626;
283
313
  content: "\e77e";
284
- transform: rotate(180deg);
314
+ -webkit-transform: rotate(180deg);
315
+ transform: rotate(180deg);
285
316
  }
286
317
  .e-treegrid .e-gridcontent td.e-childborder {
287
318
  border-color: #4f46e5;
288
319
  border-width: 2px 0 0;
289
- box-shadow: 0 1px 0 0 #4f46e5;
320
+ -webkit-box-shadow: 0 1px 0 0 #4f46e5;
321
+ box-shadow: 0 1px 0 0 #4f46e5;
290
322
  position: relative;
291
323
  z-index: 1;
292
324
  }
293
325
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
294
326
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
295
- box-shadow: 0 1px 0 0 #4f46e5;
327
+ -webkit-box-shadow: 0 1px 0 0 #4f46e5;
328
+ box-shadow: 0 1px 0 0 #4f46e5;
296
329
  }
297
330
  .e-treegrid .e-gridcontent td.e-rowcell.e-dragborder,
298
331
  .e-treegrid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
299
332
  .e-treegrid .e-gridcontent .e-rowdragdrop.e-dragborder {
300
- box-shadow: 0 0 0 0;
333
+ -webkit-box-shadow: 0 0 0 0;
334
+ box-shadow: 0 0 0 0;
301
335
  }
302
336
  .e-treegrid .e-gridcontent td.e-childborder:first-child {
303
337
  border-left: 2px solid #4f46e5;
304
- box-shadow: 0 1px 0 0 #4f46e5;
338
+ -webkit-box-shadow: 0 1px 0 0 #4f46e5;
339
+ box-shadow: 0 1px 0 0 #4f46e5;
305
340
  position: relative;
306
341
  z-index: 1;
307
342
  }
308
- .e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child {
343
+ .e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child,
344
+ .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
309
345
  border-right: 2px solid #4f46e5;
310
346
  }
311
347
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder {
312
348
  border-width: 2px 0;
313
349
  }
314
- .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
315
- border-right: 2px solid #4f46e5;
316
- }
317
350
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
318
351
  border-left: 2px solid #4f46e5;
319
352
  }
320
353
  .e-treegrid .e-gridcontent td.e-dropbottom:first-child,
321
354
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom,
322
355
  .e-treegrid .e-gridcontent td.e-dropbottom {
323
- box-shadow: 0 1px 0 0 #4f46e5;
356
+ -webkit-box-shadow: 0 1px 0 0 #4f46e5;
357
+ box-shadow: 0 1px 0 0 #4f46e5;
324
358
  position: relative;
325
359
  z-index: 1;
326
360
  }
@@ -333,7 +367,8 @@
333
367
  border-bottom-color: #4f46e5;
334
368
  }
335
369
  .e-treegrid .e-gridcontent td.e-rowdragdrop.e-droptop.e-dragborder {
336
- box-shadow: 0 0 0 0;
370
+ -webkit-box-shadow: 0 0 0 0;
371
+ box-shadow: 0 0 0 0;
337
372
  }
338
373
  .e-treegrid .e-gridcontent .e-gridheader .e-firstrow-dragborder {
339
374
  height: 1px;
@@ -341,18 +376,14 @@
341
376
  .e-treegrid .e-gridcontent .e-lastrow-dragborder {
342
377
  height: 0;
343
378
  }
344
- .e-treegrid .e-gridheader .e-firstrow-dragborder {
345
- height: 0;
346
- }
347
- .e-treegrid .e-droptop .e-lastrow-dragborder {
379
+ .e-treegrid .e-gridheader .e-firstrow-dragborder,
380
+ .e-treegrid .e-droptop .e-lastrow-dragborder,
381
+ .e-treegrid .e-gridheader .e-firstrow-dragborder tr:first-child.e-dropbottom {
348
382
  height: 0;
349
383
  }
350
384
  .e-treegrid .e-treegrid-relative {
351
385
  position: relative;
352
386
  }
353
- .e-treegrid .e-gridheader .e-firstrow-dragborder tr:first-child.e-dropbottom {
354
- height: 0;
355
- }
356
387
  .e-treegrid .e-gridheader .e-firstrow-border,
357
388
  .e-treegrid .e-gridcontent .e-lastrow-border {
358
389
  background-color: #4f46e5;
@@ -366,7 +397,8 @@
366
397
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-childborder {
367
398
  border-bottom: 2px solid #4f46e5;
368
399
  border-top: 2px solid #4f46e5;
369
- box-shadow: 0 0 0 0 #4f46e5;
400
+ -webkit-box-shadow: 0 0 0 0 #4f46e5;
401
+ box-shadow: 0 0 0 0 #4f46e5;
370
402
  }
371
403
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-droptop,
372
404
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-droptop {
@@ -375,30 +407,37 @@
375
407
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-childborder {
376
408
  border-bottom: 2px solid #4f46e5;
377
409
  border-top: 2px solid #4f46e5;
378
- box-shadow: 0 0 0 0 #4f46e5;
410
+ -webkit-box-shadow: 0 0 0 0 #4f46e5;
411
+ box-shadow: 0 0 0 0 #4f46e5;
379
412
  }
380
413
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-childborder {
381
414
  border-bottom: 2px solid #4f46e5;
382
415
  border-top: 2px solid #4f46e5;
383
- box-shadow: 0 0 0 0 #4f46e5;
416
+ -webkit-box-shadow: 0 0 0 0 #4f46e5;
417
+ box-shadow: 0 0 0 0 #4f46e5;
384
418
  }
385
419
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-dropbottom {
386
420
  border-bottom: 2px solid #4f46e5;
387
- box-shadow: 0 0 0 0 #4f46e5;
421
+ -webkit-box-shadow: 0 0 0 0 #4f46e5;
422
+ box-shadow: 0 0 0 0 #4f46e5;
388
423
  }
389
424
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
390
425
  border-top: 2px solid #4f46e5;
391
- box-shadow: 0 0 0 0 #4f46e5;
426
+ -webkit-box-shadow: 0 0 0 0 #4f46e5;
427
+ box-shadow: 0 0 0 0 #4f46e5;
392
428
  }
393
429
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
394
430
  border-bottom: 2px solid #4f46e5;
395
- box-shadow: 0 0 0 0 #4f46e5;
431
+ -webkit-box-shadow: 0 0 0 0 #4f46e5;
432
+ box-shadow: 0 0 0 0 #4f46e5;
396
433
  }
397
434
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
398
435
  border-top: 2px solid #4f46e5;
399
- box-shadow: 0 0 0 0 #4f46e5;
436
+ -webkit-box-shadow: 0 0 0 0 #4f46e5;
437
+ box-shadow: 0 0 0 0 #4f46e5;
400
438
  }
401
- .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
439
+ .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder,
440
+ .e-treegrid .e-grid.e-rtl .e-droptop .e-lastrow-dragborder {
402
441
  height: 0;
403
442
  }
404
443
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder {
@@ -410,15 +449,18 @@
410
449
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
411
450
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
412
451
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
413
- box-shadow: 0 0 0 0;
452
+ -webkit-box-shadow: 0 0 0 0;
453
+ box-shadow: 0 0 0 0;
414
454
  }
415
455
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder:first-child {
416
456
  border-right: 2px solid #4f46e5;
417
- box-shadow: 0 1px 0 0 #4f46e5;
457
+ -webkit-box-shadow: 0 1px 0 0 #4f46e5;
458
+ box-shadow: 0 1px 0 0 #4f46e5;
418
459
  position: relative;
419
460
  z-index: 1;
420
461
  }
421
- .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child {
462
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child,
463
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
422
464
  border-left: 2px solid #4f46e5;
423
465
  }
424
466
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder {
@@ -427,9 +469,6 @@
427
469
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
428
470
  border-right: 2px solid #4f46e5;
429
471
  }
430
- .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
431
- border-left: 2px solid #4f46e5;
432
- }
433
472
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-droptop:first-child,
434
473
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-droptop {
435
474
  border-top-color: #4f46e5;
@@ -438,8 +477,5 @@
438
477
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-dropbottom {
439
478
  border-bottom-color: #4f46e5;
440
479
  }
441
- .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {
442
- height: 0;
443
- }
444
480
 
445
481
  /* stylelint-disable-line no-empty-source */