@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
@@ -8015,10 +8015,8 @@
8015
8015
  }
8016
8016
  .e-treeview .e-list-item {
8017
8017
  list-style: none;
8018
- padding: 2px 0;
8019
8018
  }
8020
8019
  .e-treeview .e-list-item .e-ul {
8021
- margin: 2px 0 -2px;
8022
8020
  padding: 0 0 0 20px;
8023
8021
  }
8024
8022
  .e-treeview .e-list-item.e-disable > .e-text-content,
@@ -8042,6 +8040,10 @@
8042
8040
  .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
8043
8041
  content: none;
8044
8042
  }
8043
+ .e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
8044
+ padding-top: 3px;
8045
+ padding-bottom: 3px;
8046
+ }
8045
8047
  .e-treeview .e-icons .e-spinner-pane {
8046
8048
  position: relative;
8047
8049
  }
@@ -8056,7 +8058,6 @@
8056
8058
  -ms-user-select: none;
8057
8059
  -webkit-user-select: none;
8058
8060
  user-select: none;
8059
- border: 1px solid;
8060
8061
  cursor: pointer;
8061
8062
  margin: 0;
8062
8063
  padding: 0 0 0 20px;
@@ -8093,7 +8094,7 @@
8093
8094
  margin: 0 0 0 8px;
8094
8095
  }
8095
8096
  .e-treeview .e-checkbox-wrapper + .e-list-text {
8096
- padding: 0 8px;
8097
+ padding: 7px 8px;
8097
8098
  }
8098
8099
  .e-treeview .e-checkbox-wrapper .e-ripple-container {
8099
8100
  bottom: -7px;
@@ -8107,24 +8108,26 @@
8107
8108
  -webkit-box-sizing: border-box;
8108
8109
  box-sizing: border-box;
8109
8110
  display: inline-block;
8110
- line-height: 34px;
8111
+ line-height: 22px;
8111
8112
  margin: 0;
8112
- min-height: 34px;
8113
- padding: 0 8px;
8113
+ min-height: 22px;
8114
+ padding: 7px 8px;
8114
8115
  text-decoration: none;
8115
8116
  vertical-align: middle;
8116
8117
  }
8117
8118
  .e-treeview .e-list-text .e-input-group {
8118
8119
  height: 30px;
8119
- margin-bottom: 2px;
8120
+ margin-bottom: 0;
8120
8121
  min-width: 150px;
8121
8122
  vertical-align: bottom;
8122
8123
  }
8123
8124
  .e-treeview .e-list-text .e-input-group .e-input {
8124
8125
  height: 28px;
8126
+ padding-top: 6px;
8127
+ padding-bottom: 6px;
8125
8128
  }
8126
8129
  .e-treeview .e-navigable-text {
8127
- padding: 0 8px;
8130
+ padding: 7px 8px;
8128
8131
  }
8129
8132
  .e-treeview .e-list-icon,
8130
8133
  .e-treeview .e-list-img {
@@ -8141,11 +8144,11 @@
8141
8144
  }
8142
8145
  .e-treeview .e-list-icon + .e-list-text,
8143
8146
  .e-treeview .e-list-img + .e-list-text {
8144
- padding: 0 8px;
8147
+ padding: 7px 8px;
8145
8148
  }
8146
8149
  .e-treeview .e-list-icon + .e-navigable-text,
8147
8150
  .e-treeview .e-list-img + .e-navigable-text {
8148
- padding: 0 8px;
8151
+ padding: 7px 8px;
8149
8152
  }
8150
8153
  .e-treeview .e-icon-collapsible,
8151
8154
  .e-treeview .e-icon-expandable {
@@ -8640,7 +8643,7 @@
8640
8643
  }
8641
8644
  .e-bigger .e-treeview .e-fullrow,
8642
8645
  .e-treeview.e-bigger .e-fullrow {
8643
- height: 42px;
8646
+ height: 40px;
8644
8647
  }
8645
8648
  .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text,
8646
8649
  .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-text {
@@ -8672,12 +8675,20 @@
8672
8675
  }
8673
8676
  .e-bigger .e-treeview .e-list-text .e-input-group,
8674
8677
  .e-treeview.e-bigger .e-list-text .e-input-group {
8675
- height: 40px;
8678
+ height: 36px;
8679
+ padding-top: 6px;
8680
+ padding-bottom: 6px;
8681
+ margin-top: 2px;
8682
+ margin-bottom: 2px;
8676
8683
  }
