@syncfusion/ej2-navigations 31.1.17 → 31.1.20

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 (188) hide show
  1. package/dist/ej2-navigations.min.js +2 -2
  2. package/dist/ej2-navigations.umd.min.js +2 -2
  3. package/dist/ej2-navigations.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-navigations.es2015.js +1 -0
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +1 -0
  7. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  8. package/dist/global/ej2-navigations.min.js +2 -2
  9. package/dist/global/ej2-navigations.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +14 -67
  12. package/src/treeview/treeview.js +1 -0
  13. package/styles/bds-lite.css +7 -6
  14. package/styles/bds.css +7 -6
  15. package/styles/bootstrap-dark-lite.css +6 -3
  16. package/styles/bootstrap-dark.css +6 -3
  17. package/styles/bootstrap-lite.css +6 -3
  18. package/styles/bootstrap.css +6 -3
  19. package/styles/bootstrap4-lite.css +13 -9
  20. package/styles/bootstrap4.css +24 -13
  21. package/styles/bootstrap5-dark-lite.css +6 -5
  22. package/styles/bootstrap5-dark.css +16 -7
  23. package/styles/bootstrap5-lite.css +6 -5
  24. package/styles/bootstrap5.3-lite.css +23 -10
  25. package/styles/bootstrap5.3.css +34 -13
  26. package/styles/bootstrap5.css +16 -7
  27. package/styles/fabric-dark-lite.css +6 -3
  28. package/styles/fabric-dark.css +6 -3
  29. package/styles/fabric-lite.css +6 -3
  30. package/styles/fabric.css +6 -3
  31. package/styles/fluent-dark-lite.css +16 -12
  32. package/styles/fluent-dark.css +26 -15
  33. package/styles/fluent-lite.css +16 -12
  34. package/styles/fluent.css +26 -15
  35. package/styles/fluent2-lite.css +6 -4
  36. package/styles/fluent2.css +6 -4
  37. package/styles/highcontrast-light-lite.css +4 -4
  38. package/styles/highcontrast-light.css +4 -4
  39. package/styles/highcontrast-lite.css +14 -10
  40. package/styles/highcontrast.css +26 -13
  41. package/styles/material-dark-lite.css +19 -13
  42. package/styles/material-dark.css +39 -17
  43. package/styles/material-lite.css +19 -10
  44. package/styles/material.css +36 -13
  45. package/styles/material3-dark-lite.css +4 -4
  46. package/styles/material3-dark.css +5 -4
  47. package/styles/material3-lite.css +4 -4
  48. package/styles/material3.css +5 -4
  49. package/styles/menu/_bootstrap-dark-definition.scss +1 -0
  50. package/styles/menu/_bootstrap-definition.scss +1 -0
  51. package/styles/menu/_fluent-definition.scss +1 -1
  52. package/styles/menu/_fluent2-definition.scss +1 -1
  53. package/styles/menu/_layout.scss +7 -1
  54. package/styles/menu/bds.css +1 -0
  55. package/styles/menu/bootstrap-dark.css +1 -0
  56. package/styles/menu/bootstrap.css +1 -0
  57. package/styles/menu/bootstrap4.css +1 -0
  58. package/styles/menu/bootstrap5-dark.css +1 -0
  59. package/styles/menu/bootstrap5.3.css +1 -0
  60. package/styles/menu/bootstrap5.css +1 -0
  61. package/styles/menu/fabric-dark.css +1 -0
  62. package/styles/menu/fabric.css +1 -0
  63. package/styles/menu/fluent-dark.css +2 -1
  64. package/styles/menu/fluent.css +2 -1
  65. package/styles/menu/fluent2.css +2 -1
  66. package/styles/menu/highcontrast-light.css +1 -0
  67. package/styles/menu/highcontrast.css +1 -0
  68. package/styles/menu/material-dark.css +1 -0
  69. package/styles/menu/material.css +1 -0
  70. package/styles/menu/material3-dark.css +1 -0
  71. package/styles/menu/material3.css +1 -0
  72. package/styles/menu/tailwind-dark.css +1 -0
  73. package/styles/menu/tailwind.css +1 -0
  74. package/styles/menu/tailwind3.css +1 -0
  75. package/styles/tailwind-dark-lite.css +6 -5
  76. package/styles/tailwind-dark.css +6 -5
  77. package/styles/tailwind-lite.css +6 -5
  78. package/styles/tailwind.css +6 -5
  79. package/styles/tailwind3-lite.css +11 -5
  80. package/styles/tailwind3.css +18 -5
  81. package/styles/treeview/_bds-definition.scss +1 -1
  82. package/styles/treeview/_bigger.scss +91 -0
  83. package/styles/treeview/_bootstrap4-definition.scss +7 -7
  84. package/styles/treeview/_bootstrap5-definition.scss +2 -2
  85. package/styles/treeview/_bootstrap5.3-definition.scss +8 -8
  86. package/styles/treeview/_fluent-definition.scss +6 -6
  87. package/styles/treeview/_highcontrast-definition.scss +6 -6
  88. package/styles/treeview/_layout.scss +67 -16
  89. package/styles/treeview/_material-dark-definition.scss +7 -7
  90. package/styles/treeview/_material-definition.scss +6 -6
  91. package/styles/treeview/_tailwind3-definition.scss +1 -1
  92. package/styles/treeview/_theme.scss +7 -2
  93. package/styles/treeview/bds.css +6 -6
  94. package/styles/treeview/bootstrap-dark.css +5 -3
  95. package/styles/treeview/bootstrap.css +5 -3
  96. package/styles/treeview/bootstrap4.css +23 -13
  97. package/styles/treeview/bootstrap5-dark.css +15 -7
  98. package/styles/treeview/bootstrap5.3.css +33 -13
  99. package/styles/treeview/bootstrap5.css +15 -7
  100. package/styles/treeview/fabric-dark.css +5 -3
  101. package/styles/treeview/fabric.css +5 -3
  102. package/styles/treeview/fluent-dark.css +24 -14
  103. package/styles/treeview/fluent.css +24 -14
  104. package/styles/treeview/fluent2.css +4 -3
  105. package/styles/treeview/highcontrast-light.css +3 -4
  106. package/styles/treeview/highcontrast.css +25 -13
  107. package/styles/treeview/material-dark.css +38 -17
  108. package/styles/treeview/material.css +35 -13
  109. package/styles/treeview/material3-dark.css +4 -4
  110. package/styles/treeview/material3.css +4 -4
  111. package/styles/treeview/tailwind-dark.css +5 -5
  112. package/styles/treeview/tailwind.css +5 -5
  113. package/styles/treeview/tailwind3.css +17 -5
  114. package/dist/ts/accordion/accordion-model.d.ts +0 -285
  115. package/dist/ts/accordion/accordion.d.ts +0 -458
  116. package/dist/ts/accordion/accordion.ts +0 -1580
  117. package/dist/ts/accordion/index.d.ts +0 -5
  118. package/dist/ts/accordion/index.ts +0 -5
  119. package/dist/ts/appbar/appbar-model.d.ts +0 -76
  120. package/dist/ts/appbar/appbar.d.ts +0 -115
  121. package/dist/ts/appbar/appbar.ts +0 -281
  122. package/dist/ts/appbar/index.d.ts +0 -3
  123. package/dist/ts/appbar/index.ts +0 -3
  124. package/dist/ts/breadcrumb/breadcrumb-model.d.ts +0 -170
  125. package/dist/ts/breadcrumb/breadcrumb.d.ts +0 -297
  126. package/dist/ts/breadcrumb/breadcrumb.ts +0 -959
  127. package/dist/ts/breadcrumb/index.d.ts +0 -5
  128. package/dist/ts/breadcrumb/index.ts +0 -5
  129. package/dist/ts/carousel/carousel-model.d.ts +0 -282
  130. package/dist/ts/carousel/carousel.d.ts +0 -439
  131. package/dist/ts/carousel/carousel.ts +0 -1633
  132. package/dist/ts/carousel/index.d.ts +0 -3
  133. package/dist/ts/carousel/index.ts +0 -3
  134. package/dist/ts/common/h-scroll-model.d.ts +0 -16
  135. package/dist/ts/common/h-scroll.d.ts +0 -105
  136. package/dist/ts/common/h-scroll.ts +0 -481
  137. package/dist/ts/common/index.d.ts +0 -9
  138. package/dist/ts/common/index.ts +0 -10
  139. package/dist/ts/common/menu-base-model.d.ts +0 -308
  140. package/dist/ts/common/menu-base.d.ts +0 -558
  141. package/dist/ts/common/menu-base.ts +0 -2736
  142. package/dist/ts/common/menu-scroll.d.ts +0 -29
  143. package/dist/ts/common/menu-scroll.ts +0 -105
  144. package/dist/ts/common/v-scroll-model.d.ts +0 -16
  145. package/dist/ts/common/v-scroll.d.ts +0 -106
  146. package/dist/ts/common/v-scroll.ts +0 -454
  147. package/dist/ts/context-menu/context-menu-model.d.ts +0 -47
  148. package/dist/ts/context-menu/context-menu.d.ts +0 -102
  149. package/dist/ts/context-menu/context-menu.ts +0 -165
  150. package/dist/ts/context-menu/index.d.ts +0 -5
  151. package/dist/ts/context-menu/index.ts +0 -5
  152. package/dist/ts/index.d.ts +0 -16
  153. package/dist/ts/index.ts +0 -16
  154. package/dist/ts/menu/index.d.ts +0 -5
  155. package/dist/ts/menu/index.ts +0 -5
  156. package/dist/ts/menu/menu-model.d.ts +0 -70
  157. package/dist/ts/menu/menu.d.ts +0 -127
  158. package/dist/ts/menu/menu.ts +0 -313
  159. package/dist/ts/sidebar/index.d.ts +0 -5
  160. package/dist/ts/sidebar/index.ts +0 -5
  161. package/dist/ts/sidebar/sidebar-model.d.ts +0 -200
  162. package/dist/ts/sidebar/sidebar.d.ts +0 -336
  163. package/dist/ts/sidebar/sidebar.ts +0 -907
  164. package/dist/ts/stepper/index.d.ts +0 -3
  165. package/dist/ts/stepper/index.ts +0 -3
  166. package/dist/ts/stepper/stepper-model.d.ts +0 -159
  167. package/dist/ts/stepper/stepper.d.ts +0 -381
  168. package/dist/ts/stepper/stepper.ts +0 -1350
  169. package/dist/ts/stepper-base/index.d.ts +0 -5
  170. package/dist/ts/stepper-base/index.ts +0 -6
  171. package/dist/ts/stepper-base/stepper-base-model.d.ts +0 -124
  172. package/dist/ts/stepper-base/stepper-base.d.ts +0 -187
  173. package/dist/ts/stepper-base/stepper-base.ts +0 -290
  174. package/dist/ts/tab/index.d.ts +0 -5
  175. package/dist/ts/tab/index.ts +0 -5
  176. package/dist/ts/tab/tab-model.d.ts +0 -408
  177. package/dist/ts/tab/tab.d.ts +0 -715
  178. package/dist/ts/tab/tab.ts +0 -2842
  179. package/dist/ts/toolbar/index.d.ts +0 -5
  180. package/dist/ts/toolbar/index.ts +0 -5
  181. package/dist/ts/toolbar/toolbar-model.d.ts +0 -294
  182. package/dist/ts/toolbar/toolbar.d.ts +0 -541
  183. package/dist/ts/toolbar/toolbar.ts +0 -2646
  184. package/dist/ts/treeview/index.d.ts +0 -5
  185. package/dist/ts/treeview/index.ts +0 -5
  186. package/dist/ts/treeview/treeview-model.d.ts +0 -637
  187. package/dist/ts/treeview/treeview.d.ts +0 -1518
  188. package/dist/ts/treeview/treeview.ts +0 -6780
