@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
@@ -9,7 +9,8 @@
9
9
 
10
10
  .e-popup.e-ddl {
11
11
  border-radius: 4px;
12
- box-shadow: none;
12
+ -webkit-box-shadow: none;
13
+ box-shadow: none;
13
14
  margin-top: 3px;
14
15
  }
15
16
  .e-popup.e-ddl .e-input-group {
@@ -24,6 +25,7 @@
24
25
  }
25
26
 
26
27
  .e-popup.e-ddl .e-filter-parent .e-input-group {
28
+ display: -webkit-box;
27
29
  display: -ms-flexbox;
28
30
  display: flex;
29
31
  width: auto;
@@ -32,41 +34,6 @@
32
34
  border: 0;
33
35
  }
34
36
 
35
- .e-bigger .e-popup.e-ddl-device-filter {
36
- margin-top: 0;
37
- }
38
-
39
- .e-bigger .e-popup.e-ddl .e-list-item {
40
- font-size: 16px;
41
- line-height: 32px;
42
- padding-left: 0;
43
- text-indent: 24px;
44
- }
45
-
46
- .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
47
- font-size: 14px;
48
- line-height: 32px;
49
- padding-left: 0;
50
- text-indent: 24px;
51
- }
52
-
53
- .e-bigger .e-popup.e-ddl .e-dd-group .e-list-item {
54
- padding-left: 4px;
55
- }
56
-
57
- .e-bigger .e-popup.e-ddl .e-input-group {
58
- padding: 4px 0;
59
- }
60
-
61
- .e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
62
- font-size: 16px;
63
- height: 36px;
64
- }
65
-
66
- .e-bigger .e-popup.e-ddl .e-dropdownbase {
67
- min-height: 40px;
68
- }
69
-
70
37
  .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
71
38
  .e-float-input.e-control-wrapper.e-ddl input[readonly] {
72
39
  background: transparent;
@@ -100,11 +67,13 @@
100
67
  .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
101
68
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
102
69
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
103
- box-shadow: none;
70
+ -webkit-box-shadow: none;
71
+ box-shadow: none;
104
72
  }
105
73
 
106
74
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
107
75
  background: transparent;
76
+ display: -webkit-box;
108
77
  display: -ms-flexbox;
109
78
  display: flex;
110
79
  position: relative;
@@ -119,9 +88,12 @@
119
88
  font-size: 12px;
120
89
  }
121
90
 
122
- .e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
123
- .e-bigger.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
124
- font-size: 14px;
91
+ .e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
92
+ .e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
93
+ .e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
94
+ .e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
95
+ background: transparent;
96
+ color: #495057;
125
97
  }
126
98
 
127
99
  .e-small .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
@@ -129,48 +101,44 @@
129
101
  font-size: 10px;
130
102
  }
131
103
 
132
- .e-small.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
133
- .e-small.e-bigger.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
134
- font-size: 12px;
135
- }
136
-
137
- .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
138
- font-size: 14px;
139
- line-height: 34px;
140
- padding-left: 0;
141
- text-indent: 16px;
142
- }
143
-
144
- .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
145
- padding-left: 4px;
146
- }
147
-
148
- .e-bigger.e-small .e-ddl.e-popup .e-input-group {
149
- padding: 4px 0;
150
- }
151
-
152
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
153
- height: 30px;
154
- }
155
-
156
- .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
157
- min-height: 34px;
158
- }
159
-
160
104
  /* stylelint-disable property-no-vendor-prefix */
