@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/fluent-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,
@@ -133,6 +131,10 @@
133
131
  .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
134
132
  content: none;
135
133
  }
134
+ .e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
135
+ padding-top: 3px;
136
+ padding-bottom: 3px;
137
+ }
136
138
  .e-treeview .e-icons .e-spinner-pane {
137
139
  position: relative;
138
140
  }
@@ -147,7 +149,6 @@
147
149
  -ms-user-select: none;
148
150
  -webkit-user-select: none;
149
151
  user-select: none;
150
- border: 1px solid;
151
152
  cursor: pointer;
152
153
  margin: 0;
153
154
  padding: 0 12px 0 20px;
@@ -172,7 +173,7 @@
172
173
  }
173
174
  @supports (-webkit-overflow-scrolling: touch) {
174
175
  .e-treeview .e-fullrow {
175
- z-index: -1;
176
+ z-index: 0;
176
177
  }
177
178
  }
178
179
  .e-treeview .e-checkbox-wrapper {
@@ -184,7 +185,7 @@
184
185
  margin: 0 0 0 12px;
185
186
  }
186
187
  .e-treeview .e-checkbox-wrapper + .e-list-text {
187
- padding: 0 12px;
188
+ padding: 8px 12px;
188
189
  }
189
190
  .e-treeview .e-checkbox-wrapper .e-ripple-container {
190
191
  bottom: -7px;
@@ -198,24 +199,26 @@
198
199
  -webkit-box-sizing: border-box;
199
200
  box-sizing: border-box;
200
201
  display: inline-block;
201
- line-height: 36px;
202
+ line-height: 22px;
202
203
  margin: 0;
203
- min-height: 36px;
204
- padding: 0 12px;
204
+ min-height: 22px;
205
+ padding: 8px 12px;
205
206
  text-decoration: none;
206
207
  vertical-align: middle;
207
208
  }
208
209
  .e-treeview .e-list-text .e-input-group {
209
- height: 30px;
210
- margin-top: 3px;
210
+ height: 32px;
211
+ margin-bottom: 0;
211
212
  min-width: 150px;
212
213
  vertical-align: bottom;
213
214
  }
214
215
  .e-treeview .e-list-text .e-input-group .e-input {
215
216
  height: 28px;
217
+ padding-top: 6px;
218
+ padding-bottom: 6px;
216
219
  }
217
220
  .e-treeview .e-navigable-text {
218
- padding: 0 12px;
221
+ padding: 8px 12px;
219
222
  }
220
223
  .e-treeview .e-list-icon,
221
224
  .e-treeview .e-list-img {
@@ -685,7 +688,7 @@
685
688
  }
686
689
  .e-bigger .e-treeview .e-list-item .e-checkbox-wrapper + .e-list-text,
687
690
  .e-treeview.e-bigger .e-list-item .e-checkbox-wrapper + .e-list-text {
688
- padding: 0 16px;
691
+ padding: 10px 16px;
689
692
  }
690
693
  .e-bigger .e-treeview .e-icon-collapsible,
691
694
  .e-bigger .e-treeview .e-icon-expandable,
@@ -762,8 +765,10 @@
762
765
  }
763
766
  .e-bigger .e-treeview .e-list-text,
764
767
  .e-treeview.e-bigger .e-list-text {
765
- line-height: 40px;
766
- min-height: 40px;
768
+ line-height: 24px;
769
+ min-height: 24px;
770
+ padding-top: 10px;
771
+ padding-bottom: 10px;
767
772
  }
768
773
  .e-bigger .e-treeview .e-list-text .e-input-group,
769
774
  .e-treeview.e-bigger .e-list-text .e-input-group {
@@ -773,6 +778,11 @@
773
778
  .e-treeview.e-bigger .e-list-text .e-input-group .e-input {
774
779
  height: 36px;
775
780
  }
781
+ .e-bigger .e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group),
782
+ .e-treeview.e-bigger .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
783
+ padding-top: 2px;
784
+ padding-bottom: 2px;
785
+ }
776
786
  .e-bigger .e-treeview .e-checkbox-wrapper,