8677
8684
  .e-bigger .e-treeview .e-list-text .e-input-group .e-input,
8678
8685
  .e-treeview.e-bigger .e-list-text .e-input-group .e-input {
8679
8686
  height: 36px;
8680
8687
  }
8688
+ .e-bigger .e-treeview .e-list-text .e-input-group .e-input,
8689
+ .e-treeview.e-bigger .e-list-text .e-input-group .e-input {
8690
+ height: 24px;
8691
+ }
8681
8692
  .e-bigger .e-treeview .e-checkbox-wrapper,
8682
8693
  .e-treeview.e-bigger .e-checkbox-wrapper {
8683
8694
  margin: 0 0 0 12px;
@@ -9277,7 +9288,6 @@ ejs-sidebar {
9277
9288
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
9278
9289
  .e-menu-container .e-ul .e-menu-item .e-caret {
9279
9290
  font-size: 14px;
9280
- line-height: 35px;
9281
9291
  }
9282
9292
 
9283
9293
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -6120,10 +6120,8 @@
6120
6120
  }
6121
6121
  .e-treeview .e-list-item {
6122
6122
  list-style: none;
6123
- padding: 2px 0;
6124
6123
  }
6125
6124
  .e-treeview .e-list-item .e-ul {
6126
- margin: 2px 0 -2px;
6127
6125
  padding: 0 0 0 20px;
6128
6126
  }
6129
6127
  .e-treeview .e-list-item.e-disable > .e-text-content,
@@ -6147,6 +6145,10 @@
6147
6145
  .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
6148
6146
  content: none;
6149
6147
  }
6148
+ .e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
6149
+ padding-top: 3px;
6150
+ padding-bottom: 3px;
6151
+ }
6150
6152
  .e-treeview .e-icons .e-spinner-pane {
6151
6153
  position: relative;
6152
6154
  }
@@ -6161,7 +6163,6 @@
6161
6163
  -ms-user-select: none;
6162
6164
  -webkit-user-select: none;
6163
6165
  user-select: none;
6164
- border: 1px solid;
6165
6166
  cursor: pointer;
6166
6167
  margin: 0;
6167
6168
  padding: 0 0 0 20px;
@@ -6198,7 +6199,7 @@
6198
6199
  margin: 0 0 0 8px;
6199
6200
  }
6200
6201
  .e-treeview .e-checkbox-wrapper + .e-list-text {
6201
- padding: 0 8px;
6202
+ padding: 7px 8px;
6202
6203
  }
6203
6204
  .e-treeview .e-checkbox-wrapper .e-ripple-container {
6204
6205
  bottom: -7px;
@@ -6212,24 +6213,26 @@
6212
6213
  -webkit-box-sizing: border-box;
6213
6214
  box-sizing: border-box;
6214
6215
  display: inline-block;
6215
- line-height: 34px;
6216
+ line-height: 22px;
6216
6217
  margin: 0;
6217
- min-height: 34px;
6218
- padding: 0 8px;
6218
+ min-height: 22px;
6219
+ padding: 7px 8px;
6219
6220
  text-decoration: none;
6220
6221
  vertical-align: middle;
6221
6222
  }
6222
6223
  .e-treeview .e-list-text .e-input-group {
6223
6224
  height: 30px;
6224
- margin-bottom: 2px;
6225
+ margin-bottom: 0;
6225
6226
  min-width: 150px;
6226
6227
  vertical-align: bottom;
6227
6228
  }
6228
6229
  .e-treeview .e-list-text .e-input-group .e-input {
6229
6230
  height: 28px;
6231
+ padding-top: 6px;
6232
+ padding-bottom: 6px;
6230
6233
  }
6231
6234
  .e-treeview .e-navigable-text {
6232
- padding: 0 8px;
6235
+ padding: 7px 8px;
6233
6236
  }
6234
6237
  .e-treeview .e-list-icon,
6235
6238
  .e-treeview .e-list-img {
@@ -6246,11 +6249,11 @@
6246
6249
  }
6247
6250
  .e-treeview .e-list-icon + .e-list-text,
6248
6251
  .e-treeview .e-list-img + .e-list-text {
6249
- padding: 0 8px;
6252
+ padding: 7px 8px;
6250
6253
  }
6251
6254
  .e-treeview .e-list-icon + .e-navigable-text,
