@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,567 @@
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
+ .e-ddl.e-control-wrapper .e-ddl-icon::before {
17
+ -webkit-transform: rotate(0deg);
18
+ transform: rotate(0deg);
19
+ -webkit-transition: -webkit-transform 300ms ease;
20
+ transition: -webkit-transform 300ms ease;
21
+ transition: transform 300ms ease;
22
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
23
+ }
24
+
25
+ .e-popup.e-ddl .e-dropdownbase {
26
+ min-height: 26px;
27
+ }
28
+
29
+ .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
30
+ -webkit-transform: rotate(180deg);
31
+ transform: rotate(180deg);
32
+ -webkit-transition: -webkit-transform 300ms ease;
33
+ transition: -webkit-transform 300ms ease;
34
+ transition: transform 300ms ease;
35
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
36
+ }
37
+
38
+ .e-dropdownbase .e-list-item.e-active.e-hover {
39
+ color: #00b0ff;
40
+ }
41
+
42
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
43
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
44
+ .e-input-group:not(.e-disabled) .e-back-icon:active,
45
+ .e-input-group:not(.e-disabled) .e-back-icon:hover,
46
+ .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:active,
47
+ .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:hover {
48
+ background: transparent;
49
+ }
50
+
51
+ .e-input-group .e-ddl-icon:not(:active)::after {
52
+ -webkit-animation: none;
53
+ animation: none;
54
+ }
55
+
56
+ .e-ddl.e-popup {
57
+ border: 0;
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);
60
+ margin-top: 2px;
61
+ }
62
+
63
+ .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
64
+ margin: 6px 6px 5px;
65
+ min-height: 12px;
66
+ min-width: 12px;
67
+ padding: 6px;
68
+ }
69
+
70
+ .e-input-group.e-ddl,
71
+ .e-input-group.e-ddl .e-input,
72
+ .e-input-group.e-ddl .e-ddl-icon {
73
+ background: transparent;
74
+ }
75
+
76
+ .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
77
+ .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left) {
78
+ border-bottom-width: 0;
79
+ }
80
+
81
+ .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
82
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
83
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
84
+ .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon,
85
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon,
86
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
87
+ margin: 0;
88
+ }
89
+
90
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
91
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
92
+ .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
93
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
94
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
95
+ .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter {
96
+ padding: 5px 5px 5px 12px;
97
+ }
98
+
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
+ }
110
+ @keyframes material-spinner-rotate {
111
+ 0% {
112
+ -webkit-transform: rotate(0deg);
113
+ transform: rotate(0deg);
114
+ }
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);
127
+ transform: rotate(360deg);
128
+ }
129
+ }
130
+ @keyframes fabric-spinner-rotate {
131
+ 0% {
132
+ -webkit-transform: rotate(0deg);
133
+ transform: rotate(0deg);
134
+ }
135
+ 100% {
136
+ -webkit-transform: rotate(360deg);
137
+ transform: rotate(360deg);
138
+ }
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
+ }
151
+ @keyframes tbar-popup-shadow {
152
+ 0% {
153
+ border-color: 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);
156
+ }
157
+ 100% {
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);
160
+ }
161
+ }
162
+ .e-treegrid .e-indent::before,
163
+ .e-grid-menu .e-indent::before {
164
+ content: "\e33f";
165
+ }
166
+ .e-treegrid .e-outdent::before,
167
+ .e-grid-menu .e-outdent::before {
168
+ content: "\e35d";
169
+ }
170
+
171
+ .e-treegrid .e-toolbar-item .e-expand::before {
172
+ content: "\e556";
173
+ }
174
+ .e-treegrid .e-toolbar-item .e-collapse::before {
175
+ content: "\e554";
176
+ }
177
+ .e-treegrid .e-toolbar-item .e-indent::before {
178
+ content: "\e33f";
179
+ }
180
+ .e-treegrid .e-toolbar-item .e-outdent::before {
181
+ content: "\e35d";
182
+ }
183
+
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";
189
+ }
190
+
191
+ .e-treelistgrid.e-print-grid-layout .e-treegridexpand::before,
192
+ .e-treelistgrid.e-print-grid-layout .e-treegridcollapse::before {
193
+ content: "\e848";
194
+ }
195
+
196
+ @media print {
197
+ .e-treecell-child {
198
+ width: 10px;
199
+ display: inline-block;
200
+ }
201
+ }
202
+ .e-treegrid .e-icons.e-none::before {
203
+ content: "";
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
+ }
212
+ .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
213
+ height: 20px;
214
+ vertical-align: middle;
215
+ }
216
+ .e-treegrid .e-treegridexpand::before,
217
+ .e-treegrid .e-treegridcollapse::before {
218
+ text-align: center;
219
+ vertical-align: middle;
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
+ }
240
+ .e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container {
241
+ display: block;
242
+ overflow: hidden;
243
+ text-overflow: ellipsis;
244
+ }
245
+ .e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container span.e-treecell {
246
+ display: contents;
247
+ overflow: hidden;
248
+ text-overflow: ellipsis;
249
+ }
250
+ .e-treegrid .e-templatecell .e-treecolumn-container span {
251
+ vertical-align: middle;
252
+ }
253
+ .e-treegrid .e-treegridexpand:hover::before,
254
+ .e-treegrid .e-treegridcollapse:hover::before {
255
+ color: #fff;
256
+ }
257
+ .e-treegrid .e-rtl .e-treegridcollapse {
258
+ -webkit-transform: scale(-1);
259
+ transform: scale(-1);
260
+ }
261
+ .e-treegrid .e-treegridexpand {
262
+ -webkit-transform: rotate(90deg);
263
+ transform: rotate(90deg);
264
+ }
265
+ .e-treegrid .e-treerowexpanded:not(.e-hiddenrow) {
266
+ display: table-row;
267
+ }
268
+ .e-treegrid .e-treerowcollapsed {
269
+ display: none;
270
+ }
271
+ .e-treegrid .e-treecheckbox-container {
272
+ display: block;
273
+ overflow: hidden;
274
+ text-overflow: ellipsis;
275
+ }
276
+ .e-treegrid .e-treecheckbox-container :not(.e-treecheckbox) {
277
+ white-space: nowrap;
278
+ }
279
+ .e-treegrid .e-treecheckbox {
280
+ overflow: hidden;
281
+ text-overflow: ellipsis;
282
+ vertical-align: middle;
283
+ }
284
+ .e-treegrid .e-treecolumn-container span {
285
+ display: inline-block;
286
+ vertical-align: text-bottom;
287
+ }
288
+ .e-treegrid .e-templatecell .e-treecolumn-container span {
289
+ vertical-align: middle;
290
+ }
291
+ .e-treegrid .e-cloneproperties .e-treecolumn-container span {
292
+ vertical-align: text-top;
293
+ }
294
+ .e-treegrid .e-cloneproperties .e-rowcell:not(.e-gridclip) .errorValue .e-treecolumn-container {
295
+ display: table-row;
296
+ }
297
+ .e-treegrid .e-hierarchycheckbox .e-frame {
298
+ height: 18px;
299
+ width: 18px;
300
+ }
301
+ .e-treegrid .e-checkselection .e-frozenheader .e-rowcell,
302
+ .e-treegrid .e-checkselection .e-movableheader .e-rowcell,
303
+ .e-treegrid .e-checkselection .e-frozencontent .e-rowcell,
304
+ .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
305
+ line-height: 21px;
306
+ }
307
+ .e-treegrid .e-treegridexpand,
308
+ .e-treegrid .e-treegridcollapse {
309
+ color: #fff;
310
+ cursor: pointer;
311
+ font-size: 10px;
312
+ height: 16px;
313
+ padding: 0;
314
+ text-align: center;
315
+ vertical-align: text-bottom;
316
+ width: 16px;
317
+ }
318
+ .e-treegrid .e-treecell {
319
+ display: table-cell;
320
+ line-height: normal;
321
+ }
322
+ .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container, .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container {
323
+ white-space: nowrap;
324
+ }
325
+ .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container .e-treecell {
326
+ display: inline-block;
327
+ white-space: normal;
328
+ word-wrap: break-word;
329
+ }
330
+ .e-treegrid .e-grid.e-wrap .e-cloneproperties .e-rowcell .e-treecolumn-container .e-treecell {
331
+ display: inline-block;
332
+ white-space: nowrap;
333
+ word-wrap: break-word;
334
+ }
335
+ .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
336
+ display: inline-block;
337
+ white-space: normal;
338
+ word-wrap: break-word;
339
+ }
340
+ .e-treegrid .e-grid.e-wrap .e-treecolumn-container span {
341
+ vertical-align: middle;
342
+ }
343
+ .e-treegrid.e-grid.e-print-grid-layout .e-icons {
344
+ display: inline-block;
345
+ }
346
+ .e-treegrid .e-treecheckselect,
347
+ .e-treegrid .e-treeselectall {
348
+ margin: 0;
349
+ opacity: 0;
350
+ position: absolute;
351
+ width: 0;
352
+ }
353
+ .e-treegrid .e-detailheadercell,
354
+ .e-treegrid .e-detailcell-visible,
355
+ .e-treegrid .e-headercontent .e-table .e-detail-intent,
356
+ .e-treegrid .e-gridcontent .e-table .e-detail-intent,
357
+ .e-treegrid .e-table .e-detailrow .e-detailindentcell,
358
+ .e-treegrid .e-table .e-detailrowexpand,
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;
365
+ display: none;
366
+ }
367
+ .e-treegrid .e-table-cell {
368
+ display: table-cell;
369
+ }
370
+ .e-treegrid .e-icons.e-errorelem {
371
+ padding-left: 10px;
372
+ display: inline-block;
373
+ vertical-align: text-bottom;
374
+ }
375
+ .e-treegrid .e-errorelem::before {
376
+ color: #e3165b;
377
+ content: "\e22a";
378
+ -webkit-transform: rotate(180deg);
379
+ transform: rotate(180deg);
380
+ }
381
+ .e-treegrid .e-gridcontent td.e-childborder {
382
+ border-color: #00b0ff;
383
+ border-width: 1px 0 0;
384
+ -webkit-box-shadow: 0 1px 0 0 #00b0ff;
385
+ box-shadow: 0 1px 0 0 #00b0ff;
386
+ position: relative;
387
+ z-index: 1;
388
+ }
389
+ .e-treegrid .e-gridcontent td.e-childborder.e-leftfreeze {
390
+ position: sticky;
391
+ }
392
+ .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
393
+ .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
394
+ -webkit-box-shadow: 0 1px 0 0 #00b0ff;
395
+ box-shadow: 0 1px 0 0 #00b0ff;
396
+ }
397
+ .e-treegrid .e-gridcontent td.e-rowcell.e-dragborder,
398
+ .e-treegrid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
399
+ .e-treegrid .e-gridcontent .e-rowdragdrop.e-dragborder {
400
+ -webkit-box-shadow: 0 0 0 0;
401
+ box-shadow: 0 0 0 0;
402
+ }
403
+ .e-treegrid .e-gridcontent td.e-childborder:first-child {
404
+ border-left: 1px solid #00b0ff;
405
+ -webkit-box-shadow: 0 1px 0 0 #00b0ff;
406
+ box-shadow: 0 1px 0 0 #00b0ff;
407
+ position: relative;
408
+ z-index: 1;
409
+ }
410
+ .e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child,
411
+ .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
412
+ border-right: 1px solid #00b0ff;
413
+ }
414
+ .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder {
415
+ border-width: 1px 0;
416
+ }
417
+ .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
418
+ border-left: 1px solid #00b0ff;
419
+ }
420
+ .e-treegrid .e-gridcontent td.e-dropbottom:first-child,
421
+ .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom,
422
+ .e-treegrid .e-gridcontent td.e-dropbottom {
423
+ -webkit-box-shadow: 0 1px 0 0 #00b0ff;
424
+ box-shadow: 0 1px 0 0 #00b0ff;
425
+ position: relative;
426
+ z-index: 1;
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
+ }
433
+ .e-treegrid .e-gridcontent td.e-droptop:first-child,
434
+ .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
435
+ border-top-color: #00b0ff;
436
+ border-width: 1px 0 0;
437
+ }
438
+ .e-treegrid .e-gridcontent td.e-lastrowcell.e-dropbottom {
439
+ border-bottom-color: #00b0ff;
440
+ }
441
+ .e-treegrid .e-gridcontent td.e-rowdragdrop.e-droptop.e-dragborder {
442
+ -webkit-box-shadow: 0 0 0 0;
443
+ box-shadow: 0 0 0 0;
444
+ }
445
+ .e-treegrid .e-gridcontent .e-gridheader .e-firstrow-dragborder {
446
+ height: 1px;
447
+ }
448
+ .e-treegrid .e-gridcontent .e-lastrow-dragborder {
449
+ height: 0;
450
+ }
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 {
454
+ height: 0;
455
+ }
456
+ .e-treegrid .e-treegrid-relative {
457
+ position: relative;
458
+ }
459
+ .e-treegrid .e-gridheader .e-firstrow-border,
460
+ .e-treegrid .e-gridcontent .e-lastrow-border {
461
+ background-color: #00b0ff;
462
+ bottom: 0;
463
+ display: none;
464
+ height: 1px;
465
+ position: absolute;
466
+ z-index: 1;
467
+ }
468
+ .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-childborder,
469
+ .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-childborder {
470
+ border-bottom: 1px solid #00b0ff;
471
+ border-top: 1px solid #00b0ff;
472
+ -webkit-box-shadow: 0 0 0 0 #00b0ff;
473
+ box-shadow: 0 0 0 0 #00b0ff;
474
+ }
475
+ .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-droptop,
476
+ .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-droptop {
477
+ border-top: 1px solid #00b0ff;
478
+ }
479
+ .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-childborder {
480
+ border-bottom: 1px solid #00b0ff;
481
+ border-top: 1px solid #00b0ff;
482
+ -webkit-box-shadow: 0 0 0 0 #00b0ff;
483
+ box-shadow: 0 0 0 0 #00b0ff;
484
+ }
485
+ .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-childborder {
486
+ border-bottom: 1px solid #00b0ff;
487
+ border-top: 1px solid #00b0ff;
488
+ -webkit-box-shadow: 0 0 0 0 #00b0ff;
489
+ box-shadow: 0 0 0 0 #00b0ff;
490
+ }
491
+ .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-dropbottom {
492
+ border-bottom: 1px solid #00b0ff;
493
+ -webkit-box-shadow: 0 0 0 0 #00b0ff;
494
+ box-shadow: 0 0 0 0 #00b0ff;
495
+ }
496
+ .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
497
+ border-top: 1px solid #00b0ff;
498
+ -webkit-box-shadow: 0 0 0 0 #00b0ff;
499
+ box-shadow: 0 0 0 0 #00b0ff;
500
+ }
501
+ .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
502
+ border-bottom: 1px solid #00b0ff;
503
+ -webkit-box-shadow: 0 0 0 0 #00b0ff;
504
+ box-shadow: 0 0 0 0 #00b0ff;
505
+ }
506
+ .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
507
+ border-top: 1px solid #00b0ff;
508
+ -webkit-box-shadow: 0 0 0 0 #00b0ff;
509
+ box-shadow: 0 0 0 0 #00b0ff;
510
+ }
511
+ .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder,
512
+ .e-treegrid .e-grid.e-rtl .e-droptop .e-lastrow-dragborder {
513
+ height: 0;
514
+ }
515
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder {
516
+ border-color: #00b0ff;
517
+ border-width: 1px 0 0;
518
+ position: relative;
519
+ z-index: 1;
520
+ }
521
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder.e-leftfreeze {
522
+ position: sticky;
523
+ }
524
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
525
+ .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
526
+ .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
527
+ -webkit-box-shadow: 0 0 0 0;
528
+ box-shadow: 0 0 0 0;
529
+ }
530
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder:first-child {
531
+ border-right: 1px solid #00b0ff;
532
+ -webkit-box-shadow: 0 1px 0 0 #00b0ff;
533
+ box-shadow: 0 1px 0 0 #00b0ff;
534
+ position: relative;
535
+ z-index: 1;
536
+ }
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 {
539
+ border-left: 1px solid #00b0ff;
540
+ }
541
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder {
542
+ border-width: 1px 0;
543
+ }
544
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
545
+ border-right: 1px solid #00b0ff;
546
+ }
547
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-droptop:first-child,
548
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-droptop {
549
+ border-top-color: #00b0ff;
550
+ border-width: 1px 0 0;
551
+ }
552
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-dropbottom {
553
+ border-bottom-color: #00b0ff;
554
+ }
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);
565
+ }
566
+
567
+ /* stylelint-disable-line no-empty-source */
@@ -0,0 +1,18 @@
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';