@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
@@ -0,0 +1,19 @@
1
+ @import 'ej2-base/styles/definition/bds.scss';
2
+ @import 'ej2-inputs/styles/input/bds-definition.scss';
3
+ @import 'ej2-inputs/styles/numerictextbox/bds-definition.scss';
4
+ @import 'ej2-buttons/styles/button/bds-definition.scss';
5
+ @import 'ej2-buttons/styles/radio-button/bds-definition.scss';
6
+ @import 'ej2-buttons/styles/check-box/bds-definition.scss';
7
+ @import 'ej2-dropdowns/styles/auto-complete/bds-definition.scss';
8
+ @import 'ej2-dropdowns/styles/drop-down-list/bds-definition.scss';
9
+ @import 'ej2-popups/styles/dialog/bds-definition.scss';
10
+ @import 'ej2-popups/styles/spinner/bds-definition.scss';
11
+ @import 'ej2-popups/styles/tooltip/bds-definition.scss';
12
+ @import 'ej2-calendars/styles/datepicker/bds-definition.scss';
13
+ @import 'ej2-calendars/styles/datetimepicker/bds-definition.scss';
14
+ @import 'ej2-navigations/styles/toolbar/bds-definition.scss';
15
+ @import 'ej2-navigations/styles/context-menu/bds-definition.scss';
16
+ @import 'bds-definition.scss';
17
+ @import 'icons/bds.scss';
18
+ @import 'all.scss';
19
+ @import 'bigger.scss';
@@ -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.5);
4
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
5
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
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,50 +49,52 @@
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 #484848;
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);
74
+ transform: rotate(0);
75
+ }
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);
110
84
  transform: rotate(0);
111
85
  }
112
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
  }
@@ -130,10 +107,6 @@
130
107
  content: "\e35d";
131
108
  }
132
109
 
133
- .e-treegrid .e-treegridexpand::before,
134
- .e-treegrid .e-treegridcollapse::before {
135
- content: "\e22f";
136
- }
137
110
  .e-treegrid .e-toolbar-item .e-expand::before {
138
111
  content: "\e558";
139
112
  }
@@ -147,29 +120,34 @@
147
120
  content: "\e35d";
148
121
  }
149
122
 
150
- .e-bigger .e-treegrid .e-treegridexpand,
151
- .e-bigger .e-treegrid .e-treegridcollapse {
152
- font-size: 10px;
153
- height: 18px;
154
- width: 18px;
155
- }
156
- .e-bigger .e-treegrid .e-hierarchycheckbox {
157
- padding-left: 2px;
158
- }
159
- .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
160
- height: 20px;
161
- 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";
162
128
  }
163
- .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
164
- height: 20px;
165
- 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";
166
133
  }
167
- .e-bigger .e-treegrid .e-treecell {
168
- line-height: 18px;
134
+
135
+ @media print {
136
+ .e-treecell-child {
137
+ width: 10px;
138
+ display: inline-block;
139
+ }
169
140
  }
170
141
  .e-treegrid .e-icons.e-none::before {
171
142
  content: "";
172
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 #0070f0;
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
+ }
173
151
  .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
174
152
  height: 20px;
175
153
  vertical-align: middle;
@@ -179,25 +157,49 @@
179
157
  text-align: center;
180
158
  vertical-align: middle;
181
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
+ }
182
179
  .e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container {
183
180
  display: block;
184
181
  overflow: hidden;
185
182
  text-overflow: ellipsis;
186
183
  }
187
184
  .e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container span.e-treecell {
188
- display: inline;
185
+ display: contents;
189
186
  overflow: hidden;
190
187
  text-overflow: ellipsis;
191
188
  }
189
+ .e-treegrid .e-templatecell .e-treecolumn-container span {
190
+ vertical-align: middle;
191
+ }
192
192
  .e-treegrid .e-treegridexpand:hover::before,
193
193
  .e-treegrid .e-treegridcollapse:hover::before {
194
194
  color: #f0f0f0;
195
195
  }
196
196
  .e-treegrid .e-rtl .e-treegridcollapse {
197
- transform: scale(-1);
197
+ -webkit-transform: scale(-1);
198
+ transform: scale(-1);
198
199
  }
199
200
  .e-treegrid .e-treegridexpand {
200
- transform: rotate(90deg);
201
+ -webkit-transform: rotate(90deg);
202
+ transform: rotate(90deg);
201
203
  }
202
204
  .e-treegrid .e-treerowexpanded:not(.e-hiddenrow) {
203
205
  display: table-row;
@@ -220,11 +222,17 @@
220
222
  }