777
787
  .e-treeview.e-bigger .e-checkbox-wrapper {
778
788
  margin: 0 0 0 16px;
package/styles/treeview/fluent.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,
@@ -133,6 +131,10 @@
133
131
  .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
134
132
  content: none;
135
133
  }
134
+ .e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
135
+ padding-top: 3px;
136
+ padding-bottom: 3px;
137
+ }
136
138
  .e-treeview .e-icons .e-spinner-pane {
137
139
  position: relative;
138
140
  }
@@ -147,7 +149,6 @@
147
149
  -ms-user-select: none;
148
150
  -webkit-user-select: none;
149
151
  user-select: none;
150
- border: 1px solid;
151
152
  cursor: pointer;
152
153
  margin: 0;
153
154
  padding: 0 12px 0 20px;
@@ -172,7 +173,7 @@
172
173
  }
173
174
  @supports (-webkit-overflow-scrolling: touch) {
174
175
  .e-treeview .e-fullrow {
175
- z-index: -1;
176
+ z-index: 0;
176
177
  }
177
178
  }
178
179
  .e-treeview .e-checkbox-wrapper {
@@ -184,7 +185,7 @@
184
185
  margin: 0 0 0 12px;
185
186
  }
186
187
  .e-treeview .e-checkbox-wrapper + .e-list-text {
187
- padding: 0 12px;
188
+ padding: 8px 12px;
188
189
  }
189
190
  .e-treeview .e-checkbox-wrapper .e-ripple-container {
190
191
  bottom: -7px;
@@ -198,24 +199,26 @@
198
199
  -webkit-box-sizing: border-box;
199
200
  box-sizing: border-box;
200
201
  display: inline-block;
201
- line-height: 36px;
202
+ line-height: 22px;
202
203
  margin: 0;
203
- min-height: 36px;
204
- padding: 0 12px;
204
+ min-height: 22px;
205
+ padding: 8px 12px;
205
206
  text-decoration: none;
206
207
  vertical-align: middle;
207
208
  }
208
209
  .e-treeview .e-list-text .e-input-group {
209
- height: 30px;
210
- margin-top: 3px;
210
+ height: 32px;
211
+ margin-bottom: 0;
211
212
  min-width: 150px;
212
213
  vertical-align: bottom;
213
214
  }
214
215
  .e-treeview .e-list-text .e-input-group .e-input {
215
216
  height: 28px;
217
+ padding-top: 6px;
218
+ padding-bottom: 6px;
216
219
  }
217
220
  .e-treeview .e-navigable-text {
218
- padding: 0 12px;
221
+ padding: 8px 12px;
219
222
  }
220
223
  .e-treeview .e-list-icon,
221
224
  .e-treeview .e-list-img {
@@ -685,7 +688,7 @@
685
688
  }
686
689
  .e-bigger .e-treeview .e-list-item .e-checkbox-wrapper + .e-list-text,
687
690
  .e-treeview.e-bigger .e-list-item .e-checkbox-wrapper + .e-list-text {
688
- padding: 0 16px;
691
+ padding: 10px 16px;
689
692
  }
690
693
  .e-bigger .e-treeview .e-icon-collapsible,
691
694
  .e-bigger .e-treeview .e-icon-expandable,
@@ -762,8 +765,10 @@
762
765
  }
763
766
  .e-bigger .e-treeview .e-list-text,
764
767
  .e-treeview.e-bigger .e-list-text {
765
- line-height: 40px;
766
- min-height: 40px;
768
+ line-height: 24px;
769
+ min-height: 24px;
770
+ padding-top: 10px;
771
+ padding-bottom: 10px;
767
772
  }
768
773
  .e-bigger .e-treeview .e-list-text .e-input-group,