105
+ @-webkit-keyframes material-spinner-rotate {
106
+ 0% {
107
+ -webkit-transform: rotate(0);
108
+ transform: rotate(0);
109
+ }
110
+ 100% {
111
+ -webkit-transform: rotate(360deg);
112
+ transform: rotate(360deg);
113
+ }
114
+ }
161
115
  @keyframes material-spinner-rotate {
162
116
  0% {
117
+ -webkit-transform: rotate(0);
118
+ transform: rotate(0);
119
+ }
120
+ 100% {
121
+ -webkit-transform: rotate(360deg);
122
+ transform: rotate(360deg);
123
+ }
124
+ }
125
+ @-webkit-keyframes fabric-spinner-rotate {
126
+ 0% {
127
+ -webkit-transform: rotate(0);
163
128
  transform: rotate(0);
164
129
  }
165
130
  100% {
131
+ -webkit-transform: rotate(360deg);
166
132
  transform: rotate(360deg);
167
133
  }
168
134
  }
169
135
  @keyframes fabric-spinner-rotate {
170
136
  0% {
137
+ -webkit-transform: rotate(0);
171
138
  transform: rotate(0);
172
139
  }
173
140
  100% {
141
+ -webkit-transform: rotate(360deg);
174
142
  transform: rotate(360deg);
175
143
  }
176
144
  }
@@ -183,10 +151,6 @@
183
151
  content: "\e722";
184
152
  }
185
153
 
186
- .e-treegrid .e-treegridexpand::before,
187
- .e-treegrid .e-treegridcollapse::before {
188
- content: "\e70b";
189
- }
190
154
  .e-treegrid .e-toolbar-item .e-expand::before {
191
155
  content: "\e7db";
192
156
  }
@@ -200,29 +164,34 @@
200
164
  content: "\e722";
201
165
  }
202
166
 
203
- .e-bigger .e-treegrid .e-treegridexpand,
204
- .e-bigger .e-treegrid .e-treegridcollapse {
205
- font-size: 10px;
206
- height: 16px;
207
- width: 16px;
208
- }
209
- .e-bigger .e-treegrid .e-hierarchycheckbox {
210
- padding-left: 2px;
211
- }
212
- .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
213
- height: 20px;
214
- width: 20px;
167
+ .e-treegrid .e-treegridexpand::before,
168
+ .e-treegrid .e-treegridcollapse::before,
169
+ .e-grid .e-treegridexpand::before,
170
+ .e-grid .e-treegridcollapse::before {
171
+ content: "\e70b";
215
172
  }
216
- .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
217
- height: 20px;
218
- width: 20px;
173
+
174
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
175
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
176
+ content: "\e70b";
219
177
  }
220
- .e-bigger .e-treegrid .e-treecell {
221
- line-height: 16px;
178
+
179
+ @media print {
180
+ .e-treecell-child {
181
+ width: 10px;
182
+ display: inline-block;
183
+ }
222
184
  }
223
185
  .e-treegrid .e-icons.e-none::before {
224
186
  content: "";
225
187
  }
188
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom, .e-droptop),
189
+ .e-treegrid .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom, .e-droptop) {
190
+ border-left: 1px solid;
191
+ }
192
+ .e-treegrid .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
193
+ height: auto;
194
+ }
226
195
  .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
227
196
  height: 20px;
228
197
  vertical-align: middle;
@@ -232,25 +201,49 @@
232
201
  text-align: center;
233
202
  vertical-align: middle;
234
203
  }
204
+ .e-treegrid .e-treecolumn-container .e-treecell-icon {
205
+ width: 4px;
206
+ display: inline-block;
207
+ }
208
+ .e-treegrid .e-treecolumn-container .e-treecell-child {
209
+ width: 10px;
210
+ display: inline-block;
211
+ }
212
+ .e-treegrid .e-expand-iconstyle {
213
+ width: 16px;
214
+ }
215
+ .e-treegrid .e-print-layout {
216
+ position: absolute;
217
+ top: -9999px;
218
+ left: -9999px;
219
+ }
220
+ .e-treegrid tr.e-childrow-hidden {
221
+ display: none;
222
+ }
235
223
  .e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container {
236
224
  display: block;
237
225
  overflow: hidden;
238
226
  text-overflow: ellipsis;
239
227
  }