6252
6255
  .e-treeview .e-list-img + .e-navigable-text {
6253
- padding: 0 8px;
6256
+ padding: 7px 8px;
6254
6257
  }
6255
6258
  .e-treeview .e-icon-collapsible,
6256
6259
  .e-treeview .e-icon-expandable {
@@ -7137,7 +7140,6 @@ ejs-sidebar {
7137
7140
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
7138
7141
  .e-menu-container .e-ul .e-menu-item .e-caret {
7139
7142
  font-size: 14px;
7140
- line-height: 35px;
7141
7143
  }
7142
7144
 
7143
7145
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -6193,10 +6193,8 @@
6193
6193
  }
6194
6194
  .e-treeview .e-list-item {
6195
6195
  list-style: none;
6196
- padding: 2px 0;
6197
6196
  }
6198
6197
  .e-treeview .e-list-item .e-ul {
6199
- margin: 2px 0 -2px;
6200
6198
  padding: 0 0 0 20px;
6201
6199
  }
6202
6200
  .e-treeview .e-list-item.e-disable > .e-text-content,
@@ -6220,6 +6218,10 @@
6220
6218
  .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
6221
6219
  content: none;
6222
6220
  }
6221
+ .e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
6222
+ padding-top: 2px;
6223
+ padding-bottom: 2px;
6224
+ }
6223
6225
  .e-treeview .e-icons .e-spinner-pane {
6224
6226
  position: relative;
6225
6227
  }
@@ -6234,7 +6236,6 @@
6234
6236
  -ms-user-select: none;
6235
6237
  -webkit-user-select: none;
6236
6238
  user-select: none;
6237
- border: 1px solid;
6238
6239
  cursor: pointer;
6239
6240
  margin: 0;
6240
6241
  padding: 0 0 0 20px;
@@ -6271,7 +6272,7 @@
6271
6272
  margin: 0 0 0 8px;
6272
6273
  }
6273
6274
  .e-treeview .e-checkbox-wrapper + .e-list-text {
6274
- padding: 0 8px;
6275
+ padding: 7px 8px;
6275
6276
  }
6276
6277
  .e-treeview .e-checkbox-wrapper .e-ripple-container {
6277
6278
  bottom: -7px;
@@ -6285,24 +6286,29 @@
6285
6286
  -webkit-box-sizing: border-box;
6286
6287
  box-sizing: border-box;
6287
6288
  display: inline-block;
6288
- line-height: 34px;
6289
+ line-height: 22px;
6289
6290
  margin: 0;
6290
- min-height: 34px;
6291
- padding: 0 8px;
6291
+ min-height: 22px;
6292
+ padding: 7px 8px;
6292
6293
  text-decoration: none;
6293
6294
  vertical-align: middle;
6294
6295
  }
6295
6296
  .e-treeview .e-list-text .e-input-group {
6296
- height: 30px;
6297
+ height: 32px;
6297
6298
  margin-bottom: 0;
6298
6299
  min-width: 150px;
6299
6300
  vertical-align: bottom;
6300
6301
  }
6301
6302
  .e-treeview .e-list-text .e-input-group .e-input {
6302
6303
  height: 28px;
6304
+ padding-top: 6px;
6305
+ padding-bottom: 6px;
6306
+ height: 32px;
6307
+ padding-top: 5px;
6308
+ padding-bottom: 5px;
6303
6309
  }
6304
6310
  .e-treeview .e-navigable-text {
6305
- padding: 0 8px;
6311
+ padding: 7px 8px;
6306
6312
  }
6307
6313
  .e-treeview .e-list-icon,
6308
6314
  .e-treeview .e-list-img {
@@ -6319,11 +6325,11 @@
6319
6325
  }
6320
6326
  .e-treeview .e-list-icon + .e-list-text,
6321
6327
  .e-treeview .e-list-img + .e-list-text {
6322
- padding: 0 12px;
6328
+ padding: 7px 12px;
6323
6329
  }
6324
6330
  .e-treeview .e-list-icon + .e-navigable-text,
6325
6331
  .e-treeview .e-list-img + .e-navigable-text {
6326
- padding: 0 12px;
6332
+ padding: 7px 12px;
6327
6333
  }
6328
6334
  .e-treeview .e-icon-collapsible,
6329
6335
  .e-treeview .e-icon-expandable {
@@ -6624,6 +6630,12 @@
6624
6630
  .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
6625
6631
  color: var(--color-sf-content-text-color-selected);
6626
6632
  }
