@syncfusion/ej2-treegrid 25.2.6 → 26.1.35-469198

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 (283) hide show
  1. package/.eslintrc.json +243 -259
  2. package/README.md +83 -83
  3. package/dist/ej2-treegrid.min.js +1 -10
  4. package/dist/ej2-treegrid.umd.min.js +1 -10
  5. package/dist/ej2-treegrid.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-treegrid.es2015.js +698 -530
  7. package/dist/es6/ej2-treegrid.es2015.js.map +1 -1
  8. package/dist/es6/ej2-treegrid.es5.js +1215 -1046
  9. package/dist/es6/ej2-treegrid.es5.js.map +1 -1
  10. package/dist/global/ej2-treegrid.min.js +1 -10
  11. package/dist/global/ej2-treegrid.min.js.map +1 -1
  12. package/dist/global/index.d.ts +0 -9
  13. package/dist/ts/undefined +602 -0
  14. package/license +9 -9
  15. package/package.json +70 -70
  16. package/src/treegrid/actions/clipboard.js +13 -13
  17. package/src/treegrid/actions/edit.js +8 -7
  18. package/src/treegrid/actions/excel-export.js +4 -3
  19. package/src/treegrid/actions/logger.js +13 -13
  20. package/src/treegrid/actions/page.js +4 -0
  21. package/src/treegrid/actions/rowdragdrop.js +25 -14
  22. package/src/treegrid/actions/selection.js +4 -1
  23. package/src/treegrid/actions/virtual-scroll.js +13 -13
  24. package/src/treegrid/base/constant.js +2 -0
  25. package/src/treegrid/base/data.js +2 -1
  26. package/src/treegrid/base/interface.js +0 -1
  27. package/src/treegrid/base/treegrid-model.d.ts +875 -875
  28. package/src/treegrid/base/treegrid.js +260 -92
  29. package/src/treegrid/models/column-model.d.ts +6 -6
  30. package/src/treegrid/models/column.js +19 -19
  31. package/src/treegrid/models/edit-settings-model.d.ts +72 -72
  32. package/src/treegrid/models/edit-settings.js +19 -19
  33. package/src/treegrid/models/filter-settings-model.d.ts +206 -206
  34. package/src/treegrid/models/filter-settings.js +19 -19
  35. package/src/treegrid/models/infinite-scroll-settings-model.d.ts +16 -16
  36. package/src/treegrid/models/infinite-scroll-settings.js +19 -19
  37. package/src/treegrid/models/loading-indicator.js +19 -19
  38. package/src/treegrid/models/page-settings-model.d.ts +46 -46
  39. package/src/treegrid/models/page-settings.js +19 -19
  40. package/src/treegrid/models/rowdrop-settings-model.d.ts +6 -6
  41. package/src/treegrid/models/rowdrop-settings.js +19 -19
  42. package/src/treegrid/models/search-settings-model.d.ts +60 -60
  43. package/src/treegrid/models/search-settings.js +19 -19
  44. package/src/treegrid/models/selection-settings-model.d.ts +66 -66
  45. package/src/treegrid/models/selection-settings.js +19 -19
  46. package/src/treegrid/models/sort-settings-model.d.ts +24 -24
  47. package/src/treegrid/models/sort-settings.js +19 -19
  48. package/src/treegrid/models/summary-model.d.ts +64 -64
  49. package/src/treegrid/models/summary.js +19 -19
  50. package/src/treegrid/models/textwrap-settings-model.d.ts +9 -9
  51. package/src/treegrid/models/textwrap-settings.js +19 -19
  52. package/src/treegrid/renderer/virtual-row-model-generator.js +15 -15
  53. package/src/treegrid/renderer/virtual-tree-content-render.js +15 -14
  54. package/styles/bds-lite.css +745 -0
  55. package/styles/bds-lite.scss +18 -0
  56. package/styles/bds.css +765 -0
  57. package/styles/bds.scss +19 -0
  58. package/styles/bootstrap-dark-lite.css +506 -0
  59. package/styles/bootstrap-dark-lite.scss +18 -0
  60. package/styles/bootstrap-dark.css +187 -117
  61. package/styles/bootstrap-dark.scss +19 -1
  62. package/styles/bootstrap-lite.css +509 -0
  63. package/styles/bootstrap-lite.scss +18 -0
  64. package/styles/bootstrap.css +190 -121
  65. package/styles/bootstrap.scss +19 -1
  66. package/styles/bootstrap4-lite.css +550 -0
  67. package/styles/bootstrap4-lite.scss +18 -0
  68. package/styles/bootstrap4.css +194 -133
  69. package/styles/bootstrap4.scss +19 -1
  70. package/styles/bootstrap5-dark-lite.css +545 -0
  71. package/styles/bootstrap5-dark-lite.scss +18 -0
  72. package/styles/bootstrap5-dark.css +189 -123
  73. package/styles/bootstrap5-dark.scss +19 -1
  74. package/styles/bootstrap5-lite.css +545 -0
  75. package/styles/bootstrap5-lite.scss +18 -0
  76. package/styles/bootstrap5.3-lite.css +1637 -0
  77. package/styles/bootstrap5.3-lite.scss +18 -0
  78. package/styles/bootstrap5.3.css +1657 -0
  79. package/styles/bootstrap5.3.scss +19 -0
  80. package/styles/bootstrap5.css +188 -122
  81. package/styles/bootstrap5.scss +19 -1
  82. package/styles/fabric-dark-lite.css +485 -0
  83. package/styles/fabric-dark-lite.scss +18 -0
  84. package/styles/fabric-dark.css +188 -118
  85. package/styles/fabric-dark.scss +19 -1
  86. package/styles/fabric-lite.css +485 -0
  87. package/styles/fabric-lite.scss +18 -0
  88. package/styles/fabric.css +188 -111
  89. package/styles/fabric.scss +19 -1
  90. package/styles/fluent-dark-lite.css +548 -0
  91. package/styles/fluent-dark-lite.scss +18 -0
  92. package/styles/fluent-dark.css +195 -116
  93. package/styles/fluent-dark.scss +19 -1
  94. package/styles/fluent-lite.css +548 -0
  95. package/styles/fluent-lite.scss +18 -0
  96. package/styles/fluent.css +195 -116
  97. package/styles/fluent.scss +19 -1
  98. package/styles/fluent2-lite.css +1856 -0
  99. package/styles/fluent2-lite.scss +18 -0
  100. package/styles/fluent2.css +1879 -0
  101. package/styles/fluent2.scss +19 -0
  102. package/styles/highcontrast-light-lite.css +491 -0
  103. package/styles/highcontrast-light-lite.scss +18 -0
  104. package/styles/highcontrast-light.css +185 -103
  105. package/styles/highcontrast-light.scss +19 -1
  106. package/styles/highcontrast-lite.css +498 -0
  107. package/styles/highcontrast-lite.scss +18 -0
  108. package/styles/highcontrast.css +196 -107
  109. package/styles/highcontrast.scss +19 -1
  110. package/styles/material-dark-lite.css +567 -0
  111. package/styles/material-dark-lite.scss +18 -0
  112. package/styles/material-dark.css +220 -105
  113. package/styles/material-dark.scss +19 -1
  114. package/styles/material-lite.css +591 -0
  115. package/styles/material-lite.scss +18 -0
  116. package/styles/material.css +234 -129
  117. package/styles/material.scss +19 -1
  118. package/styles/material3-dark-lite.css +1666 -0
  119. package/styles/material3-dark-lite.scss +18 -0
  120. package/styles/material3-dark.css +1310 -187
  121. package/styles/material3-dark.scss +19 -1
  122. package/styles/material3-lite.css +1668 -0
  123. package/styles/material3-lite.scss +18 -0
  124. package/styles/material3.css +1311 -242
  125. package/styles/material3.scss +19 -1
  126. package/styles/tailwind-dark-lite.css +518 -0
  127. package/styles/tailwind-dark-lite.scss +18 -0
  128. package/styles/tailwind-dark.css +196 -103
  129. package/styles/tailwind-dark.scss +19 -1
  130. package/styles/tailwind-lite.css +518 -0
  131. package/styles/tailwind-lite.scss +18 -0
  132. package/styles/tailwind.css +196 -103
  133. package/styles/tailwind.scss +19 -1
  134. package/styles/tailwind3-lite.css +1697 -0
  135. package/styles/tailwind3-lite.scss +18 -0
  136. package/styles/tailwind3.css +1717 -0
  137. package/styles/tailwind3.scss +19 -0
  138. package/styles/treegrid/_all.scss +2 -2
  139. package/styles/treegrid/_bds-definition.scss +49 -28
  140. package/styles/treegrid/_bigger.scss +66 -0
  141. package/styles/treegrid/_bootstrap-dark-definition.scss +54 -30
  142. package/styles/treegrid/_bootstrap-definition.scss +54 -30
  143. package/styles/treegrid/_bootstrap4-definition.scss +54 -30
  144. package/styles/treegrid/_bootstrap5-definition.scss +49 -28
  145. package/styles/treegrid/_bootstrap5.3-definition.scss +49 -0
  146. package/styles/treegrid/_fabric-dark-definition.scss +54 -30
  147. package/styles/treegrid/_fabric-definition.scss +54 -30
  148. package/styles/treegrid/_fluent-definition.scss +50 -29
  149. package/styles/treegrid/_fluent2-definition.scss +49 -0
  150. package/styles/treegrid/_fusionnew-definition.scss +49 -28
  151. package/styles/treegrid/_highcontrast-definition.scss +54 -30
  152. package/styles/treegrid/_highcontrast-light-definition.scss +54 -30
  153. package/styles/treegrid/_icons.scss +47 -37
  154. package/styles/treegrid/_layout.scss +530 -455
  155. package/styles/treegrid/_material-dark-definition.scss +54 -30
  156. package/styles/treegrid/_material-definition.scss +54 -30
  157. package/styles/treegrid/_material3-definition.scss +49 -28
  158. package/styles/treegrid/_tailwind-definition.scss +49 -28
  159. package/styles/treegrid/_tailwind3-definition.scss +49 -0
  160. package/styles/treegrid/_theme.scss +1 -1
  161. package/styles/treegrid/bds.css +765 -0
  162. package/styles/treegrid/bds.scss +19 -0
  163. package/styles/treegrid/bootstrap-dark.css +187 -117
  164. package/styles/treegrid/bootstrap-dark.scss +1 -0
  165. package/styles/treegrid/bootstrap.css +190 -121
  166. package/styles/treegrid/bootstrap.scss +1 -0
  167. package/styles/treegrid/bootstrap4.css +194 -133
  168. package/styles/treegrid/bootstrap4.scss +1 -0
  169. package/styles/treegrid/bootstrap5-dark.css +189 -123
  170. package/styles/treegrid/bootstrap5-dark.scss +1 -0
  171. package/styles/treegrid/bootstrap5.3.css +1657 -0
  172. package/styles/treegrid/bootstrap5.3.scss +19 -0
  173. package/styles/treegrid/bootstrap5.css +188 -122
  174. package/styles/treegrid/bootstrap5.scss +1 -0
  175. package/styles/treegrid/fabric-dark.css +188 -118
  176. package/styles/treegrid/fabric-dark.scss +1 -0
  177. package/styles/treegrid/fabric.css +188 -111
  178. package/styles/treegrid/fabric.scss +1 -0
  179. package/styles/treegrid/fluent-dark.css +195 -116
  180. package/styles/treegrid/fluent-dark.scss +1 -0
  181. package/styles/treegrid/fluent.css +195 -116
  182. package/styles/treegrid/fluent.scss +1 -0
  183. package/styles/treegrid/fluent2.css +1879 -0
  184. package/styles/treegrid/fluent2.scss +19 -0
  185. package/styles/treegrid/highcontrast-light.css +185 -103
  186. package/styles/treegrid/highcontrast-light.scss +1 -0
  187. package/styles/treegrid/highcontrast.css +196 -107
  188. package/styles/treegrid/highcontrast.scss +1 -0
  189. package/styles/treegrid/icons/_bds.scss +37 -37
  190. package/styles/treegrid/icons/_bootstrap-dark.scss +47 -37
  191. package/styles/treegrid/icons/_bootstrap.scss +47 -37
  192. package/styles/treegrid/icons/_bootstrap4.scss +47 -37
  193. package/styles/treegrid/icons/_bootstrap5.3.scss +47 -0
  194. package/styles/treegrid/icons/_bootstrap5.scss +47 -37
  195. package/styles/treegrid/icons/_fabric-dark.scss +47 -37
  196. package/styles/treegrid/icons/_fabric.scss +47 -37
  197. package/styles/treegrid/icons/_fluent.scss +47 -37
  198. package/styles/treegrid/icons/_fluent2.scss +47 -0
  199. package/styles/treegrid/icons/_fusionnew.scss +30 -26
  200. package/styles/treegrid/icons/_highcontrast-light.scss +47 -37
  201. package/styles/treegrid/icons/_highcontrast.scss +47 -37
  202. package/styles/treegrid/icons/_material-dark.scss +47 -37
  203. package/styles/treegrid/icons/_material.scss +47 -37
  204. package/styles/treegrid/icons/_material3.scss +47 -37
  205. package/styles/treegrid/icons/_tailwind-dark.scss +47 -37
  206. package/styles/treegrid/icons/_tailwind.scss +47 -37
  207. package/styles/treegrid/icons/_tailwind3.scss +47 -0
  208. package/styles/treegrid/material-dark.css +220 -105
  209. package/styles/treegrid/material-dark.scss +1 -0
  210. package/styles/treegrid/material.css +234 -129
  211. package/styles/treegrid/material.scss +1 -0
  212. package/styles/treegrid/material3-dark.css +1310 -187
  213. package/styles/treegrid/material3-dark.scss +2 -1
  214. package/styles/treegrid/material3.css +1311 -242
  215. package/styles/treegrid/material3.scss +2 -1
  216. package/styles/treegrid/tailwind-dark.css +196 -103
  217. package/styles/treegrid/tailwind-dark.scss +1 -0
  218. package/styles/treegrid/tailwind.css +196 -103
  219. package/styles/treegrid/tailwind.scss +1 -0
  220. package/styles/treegrid/tailwind3.css +1717 -0
  221. package/styles/treegrid/tailwind3.scss +19 -0
  222. package/CHANGELOG.md +0 -264
  223. package/helpers/e2e/index.d.ts +0 -1
  224. package/helpers/e2e/index.js +0 -8
  225. package/helpers/e2e/treegridhelper.d.ts +0 -21
  226. package/helpers/e2e/treegridhelper.js +0 -83
  227. package/index.d.ts +0 -4
  228. package/index.js +0 -4
  229. package/src/index.d.ts +0 -4
  230. package/src/treegrid/actions/batch-edit.d.ts +0 -73
  231. package/src/treegrid/actions/clipboard.d.ts +0 -36
  232. package/src/treegrid/actions/column-chooser.d.ts +0 -37
  233. package/src/treegrid/actions/column-menu.d.ts +0 -24
  234. package/src/treegrid/actions/command-column.d.ts +0 -24
  235. package/src/treegrid/actions/context-menu.d.ts +0 -42
  236. package/src/treegrid/actions/crud-actions.d.ts +0 -66
  237. package/src/treegrid/actions/detail-row.d.ts +0 -39
  238. package/src/treegrid/actions/edit.d.ts +0 -112
  239. package/src/treegrid/actions/excel-export.d.ts +0 -59
  240. package/src/treegrid/actions/filter.d.ts +0 -57
  241. package/src/treegrid/actions/freeze-column.d.ts +0 -28
  242. package/src/treegrid/actions/index.d.ts +0 -24
  243. package/src/treegrid/actions/infinite-scroll.d.ts +0 -96
  244. package/src/treegrid/actions/logger.d.ts +0 -25
  245. package/src/treegrid/actions/page.d.ts +0 -67
  246. package/src/treegrid/actions/pdf-export.d.ts +0 -55
  247. package/src/treegrid/actions/print.d.ts +0 -37
  248. package/src/treegrid/actions/reorder.d.ts +0 -36
  249. package/src/treegrid/actions/resize.d.ts +0 -36
  250. package/src/treegrid/actions/rowdragdrop.d.ts +0 -113
  251. package/src/treegrid/actions/selection.d.ts +0 -51
  252. package/src/treegrid/actions/sort.d.ts +0 -63
  253. package/src/treegrid/actions/summary.d.ts +0 -47
  254. package/src/treegrid/actions/toolbar.d.ts +0 -52
  255. package/src/treegrid/actions/virtual-scroll.d.ts +0 -53
  256. package/src/treegrid/base/constant.d.ts +0 -160
  257. package/src/treegrid/base/data.d.ts +0 -90
  258. package/src/treegrid/base/index.d.ts +0 -11
  259. package/src/treegrid/base/interface.d.ts +0 -182
  260. package/src/treegrid/base/treegrid.d.ts +0 -2186
  261. package/src/treegrid/enum.d.ts +0 -155
  262. package/src/treegrid/index.d.ts +0 -9
  263. package/src/treegrid/models/column.d.ts +0 -752
  264. package/src/treegrid/models/edit-settings.d.ts +0 -90
  265. package/src/treegrid/models/filter-settings.d.ts +0 -203
  266. package/src/treegrid/models/index.d.ts +0 -24
  267. package/src/treegrid/models/infinite-scroll-settings.d.ts +0 -25
  268. package/src/treegrid/models/loading-indicator.d.ts +0 -19
  269. package/src/treegrid/models/page-settings.d.ts +0 -60
  270. package/src/treegrid/models/rowdrop-settings.d.ts +0 -27
  271. package/src/treegrid/models/search-settings.d.ts +0 -71
  272. package/src/treegrid/models/selection-settings.d.ts +0 -79
  273. package/src/treegrid/models/sort-settings.d.ts +0 -40
  274. package/src/treegrid/models/summary.d.ts +0 -124
  275. package/src/treegrid/models/textwrap-settings.d.ts +0 -16
  276. package/src/treegrid/renderer/index.d.ts +0 -5
  277. package/src/treegrid/renderer/render.d.ts +0 -41
  278. package/src/treegrid/renderer/virtual-row-model-generator.d.ts +0 -16
  279. package/src/treegrid/renderer/virtual-tree-content-render.d.ts +0 -75
  280. package/src/treegrid/utils.d.ts +0 -70
  281. package/treegrid.d.ts +0 -4
  282. package/treegrid.js +0 -4
  283. package/tslint.json +0 -111