769
774
  .e-treeview.e-bigger .e-list-text .e-input-group {
@@ -773,6 +778,11 @@
773
778
  .e-treeview.e-bigger .e-list-text .e-input-group .e-input {
774
779
  height: 36px;
775
780
  }
781
+ .e-bigger .e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group),
782
+ .e-treeview.e-bigger .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
783
+ padding-top: 2px;
784
+ padding-bottom: 2px;
785
+ }
776
786
  .e-bigger .e-treeview .e-checkbox-wrapper,
777
787
  .e-treeview.e-bigger .e-checkbox-wrapper {
778
788
  margin: 0 0 0 16px;
package/styles/treeview/fluent2.css CHANGED
@@ -303,8 +303,8 @@
303
303
  padding: 4px 0;
304
304
  }
305
305
  .e-treeview .e-list-item .e-ul {
306
- margin: 2px 0 -2px;
307
306
  padding: 0 0 0 20px;
307
+ margin-top: 4px;
308
308
  }
309
309
  .e-treeview .e-list-item.e-disable > .e-text-content,
310
310
  .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -341,7 +341,6 @@
341
341
  -ms-user-select: none;
342
342
  -webkit-user-select: none;
343
343
  user-select: none;
344
- border: 1px solid;
345
344
  cursor: pointer;
346
345
  margin: 0;
347
346
  padding: 0 0 0 20px;
@@ -369,7 +368,7 @@
369
368
  }
370
369
  @supports (-webkit-overflow-scrolling: touch) {
371
370
  .e-treeview .e-fullrow {
372
- z-index: -1;
371
+ z-index: 0;
373
372
  }
374
373
  }
375
374
  .e-treeview .e-checkbox-wrapper {
@@ -411,6 +410,8 @@
411
410
  }
412
411
  .e-treeview .e-list-text .e-input-group .e-input {
413
412
  height: 28px;
413
+ padding-top: 6px;
414
+ padding-bottom: 6px;
414
415
  }
415
416
  .e-treeview .e-list-text .e-input-group:hover {
416
417
  border-color: var(--color-sf-border-focus);
package/styles/treeview/highcontrast-light.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 24px;
113
111
  }
114
112
  .e-treeview .e-list-item.e-disable > .e-text-content,
@@ -146,7 +144,6 @@
146
144
  -ms-user-select: none;
147
145
  -webkit-user-select: none;
148
146
  user-select: none;
149
- border: 1px solid;
150
147
  cursor: pointer;
151
148
  margin: 0;
152
149
  padding: 0 0 0 24px;
@@ -171,7 +168,7 @@
171
168
  }
172
169
  @supports (-webkit-overflow-scrolling: touch) {
173
170
  .e-treeview .e-fullrow {
174
- z-index: -1;
171
+ z-index: 0;
175
172
  }
176
173
  }
177
174
  .e-treeview .e-checkbox-wrapper {
@@ -212,6 +209,8 @@
212
209
  }
213
210
  .e-treeview .e-list-text .e-input-group .e-input {
214
211
  height: 28px;
212
+ padding-top: 6px;
213
+ padding-bottom: 6px;
215
214
  }
216
215
  .e-treeview .e-navigable-text {
217
216
  padding: 0 5px;
package/styles/treeview/highcontrast.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 24px;
114
112
  }
115
113
  .e-treeview .e-list-item.e-disable > .e-text-content,
@@ -133,6 +131,10 @@
133
131
  .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
134
132
  content: none;
135
133
  }
134
+ .e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
135
+ padding-top: 3px;
136
+ padding-bottom: 3px;
137
+ }
136
138
  .e-treeview .e-icons .e-spinner-pane {
137
139
  position: relative;
138
140
  }
@@ -147,7 +149,6 @@
147
149
  -ms-user-select: none;
148
150
  -webkit-user-select: none;
149
151
  user-select: none;
