@syncfusion/ej2-treegrid 25.2.6 → 26.1.35-469198

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