package/styles/treeview/_tailwind3-definition.scss CHANGED
@@ -5,7 +5,7 @@ $treeview-icon-font-size: $text-base !default;
5
5
  $treeview-image-font-size: $text-xl !default;
6
6
  $treeview-item-height: 40px !default;
7
7
  $treeview-text-height: 20px !default;
8
- $treeview-input-height: 30px !default;
8
+ $treeview-input-height: 32px !default;
9
9
  $treeview-root-ul-padding: 0 0 0 12px !default;
10
10
  $treeview-rtl-root-ul-padding: 0 12px 0 0 !default;
11
11
  $treeview-child-ul-padding: 0 0 0 20px !default;
package/styles/treeview/_theme.scss CHANGED
@@ -158,13 +158,13 @@
158
158
  @include bg-border($treeview-item-active-check-bg, $treeview-item-active-check-border-color);
159
159
  color: $treeview-item-active-check-color;
160
160
  }
161
- @else if $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' {
161
+ @else if $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5.3' {
162
162
  border-color: $content-text-color-selected;
163
163
  }
164
164
  }
165
165
 
166
166
  .e-stop {
167
- @if $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' {
167
+ @if $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' or $skin-name == 'bootstrap5.3' {
168
168
  border-color: $content-text-color-selected;
169
169
  }