240
228
  .e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container span.e-treecell {
241
- display: inline;
229
+ display: contents;
242
230
  overflow: hidden;
243
231
  text-overflow: ellipsis;
244
232
  }
233
+ .e-treegrid .e-templatecell .e-treecolumn-container span {
234
+ vertical-align: middle;
235
+ }
245
236
  .e-treegrid .e-treegridexpand:hover::before,
246
237
  .e-treegrid .e-treegridcollapse:hover::before {
247
238
  color: #343a40;
248
239
  }
249
240
  .e-treegrid .e-rtl .e-treegridcollapse {
250
- transform: scale(-1);
241
+ -webkit-transform: scale(-1);
242
+ transform: scale(-1);
251
243
  }
252
244
  .e-treegrid .e-treegridexpand {
253
- transform: rotate(90deg);
245
+ -webkit-transform: rotate(90deg);
246
+ transform: rotate(90deg);
254
247
  }
255
248
  .e-treegrid .e-treerowexpanded:not(.e-hiddenrow) {
256
249
  display: table-row;
@@ -273,11 +266,17 @@
273
266
  }
274
267
  .e-treegrid .e-treecolumn-container span {
275
268
  display: inline-block;
269
+ vertical-align: text-bottom;
270
+ }
271
+ .e-treegrid .e-templatecell .e-treecolumn-container span {
276
272
  vertical-align: middle;
277
273
  }
278
274
  .e-treegrid .e-cloneproperties .e-treecolumn-container span {
279
275
  vertical-align: text-top;
280
276
  }
277
+ .e-treegrid .e-cloneproperties .e-rowcell:not(.e-gridclip) .errorValue .e-treecolumn-container {
278
+ display: table-row;
279
+ }
281
280
  .e-treegrid .e-hierarchycheckbox .e-frame {
282
281
  height: 14px;
283
282
  width: 14px;
@@ -296,14 +295,14 @@
296
295
  height: 16px;
297
296
  padding: 0;
298
297
  text-align: center;
299
- vertical-align: bottom;
298
+ vertical-align: text-bottom;
300
299
  width: 16px;
301
300
  }
302
301
  .e-treegrid .e-treecell {
303
302
  display: table-cell;
304
303
  line-height: normal;
305
304
  }
306
- .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
305
+ .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container, .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container {
307
306
  white-space: nowrap;
308
307
  }
309
308
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container .e-treecell {
@@ -311,14 +310,19 @@
311
310
  white-space: normal;
312
311
  word-wrap: break-word;
313
312
  }
314
- .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container {
313
+ .e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
314
+ display: inline-block;
315
315
  white-space: nowrap;
316
+ word-wrap: break-word;
316
317
  }
317
318
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
318
319
  display: inline-block;
319
320
  white-space: normal;
320
321
  word-wrap: break-word;
321
322
  }
323
+ .e-treegrid .e-grid.e-wrap .e-treecolumn-container span {
324
+ vertical-align: middle;
325
+ }
322
326
  .e-treegrid.e-grid.e-print-grid-layout .e-icons {
323
327
  display: inline-block;
324
328
  }
@@ -330,64 +334,85 @@
330
334
  width: 0;
331
335
  }
332
336
  .e-treegrid .e-detailheadercell,
337
+ .e-treegrid .e-detailcell-visible,
333
338
  .e-treegrid .e-headercontent .e-table .e-detail-intent,
334
339
  .e-treegrid .e-gridcontent .e-table .e-detail-intent,
335
340
  .e-treegrid .e-table .e-detailrow .e-detailindentcell,
336
341
  .e-treegrid .e-table .e-detailrowexpand,
