@syncfusion/ej2-navigations 31.1.18 → 31.2.2

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 (115) hide show
  1. package/dist/ej2-navigations.min.js +3 -3
  2. package/dist/ej2-navigations.umd.min.js +3 -3
  3. package/dist/ej2-navigations.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-navigations.es2015.js +5 -1
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +5 -1
  7. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  8. package/dist/global/ej2-navigations.min.js +3 -3
  9. package/dist/global/ej2-navigations.min.js.map +1 -1
  10. package/dist/global/index.d.ts +2 -2
  11. package/package.json +7 -7
  12. package/src/toolbar/toolbar.js +4 -1
  13. package/src/treeview/treeview.js +1 -0
  14. package/styles/bds-lite.css +5 -6
  15. package/styles/bds.css +5 -6
  16. package/styles/bootstrap-dark-lite.css +4 -3
  17. package/styles/bootstrap-dark.css +4 -3
  18. package/styles/bootstrap-lite.css +4 -3
  19. package/styles/bootstrap.css +4 -3
  20. package/styles/bootstrap4-lite.css +13 -11
  21. package/styles/bootstrap4.css +25 -16
  22. package/styles/bootstrap5-dark-lite.css +14 -12
  23. package/styles/bootstrap5-dark.css +24 -14
  24. package/styles/bootstrap5-lite.css +14 -12
  25. package/styles/bootstrap5.3-lite.css +23 -12
  26. package/styles/bootstrap5.3.css +34 -15
  27. package/styles/bootstrap5.css +24 -14
  28. package/styles/fabric-dark-lite.css +4 -3
  29. package/styles/fabric-dark.css +4 -3
  30. package/styles/fabric-lite.css +4 -3
  31. package/styles/fabric.css +4 -3
  32. package/styles/fluent-dark-lite.css +16 -14
  33. package/styles/fluent-dark.css +26 -18
  34. package/styles/fluent-lite.css +16 -14
  35. package/styles/fluent.css +26 -18
  36. package/styles/fluent2-lite.css +4 -4
  37. package/styles/fluent2.css +4 -4
  38. package/styles/highcontrast-light-lite.css +2 -4
  39. package/styles/highcontrast-light.css +2 -4
  40. package/styles/highcontrast-lite.css +14 -12
  41. package/styles/highcontrast.css +25 -15
  42. package/styles/material-dark-lite.css +19 -15
  43. package/styles/material-dark.css +39 -19
  44. package/styles/material-lite.css +19 -12
  45. package/styles/material.css +36 -15
  46. package/styles/material3-dark-lite.css +3 -5
  47. package/styles/material3-dark.css +4 -5
  48. package/styles/material3-lite.css +3 -5
  49. package/styles/material3.css +4 -5
  50. package/styles/menu/_bootstrap-dark-definition.scss +0 -1
  51. package/styles/menu/_bootstrap-definition.scss +0 -1
  52. package/styles/menu/_fluent-definition.scss +1 -1
  53. package/styles/menu/_fluent2-definition.scss +1 -1
  54. package/styles/menu/_layout.scss +1 -7
  55. package/styles/menu/_material3-definition.scss +1 -1
  56. package/styles/menu/bds.css +0 -1
  57. package/styles/menu/bootstrap-dark.css +0 -1
  58. package/styles/menu/bootstrap.css +0 -1
  59. package/styles/menu/bootstrap4.css +0 -1
  60. package/styles/menu/bootstrap5-dark.css +0 -1
  61. package/styles/menu/bootstrap5.3.css +0 -1
  62. package/styles/menu/bootstrap5.css +0 -1
  63. package/styles/menu/fabric-dark.css +0 -1
  64. package/styles/menu/fabric.css +0 -1
  65. package/styles/menu/fluent-dark.css +1 -2
  66. package/styles/menu/fluent.css +1 -2
  67. package/styles/menu/fluent2.css +1 -2
  68. package/styles/menu/highcontrast-light.css +0 -1
  69. package/styles/menu/highcontrast.css +0 -1
  70. package/styles/menu/material-dark.css +0 -1
  71. package/styles/menu/material.css +0 -1
  72. package/styles/menu/material3-dark.css +1 -2
  73. package/styles/menu/material3.css +1 -2
  74. package/styles/menu/tailwind-dark.css +0 -1
  75. package/styles/menu/tailwind.css +0 -1
  76. package/styles/menu/tailwind3.css +0 -1
  77. package/styles/tailwind-dark-lite.css +4 -5
  78. package/styles/tailwind-dark.css +4 -5
  79. package/styles/tailwind-lite.css +4 -5
  80. package/styles/tailwind.css +4 -5
  81. package/styles/tailwind3-lite.css +9 -5
  82. package/styles/tailwind3.css +16 -5
  83. package/styles/treeview/_bds-definition.scss +1 -1
  84. package/styles/treeview/_bigger.scss +89 -0
  85. package/styles/treeview/_bootstrap4-definition.scss +9 -9
  86. package/styles/treeview/_bootstrap5-definition.scss +6 -6
  87. package/styles/treeview/_bootstrap5.3-definition.scss +9 -9
  88. package/styles/treeview/_fluent-definition.scss +9 -9
  89. package/styles/treeview/_highcontrast-definition.scss +10 -8
  90. package/styles/treeview/_layout.scss +68 -17
  91. package/styles/treeview/_material-dark-definition.scss +8 -8
  92. package/styles/treeview/_material-definition.scss +7 -7
  93. package/styles/treeview/_tailwind3-definition.scss +1 -1
  94. package/styles/treeview/_theme.scss +7 -2
  95. package/styles/treeview/bds.css +5 -5
  96. package/styles/treeview/bootstrap-dark.css +4 -2
  97. package/styles/treeview/bootstrap.css +4 -2
  98. package/styles/treeview/bootstrap4.css +25 -15
  99. package/styles/treeview/bootstrap5-dark.css +24 -13
  100. package/styles/treeview/bootstrap5.3.css +34 -14
  101. package/styles/treeview/bootstrap5.css +24 -13
  102. package/styles/treeview/fabric-dark.css +4 -2
  103. package/styles/treeview/fabric.css +4 -2
  104. package/styles/treeview/fluent-dark.css +25 -16
  105. package/styles/treeview/fluent.css +25 -16
  106. package/styles/treeview/fluent2.css +3 -2
  107. package/styles/treeview/highcontrast-light.css +2 -3
  108. package/styles/treeview/highcontrast.css +25 -14
  109. package/styles/treeview/material-dark.css +39 -18
  110. package/styles/treeview/material.css +36 -14
  111. package/styles/treeview/material3-dark.css +3 -3
  112. package/styles/treeview/material3.css +3 -3
  113. package/styles/treeview/tailwind-dark.css +4 -4
  114. package/styles/treeview/tailwind.css +4 -4
  115. package/styles/treeview/tailwind3.css +16 -4