@@ -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
 
@@ -39,45 +49,11 @@
39
49
  margin-top: 2px;
40
50
  }
41
51
 
42
- .e-bigger .e-ddl.e-popup,
43
- .e-bigger.e-ddl.e-popup {
44
- border-radius: 6px;
45
- margin-top: 8px;
46
- }
47
-
48
- .e-bigger.e-small .e-ddl.e-popup,
49
- .e-small.e-bigger.e-ddl.e-popup {
50
- border-radius: 4px;
51
- margin-top: 6px;
52
- }
53
-
54
52
  .e-popup.e-ddl .e-dropdownbase {
55
53
  min-height: 26px;
56
54
  padding: 4px 0;
57
55
  }
58
56
 
59
- .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
60
- border-color: #4b5563;
61
- }
62
-
63
- .e-bigger .e-popup.e-ddl-device-filter {
64
- margin-top: 0;
65
- }
66
-
67
- .e-bigger .e-ddl-device .e-input-group,
68
- .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
69
- background: #374151;
70
- border-width: 0;
71
- box-shadow: none;
72
- margin-bottom: 0;
73
- }
74
-
75
- .e-bigger .e-ddl-device .e-input-group .e-back-icon,
76
- .e-bigger .e-ddl-device .e-input-group input.e-input,
77
- .e-bigger .e-ddl-device .e-input-group .e-clear-icon {
78
- background-color: #374151;
79
- }
80
-
81
57
  .e-input-group.e-ddl,