337
- .e-treegrid .e-table .e-detailrowcollapse {
342
+ .e-treegrid .e-table .e-detailrowcollapse,
343
+ .e-treegrid tr.e-detailrow.e-childrow-hidden {
344
+ display: none;
345
+ }
346
+ .e-treegrid .e-table-cell::before {
347
+ content: none;
338
348
  display: none;
339
349
  }
350
+ .e-treegrid .e-table-cell {
351
+ display: table-cell;
352
+ }
340
353
  .e-treegrid .e-icons.e-errorelem {
341
- display: inline-block;
342
354
  padding-left: 10px;
343
- vertical-align: middle;
355
+ display: inline-block;
356
+ vertical-align: text-bottom;
344
357
  }
345
358
  .e-treegrid .e-errorelem::before {
346
359
  color: #e3165b;
347
360
  content: "\e797";
348
- transform: rotate(180deg);
361
+ -webkit-transform: rotate(180deg);
362
+ transform: rotate(180deg);
349
363
  }
350
364
  .e-treegrid .e-gridcontent td.e-childborder {
351
365
  border-color: #e3165b;
352
366
  border-width: 1px 0 0;
353
- box-shadow: 0 1px 0 0 #e3165b;
367
+ -webkit-box-shadow: 0 1px 0 0 #e3165b;
368
+ box-shadow: 0 1px 0 0 #e3165b;
354
369
  position: relative;
355
370
  z-index: 1;
356
371
  }
372
+ .e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
373
+ position: sticky;
374
+ }
357
375
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
358
376
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
359
- box-shadow: 0 1px 0 0 #e3165b;
377
+ -webkit-box-shadow: 0 1px 0 0 #e3165b;
378
+ box-shadow: 0 1px 0 0 #e3165b;
360
379
  }
361
380
  .e-treegrid .e-gridcontent td.e-rowcell.e-dragborder,
362
381
  .e-treegrid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
363
382
  .e-treegrid .e-gridcontent .e-rowdragdrop.e-dragborder {
364
- box-shadow: 0 0 0 0;
383
+ -webkit-box-shadow: 0 0 0 0;
384
+ box-shadow: 0 0 0 0;
365
385
  }
366
386
  .e-treegrid .e-gridcontent td.e-childborder:first-child {
367
387
  border-left: 1px solid;
368
- box-shadow: 0 1px 0 0 #e3165b;
388
+ -webkit-box-shadow: 0 1px 0 0 #e3165b;
389
+ box-shadow: 0 1px 0 0 #e3165b;
369
390
  position: relative;
370
391
  z-index: 1;
371
392
  }
372
- .e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child {
393
+ .e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child,
394
+ .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
373
395
  border-right: 1px solid;
374
396
  }
375
397
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder {
376
398
  border-width: 1px 0;
377
399
  }
378
- .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
379
- border-right: 1px solid;
380
- }
381
400
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
382
401
  border-left: 1px solid;
383
402
  }
384
403
  .e-treegrid .e-gridcontent td.e-dropbottom:first-child,
385
404
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom,
386
405
  .e-treegrid .e-gridcontent td.e-dropbottom {
387
- box-shadow: 0 1px 0 0 #e3165b;
406
+ -webkit-box-shadow: 0 1px 0 0 #e3165b;
407
+ box-shadow: 0 1px 0 0 #e3165b;
388
408
  position: relative;
389
409
  z-index: 1;
390
410
  }
411
+ .e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
412
+ .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
413
+ .e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
414
+ position: sticky;
415
+ }
391
416
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
392
417
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
393
418
  border-top-color: #e3165b;
@@ -397,7 +422,8 @@
397
422
  border-bottom-color: #e3165b;
398
423
  }
399
424
  .e-treegrid .e-gridcontent td.e-rowdragdrop.e-droptop.e-dragborder {
400
- box-shadow: 0 0 0 0;
425
+ -webkit-box-shadow: 0 0 0 0;
426
+ box-shadow: 0 0 0 0;
401
427
  }