170
170
  }
@@ -215,6 +215,11 @@
215
215
  }
216
216
  }
217
217
  }
218
+ @if ($theme-name == 'fluent2-highcontrast') {
219
+ .e-checkbox-wrapper .e-frame.e-check {
220
+ border-color: $content-text-color-hover;
221
+ }
222
+ }
218
223
  }
219
224
 
220
225
  .e-sibling {
package/styles/treeview/bds.css CHANGED
@@ -257,9 +257,7 @@
257
257
  list-style: none;
258
258
  }
259
259
  .e-treeview .e-list-item .e-ul {
260
- margin: 2px 0 -2px;
261
260
  padding: 0 0 0 20px;
262
- margin: 2px 0 0;
263
261
  }
264
262
  .e-treeview .e-list-item.e-disable > .e-text-content,
265
263
  .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -299,7 +297,6 @@
299
297
  -ms-user-select: none;
300
298
  -webkit-user-select: none;
301
299
  user-select: none;
302
- border: 1px solid;
303
300
  cursor: pointer;
304
301
  margin: 0;
305
302
  padding: 0 0 0 20px;
@@ -316,7 +313,7 @@
316
313
  -webkit-box-sizing: border-box;
317
314
  box-sizing: border-box;
318
315
  cursor: pointer;
