@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/fluent-dark-lite.css CHANGED
@@ -6139,10 +6139,8 @@
6139
6139
  }
6140
6140
  .e-treeview .e-list-item {
6141
6141
  list-style: none;
6142
- padding: 2px 0;
6143
6142
  }
6144
6143
  .e-treeview .e-list-item .e-ul {
6145
- margin: 2px 0 -2px;
6146
6144
  padding: 0 0 0 20px;
6147
6145
  }
6148
6146
  .e-treeview .e-list-item.e-disable > .e-text-content,
@@ -6166,6 +6164,10 @@
6166
6164
  .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
6167
6165
  content: none;
6168
6166
  }
6167
+ .e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
6168
+ padding-top: 3px;
6169
+ padding-bottom: 3px;
6170
+ }
6169
6171
  .e-treeview .e-icons .e-spinner-pane {
6170
6172
  position: relative;
6171
6173
  }
@@ -6180,7 +6182,6 @@
6180
6182
  -ms-user-select: none;
6181
6183
  -webkit-user-select: none;
6182
6184
  user-select: none;
6183
- border: 1px solid;
6184
6185
  cursor: pointer;
6185
6186
  margin: 0;
6186
6187
  padding: 0 12px 0 20px;
@@ -6205,7 +6206,7 @@
6205
6206
  }
6206
6207
  @supports (-webkit-overflow-scrolling: touch) {
6207
6208
  .e-treeview .e-fullrow {
6208
- z-index: -1;
6209
+ z-index: 0;
6209
6210
  }
6210
6211
  }
6211
6212
  .e-treeview .e-checkbox-wrapper {
@@ -6217,7 +6218,7 @@
6217
6218
  margin: 0 0 0 12px;
6218
6219
  }
6219
6220
  .e-treeview .e-checkbox-wrapper + .e-list-text {
6220
- padding: 0 12px;
6221
+ padding: 8px 12px;
6221
6222
  }
6222
6223
  .e-treeview .e-checkbox-wrapper .e-ripple-container {
6223
6224
  bottom: -7px;
@@ -6231,24 +6232,26 @@
6231
6232
  -webkit-box-sizing: border-box;
6232
6233
  box-sizing: border-box;
6233
6234
  display: inline-block;
6234
- line-height: 36px;
6235
+ line-height: 22px;
6235
6236
  margin: 0;
6236
- min-height: 36px;
6237
- padding: 0 12px;
6237
+ min-height: 22px;
6238
+ padding: 8px 12px;
6238
6239
  text-decoration: none;
6239
6240
  vertical-align: middle;
6240
6241
  }
6241
6242
  .e-treeview .e-list-text .e-input-group {
6242
- height: 30px;
6243
- margin-top: 3px;
6243
+ height: 32px;
6244
+ margin-bottom: 0;
6244
6245
  min-width: 150px;
6245
6246
  vertical-align: bottom;
6246
6247
  }
6247
6248
  .e-treeview .e-list-text .e-input-group .e-input {
6248
6249
  height: 28px;
6250
+ padding-top: 6px;
6251
+ padding-bottom: 6px;
6249
6252
  }
6250
6253
  .e-treeview .e-navigable-text {
6251
- padding: 0 12px;
6254
+ padding: 8px 12px;
6252
6255
  }
6253
6256
  .e-treeview .e-list-icon,