package/styles/fabric.css CHANGED
@@ -7986,8 +7986,8 @@
7986
7986
  padding: 2px 0;
7987
7987
  }
7988
7988
  .e-treeview .e-list-item .e-ul {
7989
- margin: 2px 0 -2px;
7990
7989
  padding: 0 0 0 24px;
7990
+ margin: 2px 0 -2px;
7991
7991
  }
7992
7992
  .e-treeview .e-list-item.e-disable > .e-text-content,
7993
7993
  .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -8024,10 +8024,10 @@
8024
8024
  -ms-user-select: none;
8025
8025
  -webkit-user-select: none;
8026
8026
  user-select: none;
8027
- border: 1px solid;
8028
8027
  cursor: pointer;
8029
8028
  margin: 0;
8030
8029
  padding: 0 0 0 24px;
8030
+ border: 1px solid;
8031
8031
  }
8032
8032
  .e-treeview .e-text-content + .e-sibling {
8033
8033
  margin-top: -1px;
@@ -8090,6 +8090,8 @@
8090
8090
  }
8091
8091
  .e-treeview .e-list-text .e-input-group .e-input {
8092
8092
  height: 28px;
8093
+ padding-top: 6px;
8094
+ padding-bottom: 6px;
8093
8095
  }
8094
8096
  .e-treeview .e-navigable-text {
8095
8097
  padding: 0 5px;
@@ -9136,7 +9138,6 @@ ejs-sidebar {
9136
9138
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
9137
9139
  .e-menu-container .e-ul .e-menu-item .e-caret {
9138
9140
  font-size: 12px;
9139
- line-height: 42px;
9140
9141
  }
9141
9142
 
9142
9143
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
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;
@@ -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 {
@@ -6265,11 +6268,11 @@
6265
6268
  }
6266
6269
  .e-treeview .e-list-icon + .e-list-text,
6267
6270
  .e-treeview .e-list-img + .e-list-text {
6268
- padding: 0 12px;
6271
+ padding: 8px 12px;
6269
6272
  }
6270
6273
  .e-treeview .e-list-icon + .e-navigable-text,
6271
6274
  .e-treeview .e-list-img + .e-navigable-text {
6272
- padding: 0 12px;
6275
+ padding: 8px 12px;
6273
6276
  }
6274
6277
  .e-treeview .e-icon-collapsible,
6275
6278
  .e-treeview .e-icon-expandable {
@@ -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: 40px;
7095
+ line-height: 44px;
7093
7096
  position: absolute;
7094
7097
  right: 8px;
7095
7098
  top: 0;
@@ -7153,7 +7156,6 @@ 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;
7156
- line-height: 40px;
7157
7159
  }
7158
7160
 
7159
7161
  .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;
@@ -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 {
@@ -8134,11 +8137,11 @@
8134
8137
  }
8135
8138
  .e-treeview .e-list-icon + .e-list-text,
8136
8139
  .e-treeview .e-list-img + .e-list-text {
8137
- padding: 0 12px;
8140
+ padding: 8px 12px;
8138
8141
  }
8139
8142
  .e-treeview .e-list-icon + .e-navigable-text,
8140
8143
  .e-treeview .e-list-img + .e-navigable-text {
8141
- padding: 0 12px;
8144
+ padding: 8px 12px;
8142
8145
  }
8143
8146
  .e-treeview .e-icon-collapsible,
8144
8147
  .e-treeview .e-icon-expandable {
@@ -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,9 @@
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: 10px 16px;
8669
8673
  }
8670
8674
  .e-bigger .e-treeview .e-list-text .e-input-group,
8671
8675
  .e-treeview.e-bigger .e-list-text .e-input-group {
@@ -8675,6 +8679,11 @@
8675
8679
  .e-treeview.e-bigger .e-list-text .e-input-group .e-input {
8676
8680
  height: 36px;
8677
8681
  }
8682
+ .e-bigger .e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group),
8683
+ .e-treeview.e-bigger .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
8684
+ padding-top: 2px;
8685
+ padding-bottom: 2px;
8686
+ }
8678
8687
  .e-bigger .e-treeview .e-checkbox-wrapper,
8679
8688
  .e-treeview.e-bigger .e-checkbox-wrapper {
8680
8689
  margin: 0 0 0 16px;
@@ -8694,7 +8703,7 @@
8694
8703
  .e-bigger .e-treeview .e-list-img + .e-list-text,
8695
8704
  .e-treeview.e-bigger .e-list-icon + .e-list-text,
8696
8705
  .e-treeview.e-bigger .e-list-img + .e-list-text {
8697
- padding: 0 16px;
8706
+ padding: 10px 16px;
8698
8707
  }
8699
8708
  .e-bigger .e-treeview .e-list-icon + .e-list-icon, .e-bigger .e-treeview .e-list-icon + .e-list-img,
8700
8709
  .e-bigger .e-treeview .e-list-img + .e-list-icon,
@@ -9210,7 +9219,7 @@ ejs-sidebar {
9210
9219
  .e-menu-container ul .e-menu-item .e-caret {
9211
9220
  font-size: 14px;
9212
9221
  height: auto;
9213
- line-height: 40px;
9222
+ line-height: 44px;
9214
9223
  position: absolute;
9215
9224
  right: 8px;
9216
9225
  top: 0;
@@ -9274,7 +9283,6 @@ ejs-sidebar {
9274
9283
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
9275
9284
  .e-menu-container .e-ul .e-menu-item .e-caret {
9276
9285
  font-size: 14px;
9277
- line-height: 40px;
9278
9286
  }
9279
9287
 
9280
9288
  .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;
@@ -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 {
@@ -6265,11 +6268,11 @@
6265
6268
  }
6266
6269
  .e-treeview .e-list-icon + .e-list-text,
6267
6270
  .e-treeview .e-list-img + .e-list-text {
6268
- padding: 0 12px;
6271
+ padding: 8px 12px;
6269
6272
  }
6270
6273
  .e-treeview .e-list-icon + .e-navigable-text,
6271
6274
  .e-treeview .e-list-img + .e-navigable-text {
6272
- padding: 0 12px;
6275
+ padding: 8px 12px;
6273
6276
  }
6274
6277
  .e-treeview .e-icon-collapsible,
6275
6278
  .e-treeview .e-icon-expandable {
@@ -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: 40px;
7095
+ line-height: 44px;
7093
7096
  position: absolute;
7094
7097
  right: 8px;
7095
7098
  top: 0;
@@ -7153,7 +7156,6 @@ 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;
7156
- line-height: 40px;
7157
7159
  }
7158
7160
 
7159
7161
  .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;
@@ -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 {
@@ -8134,11 +8137,11 @@
8134
8137
  }
8135
8138
  .e-treeview .e-list-icon + .e-list-text,
8136
8139
  .e-treeview .e-list-img + .e-list-text {
8137
- padding: 0 12px;
8140
+ padding: 8px 12px;
8138
8141
  }
8139
8142
  .e-treeview .e-list-icon + .e-navigable-text,
8140
8143
  .e-treeview .e-list-img + .e-navigable-text {
8141
- padding: 0 12px;
8144
+ padding: 8px 12px;
8142
8145
  }
8143
8146
  .e-treeview .e-icon-collapsible,
8144
8147
  .e-treeview .e-icon-expandable {
@@ -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,9 @@
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: 10px 16px;
8669
8673
  }
8670
8674
  .e-bigger .e-treeview .e-list-text .e-input-group,
8671
8675
  .e-treeview.e-bigger .e-list-text .e-input-group {
@@ -8675,6 +8679,11 @@
8675
8679
  .e-treeview.e-bigger .e-list-text .e-input-group .e-input {
8676
8680
  height: 36px;
8677
8681
  }
8682
+ .e-bigger .e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group),
8683
+ .e-treeview.e-bigger .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
8684
+ padding-top: 2px;
8685
+ padding-bottom: 2px;
8686
+ }
8678
8687
  .e-bigger .e-treeview .e-checkbox-wrapper,
8679
8688
  .e-treeview.e-bigger .e-checkbox-wrapper {
8680
8689
  margin: 0 0 0 16px;
@@ -8694,7 +8703,7 @@
8694
8703
  .e-bigger .e-treeview .e-list-img + .e-list-text,
8695
8704
  .e-treeview.e-bigger .e-list-icon + .e-list-text,
8696
8705
  .e-treeview.e-bigger .e-list-img + .e-list-text {
8697
- padding: 0 16px;
8706
+ padding: 10px 16px;
8698
8707
  }
8699
8708
  .e-bigger .e-treeview .e-list-icon + .e-list-icon, .e-bigger .e-treeview .e-list-icon + .e-list-img,
8700
8709
  .e-bigger .e-treeview .e-list-img + .e-list-icon,
@@ -9210,7 +9219,7 @@ ejs-sidebar {
9210
9219
  .e-menu-container ul .e-menu-item .e-caret {
9211
9220
  font-size: 14px;
9212
9221
  height: auto;
9213
- line-height: 40px;
9222
+ line-height: 44px;
9214
9223
  position: absolute;
9215
9224
  right: 8px;
9216
9225
  top: 0;
@@ -9274,7 +9283,6 @@ ejs-sidebar {
9274
9283
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
9275
9284
  .e-menu-container .e-ul .e-menu-item .e-caret {
9276
9285
  font-size: 14px;
9277
- line-height: 40px;
9278
9286
  }
9279
9287
 
9280
9288
  .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;
@@ -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: 40px;
7539
+ line-height: 42px;
7539
7540
  position: absolute;
7540
7541
  right: 8px;
7541
7542
  top: 0;
@@ -7603,7 +7604,6 @@ ejs-sidebar {
7603
7604
  .e-menu-container .e-ul .e-menu-item .e-caret {
7604
7605
  font-size: 14px;
7605
7606
  padding: 9px 0;
7606
- line-height: 18px;
7607
7607
  }
7608
7608
 
7609
7609
  .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;
@@ -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: 40px;
9682
+ line-height: 42px;
9682
9683
  position: absolute;
9683
9684
  right: 8px;
9684
9685
  top: 0;
@@ -9746,7 +9747,6 @@ ejs-sidebar {
9746
9747
  .e-menu-container .e-ul .e-menu-item .e-caret {
9747
9748
  font-size: 14px;
9748
9749
  padding: 9px 0;
9749
- line-height: 18px;
9750
9750
  }
9751
9751
 
9752
9752
  .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;
@@ -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,7 +7095,6 @@ 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;
7099
- line-height: 36px;
7100
7098
  }
7101
7099
 
7102
7100
  .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;
@@ -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,7 +9127,6 @@ 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;
9131
- line-height: 36px;
9132
9130
  }
9133
9131
 
9134
9132
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,