319
- height: 40px;
316
+ height: 38px;
320
317
  left: 0;
321
318
  overflow: hidden;
322
319
  position: absolute;
@@ -324,7 +321,7 @@
324
321
  }
325
322
  @supports (-webkit-overflow-scrolling: touch) {
326
323
  .e-treeview .e-fullrow {
327
- z-index: -1;
324
+ z-index: 0;
328
325
  }
329
326
  }
330
327
  .e-treeview .e-checkbox-wrapper {
@@ -359,12 +356,15 @@
359
356
  }
360
357
  .e-treeview .e-list-text .e-input-group {
361
358
  height: 30px;
362
- margin-bottom: 3px;
359
+ margin-top: 4px;
360
+ margin-bottom: 4px;
363
361
  min-width: 150px;
364
362
  vertical-align: bottom;
365
363
  }
366
364
  .e-treeview .e-list-text .e-input-group .e-input {
367
365
  height: 28px;
366
+ padding-top: 6px;
367
+ padding-bottom: 6px;
368
368
  }
369
369
  .e-treeview .e-navigable-text {
370
370
  padding: 0 8px;
package/styles/treeview/bootstrap-dark.css CHANGED
@@ -108,8 +108,8 @@
108
108
  padding: 2px 0;
109
109
  }
110
110
  .e-treeview .e-list-item .e-ul {
111
- margin: 2px 0 -2px;
112
111
  padding: 0 0 0 24px;
112
+ margin: 2px 0 -2px;
113
113
  }
114
114
  .e-treeview .e-list-item.e-disable > .e-text-content,
115
115
  .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -146,10 +146,10 @@
146
146
  -ms-user-select: none;
147
147
  -webkit-user-select: none;
148
148
  user-select: none;
149
- border: 1px solid;
150
149
  cursor: pointer;
151
150
  margin: 0;
152
151
  padding: 0 0 0 24px;
152
+ border: 1px solid;
153
153
  }
154
154
  .e-treeview .e-text-content + .e-sibling {
155
155
  margin-top: -1px;
@@ -171,7 +171,7 @@
171
171
  }
172
172
  @supports (-webkit-overflow-scrolling: touch) {
173
173
  .e-treeview .e-fullrow {
174
- z-index: -1;
174
+ z-index: 0;
175
175
  }
176
176
  }
177
177
  .e-treeview .e-checkbox-wrapper {
@@ -212,6 +212,8 @@
212
212
  }
213
213
  .e-treeview .e-list-text .e-input-group .e-input {
214
214
  height: 28px;
215
+ padding-top: 6px;
216
+ padding-bottom: 6px;
215
217
  }
216
218
  .e-treeview .e-navigable-text {
217
219
  padding: 0 5px;
package/styles/treeview/bootstrap.css CHANGED
@@ -109,8 +109,8 @@
109
109
  padding: 2px 0;
110
110
  }
111
111
  .e-treeview .e-list-item .e-ul {
112
- margin: 2px 0 -2px;
113
112
  padding: 0 0 0 24px;
113
+ margin: 2px 0 -2px;
114
114
  }
115
115
  .e-treeview .e-list-item.e-disable > .e-text-content,
116
116
  .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -147,10 +147,10 @@
147
147
  -ms-user-select: none;
148
148
  -webkit-user-select: none;
149
149
  user-select: none;
150
- border: 1px solid;
151
150
  cursor: pointer;
152
151
  margin: 0;
153
152
  padding: 0 0 0 24px;
153
+ border: 1px solid;
154
154
  }
155
155
  .e-treeview .e-text-content + .e-sibling {
156
156
  margin-top: -1px;
@@ -172,7 +172,7 @@
172
172
  }
173
173
  @supports (-webkit-overflow-scrolling: touch) {
174
174
  .e-treeview .e-fullrow {
175
- z-index: -1;
175
+ z-index: 0;
176
176
  }
177
177
  }
178
178
  .e-treeview .e-checkbox-wrapper {
@@ -213,6 +213,8 @@
213
213
  }
214
214
  .e-treeview .e-list-text .e-input-group .e-input {
215
215
  height: 28px;
216
+ padding-top: 6px;
217
+ padding-bottom: 6px;
216
218
  }
217
219
  .e-treeview .e-navigable-text {
218
220
  padding: 0 5px;
package/styles/treeview/bootstrap4.css CHANGED
@@ -105,10 +105,8 @@
105
105
  }
106
106
  .e-treeview .e-list-item {
107
107
  list-style: none;
108
- padding: 2px 0;
109
108
  }
110
109
  .e-treeview .e-list-item .e-ul {
111
- margin: 2px 0 -2px;
112
110
  padding: 0 0 0 14px;
113
111
  }