221
223
  .e-treegrid .e-treecolumn-container span {
222
224
  display: inline-block;
225
+ vertical-align: text-bottom;
226
+ }
227
+ .e-treegrid .e-templatecell .e-treecolumn-container span {
223
228
  vertical-align: middle;
224
229
  }
225
230
  .e-treegrid .e-cloneproperties .e-treecolumn-container span {
226
231
  vertical-align: text-top;
227
232
  }
233
+ .e-treegrid .e-cloneproperties .e-rowcell:not(.e-gridclip) .errorValue .e-treecolumn-container {
234
+ display: table-row;
235
+ }
228
236
  .e-treegrid .e-hierarchycheckbox .e-frame {
229
237
  height: 20px;
230
238
  width: 20px;
@@ -243,14 +251,14 @@
243
251
  height: 16px;
244
252
  padding: 0;
245
253
  text-align: center;
246
- vertical-align: bottom;
254
+ vertical-align: text-bottom;
247
255
  width: 16px;
248
256
  }
249
257
  .e-treegrid .e-treecell {
250
258
  display: table-cell;
251
259
  line-height: normal;
252
260
  }
253
- .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
261
+ .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container, .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container {
254
262
  white-space: nowrap;
255
263
  }
256
264
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container .e-treecell {
@@ -258,14 +266,19 @@
258
266
  white-space: normal;
259
267
  word-wrap: break-word;
260
268
  }
261
- .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container {
269
+ .e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
270
+ display: inline-block;
262
271
  white-space: nowrap;
272
+ word-wrap: break-word;
263
273
  }
264
274
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
265
275
  display: inline-block;
266
276
  white-space: normal;
267
277
  word-wrap: break-word;
268
278
  }
279
+ .e-treegrid .e-grid.e-wrap .e-treecolumn-container span {
280
+ vertical-align: middle;
281
+ }
269
282
  .e-treegrid.e-grid.e-print-grid-layout .e-icons {
270
283
  display: inline-block;
271
284
  }
@@ -277,64 +290,85 @@
277
290
  width: 0;
278
291
  }
279
292
  .e-treegrid .e-detailheadercell,
293
+ .e-treegrid .e-detailcell-visible,
280
294
  .e-treegrid .e-headercontent .e-table .e-detail-intent,
281
295
  .e-treegrid .e-gridcontent .e-table .e-detail-intent,
282
296
  .e-treegrid .e-table .e-detailrow .e-detailindentcell,
283
297
  .e-treegrid .e-table .e-detailrowexpand,
284
- .e-treegrid .e-table .e-detailrowcollapse {
298
+ .e-treegrid .e-table .e-detailrowcollapse,
299
+ .e-treegrid tr.e-detailrow.e-childrow-hidden {
300
+ display: none;
301
+ }
302
+ .e-treegrid .e-table-cell::before {
303
+ content: none;
285
304
  display: none;
286
305
  }
306
+ .e-treegrid .e-table-cell {
307
+ display: table-cell;
308
+ }
287
309
  .e-treegrid .e-icons.e-errorelem {
288
- display: inline-block;
289
310
  padding-left: 10px;
290
- vertical-align: middle;
311
+ display: inline-block;
312
+ vertical-align: text-bottom;
291
313
  }
292
314
  .e-treegrid .e-errorelem::before {
293
315
  color: #e3165b;
294
316
  content: "\e22a";
295
- transform: rotate(180deg);
317
+ -webkit-transform: rotate(180deg);
318
+ transform: rotate(180deg);
296
319
  }
297
320
  .e-treegrid .e-gridcontent td.e-childborder {
298
321
  border-color: #0070f0;
299
322
  border-width: 1px 0 0;
300
- box-shadow: 0 1px 0 0 #0070f0;
323
+ -webkit-box-shadow: 0 1px 0 0 #0070f0;
324
+ box-shadow: 0 1px 0 0 #0070f0;
301
325
  position: relative;
302
326
  z-index: 1;
303
327
  }
328
+ .e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
329
+ position: sticky;
330
+ }
304
331
  .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
305
332
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
306
- box-shadow: 0 1px 0 0 #0070f0;
333
+ -webkit-box-shadow: 0 1px 0 0 #0070f0;
334
+ box-shadow: 0 1px 0 0 #0070f0;
307
335
  }
308
336
  .e-treegrid .e-gridcontent td.e-rowcell.e-dragborder,
309
337
  .e-treegrid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
310
338
  .e-treegrid .e-gridcontent .e-rowdragdrop.e-dragborder {
311
- box-shadow: 0 0 0 0;
339
+ -webkit-box-shadow: 0 0 0 0;
340
+ box-shadow: 0 0 0 0;
312
341
  }
