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