@syncfusion/ej2-treegrid 25.2.6 → 26.1.35-760834

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