150
- border: 1px solid;
151
152
  cursor: pointer;
152
153
  margin: 0;
153
154
  padding: 0 0 0 24px;
@@ -164,7 +165,7 @@
164
165
  -webkit-box-sizing: border-box;
165
166
  box-sizing: border-box;
166
167
  cursor: pointer;
167
- height: 32px;
168
+ height: 36px;
168
169
  left: 0;
169
170
  overflow: hidden;
170
171
  position: absolute;
@@ -172,7 +173,7 @@
172
173
  }
173
174
  @supports (-webkit-overflow-scrolling: touch) {
174
175
  .e-treeview .e-fullrow {
175
- z-index: -1;
176
+ z-index: 0;
176
177
  }
177
178
  }
178
179
  .e-treeview .e-checkbox-wrapper {
@@ -184,7 +185,7 @@
184
185
  margin: 0 0 0 12px;
185
186
  }
186
187
  .e-treeview .e-checkbox-wrapper + .e-list-text {
187
- padding: 0 8px;
188
+ padding: 7px 8px;
188
189
  }
189
190
  .e-treeview .e-checkbox-wrapper .e-ripple-container {
190
191
  bottom: -7px;
@@ -198,10 +199,10 @@
198
199
  -webkit-box-sizing: border-box;
199
200
  box-sizing: border-box;
200
201
  display: inline-block;
201
- line-height: 30px;
202
+ line-height: 22px;
202
203
  margin: 0;
203
- min-height: 30px;
204
- padding: 0 8px;
204
+ min-height: 22px;
205
+ padding: 7px 8px;
205
206
  text-decoration: none;
206
207
  vertical-align: middle;
207
208
  }
@@ -213,9 +214,11 @@
213
214
  }
214
215
  .e-treeview .e-list-text .e-input-group .e-input {
215
216
  height: 28px;
217
+ padding-top: 6px;
218
+ padding-bottom: 6px;
216
219
  }
217
220
  .e-treeview .e-navigable-text {
218
- padding: 0 8px;
221
+ padding: 7px 8px;
219
222
  }
220
223
  .e-treeview .e-list-icon,
221
224
  .e-treeview .e-list-img {
@@ -693,7 +696,7 @@
693
696
  }
694
697
  .e-bigger .e-treeview .e-fullrow,
695
698
  .e-treeview.e-bigger .e-fullrow {
696
- height: 40px;
699
+ height: 46px;
697
700
  }
698
701
  .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text,
699
702
  .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-text {
@@ -720,17 +723,26 @@
720
723
  }
721
724
  .e-bigger .e-treeview .e-list-text,
722
725
  .e-treeview.e-bigger .e-list-text {
723
- line-height: 38px;
724
- min-height: 38px;
726
+ line-height: 24px;
727
+ min-height: 24px;
728
+ padding-top: 11px;
729
+ padding-bottom: 11px;
725
730
  }
726
731
  .e-bigger .e-treeview .e-list-text .e-input-group,
727
732
  .e-treeview.e-bigger .e-list-text .e-input-group {
728
733
  height: 38px;
734
+ line-height: 42px;
735
+ min-height: 42px;
729
736
  }
730
737
  .e-bigger .e-treeview .e-list-text .e-input-group .e-input,
731
738
  .e-treeview.e-bigger .e-list-text .e-input-group .e-input {
732
739
  height: 36px;
733
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: 4px;
744
+ padding-bottom: 4px;
745
+ }
734
746
  .e-bigger .e-treeview .e-checkbox-wrapper,
735
747
  .e-treeview.e-bigger .e-checkbox-wrapper {
736
748
  margin: 0 0 0 10px;
package/styles/treeview/material-dark.css CHANGED
@@ -119,10 +119,8 @@
119
119
  }
120
120
  .e-treeview .e-list-item {
121
121
  list-style: none;
122
- padding: 2px 0;
123
122
  }