6254
6257
  .e-treeview .e-list-img {
@@ -7089,7 +7092,7 @@ ejs-sidebar {
7089
7092
  .e-menu-container ul .e-menu-item .e-caret {
7090
7093
  font-size: 14px;
7091
7094
  height: auto;
7092
- line-height: 44px;
7095
+ line-height: 40px;
7093
7096
  position: absolute;
7094
7097
  right: 8px;
7095
7098
  top: 0;
@@ -7153,6 +7156,7 @@ ejs-sidebar {
7153
7156
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
7154
7157
  .e-menu-container .e-ul .e-menu-item .e-caret {
7155
7158
  font-size: 14px;
7159
+ line-height: 40px;
7156
7160
  }
7157
7161
 
7158
7162
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
package/styles/fluent-dark.css CHANGED
@@ -8008,10 +8008,8 @@
8008
8008
  }
8009
8009
  .e-treeview .e-list-item {
8010
8010
  list-style: none;
8011
- padding: 2px 0;
8012
8011
  }
8013
8012
  .e-treeview .e-list-item .e-ul {
8014
- margin: 2px 0 -2px;
8015
8013
  padding: 0 0 0 20px;
8016
8014
  }
8017
8015
  .e-treeview .e-list-item.e-disable > .e-text-content,
@@ -8035,6 +8033,10 @@
8035
8033
  .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
8036
8034
  content: none;
8037
8035
  }
8036
+ .e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
8037
+ padding-top: 3px;
8038
+ padding-bottom: 3px;
8039
+ }
8038
8040
  .e-treeview .e-icons .e-spinner-pane {
8039
8041
  position: relative;
8040
8042
  }
@@ -8049,7 +8051,6 @@
8049
8051
  -ms-user-select: none;
8050
8052
  -webkit-user-select: none;
8051
8053
  user-select: none;
8052
- border: 1px solid;
8053
8054
  cursor: pointer;
8054
8055
  margin: 0;
8055
8056
  padding: 0 12px 0 20px;
@@ -8074,7 +8075,7 @@
8074
8075
  }
8075
8076
  @supports (-webkit-overflow-scrolling: touch) {
8076
8077
  .e-treeview .e-fullrow {
8077
- z-index: -1;
8078
+ z-index: 0;
8078
8079
  }
8079
8080
  }
8080
8081
  .e-treeview .e-checkbox-wrapper {
@@ -8086,7 +8087,7 @@
8086
8087
  margin: 0 0 0 12px;
8087
8088
  }
8088
8089
  .e-treeview .e-checkbox-wrapper + .e-list-text {
8089
- padding: 0 12px;
8090
+ padding: 8px 12px;
8090
8091
  }
8091
8092
  .e-treeview .e-checkbox-wrapper .e-ripple-container {
8092
8093
  bottom: -7px;
@@ -8100,24 +8101,26 @@
8100
8101
  -webkit-box-sizing: border-box;
8101
8102
  box-sizing: border-box;
8102
8103
  display: inline-block;
8103
- line-height: 36px;
8104
+ line-height: 22px;
8104
8105
  margin: 0;
8105
- min-height: 36px;
8106
- padding: 0 12px;
8106
+ min-height: 22px;
8107
+ padding: 8px 12px;
8107
8108
  text-decoration: none;
8108
8109
  vertical-align: middle;
8109
8110
  }
8110
8111
  .e-treeview .e-list-text .e-input-group {
8111
- height: 30px;
8112
- margin-top: 3px;
8112
+ height: 32px;
8113
+ margin-bottom: 0;
8113
8114
  min-width: 150px;
8114
8115
  vertical-align: bottom;
8115
8116
  }
8116
8117
  .e-treeview .e-list-text .e-input-group .e-input {
8117
8118
  height: 28px;
8119
+ padding-top: 6px;
8120
+ padding-bottom: 6px;
8118
8121
  }
8119
8122
  .e-treeview .e-navigable-text {
8120
- padding: 0 12px;
8123
+ padding: 8px 12px;
8121
8124
  }
8122
8125
  .e-treeview .e-list-icon,
8123
8126
  .e-treeview .e-list-img {
@@ -8587,7 +8590,7 @@
8587
8590
  }
8588
8591
  .e-bigger .e-treeview .e-list-item .e-checkbox-wrapper + .e-list-text,
8589
8592
  .e-treeview.e-bigger .e-list-item .e-checkbox-wrapper + .e-list-text {
8590
- padding: 0 16px;
8593
+ padding: 10px 16px;
8591
8594
  }
8592
8595
  .e-bigger .e-treeview .e-icon-collapsible,
8593
8596
  .e-bigger .e-treeview .e-icon-expandable,
@@ -8664,8 +8667,10 @@
8664
8667
  }
8665
8668
  .e-bigger .e-treeview .e-list-text,