114
112
  .e-treeview .e-list-item.e-disable > .e-text-content,
@@ -132,6 +130,10 @@
132
130
  .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
133
131
  content: none;
134
132
  }
133
+ .e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
134
+ padding-top: 5px;
135
+ padding-bottom: 5px;
136
+ }
135
137
  .e-treeview .e-icons .e-spinner-pane {
136
138
  position: relative;
137
139
  }
@@ -146,7 +148,6 @@
146
148
  -ms-user-select: none;
147
149
  -webkit-user-select: none;
148
150
  user-select: none;
149
- border: 1px solid;
150
151
  cursor: pointer;
151
152
  margin: 0;
152
153
  padding: 0 0 0 24px;
@@ -163,7 +164,7 @@
163
164
  -webkit-box-sizing: border-box;
164
165
  box-sizing: border-box;
165
166
  cursor: pointer;
166
- height: 32px;
167
+ height: 40px;
167
168
  left: 0;
168
169
  overflow: hidden;
169
170
  position: absolute;
@@ -171,7 +172,7 @@
171
172
  }
172
173
  @supports (-webkit-overflow-scrolling: touch) {
173
174
  .e-treeview .e-fullrow {
174
- z-index: -1;
175
+ z-index: 0;
175
176
  }
176
177
  }
177
178
  .e-treeview .e-checkbox-wrapper {
@@ -183,7 +184,7 @@
183
184
  margin: 0 0 0 12px;
184
185
  }
185
186
  .e-treeview .e-checkbox-wrapper + .e-list-text {
186
- padding: 0 8px;
187
+ padding: 9px 8px;
187
188
  }
188
189
  .e-treeview .e-checkbox-wrapper .e-ripple-container {
189
190
  bottom: -7px;
@@ -197,10 +198,10 @@
197
198
  -webkit-box-sizing: border-box;
198
199
  box-sizing: border-box;
199
200
  display: inline-block;
200
- line-height: 30px;
201
+ line-height: 22px;
201
202
  margin: 0;
202
203
  min-height: 30px;
203
- padding: 0 8px 0 6px;
204
+ padding: 9px 8px 9px 6px;
204
205
  text-decoration: none;
205
206
  vertical-align: middle;
206
207
  }
@@ -212,9 +213,11 @@
212
213
  }
213
214
  .e-treeview .e-list-text .e-input-group .e-input {
214
215
  height: 28px;
216
+ padding-top: 6px;
217
+ padding-bottom: 6px;
215
218
  }
216
219
  .e-treeview .e-navigable-text {
217
- padding: 0 8px 0 6px;
220
+ padding: 9px 8px 9px 6px;
218
221
  }
219
222
  .e-treeview .e-list-icon,
220
223
  .e-treeview .e-list-img {
@@ -695,7 +698,7 @@
695
698
  }
696
699
  .e-bigger .e-treeview .e-fullrow,
697
700
  .e-treeview.e-bigger .e-fullrow {
698
- height: 40px;
701
+ height: 50px;
699
702
  }
700
703
  .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text,
701
704
  .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-text {
@@ -722,8 +725,10 @@
722
725
  }
723
726
  .e-bigger .e-treeview .e-list-text,
724
727
  .e-treeview.e-bigger .e-list-text {
725
- line-height: 36px;
726
- min-height: 36px;
728
+ line-height: 24px;
729
+ min-height: 24px;
730
+ padding-top: 13px;
731
+ padding-bottom: 13px;
727
732
  }
728
733
  .e-bigger .e-treeview .e-list-text .e-input-group,
729
734
  .e-treeview.e-bigger .e-list-text .e-input-group {
@@ -733,13 +738,18 @@
733
738
  .e-treeview.e-bigger .e-list-text .e-input-group .e-input {
734
739
  height: 36px;
735
740
  }
741
+ .e-bigger .e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group),
742
+ .e-treeview.e-bigger .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
743
+ padding-top: 6px;
744
+ padding-bottom: 6px;
745
+ }
736
746
  .e-bigger .e-treeview .e-checkbox-wrapper,
737
747
  .e-treeview.e-bigger .e-checkbox-wrapper {
738
748
  margin: 0 0 0 10px;
739
749
  }
740
750
  .e-bigger .e-treeview .e-checkbox-wrapper + .e-list-text,
741
751
  .e-treeview.e-bigger .e-checkbox-wrapper + .e-list-text {
742
- padding: 0 12px;
752
+ padding: 13px 12px;
743
753
  }
744
754
  .e-bigger .e-treeview .e-checkbox-wrapper + .e-list-icon, .e-bigger .e-treeview .e-checkbox-wrapper + .e-list-img,
745
755
  .e-treeview.e-bigger .e-checkbox-wrapper + .e-list-icon,
package/styles/treeview/bootstrap5-dark.css CHANGED
@@ -106,10 +106,8 @@
106
106
  }