124
123
  .e-treeview .e-list-item .e-ul {
125
- margin: 2px 0 -2px;
126
124
  padding: 0 0 0 24px;
127
125
  }
128
126
  .e-treeview .e-list-item.e-disable > .e-text-content,
@@ -146,6 +144,17 @@
146
144
  .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
147
145
  content: none;
148
146
  }
147
+ .e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
148
+ padding-top: 1px;
149
+ padding-bottom: 1px;
150
+ }
151
+ .e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) .e-input-group {
152
+ height: 34px;
153
+ }
154
+ .e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) .e-input-group .e-input {
155
+ line-height: 26px;
156
+ min-height: 26px;
157
+ }
149
158
  .e-treeview .e-icons .e-spinner-pane {
150
159
  position: relative;
151
160
  }
@@ -160,7 +169,6 @@
160
169
  -ms-user-select: none;
161
170
  -webkit-user-select: none;
162
171
  user-select: none;
163
- border: 1px solid;
164
172
  cursor: pointer;
165
173
  margin: 0;
166
174
  padding: 0 0 0 24px;
@@ -177,7 +185,7 @@
177
185
  -webkit-box-sizing: border-box;
178
186
  box-sizing: border-box;
179
187
  cursor: pointer;
180
- height: 32px;
188
+ height: 36px;
181
189
  left: 0;
182
190
  overflow: hidden;
183
191
  position: absolute;
@@ -185,7 +193,7 @@
185
193
  }
186
194
  @supports (-webkit-overflow-scrolling: touch) {
187
195
  .e-treeview .e-fullrow {
188
- z-index: -1;
196
+ z-index: 0;
189
197
  }
190
198
  }
191
199
  .e-treeview .e-checkbox-wrapper {
@@ -197,7 +205,7 @@
197
205
  margin: 0 0 0 12px;
198
206
  }
199
207
  .e-treeview .e-checkbox-wrapper + .e-list-text {
200
- padding: 0 10px;
208
+ padding: 7px 10px;
201
209
  }
202
210
  .e-treeview .e-checkbox-wrapper .e-ripple-container {
203
211
  bottom: -7px;
@@ -211,10 +219,10 @@
211
219
  -webkit-box-sizing: border-box;
212
220
  box-sizing: border-box;
213
221
  display: inline-block;
214
- line-height: 30px;
222
+ line-height: 22px;
215
223
  margin: 0;
216
- min-height: 30px;
217
- padding: 0 5px;
224
+ min-height: 22px;
225
+ padding: 7px 5px;
218
226
  text-decoration: none;
219
227
  vertical-align: middle;
220
228
  }
@@ -224,11 +232,8 @@
224
232
  min-width: 150px;
225
233
  vertical-align: bottom;
226
234
  }
227
- .e-treeview .e-list-text .e-input-group .e-input {
228
- height: 28px;
229
- }
230
235
  .e-treeview .e-navigable-text {
231
- padding: 0 5px;
236
+ padding: 7px 5px;
232
237
  }
233
238
  .e-treeview .e-list-icon,
234
239
  .e-treeview .e-list-img {
@@ -678,7 +683,7 @@
678
683
  }
679
684
  .e-bigger .e-treeview .e-fullrow,
680
685
  .e-treeview.e-bigger .e-fullrow {
681
- height: 40px;
686
+ height: 48px;
682
687
  }
683
688
  .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text,
684
689
  .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-text {
@@ -705,17 +710,33 @@
705
710
  }
706
711
  .e-bigger .e-treeview .e-list-text,
707
712
  .e-treeview.e-bigger .e-list-text {
708
- line-height: 38px;
709
- min-height: 38px;
713
+ line-height: 24px;
714
+ min-height: 24px;
715
+ padding-top: 12px;
716
+ padding-bottom: 12px;
710
717
  }
711
718
  .e-bigger .e-treeview .e-list-text .e-input-group,