402
428
  .e-treegrid .e-gridcontent .e-gridheader .e-firstrow-dragborder {
403
429
  height: 1px;
@@ -405,18 +431,14 @@
405
431
  .e-treegrid .e-gridcontent .e-lastrow-dragborder {
406
432
  height: 0;
407
433
  }
408
- .e-treegrid .e-gridheader .e-firstrow-dragborder {
409
- height: 0;
410
- }
411
- .e-treegrid .e-droptop .e-lastrow-dragborder {
434
+ .e-treegrid .e-gridheader .e-firstrow-dragborder,
435
+ .e-treegrid .e-droptop .e-lastrow-dragborder,
436
+ .e-treegrid .e-gridheader .e-firstrow-dragborder tr:first-child.e-dropbottom {
412
437
  height: 0;
413
438
  }
414
439
  .e-treegrid .e-treegrid-relative {
415
440
  position: relative;
416
441
  }
417
- .e-treegrid .e-gridheader .e-firstrow-dragborder tr:first-child.e-dropbottom {
418
- height: 0;
419
- }
420
442
  .e-treegrid .e-gridheader .e-firstrow-border,
421
443
  .e-treegrid .e-gridcontent .e-lastrow-border {
422
444
  background-color: #e3165b;
@@ -430,7 +452,8 @@
430
452
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-childborder {
431
453
  border-bottom: 1px solid;
432
454
  border-top: 1px solid;
433
- box-shadow: 0 0 0 0 #e3165b;
455
+ -webkit-box-shadow: 0 0 0 0 #e3165b;
456
+ box-shadow: 0 0 0 0 #e3165b;
434
457
  }
435
458
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-droptop,
436
459
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-droptop {
@@ -439,30 +462,37 @@
439
462
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-childborder {
440
463
  border-bottom: 1px solid;
441
464
  border-top: 1px solid;
442
- box-shadow: 0 0 0 0 #e3165b;
465
+ -webkit-box-shadow: 0 0 0 0 #e3165b;
466
+ box-shadow: 0 0 0 0 #e3165b;
443
467
  }
444
468
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-childborder {
445
469
  border-bottom: 1px solid;
446
470
  border-top: 1px solid;
447
- box-shadow: 0 0 0 0 #e3165b;
471
+ -webkit-box-shadow: 0 0 0 0 #e3165b;
472
+ box-shadow: 0 0 0 0 #e3165b;
448
473
  }
449
474
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-dropbottom {
450
475
  border-bottom: 1px solid #e3165b;
451
- box-shadow: 0 0 0 0 #e3165b;
476
+ -webkit-box-shadow: 0 0 0 0 #e3165b;
477
+ box-shadow: 0 0 0 0 #e3165b;
452
478
  }
453
479
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
454
480
  border-top: 1px solid #e3165b;
455
- box-shadow: 0 0 0 0 #e3165b;
481
+ -webkit-box-shadow: 0 0 0 0 #e3165b;
482
+ box-shadow: 0 0 0 0 #e3165b;
456
483
  }
457
484
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
458
485
  border-bottom: 1px solid #e3165b;
459
- box-shadow: 0 0 0 0 #e3165b;
486
+ -webkit-box-shadow: 0 0 0 0 #e3165b;
487
+ box-shadow: 0 0 0 0 #e3165b;
460
488
  }
461
489
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
462
490
  border-top: 1px solid #e3165b;
463
- box-shadow: 0 0 0 0 #e3165b;
491
+ -webkit-box-shadow: 0 0 0 0 #e3165b;
492
+ box-shadow: 0 0 0 0 #e3165b;
464
493
  }
465
- .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
494
+ .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder,
495
+ .e-treegrid .e-grid.e-rtl .e-droptop .e-lastrow-dragborder {
466
496
  height: 0;
467
497
  }
468
498
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder {
@@ -471,18 +501,24 @@
471
501
  position: relative;
472
502
  z-index: 1;
473
503
  }
504
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
505
+ position: sticky;
506
+ }
474
507
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
475
508
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
476
509
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
477
- box-shadow: 0 0 0 0;
510
+ -webkit-box-shadow: 0 0 0 0;
511
+ box-shadow: 0 0 0 0;
478
512
  }