82
58
  .e-input-group.e-ddl .e-input,
83
59
  .e-input-group.e-ddl .e-ddl-icon {
@@ -94,19 +70,43 @@
94
70
  }
95
71
 
96
72
  /* stylelint-disable property-no-vendor-prefix */
73
+ @-webkit-keyframes material-spinner-rotate {
74
+ 0% {
75
+ -webkit-transform: rotate(0);
76
+ transform: rotate(0);
77
+ }
78
+ 100% {
79
+ -webkit-transform: rotate(360deg);
80
+ transform: rotate(360deg);
81
+ }
82
+ }
97
83
  @keyframes material-spinner-rotate {
98
84
  0% {
85
+ -webkit-transform: rotate(0);
86
+ transform: rotate(0);
87
+ }
88
+ 100% {
89
+ -webkit-transform: rotate(360deg);
90
+ transform: rotate(360deg);
91
+ }
92
+ }
93
+ @-webkit-keyframes fabric-spinner-rotate {
94
+ 0% {
95
+ -webkit-transform: rotate(0);
99
96
  transform: rotate(0);
100
97
  }
101
98
  100% {
99
+ -webkit-transform: rotate(360deg);
102
100
  transform: rotate(360deg);
103
101
  }
104
102
  }
105
103
  @keyframes fabric-spinner-rotate {
106
104
  0% {
105
+ -webkit-transform: rotate(0);
107
106
  transform: rotate(0);
108
107
  }
109
108
  100% {
109
+ -webkit-transform: rotate(360deg);
110
110
  transform: rotate(360deg);
111
111
  }
112
112
  }