8666
8669
  .e-treeview.e-bigger .e-list-text {
8667
- line-height: 40px;
8668
- min-height: 40px;
8670
+ line-height: 24px;
8671
+ min-height: 24px;
8672
+ padding-top: 10px;
8673
+ padding-bottom: 10px;
8669
8674
  }
8670
8675
  .e-bigger .e-treeview .e-list-text .e-input-group,
8671
8676
  .e-treeview.e-bigger .e-list-text .e-input-group {
@@ -8675,6 +8680,11 @@
8675
8680
  .e-treeview.e-bigger .e-list-text .e-input-group .e-input {
8676
8681
  height: 36px;
8677
8682
  }
8683
+ .e-bigger .e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group),
8684
+ .e-treeview.e-bigger .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
8685
+ padding-top: 2px;
8686
+ padding-bottom: 2px;
8687
+ }
8678
8688
  .e-bigger .e-treeview .e-checkbox-wrapper,
8679
8689
  .e-treeview.e-bigger .e-checkbox-wrapper {
8680
8690
  margin: 0 0 0 16px;
@@ -9210,7 +9220,7 @@ ejs-sidebar {
9210
9220
  .e-menu-container ul .e-menu-item .e-caret {
9211
9221
  font-size: 14px;
9212
9222
  height: auto;
9213
- line-height: 44px;
9223
+ line-height: 40px;
9214
9224
  position: absolute;
9215
9225
  right: 8px;
9216
9226
  top: 0;
@@ -9274,6 +9284,7 @@ ejs-sidebar {
9274
9284
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
9275
9285
  .e-menu-container .e-ul .e-menu-item .e-caret {
9276
9286
  font-size: 14px;
9287
+ line-height: 40px;
9277
9288
  }
9278
9289
 
9279
9290
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
package/styles/fluent-lite.css CHANGED
@@ -6139,10 +6139,8 @@
6139
6139
  }
6140
6140
  .e-treeview .e-list-item {
6141
6141
  list-style: none;
6142
- padding: 2px 0;
6143
6142
  }
6144
6143
  .e-treeview .e-list-item .e-ul {
6145
- margin: 2px 0 -2px;
6146
6144
  padding: 0 0 0 20px;
6147
6145
  }
6148
6146
  .e-treeview .e-list-item.e-disable > .e-text-content,
@@ -6166,6 +6164,10 @@
6166
6164
  .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
6167
6165
  content: none;
6168
6166
  }
6167
+ .e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
6168
+ padding-top: 3px;
6169
+ padding-bottom: 3px;
6170
+ }
6169
6171
  .e-treeview .e-icons .e-spinner-pane {
6170
6172
  position: relative;
6171
6173
  }
@@ -6180,7 +6182,6 @@
6180
6182
  -ms-user-select: none;
6181
6183
  -webkit-user-select: none;
6182
6184
  user-select: none;
6183
- border: 1px solid;
6184
6185
  cursor: pointer;
6185
6186
  margin: 0;
6186
6187
  padding: 0 12px 0 20px;
@@ -6205,7 +6206,7 @@
6205
6206
  }
6206
6207
  @supports (-webkit-overflow-scrolling: touch) {
6207
6208
  .e-treeview .e-fullrow {
6208
- z-index: -1;
6209
+ z-index: 0;
6209
6210
  }
6210
6211
  }
6211
6212
  .e-treeview .e-checkbox-wrapper {
@@ -6217,7 +6218,7 @@
6217
6218
  margin: 0 0 0 12px;
6218
6219
  }
6219
6220
  .e-treeview .e-checkbox-wrapper + .e-list-text {
6220
- padding: 0 12px;
6221
+ padding: 8px 12px;
6221
6222
  }