313
342
  .e-treegrid .e-gridcontent td.e-childborder:first-child {
314
343
  border-left: 1px solid #0070f0;
315
- box-shadow: 0 1px 0 0 #0070f0;
344
+ -webkit-box-shadow: 0 1px 0 0 #0070f0;
345
+ box-shadow: 0 1px 0 0 #0070f0;
316
346
  position: relative;
317
347
  z-index: 1;
318
348
  }
319
- .e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child {
349
+ .e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child,
350
+ .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
320
351
  border-right: 1px solid #0070f0;
321
352
  }
322
353
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder {
323
354
  border-width: 1px 0;
324
355
  }
325
- .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
326
- border-right: 1px solid #0070f0;
327
- }
328
356
  .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
329
357
  border-left: 1px solid #0070f0;
330
358
  }
331
359
  .e-treegrid .e-gridcontent td.e-dropbottom:first-child,
332
360
  .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom,
333
361
  .e-treegrid .e-gridcontent td.e-dropbottom {
334
- box-shadow: 0 1px 0 0 #0070f0;
362
+ -webkit-box-shadow: 0 1px 0 0 #0070f0;
363
+ box-shadow: 0 1px 0 0 #0070f0;
335
364
  position: relative;
336
365
  z-index: 1;
337
366
  }
367
+ .e-treegrid .e-gridcontent td.e-dropbottom:first-child.e-leftfreeze,
368
+ .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-leftfreeze,
369
+ .e-treegrid .e-gridcontent td.e-dropbottom.e-leftfreeze {
370
+ position: sticky;
371
+ }
338
372
  .e-treegrid .e-gridcontent td.e-droptop:first-child,
339
373
  .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
340
374
  border-top-color: #0070f0;
@@ -344,7 +378,8 @@
344
378
  border-bottom-color: #0070f0;
345
379
  }
346
380
  .e-treegrid .e-gridcontent td.e-rowdragdrop.e-droptop.e-dragborder {
347
- box-shadow: 0 0 0 0;
381
+ -webkit-box-shadow: 0 0 0 0;
382
+ box-shadow: 0 0 0 0;
348
383
  }
349
384
  .e-treegrid .e-gridcontent .e-gridheader .e-firstrow-dragborder {
350
385
  height: 1px;
@@ -352,18 +387,14 @@
352
387
  .e-treegrid .e-gridcontent .e-lastrow-dragborder {
353
388
  height: 0;
354
389
  }
355
- .e-treegrid .e-gridheader .e-firstrow-dragborder {
356
- height: 0;
357
- }
358
- .e-treegrid .e-droptop .e-lastrow-dragborder {
390
+ .e-treegrid .e-gridheader .e-firstrow-dragborder,
391
+ .e-treegrid .e-droptop .e-lastrow-dragborder,
392
+ .e-treegrid .e-gridheader .e-firstrow-dragborder tr:first-child.e-dropbottom {
359
393
  height: 0;
360
394
  }
361
395
  .e-treegrid .e-treegrid-relative {
362
396
  position: relative;
363
397
  }
364
- .e-treegrid .e-gridheader .e-firstrow-dragborder tr:first-child.e-dropbottom {
365
- height: 0;
366
- }
367
398
  .e-treegrid .e-gridheader .e-firstrow-border,
368
399
  .e-treegrid .e-gridcontent .e-lastrow-border {
369
400
  background-color: #0070f0;
@@ -377,7 +408,8 @@
377
408
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-childborder {
378
409
  border-bottom: 1px solid #0070f0;
379
410
  border-top: 1px solid #0070f0;
380
- box-shadow: 0 0 0 0 #0070f0;
411
+ -webkit-box-shadow: 0 0 0 0 #0070f0;
412
+ box-shadow: 0 0 0 0 #0070f0;
381
413
  }
382
414
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-droptop,
383
415
  .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-droptop {
@@ -386,30 +418,37 @@
386
418
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-childborder {
387
419
  border-bottom: 1px solid #0070f0;
388
420
  border-top: 1px solid #0070f0;
389
- box-shadow: 0 0 0 0 #0070f0;
421
+ -webkit-box-shadow: 0 0 0 0 #0070f0;
422
+ box-shadow: 0 0 0 0 #0070f0;
390
423
  }
391
424
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-childborder {
392
425
  border-bottom: 1px solid #0070f0;
393
426
  border-top: 1px solid #0070f0;
394
- box-shadow: 0 0 0 0 #0070f0;
427
+ -webkit-box-shadow: 0 0 0 0 #0070f0;
428
+ box-shadow: 0 0 0 0 #0070f0;
395
429
  }
396
430
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-dropbottom {
397
431
  border-bottom: 1px solid #0070f0;
398
- box-shadow: 0 0 0 0 #0070f0;
432
+ -webkit-box-shadow: 0 0 0 0 #0070f0;
433
+ box-shadow: 0 0 0 0 #0070f0;
399
434
  }
400
435
  .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
401
436
  border-top: 1px solid #0070f0;
402
- box-shadow: 0 0 0 0 #0070f0;
437
+ -webkit-box-shadow: 0 0 0 0 #0070f0;
438
+ box-shadow: 0 0 0 0 #0070f0;
403
439
  }
404
440
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
405
441
  border-bottom: 1px solid #0070f0;
406
- box-shadow: 0 0 0 0 #0070f0;
442
+ -webkit-box-shadow: 0 0 0 0 #0070f0;
443
+ box-shadow: 0 0 0 0 #0070f0;
407
444
  }
408
445
  .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
409
446
  border-top: 1px solid #0070f0;
410
- box-shadow: 0 0 0 0 #0070f0;
447
+ -webkit-box-shadow: 0 0 0 0 #0070f0;
448
+ box-shadow: 0 0 0 0 #0070f0;
411
449
  }
412
- .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
450
+ .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder,
451
+ .e-treegrid .e-grid.e-rtl .e-droptop .e-lastrow-dragborder {
413
452
  height: 0;
414
453
  }
415
454
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder {
@@ -418,18 +457,24 @@
418
457
  position: relative;
419
458
  z-index: 1;
420
459
  }
460
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
461
+ position: sticky;
462
+ }
421
463
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
422
464
  .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
