@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
@@ -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
+ }
@@ -16,3 +16,4 @@
16
16
  @import 'bootstrap4-definition.scss';
17
17
  @import 'icons/bootstrap4.scss';
18
18
  @import 'all.scss';
19
+ @import 'bigger.scss';