6633
+ .e-treeview .e-list-item.e-active > .e-text-content .e-check {
6634
+ border-color: var(--color-sf-content-text-color-selected);
6635
+ }
6636
+ .e-treeview .e-list-item.e-active > .e-text-content .e-stop {
6637
+ border-color: var(--color-sf-content-text-color-selected);
6638
+ }
6627
6639
  .e-treeview .e-list-item.e-active.e-hover > .e-fullrow, .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
6628
6640
  background-color: var(--color-sf-content-bg-color-selected);
6629
6641
  border-color: var(--color-sf-content-bg-color-selected);
@@ -7199,7 +7211,6 @@ ejs-sidebar {
7199
7211
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
7200
7212
  .e-menu-container .e-ul .e-menu-item .e-caret {
7201
7213
  font-size: 12px;
7202
- line-height: 35px;
7203
7214
  }
7204
7215
 
7205
7216
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -8088,10 +8088,8 @@
8088
8088
  }
8089
8089
  .e-treeview .e-list-item {
8090
8090
  list-style: none;
8091
- padding: 2px 0;
8092
8091
  }
8093
8092
  .e-treeview .e-list-item .e-ul {
8094
- margin: 2px 0 -2px;
8095
8093
  padding: 0 0 0 20px;
8096
8094
  }
8097
8095
  .e-treeview .e-list-item.e-disable > .e-text-content,
@@ -8115,6 +8113,10 @@
8115
8113
  .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
8116
8114
  content: none;
8117
8115
  }
8116
+ .e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
8117
+ padding-top: 2px;
8118
+ padding-bottom: 2px;
8119
+ }
8118
8120
  .e-treeview .e-icons .e-spinner-pane {
8119
8121
  position: relative;
8120
8122
  }
@@ -8129,7 +8131,6 @@
8129
8131
  -ms-user-select: none;
8130
8132
  -webkit-user-select: none;
8131
8133
  user-select: none;
8132
- border: 1px solid;
8133
8134
  cursor: pointer;
8134
8135
  margin: 0;
8135
8136
  padding: 0 0 0 20px;
@@ -8166,7 +8167,7 @@
8166
8167
  margin: 0 0 0 8px;
8167
8168
  }
8168
8169
  .e-treeview .e-checkbox-wrapper + .e-list-text {
8169
- padding: 0 8px;
8170
+ padding: 7px 8px;
8170
8171
  }
8171
8172
  .e-treeview .e-checkbox-wrapper .e-ripple-container {
8172
8173
  bottom: -7px;
@@ -8180,24 +8181,29 @@
8180
8181
  -webkit-box-sizing: border-box;
8181
8182
  box-sizing: border-box;
8182
8183
  display: inline-block;
8183
- line-height: 34px;
8184
+ line-height: 22px;
8184
8185
  margin: 0;
8185
- min-height: 34px;
8186
- padding: 0 8px;
8186
+ min-height: 22px;
8187
+ padding: 7px 8px;
8187
8188
  text-decoration: none;
8188
8189
  vertical-align: middle;
8189
8190
  }
8190
8191
  .e-treeview .e-list-text .e-input-group {
8191
- height: 30px;
8192
+ height: 32px;
8192
8193
  margin-bottom: 0;
8193
8194
  min-width: 150px;
8194
8195
  vertical-align: bottom;
8195
8196
  }
8196
8197
  .e-treeview .e-list-text .e-input-group .e-input {
8197
8198
  height: 28px;
8199
+ padding-top: 6px;
8200
+ padding-bottom: 6px;
8201
+ height: 32px;
8202
+ padding-top: 5px;
8203
+ padding-bottom: 5px;
8198
8204
  }
8199
8205
  .e-treeview .e-navigable-text {
8200
- padding: 0 8px;
8206
+ padding: 7px 8px;
8201
8207
  }
8202
8208
  .e-treeview .e-list-icon,
8203
8209
  .e-treeview .e-list-img {
@@ -8214,11 +8220,11 @@
8214
8220
  }
8215
8221
  .e-treeview .e-list-icon + .e-list-text,
8216
8222
  .e-treeview .e-list-img + .e-list-text {
8217
- padding: 0 12px;
8223
+ padding: 7px 12px;
8218
8224
  }
8219
8225
  .e-treeview .e-list-icon + .e-navigable-text,