479
513
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder:first-child {
480
514
  border-right: 1px solid;
481
- box-shadow: 0 1px 0 0 #e3165b;
515
+ -webkit-box-shadow: 0 1px 0 0 #e3165b;
516
+ box-shadow: 0 1px 0 0 #e3165b;
482
517
  position: relative;
483
518
  z-index: 1;
484
519
  }
485
- .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child {
520
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child,
521
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
486
522
  border-left: 1px solid;
487
523
  }
488
524
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder {
@@ -491,9 +527,6 @@
491
527
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
492
528
  border-right: 1px solid;
493
529
  }
494
- .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
495
- border-left: 1px solid;
496
- }
497
530
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-droptop:first-child,
498
531
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-droptop {
499
532
  border-top-color: #e3165b;
@@ -502,8 +535,36 @@
502
535
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-dropbottom {
503
536
  border-bottom-color: #e3165b;
504
537
  }
505
- .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {
506
- height: 0;
538
+
539
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
540
+ content: "";
541
+ }
542
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
543
+ display: inline-block;
544
+ }
545
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
546
+ -webkit-transform: rotate(90deg);
547
+ transform: rotate(90deg);
507
548
  }
508
549
 
509
- /* stylelint-disable-line no-empty-source */
550
+ /* stylelint-disable-line no-empty-source */
551
+ .e-bigger .e-treegrid .e-grid .e-treegridexpand,
552
+ .e-bigger .e-treegrid .e-grid .e-treegridcollapse {
553
+ font-size: 10px;
554
+ height: 16px;
555
+ width: 16px;
556
+ vertical-align: bottom;
557
+ }
558
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox {
559
+ padding-left: 2px;
560
+ }
561
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox .e-frame {
562
+ height: 20px;
563
+ width: 20px;
564
+ }
565
+ .e-bigger .e-treegrid .e-grid .e-treecell {
566
+ line-height: 16px;
567
+ }
568
+ .e-bigger .e-treegrid .e-grid .e-treecolumn-container span {
569
+ vertical-align: middle;
570
+ }
@@ -1 +1,19 @@
1
- @import 'treegrid/bootstrap4.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap4.scss';
2
+ @import 'ej2-inputs/styles/input/bootstrap4-definition.scss';
3
+ @import 'ej2-inputs/styles/numerictextbox/bootstrap4-definition.scss';
4
+ @import 'ej2-buttons/styles/button/bootstrap4-definition.scss';
5
+ @import 'ej2-buttons/styles/radio-button/bootstrap4-definition.scss';
6
+ @import 'ej2-buttons/styles/check-box/bootstrap4-definition.scss';
7
+ @import 'ej2-dropdowns/styles/auto-complete/bootstrap4-definition.scss';
8
+ @import 'ej2-dropdowns/styles/drop-down-list/bootstrap4-definition.scss';
9
+ @import 'ej2-popups/styles/dialog/bootstrap4-definition.scss';
10
+ @import 'ej2-popups/styles/spinner/bootstrap4-definition.scss';
11
+ @import 'ej2-popups/styles/tooltip/bootstrap4-definition.scss';
12
+ @import 'ej2-calendars/styles/datepicker/bootstrap4-definition.scss';
13
+ @import 'ej2-calendars/styles/datetimepicker/bootstrap4-definition.scss';
14
+ @import 'ej2-navigations/styles/toolbar/bootstrap4-definition.scss';
15
+ @import 'ej2-navigations/styles/context-menu/bootstrap4-definition.scss';
16
+ @import 'treegrid/bootstrap4-definition.scss';
17
+ @import 'treegrid/icons/bootstrap4.scss';
18
+ @import 'treegrid/all.scss';
19
+ @import 'treegrid/bigger.scss';