107
107
  .e-treeview .e-list-item {
108
108
  list-style: none;
109
- padding: 2px 0;
110
109
  }
111
110
  .e-treeview .e-list-item .e-ul {
112
- margin: 2px 0 -2px;
113
111
  padding: 0 0 0 20px;
114
112
  }
115
113
  .e-treeview .e-list-item.e-disable > .e-text-content,
@@ -147,7 +145,6 @@
147
145
  -ms-user-select: none;
148
146
  -webkit-user-select: none;
149
147
  user-select: none;
150
- border: 1px solid;
151
148
  cursor: pointer;
152
149
  margin: 0;
153
150
  padding: 0 0 0 20px;
@@ -172,7 +169,7 @@
172
169
  }
173
170
  @supports (-webkit-overflow-scrolling: touch) {
174
171
  .e-treeview .e-fullrow {
175
- z-index: -1;
172
+ z-index: 0;
176
173
  }
177
174
  }
178
175
  .e-treeview .e-checkbox-wrapper {
@@ -207,12 +204,15 @@
207
204
  }
208
205
  .e-treeview .e-list-text .e-input-group {
209
206
  height: 30px;
210
- margin-bottom: 2px;
207
+ margin-bottom: 3px;
208
+ margin-top: 3px;
211
209
  min-width: 150px;
212
210
  vertical-align: bottom;
213
211
  }
214
212
  .e-treeview .e-list-text .e-input-group .e-input {
215
213
  height: 28px;
214
+ padding-top: 6px;
215
+ padding-bottom: 6px;
216
216
  }
217
217
  .e-treeview .e-navigable-text {
218
218
  padding: 0 8px;
@@ -731,7 +731,7 @@
731
731
  }
732
732
  .e-bigger .e-treeview .e-fullrow,
733
733
  .e-treeview.e-bigger .e-fullrow {
734
- height: 42px;
734
+ height: 40px;
735
735
  }
736
736
  .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text,
737
737
  .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-text {
@@ -763,12 +763,20 @@
763
763
  }
764
764
  .e-bigger .e-treeview .e-list-text .e-input-group,
765
765
  .e-treeview.e-bigger .e-list-text .e-input-group {
766
- height: 40px;
766
+ height: 36px;
767
+ padding-top: 6px;
768
+ padding-bottom: 6px;
769
+ margin-top: 2px;
770
+ margin-bottom: 2px;
767
771
  }
768
772
  .e-bigger .e-treeview .e-list-text .e-input-group .e-input,
769
773
  .e-treeview.e-bigger .e-list-text .e-input-group .e-input {
770
774
  height: 36px;
771
775
  }
776
+ .e-bigger .e-treeview .e-list-text .e-input-group .e-input,
777
+ .e-treeview.e-bigger .e-list-text .e-input-group .e-input {
778
+ height: 24px;
779
+ }
772
780
  .e-bigger .e-treeview .e-checkbox-wrapper,
773
781
  .e-treeview.e-bigger .e-checkbox-wrapper {
774
782
  margin: 0 0 0 12px;
package/styles/treeview/bootstrap5.3.css CHANGED
@@ -110,10 +110,8 @@
110
110
  }
111
111
  .e-treeview .e-list-item {
112
112
  list-style: none;
113
- padding: 2px 0;
114
113
  }
115
114
  .e-treeview .e-list-item .e-ul {
116
- margin: 2px 0 -2px;
117
115
  padding: 0 0 0 20px;
118
116
  }
119
117
  .e-treeview .e-list-item.e-disable > .e-text-content,
@@ -137,6 +135,10 @@
137
135
  .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
138
136
  content: none;
139
137
  }
138
+ .e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
139
+ padding-top: 2px;
140
+ padding-bottom: 2px;
141
+ }
140
142
  .e-treeview .e-icons .e-spinner-pane {
141
143
  position: relative;
142
144
  }
@@ -151,7 +153,6 @@
151
153
  -ms-user-select: none;
152
154
  -webkit-user-select: none;
153
155
  user-select: none;
154
- border: 1px solid;
155
156
  cursor: pointer;
156
157
  margin: 0;
157
158
  padding: 0 0 0 20px;
@@ -176,7 +177,7 @@
176
177
  }
177
178
  @supports (-webkit-overflow-scrolling: touch) {
178
179
  .e-treeview .e-fullrow {
179
- z-index: -1;
180
+ z-index: 0;
180
181
  }
181
182
  }
182
183
  .e-treeview .e-checkbox-wrapper {
@@ -188,7 +189,7 @@
188
189
  margin: 0 0 0 8px;
189
190
  }
190
191
  .e-treeview .e-checkbox-wrapper + .e-list-text {
191
- padding: 0 8px;
192
+ padding: 7px 8px;
192
193
  }