@@ -119,10 +119,6 @@
119
119
  content: "\e72a";
120
120
  }
121
121
 
122
- .e-treegrid .e-treegridexpand::before,
123
- .e-treegrid .e-treegridcollapse::before {
124
- content: "\e75c";
125
- }
126
122
  .e-treegrid .e-toolbar-item .e-expand::before {
127
123
  content: "\e7c9";
128
124
  }
@@ -136,29 +132,34 @@
136
132
  content: "\e72a";
137
133
  }
138
134
 
139
- .e-bigger .e-treegrid .e-treegridexpand,
140
- .e-bigger .e-treegrid .e-treegridcollapse {
141
- font-size: 22px;
142
- height: 22px;
143
- width: 22px;
144
- }
145
- .e-bigger .e-treegrid .e-hierarchycheckbox {
146
- padding-left: 2px;
147
- }
148
- .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
149
- height: 18px;
150
- width: 18px;
135
+ .e-treegrid .e-treegridexpand::before,
136
+ .e-treegrid .e-treegridcollapse::before,
137
+ .e-grid .e-treegridexpand::before,
138
+ .e-grid .e-treegridcollapse::before {
139
+ content: "\e75c";
151
140
  }
152
- .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
153
- height: 18px;
154
- width: 18px;
141
+
142
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
143
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
144
+ content: "\e75c";
155
145
  }