6222
6223
  .e-treeview .e-checkbox-wrapper .e-ripple-container {
6223
6224
  bottom: -7px;
@@ -6231,24 +6232,26 @@
6231
6232
  -webkit-box-sizing: border-box;
6232
6233
  box-sizing: border-box;
6233
6234
  display: inline-block;
6234
- line-height: 36px;
6235
+ line-height: 22px;
6235
6236
  margin: 0;
6236
- min-height: 36px;
6237
- padding: 0 12px;
6237
+ min-height: 22px;
6238
+ padding: 8px 12px;
6238
6239
  text-decoration: none;
6239
6240
  vertical-align: middle;
6240
6241
  }
6241
6242
  .e-treeview .e-list-text .e-input-group {
6242
- height: 30px;
6243
- margin-top: 3px;
6243
+ height: 32px;
6244
+ margin-bottom: 0;
6244
6245
  min-width: 150px;
6245
6246
  vertical-align: bottom;
6246
6247
  }
6247
6248
  .e-treeview .e-list-text .e-input-group .e-input {
6248
6249
  height: 28px;
6250
+ padding-top: 6px;
6251
+ padding-bottom: 6px;
6249
6252
  }
6250
6253
  .e-treeview .e-navigable-text {
6251
- padding: 0 12px;
6254
+ padding: 8px 12px;
6252
6255
  }
6253
6256
  .e-treeview .e-list-icon,
6254
6257
  .e-treeview .e-list-img {
@@ -7089,7 +7092,7 @@ ejs-sidebar {
7089
7092
  .e-menu-container ul .e-menu-item .e-caret {
7090
7093
  font-size: 14px;
7091
7094
  height: auto;
7092
- line-height: 44px;
7095
+ line-height: 40px;
7093
7096
  position: absolute;
7094
7097
  right: 8px;
7095
7098
  top: 0;
@@ -7153,6 +7156,7 @@ ejs-sidebar {
7153
7156
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
7154
7157
  .e-menu-container .e-ul .e-menu-item .e-caret {
7155
7158
  font-size: 14px;
7159
+ line-height: 40px;
7156
7160
  }
7157
7161
 
7158
7162
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
package/styles/fluent.css CHANGED
@@ -8008,10 +8008,8 @@
8008
8008
  }
8009
8009
  .e-treeview .e-list-item {
8010
8010
  list-style: none;
8011
- padding: 2px 0;
8012
8011
  }
8013
8012
  .e-treeview .e-list-item .e-ul {
8014
- margin: 2px 0 -2px;
8015
8013
  padding: 0 0 0 20px;
8016
8014
  }
8017
8015
  .e-treeview .e-list-item.e-disable > .e-text-content,
@@ -8035,6 +8033,10 @@
8035
8033
  .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
8036
8034
  content: none;
8037
8035
  }
8036
+ .e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
8037
+ padding-top: 3px;
8038
+ padding-bottom: 3px;
8039
+ }
8038
8040
  .e-treeview .e-icons .e-spinner-pane {
8039
8041
  position: relative;
8040
8042
  }
@@ -8049,7 +8051,6 @@
8049
8051
  -ms-user-select: none;
8050
8052
  -webkit-user-select: none;
8051
8053
  user-select: none;
8052
- border: 1px solid;
8053
8054
  cursor: pointer;
8054
8055
  margin: 0;
8055
8056
  padding: 0 12px 0 20px;
@@ -8074,7 +8075,7 @@
8074
8075
  }
8075
8076
  @supports (-webkit-overflow-scrolling: touch) {
8076
8077
  .e-treeview .e-fullrow {
8077
- z-index: -1;
8078
+ z-index: 0;
8078
8079
  }
8079
8080
  }
8080
8081
  .e-treeview .e-checkbox-wrapper {
@@ -8086,7 +8087,7 @@
8086
8087
  margin: 0 0 0 12px;
8087
8088
  }
8088
8089
  .e-treeview .e-checkbox-wrapper + .e-list-text {
8089
- padding: 0 12px;
8090
+ padding: 8px 12px;
8090
8091
  }