712
719
  .e-treeview.e-bigger .e-list-text .e-input-group {
713
- height: 38px;
720
+ height: 40px;
721
+ line-height: 42px;
722
+ min-height: 42px;
714
723
  }
715
724
  .e-bigger .e-treeview .e-list-text .e-input-group .e-input,
716
725
  .e-treeview.e-bigger .e-list-text .e-input-group .e-input {
717
726
  height: 36px;
718
727
  }
728
+ .e-bigger .e-treeview .e-list-text .e-input-group .e-input,
729
+ .e-treeview.e-bigger .e-list-text .e-input-group .e-input {
730
+ line-height: 28px;
731
+ min-height: 28px;
732
+ padding-top: 9px;
733
+ padding-bottom: 5px;
734
+ }
735
+ .e-bigger .e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group),
736
+ .e-treeview.e-bigger .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
737
+ padding-top: 3px;
738
+ padding-bottom: 3px;
739
+ }
719
740
  .e-bigger .e-treeview .e-checkbox-wrapper,
720
741
  .e-treeview.e-bigger .e-checkbox-wrapper {
721
742
  margin: 0 0 0 10px;
package/styles/treeview/material.css CHANGED
@@ -140,10 +140,8 @@
140
140
  }
141
141
  .e-treeview .e-list-item {
142
142
  list-style: none;
143
- padding: 2px 0;
144
143
  }
145
144
  .e-treeview .e-list-item .e-ul {
146
- margin: 2px 0 -2px;
147
145
  padding: 0 0 0 24px;
148
146
  }
149
147
  .e-treeview .e-list-item.e-disable > .e-text-content,
@@ -167,6 +165,17 @@
167
165
  .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
168
166
  content: none;
169
167
  }
168
+ .e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
169
+ padding-top: 1px;
170
+ padding-bottom: 1px;
171
+ }
172
+ .e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) .e-input-group {
173
+ height: 34px;
174
+ }
175
+ .e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) .e-input-group .e-input {
176
+ line-height: 26px;
177
+ min-height: 26px;
178
+ }
170
179
  .e-treeview .e-icons .e-spinner-pane {
171
180
  position: relative;
172
181
  }
@@ -181,7 +190,6 @@
181
190
  -ms-user-select: none;
182
191
  -webkit-user-select: none;
183
192
  user-select: none;
184
- border: 1px solid;
185
193
  cursor: pointer;
186
194
  margin: 0;
187
195
  padding: 0 0 0 24px;
@@ -198,7 +206,7 @@
198
206
  -webkit-box-sizing: border-box;
199
207
  box-sizing: border-box;
200
208
  cursor: pointer;
201
- height: 32px;
209
+ height: 36px;
202
210
  left: 0;
203
211
  overflow: hidden;
204
212
  position: absolute;
@@ -206,7 +214,7 @@
206
214
  }
207
215
  @supports (-webkit-overflow-scrolling: touch) {
208
216
  .e-treeview .e-fullrow {
209
- z-index: -1;
217
+ z-index: 0;
210
218
  }
211
219
  }
212
220
  .e-treeview .e-checkbox-wrapper {
@@ -218,7 +226,7 @@
218
226
  margin: 0 0 0 12px;
219
227
  }
220
228
  .e-treeview .e-checkbox-wrapper + .e-list-text {
221
- padding: 0 10px;
229
+ padding: 7px 10px;
222
230
  }
223
231
  .e-treeview .e-checkbox-wrapper .e-ripple-container {
224
232
  bottom: -7px;
@@ -232,10 +240,10 @@
232
240
  -webkit-box-sizing: border-box;
233
241
  box-sizing: border-box;
234
242
  display: inline-block;
235
- line-height: 30px;
243
+ line-height: 22px;
236
244
  margin: 0;
237
- min-height: 30px;
238
- padding: 0 5px;
245
+ min-height: 22px;
246
+ padding: 7px 5px;
239
247
  text-decoration: none;
240
248
  vertical-align: middle;
241
249
  }