156
- .e-bigger .e-treegrid .e-treecell {
157
- line-height: 22px;
146
+
147
+ @media print {
148
+ .e-treecell-child {
149
+ width: 10px;
150
+ display: inline-block;
151
+ }
158
152
  }
159
153
  .e-treegrid .e-icons.e-none::before {
160
154
  content: "";
161
155
  }
156
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
157
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
158
+ border-left: 2px solid #4f46e5;
159
+ }
160
+ .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
161
+ height: auto;
162
+ }
162
163
  .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
163
164
  height: 20px;
164
165
  vertical-align: middle;
@@ -168,25 +169,49 @@
168
169
  text-align: center;
169
170
  vertical-align: unset;
170
171
  }
172
+ .e-treegrid .e-treecolumn-container .e-treecell-icon {
173
+ width: 4px;
174
+ display: inline-block;
175
+ }
176
+ .e-treegrid .e-treecolumn-container .e-treecell-child {
177
+ width: 10px;
178
+ display: inline-block;
179
+ }
180
+ .e-treegrid .e-expand-iconstyle {
181
+ width: 16px;
182
+ }
183
+ .e-treegrid .e-print-layout {
184
+ position: absolute;
185
+ top: -9999px;
186
+ left: -9999px;
187
+ }
188
+ .e-treegrid tr.e-childrow-hidden {
189
+ display: none;
190
+ }
171
191
  .e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container {
172
192
  display: block;
173
193
  overflow: hidden;
174
194
  text-overflow: ellipsis;
175
195
  }
176
196
  .e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container span.e-treecell {
177
- display: inline;
197
+ display: contents;
178
198
  overflow: hidden;
179
199
  text-overflow: ellipsis;
180
200
  }
201
+ .e-treegrid .e-templatecell .e-treecolumn-container span {
202
+ vertical-align: middle;
203
+ }
181
204
  .e-treegrid .e-treegridexpand:hover::before,
182
205
  .e-treegrid .e-treegridcollapse:hover::before {
183
206
  color: #f3f4f6;
184
207
  }