8091
8092
  .e-treeview .e-checkbox-wrapper .e-ripple-container {
8092
8093
  bottom: -7px;
@@ -8100,24 +8101,26 @@
8100
8101
  -webkit-box-sizing: border-box;
8101
8102
  box-sizing: border-box;
8102
8103
  display: inline-block;
8103
- line-height: 36px;
8104
+ line-height: 22px;
8104
8105
  margin: 0;
8105
- min-height: 36px;
8106
- padding: 0 12px;
8106
+ min-height: 22px;
8107
+ padding: 8px 12px;
8107
8108
  text-decoration: none;
8108
8109
  vertical-align: middle;
8109
8110
  }
8110
8111
  .e-treeview .e-list-text .e-input-group {
8111
- height: 30px;
8112
- margin-top: 3px;
8112
+ height: 32px;
8113
+ margin-bottom: 0;
8113
8114
  min-width: 150px;
8114
8115
  vertical-align: bottom;
8115
8116
  }
8116
8117
  .e-treeview .e-list-text .e-input-group .e-input {
8117
8118
  height: 28px;
8119
+ padding-top: 6px;
8120
+ padding-bottom: 6px;
8118
8121
  }
8119
8122
  .e-treeview .e-navigable-text {
8120
- padding: 0 12px;
8123
+ padding: 8px 12px;
8121
8124
  }
8122
8125
  .e-treeview .e-list-icon,
8123
8126
  .e-treeview .e-list-img {
@@ -8587,7 +8590,7 @@
8587
8590
  }
8588
8591
  .e-bigger .e-treeview .e-list-item .e-checkbox-wrapper + .e-list-text,
8589
8592
  .e-treeview.e-bigger .e-list-item .e-checkbox-wrapper + .e-list-text {
8590
- padding: 0 16px;
8593
+ padding: 10px 16px;
8591
8594
  }
8592
8595
  .e-bigger .e-treeview .e-icon-collapsible,
8593
8596
  .e-bigger .e-treeview .e-icon-expandable,
@@ -8664,8 +8667,10 @@
8664
8667
  }
8665
8668
  .e-bigger .e-treeview .e-list-text,
8666
8669
  .e-treeview.e-bigger .e-list-text {
8667
- line-height: 40px;
8668
- min-height: 40px;
8670
+ line-height: 24px;
8671
+ min-height: 24px;
8672
+ padding-top: 10px;
8673
+ padding-bottom: 10px;
8669
8674
  }
8670
8675
  .e-bigger .e-treeview .e-list-text .e-input-group,
8671
8676
  .e-treeview.e-bigger .e-list-text .e-input-group {
@@ -8675,6 +8680,11 @@
8675
8680
  .e-treeview.e-bigger .e-list-text .e-input-group .e-input {
8676
8681
  height: 36px;
8677
8682
  }
8683
+ .e-bigger .e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group),
8684
+ .e-treeview.e-bigger .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
8685
+ padding-top: 2px;
8686
+ padding-bottom: 2px;
8687
+ }
8678
8688
  .e-bigger .e-treeview .e-checkbox-wrapper,