@@ -246,7 +254,7 @@
246
254
  vertical-align: bottom;
247
255
  }
248
256
  .e-treeview .e-navigable-text {
249
- padding: 0 5px;
257
+ padding: 7px 5px;
250
258
  }
251
259
  .e-treeview .e-list-icon,
252
260
  .e-treeview .e-list-img {
@@ -696,7 +704,7 @@
696
704
  }
697
705
  .e-bigger .e-treeview .e-fullrow,
698
706
  .e-treeview.e-bigger .e-fullrow {
699
- height: 40px;
707
+ height: 48px;
700
708
  }
701
709
  .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text,
702
710
  .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-text {
@@ -723,13 +731,27 @@
723
731
  }
724
732
  .e-bigger .e-treeview .e-list-text,
725
733
  .e-treeview.e-bigger .e-list-text {
726
- line-height: 38px;
727
- min-height: 38px;
734
+ line-height: 24px;
735
+ min-height: 24px;
736
+ padding-top: 12px;
737
+ padding-bottom: 12px;
728
738
  }
729
739
  .e-bigger .e-treeview .e-list-text .e-input-group,
730
740
  .e-treeview.e-bigger .e-list-text .e-input-group {
731
741
  height: 38px;
732
742
  }
743
+ .e-bigger .e-treeview .e-list-text .e-input-group .e-input,
744
+ .e-treeview.e-bigger .e-list-text .e-input-group .e-input {
745
+ line-height: 28px;
746
+ min-height: 28px;
747
+ padding-top: 9px;
748
+ padding-bottom: 5px;
749
+ }
750
+ .e-bigger .e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group),
751
+ .e-treeview.e-bigger .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
752
+ padding-top: 3px;
753
+ padding-bottom: 3px;
754
+ }
733
755
  .e-bigger .e-treeview .e-checkbox-wrapper,
734
756
  .e-treeview.e-bigger .e-checkbox-wrapper {
735
757
  margin: 0 0 0 10px;
package/styles/treeview/material3-dark.css CHANGED
@@ -142,9 +142,7 @@
142
142
  list-style: none;
143
143
  }
144
144
  .e-treeview .e-list-item .e-ul {
145
- margin: 2px 0 -2px;
146
145
  padding: 0 0 0 20px;
147
- margin: 0;
148
146
  }
149
147
  .e-treeview .e-list-item.e-disable > .e-text-content,
150
148
  .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -181,7 +179,6 @@
181
179
  -ms-user-select: none;
182
180
  -webkit-user-select: none;
183
181
  user-select: none;
184
- border: 1px solid;
185
182
  cursor: pointer;
186
183
  margin: 0;
187
184
  padding: 0 0 0 20px;
@@ -207,7 +204,7 @@
207
204
  }
208
205
  @supports (-webkit-overflow-scrolling: touch) {
209
206
  .e-treeview .e-fullrow {
210
- z-index: -1;
207
+ z-index: 0;
211
208
  }
212
209
  }
213
210
  .e-treeview .e-checkbox-wrapper {
@@ -248,6 +245,8 @@
248
245
  }
249
246
  .e-treeview .e-list-text .e-input-group .e-input {
250
247
  height: 28px;
248
+ padding-top: 6px;
249
+ padding-bottom: 6px;
251
250
  }
252
251
  .e-treeview .e-navigable-text {
253
252
  padding: 0;
@@ -885,6 +884,7 @@
885
884
  .e-bigger .e-treeview .e-list-text,
886
885
  .e-treeview.e-bigger .e-list-text {
887
886
  font-size: 16px;
887
+ padding: 12px;
888
888
  }
889
889
  .e-bigger .e-treeview .e-icon-collapsible::before,
890
890
  .e-bigger .e-treeview .e-icon-expandable::before,