185
208
  .e-treegrid .e-rtl .e-treegridcollapse {
186
- transform: scale(-1);
209
+ -webkit-transform: scale(-1);
210
+ transform: scale(-1);
187
211
  }
188
212
  .e-treegrid .e-treegridexpand {
189
- transform: rotate(90deg);
213
+ -webkit-transform: rotate(90deg);
214
+ transform: rotate(90deg);
190
215
  }
191
216
  .e-treegrid .e-treerowexpanded:not(.e-hiddenrow) {
192
217
  display: table-row;
@@ -209,11 +234,17 @@
209
234
  }
210
235
  .e-treegrid .e-treecolumn-container span {
211
236
  display: inline-block;
237
+ vertical-align: text-bottom;
238
+ }
239
+ .e-treegrid .e-templatecell .e-treecolumn-container span {
212
240
  vertical-align: middle;
213
241
  }
214
242
  .e-treegrid .e-cloneproperties .e-treecolumn-container span {
215
243
  vertical-align: text-top;
216
244
  }
245
+ .e-treegrid .e-cloneproperties .e-rowcell:not(.e-gridclip) .errorValue .e-treecolumn-container {
246
+ display: table-row;
247
+ }
217
248
  .e-treegrid .e-hierarchycheckbox .e-frame {
218
249
  height: 16px;
219
250
  width: 16px;
@@ -232,14 +263,14 @@
232
263
  height: 18px;
233
264
  padding: 0;
234
265
  text-align: center;
235
- vertical-align: bottom;
266
+ vertical-align: text-bottom;
236
267
  width: 16px;
237
268
  }
238
269
  .e-treegrid .e-treecell {
239
270
  display: table-cell;
240
271
  line-height: normal;
241
272
  }
242
- .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
273
+ .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container, .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container {
243
274
  white-space: nowrap;
244
275
  }
245
276
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container .e-treecell {
@@ -247,14 +278,19 @@
247
278
  white-space: normal;
248
279
  word-wrap: break-word;
249
280
  }
250
- .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container {
281
+ .e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
282
+ display: inline-block;
251
283
  white-space: nowrap;
284
+ word-wrap: break-word;
252
285
  }
253
286
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
254
287
  display: inline-block;
255
288
  white-space: normal;
256
289
  word-wrap: break-word;
257
290
  }
291
+ .e-treegrid .e-grid.e-wrap .e-treecolumn-container span {
292
+ vertical-align: middle;
293
+ }
258
294
  .e-treegrid.e-grid.e-print-grid-layout .e-icons {
259
295
  display: inline-block;
260
296
  }
@@ -266,64 +302,85 @@
266
302
  width: 0;
267
303
  }
268
304
  .e-treegrid .e-detailheadercell,
305
+ .e-treegrid .e-detailcell-visible,
269
306
  .e-treegrid .e-headercontent .e-table .e-detail-intent,
270
307
  .e-treegrid .e-gridcontent .e-table .e-detail-intent,
271
308
  .e-treegrid .e-table .e-detailrow .e-detailindentcell,
272
309
  .e-treegrid .e-table .e-detailrowexpand,
273
- .e-treegrid .e-table .e-detailrowcollapse {
310
+ .e-treegrid .e-table .e-detailrowcollapse,
311
+ .e-treegrid tr.e-detailrow.e-childrow-hidden {
274
312
  display: none;
275
313
  }
314
+ .e-treegrid .e-table-cell::before {
315
+ content: none;
316
+ display: none;
317
+ }
318
+ .e-treegrid .e-table-cell {
319
+ display: table-cell;
320
+ }
276
321
  .e-treegrid .e-icons.e-errorelem {
277
- display: inline-block;
278
322
  padding-left: 10px;
279
- vertical-align: middle;
323
+ display: inline-block;
324
+ vertical-align: text-bottom;
280
325
  }
281
326
  .e-treegrid .e-errorelem::before {
282
327
  color: #f87171;
283
328
  content: "\e77e";
284
- transform: rotate(180deg);
329
+ -webkit-transform: rotate(180deg);
330
+ transform: rotate(180deg);
285
331
  }
286
332
  .e-treegrid .e-gridcontent td.e-childborder {
287
333
  border-color: #22d3ee;
288
334
  border-width: 2px 0 0;
289
- box-shadow: 0 1px 0 0 #22d3ee;
335
+ -webkit-box-shadow: 0 1px 0 0 #22d3ee;
336
+ box-shadow: 0 1px 0 0 #22d3ee;
290
337
  position: relative;
291
338
  z-index: 1;
292
339
  }
340
+ .e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
341
+ position: sticky;
342
+ }
293
343
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
294
344
  .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;
345
+ -webkit-box-shadow: 0 1px 0 0 #22d3ee;
346
+ box-shadow: 0 1px 0 0 #22d3ee;
296
347
  }
297
348
  .e-treegrid .e-gridcontent td.e-rowcell.e-dragborder,
298
349
  .e-treegrid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
299
350
  .e-treegrid .e-gridcontent .e-rowdragdrop.e-dragborder {
300
- box-shadow: 0 0 0 0;
351
+ -webkit-box-shadow: 0 0 0 0;
352
+ box-shadow: 0 0 0 0;
301
353
  }