8679
8689
  .e-treeview.e-bigger .e-checkbox-wrapper {
8680
8690
  margin: 0 0 0 16px;
@@ -9210,7 +9220,7 @@ ejs-sidebar {
9210
9220
  .e-menu-container ul .e-menu-item .e-caret {
9211
9221
  font-size: 14px;
9212
9222
  height: auto;
9213
- line-height: 44px;
9223
+ line-height: 40px;
9214
9224
  position: absolute;
9215
9225
  right: 8px;
9216
9226
  top: 0;
@@ -9274,6 +9284,7 @@ ejs-sidebar {
9274
9284
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
9275
9285
  .e-menu-container .e-ul .e-menu-item .e-caret {
9276
9286
  font-size: 14px;
9287
+ line-height: 40px;
9277
9288
  }
9278
9289
 
9279
9290
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
package/styles/fluent2-lite.css CHANGED
@@ -6571,8 +6571,8 @@
6571
6571
  padding: 4px 0;
6572
6572
  }
6573
6573
  .e-treeview .e-list-item .e-ul {
6574
- margin: 2px 0 -2px;
6575
6574
  padding: 0 0 0 20px;
6575
+ margin-top: 4px;
6576
6576
  }
6577
6577
  .e-treeview .e-list-item.e-disable > .e-text-content,
6578
6578
  .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -6609,7 +6609,6 @@
6609
6609
  -ms-user-select: none;
6610
6610
  -webkit-user-select: none;
6611
6611
  user-select: none;
6612
- border: 1px solid;
6613
6612
  cursor: pointer;
6614
6613
  margin: 0;
6615
6614
  padding: 0 0 0 20px;
@@ -6637,7 +6636,7 @@
6637
6636
  }
6638
6637
  @supports (-webkit-overflow-scrolling: touch) {
6639
6638
  .e-treeview .e-fullrow {
6640
- z-index: -1;
6639
+ z-index: 0;
6641
6640
  }
6642
6641
  }
6643
6642
  .e-treeview .e-checkbox-wrapper {
@@ -6679,6 +6678,8 @@
6679
6678
  }
6680
6679
  .e-treeview .e-list-text .e-input-group .e-input {
6681
6680
  height: 28px;
6681
+ padding-top: 6px;
6682
+ padding-bottom: 6px;
6682
6683
  }
6683
6684
  .e-treeview .e-list-text .e-input-group:hover {
6684
6685
  border-color: var(--color-sf-border-focus);
@@ -7535,7 +7536,7 @@ ejs-sidebar {
7535
7536
  .e-menu-container ul .e-menu-item .e-caret {
7536
7537
  font-size: 14px;
7537
7538
  height: auto;
7538
- line-height: 42px;
7539
+ line-height: 40px;
7539
7540
  position: absolute;
7540
7541
  right: 8px;
7541
7542
  top: 0;
@@ -7603,6 +7604,7 @@ ejs-sidebar {
7603
7604
  .e-menu-container .e-ul .e-menu-item .e-caret {
7604
7605
  font-size: 14px;
7605
7606
  padding: 9px 0;
7607
+ line-height: 18px;
7606
7608
  }
7607
7609
 
7608
7610
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
package/styles/fluent2.css CHANGED
@@ -8496,8 +8496,8 @@
8496
8496
  padding: 4px 0;
8497
8497
  }
8498
8498
  .e-treeview .e-list-item .e-ul {
8499
- margin: 2px 0 -2px;
8500
8499
  padding: 0 0 0 20px;
8500
+ margin-top: 4px;
8501
8501
  }
8502
8502
  .e-treeview .e-list-item.e-disable > .e-text-content,
8503
8503
  .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -8534,7 +8534,6 @@
8534
8534
  -ms-user-select: none;
8535
8535
  -webkit-user-select: none;
8536
8536
  user-select: none;
8537
- border: 1px solid;
8538
8537
  cursor: pointer;
8539
8538
  margin: 0;
8540
8539
  padding: 0 0 0 20px;
@@ -8562,7 +8561,7 @@
8562
8561
  }
8563
8562
  @supports (-webkit-overflow-scrolling: touch) {
8564
8563
  .e-treeview .e-fullrow {
8565
- z-index: -1;
8564
+ z-index: 0;
8566
8565
  }
8567
8566
  }
8568
8567
  .e-treeview .e-checkbox-wrapper {
@@ -8604,6 +8603,8 @@
8604
8603
  }
8605
8604
  .e-treeview .e-list-text .e-input-group .e-input {
8606
8605
  height: 28px;
8606
+ padding-top: 6px;
8607
+ padding-bottom: 6px;
8607
8608
  }
8608
8609
  .e-treeview .e-list-text .e-input-group:hover {
8609
8610
  border-color: var(--color-sf-border-focus);
@@ -9678,7 +9679,7 @@ ejs-sidebar {
9678
9679
  .e-menu-container ul .e-menu-item .e-caret {
9679
9680
  font-size: 14px;
9680
9681
  height: auto;
9681
- line-height: 42px;
9682
+ line-height: 40px;
9682
9683
  position: absolute;
9683
9684
  right: 8px;
9684
9685
  top: 0;
@@ -9746,6 +9747,7 @@ ejs-sidebar {
9746
9747
  .e-menu-container .e-ul .e-menu-item .e-caret {
9747
9748
  font-size: 14px;
9748
9749
  padding: 9px 0;
9750
+ line-height: 18px;
9749
9751
  }
9750
9752
 
9751
9753
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
package/styles/highcontrast-light-lite.css CHANGED
@@ -6093,10 +6093,8 @@
6093
6093
  }
6094
6094
  .e-treeview .e-list-item {
6095
6095
  list-style: none;
6096
- padding: 2px 0;
6097
6096
  }
6098
6097
  .e-treeview .e-list-item .e-ul {
6099
- margin: 2px 0 -2px;
6100
6098
  padding: 0 0 0 24px;
6101
6099
  }
6102
6100
  .e-treeview .e-list-item.e-disable > .e-text-content,
@@ -6134,7 +6132,6 @@
6134
6132
  -ms-user-select: none;
6135
6133
  -webkit-user-select: none;
6136
6134
  user-select: none;
6137
- border: 1px solid;
6138
6135
  cursor: pointer;
6139
6136
  margin: 0;
6140
6137
  padding: 0 0 0 24px;
@@ -6159,7 +6156,7 @@
6159
6156
  }
6160
6157
  @supports (-webkit-overflow-scrolling: touch) {
6161
6158
  .e-treeview .e-fullrow {
6162
- z-index: -1;
6159
+ z-index: 0;
6163
6160
  }
6164
6161
  }
6165
6162
  .e-treeview .e-checkbox-wrapper {
@@ -6200,6 +6197,8 @@
6200
6197
  }
6201
6198
  .e-treeview .e-list-text .e-input-group .e-input {
6202
6199
  height: 28px;
6200
+ padding-top: 6px;
6201
+ padding-bottom: 6px;
6203
6202
  }
6204
6203
  .e-treeview .e-navigable-text {
6205
6204
  padding: 0 5px;
@@ -7096,6 +7095,7 @@ ejs-sidebar {
7096
7095
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
7097
7096
  .e-menu-container .e-ul .e-menu-item .e-caret {
7098
7097
  font-size: 12px;
7098
+ line-height: 36px;
7099
7099
  }
7100
7100
 
7101
7101
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
package/styles/highcontrast-light.css CHANGED
@@ -7975,10 +7975,8 @@
7975
7975
  }
7976
7976
  .e-treeview .e-list-item {
7977
7977
  list-style: none;
7978
- padding: 2px 0;
7979
7978
  }
7980
7979
  .e-treeview .e-list-item .e-ul {
7981
- margin: 2px 0 -2px;
7982
7980
  padding: 0 0 0 24px;
7983
7981
  }
7984
7982
  .e-treeview .e-list-item.e-disable > .e-text-content,
@@ -8016,7 +8014,6 @@
8016
8014
  -ms-user-select: none;
8017
8015
  -webkit-user-select: none;
8018
8016
  user-select: none;
8019
- border: 1px solid;
8020
8017
  cursor: pointer;
8021
8018
  margin: 0;
8022
8019
  padding: 0 0 0 24px;
@@ -8041,7 +8038,7 @@
8041
8038
  }
8042
8039
  @supports (-webkit-overflow-scrolling: touch) {
8043
8040
  .e-treeview .e-fullrow {
8044
- z-index: -1;
8041
+ z-index: 0;
8045
8042
  }
8046
8043
  }
8047
8044
  .e-treeview .e-checkbox-wrapper {
@@ -8082,6 +8079,8 @@
8082
8079
  }
8083
8080
  .e-treeview .e-list-text .e-input-group .e-input {
8084
8081
  height: 28px;
8082
+ padding-top: 6px;
8083
+ padding-bottom: 6px;
8085
8084
  }
8086
8085
  .e-treeview .e-navigable-text {
8087
8086
  padding: 0 5px;
@@ -9128,6 +9127,7 @@ ejs-sidebar {
9128
9127
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
9129
9128
  .e-menu-container .e-ul .e-menu-item .e-caret {
9130
9129
  font-size: 12px;
9130
+ line-height: 36px;
9131
9131
  }
9132
9132
 
9133
9133
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,