423
465
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
424
- box-shadow: 0 0 0 0;
466
+ -webkit-box-shadow: 0 0 0 0;
467
+ box-shadow: 0 0 0 0;
425
468
  }
426
469
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder:first-child {
427
470
  border-right: 1px solid #0070f0;
428
- box-shadow: 0 1px 0 0 #0070f0;
471
+ -webkit-box-shadow: 0 1px 0 0 #0070f0;
472
+ box-shadow: 0 1px 0 0 #0070f0;
429
473
  position: relative;
430
474
  z-index: 1;
431
475
  }
432
- .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child {
476
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child,
477
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
433
478
  border-left: 1px solid #0070f0;
434
479
  }
435
480
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder {
@@ -438,9 +483,6 @@
438
483
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
439
484
  border-right: 1px solid #0070f0;
440
485
  }
441
- .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
442
- border-left: 1px solid #0070f0;
443
- }
444
486
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-droptop:first-child,
445
487
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-droptop {
446
488
  border-top-color: #0070f0;
@@ -449,8 +491,36 @@
449
491
  .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-dropbottom {
450
492
  border-bottom-color: #0070f0;
451
493
  }
452
- .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {
453
- height: 0;
494
+
495
+ .e-treelistgrid.e-print-grid-layout .e-icons.e-none::before {
496
+ content: "";
497
+ }
498
+ .e-treelistgrid.e-print-grid-layout .e-treecolumn-container .e-icons:not(.e-frame) {
499
+ display: inline-block;
500
+ }
501
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand {
502
+ -webkit-transform: rotate(90deg);
503
+ transform: rotate(90deg);
454
504
  }
455
505
 
456
- /* stylelint-disable-line no-empty-source */
506
+ /* stylelint-disable-line no-empty-source */
507
+ .e-bigger .e-treegrid .e-grid .e-treegridexpand,
508
+ .e-bigger .e-treegrid .e-grid .e-treegridcollapse {
509
+ font-size: 10px;
510
+ height: 18px;
511
+ width: 18px;
512
+ vertical-align: bottom;
513
+ }
514
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox {
515
+ padding-left: 2px;
516
+ }
517
+ .e-bigger .e-treegrid .e-grid .e-hierarchycheckbox .e-frame {
518
+ height: 20px;
519
+ width: 20px;
520
+ }
521
+ .e-bigger .e-treegrid .e-grid .e-treecell {
522
+ line-height: 18px;
523
+ }
524
+ .e-bigger .e-treegrid .e-grid .e-treecolumn-container span {
525
+ vertical-align: middle;
526
+ }
@@ -16,3 +16,4 @@
16
16
  @import 'bootstrap-dark-definition.scss';
17
17
  @import 'icons/bootstrap-dark.scss';
18
18
  @import 'all.scss';
19
+ @import 'bigger.scss';