302
354
  .e-treegrid .e-gridcontent td.e-childborder:first-child {
303
355
  border-left: 2px solid #4f46e5;
304
- box-shadow: 0 1px 0 0 #22d3ee;
356
+ -webkit-box-shadow: 0 1px 0 0 #22d3ee;
357
+ box-shadow: 0 1px 0 0 #22d3ee;
305
358
  position: relative;
306
359
  z-index: 1;
307
360
  }
308
- .e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child {
361
+ .e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child,
362
+ .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
309
363
  border-right: 2px solid #4f46e5;
310
364
  }
311
365
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder {
312
366
  border-width: 2px 0;
313
367
  }
314
- .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
315
- border-right: 2px solid #4f46e5;
316
- }
317
368
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
318
369
  border-left: 2px solid #4f46e5;
319
370
  }
320
371
  .e-treegrid .e-gridcontent td.e-dropbottom:first-child,
321
372
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom,
322
373
  .e-treegrid .e-gridcontent td.e-dropbottom {
323
- box-shadow: 0 1px 0 0 #22d3ee;
374
+ -webkit-box-shadow: 0 1px 0 0 #22d3ee;
375
+ box-shadow: 0 1px 0 0 #22d3ee;
324
376
  position: relative;
325
377
  z-index: 1;
326
378
  }
379
+ .e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
380
+ .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
381
+ .e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
382
+ position: sticky;
383
+ }
327
384
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
328
385
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
329
386
  border-top-color: #22d3ee;
@@ -333,7 +390,8 @@
333
390
  border-bottom-color: #22d3ee;
334
391
  }
335
392
  .e-treegrid .e-gridcontent td.e-rowdragdrop.e-droptop.e-dragborder {
336
- box-shadow: 0 0 0 0;
393
+ -webkit-box-shadow: 0 0 0 0;
394
+ box-shadow: 0 0 0 0;
337
395
  }
338
396
  .e-treegrid .e-gridcontent .e-gridheader .e-firstrow-dragborder {
339
397
  height: 1px;
@@ -341,18 +399,14 @@
341
399
  .e-treegrid .e-gridcontent .e-lastrow-dragborder {
342
400
  height: 0;
343
401
  }
344
- .e-treegrid .e-gridheader .e-firstrow-dragborder {
345
- height: 0;
346
- }
347
- .e-treegrid .e-droptop .e-lastrow-dragborder {
402
+ .e-treegrid .e-gridheader .e-firstrow-dragborder,
403
+ .e-treegrid .e-droptop .e-lastrow-dragborder,
404
+ .e-treegrid .e-gridheader .e-firstrow-dragborder tr:first-child.e-dropbottom {
348
405
  height: 0;
349
406
  }
350
407
  .e-treegrid .e-treegrid-relative {
351
408
  position: relative;
352
409
  }
353
- .e-treegrid .e-gridheader .e-firstrow-dragborder tr:first-child.e-dropbottom {
354
- height: 0;
355
- }
356
410
  .e-treegrid .e-gridheader .e-firstrow-border,
357
411
  .e-treegrid .e-gridcontent .e-lastrow-border {
358
412
  background-color: #22d3ee;
@@ -366,7 +420,8 @@
366
420
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-childborder {
367
421
  border-bottom: 2px solid #4f46e5;
368
422
  border-top: 2px solid #4f46e5;
369
- box-shadow: 0 0 0 0 #22d3ee;
423
+ -webkit-box-shadow: 0 0 0 0 #22d3ee;
424
+ box-shadow: 0 0 0 0 #22d3ee;
370
425
  }
371
426
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-droptop,
372
427
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-droptop {
@@ -375,30 +430,37 @@
375
430
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-childborder {
376
431
  border-bottom: 2px solid #4f46e5;
377
432
  border-top: 2px solid #4f46e5;
378
- box-shadow: 0 0 0 0 #22d3ee;
433
+ -webkit-box-shadow: 0 0 0 0 #22d3ee;
434
+ box-shadow: 0 0 0 0 #22d3ee;
379
435
  }
380
436
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-childborder {
381
437
  border-bottom: 2px solid #4f46e5;
382
438
  border-top: 2px solid #4f46e5;
383
- box-shadow: 0 0 0 0 #22d3ee;
439
+ -webkit-box-shadow: 0 0 0 0 #22d3ee;
440
+ box-shadow: 0 0 0 0 #22d3ee;
384
441
  }
385
442
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-dropbottom {
386
443
  border-bottom: 2px solid #4f46e5;
387
- box-shadow: 0 0 0 0 #22d3ee;
444
+ -webkit-box-shadow: 0 0 0 0 #22d3ee;
445
+ box-shadow: 0 0 0 0 #22d3ee;
388
446
  }
389
447
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
390
448
  border-top: 2px solid #4f46e5;
391
- box-shadow: 0 0 0 0 #22d3ee;
449
+ -webkit-box-shadow: 0 0 0 0 #22d3ee;
450
+ box-shadow: 0 0 0 0 #22d3ee;
392
451
  }
393
452
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
394
453
  border-bottom: 2px solid #4f46e5;
395
- box-shadow: 0 0 0 0 #22d3ee;
454
+ -webkit-box-shadow: 0 0 0 0 #22d3ee;
455
+ box-shadow: 0 0 0 0 #22d3ee;
396
456
  }
397
457
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
398
458
  border-top: 2px solid #4f46e5;
399
- box-shadow: 0 0 0 0 #22d3ee;
459
+ -webkit-box-shadow: 0 0 0 0 #22d3ee;
460
+ box-shadow: 0 0 0 0 #22d3ee;
400
461
  }
401
- .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
462
+ .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder,
463
+ .e-treegrid .e-grid.e-rtl .e-droptop .e-lastrow-dragborder {
402
464
  height: 0;
403
465
  }
404
466
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder {
@@ -407,18 +469,24 @@
407
469
  position: relative;
408
470
  z-index: 1;
409
471
  }
472
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
473
+ position: sticky;
474
+ }
410
475
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
411
476
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
412
477
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
413
- box-shadow: 0 0 0 0;
478
+ -webkit-box-shadow: 0 0 0 0;
479
+ box-shadow: 0 0 0 0;
414
480
  }
