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