8220
8226
  .e-treeview .e-list-img + .e-navigable-text {
8221
- padding: 0 12px;
8227
+ padding: 7px 12px;
8222
8228
  }
8223
8229
  .e-treeview .e-icon-collapsible,
8224
8230
  .e-treeview .e-icon-expandable {
@@ -8519,6 +8525,12 @@
8519
8525
  .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
8520
8526
  color: var(--color-sf-content-text-color-selected);
8521
8527
  }
8528
+ .e-treeview .e-list-item.e-active > .e-text-content .e-check {
8529
+ border-color: var(--color-sf-content-text-color-selected);
8530
+ }
8531
+ .e-treeview .e-list-item.e-active > .e-text-content .e-stop {
8532
+ border-color: var(--color-sf-content-text-color-selected);
8533
+ }
8522
8534
  .e-treeview .e-list-item.e-active.e-hover > .e-fullrow, .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
8523
8535
  background-color: var(--color-sf-content-bg-color-selected);
8524
8536
  border-color: var(--color-sf-content-bg-color-selected);
@@ -8677,17 +8689,25 @@
8677
8689
  }
8678
8690
  .e-bigger .e-treeview .e-list-text,
8679
8691
  .e-treeview.e-bigger .e-list-text {
8680
- line-height: 40px;
8681
- min-height: 40px;
8692
+ line-height: 24px;
8693
+ min-height: 24px;
8694
+ padding: 9px 12px;
8682
8695
  }
8683
8696
  .e-bigger .e-treeview .e-list-text .e-input-group,
8684
8697
  .e-treeview.e-bigger .e-list-text .e-input-group {
8685
- height: 40px;
8698
+ height: 38px;
8686
8699
  }
8687
8700
  .e-bigger .e-treeview .e-list-text .e-input-group .e-input,
8688
8701
  .e-treeview.e-bigger .e-list-text .e-input-group .e-input {
8689
8702
  height: 36px;
8690
8703
  }
8704
+ .e-bigger .e-treeview .e-list-text .e-input-group .e-input,
8705
+ .e-treeview.e-bigger .e-list-text .e-input-group .e-input {
8706
+ line-height: 24px;
8707
+ min-height: 24px;
8708
+ padding-top: 7px;
8709
+ padding-bottom: 7px;
8710
+ }
8691
8711
  .e-bigger .e-treeview .e-checkbox-wrapper,
8692
8712
  .e-treeview.e-bigger .e-checkbox-wrapper {
8693
8713
  margin: 0 0 0 12px;
@@ -9258,7 +9278,6 @@ ejs-sidebar {
9258
9278
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
9259
9279
  .e-menu-container .e-ul .e-menu-item .e-caret {
9260
9280
  font-size: 12px;
9261
- line-height: 35px;
9262
9281
  }
9263
9282
 
9264
9283
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -8015,10 +8015,8 @@
8015
8015
  }
8016
8016
  .e-treeview .e-list-item {
8017
8017
  list-style: none;
8018
- padding: 2px 0;
8019
8018
  }
8020
8019
  .e-treeview .e-list-item .e-ul {
8021
- margin: 2px 0 -2px;
8022
8020
  padding: 0 0 0 20px;
8023
8021
  }
8024
8022
  .e-treeview .e-list-item.e-disable > .e-text-content,
@@ -8042,6 +8040,10 @@
8042
8040
  .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
8043
8041
  content: none;
8044
8042
  }
8043
+ .e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
8044
+ padding-top: 3px;
8045
+ padding-bottom: 3px;
8046
+ }
8045
8047
  .e-treeview .e-icons .e-spinner-pane {
8046
8048
  position: relative;
8047
8049
  }
@@ -8056,7 +8058,6 @@
8056
8058
  -ms-user-select: none;
8057
8059
  -webkit-user-select: none;
8058
8060
  user-select: none;
8059
- border: 1px solid;
8060
8061
  cursor: pointer;
8061
8062
  margin: 0;
8062
8063
  padding: 0 0 0 20px;
@@ -8093,7 +8094,7 @@
8093
8094
  margin: 0 0 0 8px;
8094
8095
  }
8095
8096
  .e-treeview .e-checkbox-wrapper + .e-list-text {
8096
- padding: 0 8px;
8097
+ padding: 7px 8px;
8097
8098
  }