415
481
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder:first-child {
416
482
  border-right: 2px solid #4f46e5;
417
- box-shadow: 0 1px 0 0 #22d3ee;
483
+ -webkit-box-shadow: 0 1px 0 0 #22d3ee;
484
+ box-shadow: 0 1px 0 0 #22d3ee;
418
485
  position: relative;
419
486
  z-index: 1;
420
487
  }
421
- .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child {
488
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child,
489
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
422
490
  border-left: 2px solid #4f46e5;
423
491
  }
424
492
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder {
@@ -427,9 +495,6 @@
427
495
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
428
496
  border-right: 2px solid #4f46e5;
429
497
  }
430
- .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
431
- border-left: 2px solid #4f46e5;
432
- }
433
498
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-droptop:first-child,
434
499
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-droptop {
435
500
  border-top-color: #22d3ee;
@@ -438,8 +503,36 @@
438
503
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-dropbottom {
439
504
  border-bottom-color: #22d3ee;
440
505
  }
441
- .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {
442
- height: 0;
506
+
507
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
508
+ content: "";
509
+ }
510
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
511
+ display: inline-block;
512
+ }
513
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
514
+ -webkit-transform: rotate(90deg);
515
+ transform: rotate(90deg);
443
516
  }
444
517
 
445
- /* stylelint-disable-line no-empty-source */
518
+ /* stylelint-disable-line no-empty-source */
519
+ .e-bigger .e-treegrid .e-grid .e-treegridexpand,
520
+ .e-bigger .e-treegrid .e-grid .e-treegridcollapse {
521
+ font-size: 22px;
522
+ height: 22px;
523
+ width: 22px;
524
+ vertical-align: bottom;
525
+ }
526
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox {
527
+ padding-left: 2px;
528
+ }
529
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox .e-frame {
530
+ height: 18px;
531
+ width: 18px;
532
+ }
533
+ .e-bigger .e-treegrid .e-grid .e-treecell {
534
+ line-height: 22px;
535
+ }
536
+ .e-bigger .e-treegrid .e-grid .e-treecolumn-container span {
537
+ vertical-align: middle;
538
+ }
@@ -1 +1,19 @@
1
- @import 'treegrid/tailwind-dark.scss';
1
+ @import 'ej2-base/styles/definition/tailwind-dark.scss';
2
+ @import 'ej2-inputs/styles/input/tailwind-dark-definition.scss';
3
+ @import 'ej2-inputs/styles/numerictextbox/tailwind-dark-definition.scss';
4
+ @import 'ej2-buttons/styles/button/tailwind-dark-definition.scss';
5
+ @import 'ej2-buttons/styles/radio-button/tailwind-dark-definition.scss';
6
+ @import 'ej2-buttons/styles/check-box/tailwind-dark-definition.scss';
7
+ @import 'ej2-dropdowns/styles/auto-complete/tailwind-dark-definition.scss';
8
+ @import 'ej2-dropdowns/styles/drop-down-list/tailwind-dark-definition.scss';
9
+ @import 'ej2-popups/styles/dialog/tailwind-dark-definition.scss';
10
+ @import 'ej2-popups/styles/spinner/tailwind-dark-definition.scss';
11
+ @import 'ej2-popups/styles/tooltip/tailwind-dark-definition.scss';
12
+ @import 'ej2-calendars/styles/datepicker/tailwind-dark-definition.scss';
13
+ @import 'ej2-calendars/styles/datetimepicker/tailwind-dark-definition.scss';
14
+ @import 'ej2-navigations/styles/toolbar/tailwind-dark-definition.scss';
15
+ @import 'ej2-navigations/styles/context-menu/tailwind-dark-definition.scss';
16
+ @import 'treegrid/tailwind-dark-definition.scss';
17
+ @import 'treegrid/icons/tailwind-dark.scss';
18
+ @import 'treegrid/all.scss';
19
+ @import 'treegrid/bigger.scss';