193
194
  .e-treeview .e-checkbox-wrapper .e-ripple-container {
194
195
  bottom: -7px;
@@ -202,24 +203,29 @@
202
203
  -webkit-box-sizing: border-box;
203
204
  box-sizing: border-box;
204
205
  display: inline-block;
205
- line-height: 34px;
206
+ line-height: 22px;
206
207
  margin: 0;
207
- min-height: 34px;
208
- padding: 0 8px;
208
+ min-height: 22px;
209
+ padding: 7px 8px;
209
210
  text-decoration: none;
210
211
  vertical-align: middle;
211
212
  }
212
213
  .e-treeview .e-list-text .e-input-group {
213
- height: 30px;
214
+ height: 32px;
214
215
  margin-bottom: 0;
215
216
  min-width: 150px;
216
217
  vertical-align: bottom;
217
218
  }
218
219
  .e-treeview .e-list-text .e-input-group .e-input {
219
220
  height: 28px;
221
+ padding-top: 6px;
222
+ padding-bottom: 6px;
223
+ height: 32px;
224
+ padding-top: 5px;
225
+ padding-bottom: 5px;
220
226
  }
221
227
  .e-treeview .e-navigable-text {
222
- padding: 0 8px;
228
+ padding: 7px 8px;
223
229
  }
224
230
  .e-treeview .e-list-icon,
225
231
  .e-treeview .e-list-img {
@@ -541,6 +547,12 @@
541
547
  .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
542
548
  color: var(--color-sf-content-text-color-selected);
543
549
  }
550
+ .e-treeview .e-list-item.e-active > .e-text-content .e-check {
551
+ border-color: var(--color-sf-content-text-color-selected);
552
+ }
553
+ .e-treeview .e-list-item.e-active > .e-text-content .e-stop {
554
+ border-color: var(--color-sf-content-text-color-selected);
555
+ }
544
556
  .e-treeview .e-list-item.e-active.e-hover > .e-fullrow, .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
545
557
  background-color: var(--color-sf-content-bg-color-selected);
546
558
  border-color: var(--color-sf-content-bg-color-selected);
@@ -699,17 +711,25 @@
699
711
  }
700
712
  .e-bigger .e-treeview .e-list-text,
701
713
  .e-treeview.e-bigger .e-list-text {
702
- line-height: 40px;
703
- min-height: 40px;
714
+ line-height: 24px;
715
+ min-height: 24px;
716
+ padding: 9px 12px;
704
717
  }
705
718
  .e-bigger .e-treeview .e-list-text .e-input-group,
706
719
  .e-treeview.e-bigger .e-list-text .e-input-group {
707
- height: 40px;
720
+ height: 38px;
708
721
  }
709
722
  .e-bigger .e-treeview .e-list-text .e-input-group .e-input,
710
723
  .e-treeview.e-bigger .e-list-text .e-input-group .e-input {
711
724
  height: 36px;
712
725
  }
726
+ .e-bigger .e-treeview .e-list-text .e-input-group .e-input,
727
+ .e-treeview.e-bigger .e-list-text .e-input-group .e-input {
728
+ line-height: 24px;
729
+ min-height: 24px;
730
+ padding-top: 7px;
731
+ padding-bottom: 7px;
732
+ }
713
733
  .e-bigger .e-treeview .e-checkbox-wrapper,
714
734
  .e-treeview.e-bigger .e-checkbox-wrapper {
715
735
  margin: 0 0 0 12px;
package/styles/treeview/bootstrap5.css CHANGED
@@ -106,10 +106,8 @@
106
106
  }
107
107
  .e-treeview .e-list-item {
108
108
  list-style: none;
109
- padding: 2px 0;
110
109
  }
111
110
  .e-treeview .e-list-item .e-ul {
112
- margin: 2px 0 -2px;
113
111
  padding: 0 0 0 20px;
114
112
  }
115
113
  .e-treeview .e-list-item.e-disable > .e-text-content,
@@ -147,7 +145,6 @@
147
145
  -ms-user-select: none;
148
146
  -webkit-user-select: none;
149
147
  user-select: none;
150
- border: 1px solid;
151
148
  cursor: pointer;
152
149
  margin: 0;
153
150
  padding: 0 0 0 20px;
@@ -172,7 +169,7 @@
172
169
  }
173
170
  @supports (-webkit-overflow-scrolling: touch) {
174
171
  .e-treeview .e-fullrow {
175
- z-index: -1;
172
+ z-index: 0;
176
173
  }
177
174
  }
178
175
  .e-treeview .e-checkbox-wrapper {
@@ -207,12 +204,15 @@
207
204
  }
208
205
  .e-treeview .e-list-text .e-input-group {
209
206
  height: 30px;
210
- margin-bottom: 2px;
207
+ margin-bottom: 3px;
208
+ margin-top: 3px;
211
209
  min-width: 150px;
212
210
  vertical-align: bottom;
213
211
  }