8098
8099
  .e-treeview .e-checkbox-wrapper .e-ripple-container {
8099
8100
  bottom: -7px;
@@ -8107,24 +8108,26 @@
8107
8108
  -webkit-box-sizing: border-box;
8108
8109
  box-sizing: border-box;
8109
8110
  display: inline-block;
8110
- line-height: 34px;
8111
+ line-height: 22px;
8111
8112
  margin: 0;
8112
- min-height: 34px;
8113
- padding: 0 8px;
8113
+ min-height: 22px;
8114
+ padding: 7px 8px;
8114
8115
  text-decoration: none;
8115
8116
  vertical-align: middle;
8116
8117
  }
8117
8118
  .e-treeview .e-list-text .e-input-group {
8118
8119
  height: 30px;
8119
- margin-bottom: 2px;
8120
+ margin-bottom: 0;
8120
8121
  min-width: 150px;
8121
8122
  vertical-align: bottom;
8122
8123
  }
8123
8124
  .e-treeview .e-list-text .e-input-group .e-input {
8124
8125
  height: 28px;
8126
+ padding-top: 6px;
8127
+ padding-bottom: 6px;
8125
8128
  }
8126
8129
  .e-treeview .e-navigable-text {
8127
- padding: 0 8px;
8130
+ padding: 7px 8px;
8128
8131
  }
8129
8132
  .e-treeview .e-list-icon,
8130
8133
  .e-treeview .e-list-img {
@@ -8141,11 +8144,11 @@
8141
8144
  }
8142
8145
  .e-treeview .e-list-icon + .e-list-text,
8143
8146
  .e-treeview .e-list-img + .e-list-text {
8144
- padding: 0 8px;
8147
+ padding: 7px 8px;
8145
8148
  }
8146
8149
  .e-treeview .e-list-icon + .e-navigable-text,
8147
8150
  .e-treeview .e-list-img + .e-navigable-text {
8148
- padding: 0 8px;
8151
+ padding: 7px 8px;
8149
8152
  }
8150
8153
  .e-treeview .e-icon-collapsible,
8151
8154
  .e-treeview .e-icon-expandable {
@@ -8640,7 +8643,7 @@
8640
8643
  }
8641
8644
  .e-bigger .e-treeview .e-fullrow,
8642
8645
  .e-treeview.e-bigger .e-fullrow {
8643
- height: 42px;
8646
+ height: 40px;
8644
8647
  }
8645
8648
  .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text,
8646
8649
  .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-text {
@@ -8672,12 +8675,20 @@
8672
8675
  }
8673
8676
  .e-bigger .e-treeview .e-list-text .e-input-group,
8674
8677
  .e-treeview.e-bigger .e-list-text .e-input-group {
8675
- height: 40px;
8678
+ height: 36px;
8679
+ padding-top: 6px;
8680
+ padding-bottom: 6px;
8681
+ margin-top: 2px;
8682
+ margin-bottom: 2px;
8676
8683
  }
8677
8684
  .e-bigger .e-treeview .e-list-text .e-input-group .e-input,
8678
8685
  .e-treeview.e-bigger .e-list-text .e-input-group .e-input {
8679
8686
  height: 36px;
8680
8687
  }
8688
+ .e-bigger .e-treeview .e-list-text .e-input-group .e-input,
8689
+ .e-treeview.e-bigger .e-list-text .e-input-group .e-input {
8690
+ height: 24px;
8691
+ }
8681
8692
  .e-bigger .e-treeview .e-checkbox-wrapper,
8682
8693
  .e-treeview.e-bigger .e-checkbox-wrapper {
8683
8694
  margin: 0 0 0 12px;
@@ -9277,7 +9288,6 @@ ejs-sidebar {
9277
9288
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
9278
9289
  .e-menu-container .e-ul .e-menu-item .e-caret {
9279
9290
  font-size: 14px;
9280
- line-height: 35px;
9281
9291
  }
9282
9292
 
9283
9293
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -6102,8 +6102,8 @@
6102
6102
  padding: 2px 0;
6103
6103
  }
6104
6104
  .e-treeview .e-list-item .e-ul {
6105
- margin: 2px 0 -2px;
6106
6105
  padding: 0 0 0 24px;
6106
+ margin: 2px 0 -2px;
6107
6107
  }
6108
6108
  .e-treeview .e-list-item.e-disable > .e-text-content,
6109
6109
  .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -6140,10 +6140,10 @@
6140
6140
  -ms-user-select: none;
6141
6141
  -webkit-user-select: none;
6142
6142
  user-select: none;
6143
- border: 1px solid;
6144
6143
  cursor: pointer;
6145
6144
  margin: 0;
6146
6145
  padding: 0 0 0 24px;
6146
+ border: 1px solid;
6147
6147
  }
6148
6148
  .e-treeview .e-text-content + .e-sibling {
6149
6149
  margin-top: -1px;
@@ -6206,6 +6206,8 @@
6206
6206
  }
6207
6207
  .e-treeview .e-list-text .e-input-group .e-input {
6208
6208
  height: 28px;
6209
+ padding-top: 6px;
6210
+ padding-bottom: 6px;
6209
6211
  }
6210
6212
  .e-treeview .e-navigable-text {
6211
6213
  padding: 0 5px;
@@ -7102,7 +7104,6 @@ ejs-sidebar {
7102
7104
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
7103
7105
  .e-menu-container .e-ul .e-menu-item .e-caret {
7104
7106
  font-size: 12px;
7105
- line-height: 42px;
7106
7107
  }
7107
7108
 
7108
7109
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -7984,8 +7984,8 @@
7984
7984
  padding: 2px 0;
7985
7985
  }
7986
7986
  .e-treeview .e-list-item .e-ul {
7987
- margin: 2px 0 -2px;
7988
7987
  padding: 0 0 0 24px;
7988
+ margin: 2px 0 -2px;
7989
7989
  }
7990
7990
  .e-treeview .e-list-item.e-disable > .e-text-content,
7991
7991
  .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -8022,10 +8022,10 @@
8022
8022
  -ms-user-select: none;
8023
8023
  -webkit-user-select: none;
8024
8024
  user-select: none;
8025
- border: 1px solid;
8026
8025
  cursor: pointer;
8027
8026
  margin: 0;
8028
8027
  padding: 0 0 0 24px;
8028
+ border: 1px solid;
8029
8029
  }
8030
8030
  .e-treeview .e-text-content + .e-sibling {
8031
8031
  margin-top: -1px;
@@ -8088,6 +8088,8 @@
8088
8088
  }
8089
8089
  .e-treeview .e-list-text .e-input-group .e-input {
8090
8090
  height: 28px;
8091
+ padding-top: 6px;
8092
+ padding-bottom: 6px;
8091
8093
  }
8092
8094
  .e-treeview .e-navigable-text {
8093
8095
  padding: 0 5px;
@@ -9134,7 +9136,6 @@ ejs-sidebar {
9134
9136
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
9135
9137
  .e-menu-container .e-ul .e-menu-item .e-caret {
9136
9138
  font-size: 12px;
9137
- line-height: 42px;
9138
9139
  }
9139
9140
 
9140
9141
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -6104,8 +6104,8 @@
6104
6104
  padding: 2px 0;
6105
6105
  }
6106
6106
  .e-treeview .e-list-item .e-ul {
6107
- margin: 2px 0 -2px;
6108
6107
  padding: 0 0 0 24px;
6108
+ margin: 2px 0 -2px;
6109
6109
  }
6110
6110
  .e-treeview .e-list-item.e-disable > .e-text-content,
6111
6111
  .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -6142,10 +6142,10 @@
6142
6142
  -ms-user-select: none;
6143
6143
  -webkit-user-select: none;
6144
6144
  user-select: none;
6145
- border: 1px solid;
6146
6145
  cursor: pointer;
6147
6146
  margin: 0;
6148
6147
  padding: 0 0 0 24px;
6148
+ border: 1px solid;
6149
6149
  }
6150
6150
  .e-treeview .e-text-content + .e-sibling {
6151
6151
  margin-top: -1px;
@@ -6208,6 +6208,8 @@
6208
6208
  }
6209
6209
  .e-treeview .e-list-text .e-input-group .e-input {
6210
6210
  height: 28px;
6211
+ padding-top: 6px;
6212
+ padding-bottom: 6px;
6211
6213
  }
6212
6214
  .e-treeview .e-navigable-text {
6213
6215
  padding: 0 5px;
@@ -7104,7 +7106,6 @@ ejs-sidebar {
7104
7106
  .e-menu-wrapper .e-ul .e-menu-item .e-caret,
7105
7107
  .e-menu-container .e-ul .e-menu-item .e-caret {
7106
7108
  font-size: 12px;
7107
- line-height: 42px;
7108
7109
  }
7109
7110
 
7110
7111
  .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,