214
212
  .e-treeview .e-list-text .e-input-group .e-input {
215
213
  height: 28px;
214
+ padding-top: 6px;
215
+ padding-bottom: 6px;
216
216
  }
217
217
  .e-treeview .e-navigable-text {
218
218
  padding: 0 8px;
@@ -731,7 +731,7 @@
731
731
  }
732
732
  .e-bigger .e-treeview .e-fullrow,
733
733
  .e-treeview.e-bigger .e-fullrow {
734
- height: 42px;
734
+ height: 40px;
735
735
  }
736
736
  .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text,
737
737
  .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-text {
@@ -763,12 +763,20 @@
763
763
  }
764
764
  .e-bigger .e-treeview .e-list-text .e-input-group,
765
765
  .e-treeview.e-bigger .e-list-text .e-input-group {
766
- height: 40px;
766
+ height: 36px;
767
+ padding-top: 6px;
768
+ padding-bottom: 6px;
769
+ margin-top: 2px;
770
+ margin-bottom: 2px;
767
771
  }
768
772
  .e-bigger .e-treeview .e-list-text .e-input-group .e-input,
769
773
  .e-treeview.e-bigger .e-list-text .e-input-group .e-input {
770
774
  height: 36px;
771
775
  }
776
+ .e-bigger .e-treeview .e-list-text .e-input-group .e-input,
777
+ .e-treeview.e-bigger .e-list-text .e-input-group .e-input {
778
+ height: 24px;
779
+ }
772
780
  .e-bigger .e-treeview .e-checkbox-wrapper,
773
781
  .e-treeview.e-bigger .e-checkbox-wrapper {
774
782
  margin: 0 0 0 12px;
package/styles/treeview/fabric-dark.css CHANGED
@@ -108,8 +108,8 @@
108
108
  padding: 2px 0;
109
109
  }
110
110
  .e-treeview .e-list-item .e-ul {
111
- margin: 2px 0 -2px;
112
111
  padding: 0 0 0 24px;
112
+ margin: 2px 0 -2px;
113
113
  }
114
114
  .e-treeview .e-list-item.e-disable > .e-text-content,
115
115
  .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -146,10 +146,10 @@
146
146
  -ms-user-select: none;
147
147
  -webkit-user-select: none;
148
148
  user-select: none;
149
- border: 1px solid;
150
149
  cursor: pointer;
151
150
  margin: 0;
152
151
  padding: 0 0 0 24px;
152
+ border: 1px solid;
153
153
  }
154
154
  .e-treeview .e-text-content + .e-sibling {
155
155
  margin-top: -1px;
@@ -171,7 +171,7 @@
171
171
  }
172
172
  @supports (-webkit-overflow-scrolling: touch) {
173
173
  .e-treeview .e-fullrow {
174
- z-index: -1;
174
+ z-index: 0;
175
175
  }
176
176
  }
177
177
  .e-treeview .e-checkbox-wrapper {
@@ -212,6 +212,8 @@
212
212
  }
213
213
  .e-treeview .e-list-text .e-input-group .e-input {
214
214
  height: 28px;
215
+ padding-top: 6px;
216
+ padding-bottom: 6px;
215
217
  }
216
218
  .e-treeview .e-navigable-text {
217
219
  padding: 0 5px;
package/styles/treeview/fabric.css CHANGED
@@ -109,8 +109,8 @@
109
109
  padding: 2px 0;
110
110
  }
111
111
  .e-treeview .e-list-item .e-ul {
112
- margin: 2px 0 -2px;
113
112
  padding: 0 0 0 24px;
113
+ margin: 2px 0 -2px;
114
114
  }
115
115
  .e-treeview .e-list-item.e-disable > .e-text-content,
116
116
  .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -147,10 +147,10 @@
147
147
  -ms-user-select: none;
148
148
  -webkit-user-select: none;
149
149
  user-select: none;
150
- border: 1px solid;
151
150
  cursor: pointer;
152
151
  margin: 0;
153
152
  padding: 0 0 0 24px;
153
+ border: 1px solid;
154
154
  }
155
155
  .e-treeview .e-text-content + .e-sibling {
156
156
  margin-top: -1px;
@@ -172,7 +172,7 @@
172
172
  }
173
173
  @supports (-webkit-overflow-scrolling: touch) {
174
174
  .e-treeview .e-fullrow {
175
- z-index: -1;
175
+ z-index: 0;
176
176
  }
177
177
  }
178
178
  .e-treeview .e-checkbox-wrapper {
@@ -213,6 +213,8 @@
213
213
  }
214
214
  .e-treeview .e-list-text .e-input-group .e-input {
215
215
  height: 28px;
216
+ padding-top: 6px;
217
+ padding-bottom: 6px;
216
218
  }
217
219
  .e-treeview .e-navigable-text {
218
220
  padding: 0 5px;