@syncfusion/ej2-navigations 21.1.39 → 21.2.4

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 (50) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/dist/ej2-navigations.min.js +2 -2
  3. package/dist/ej2-navigations.umd.min.js +2 -2
  4. package/dist/ej2-navigations.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-navigations.es2015.js +71 -53
  6. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es5.js +71 -53
  8. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  9. package/dist/global/ej2-navigations.min.js +2 -2
  10. package/dist/global/ej2-navigations.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +11 -11
  13. package/src/common/h-scroll.js +1 -0
  14. package/src/common/menu-base.d.ts +1 -0
  15. package/src/common/menu-base.js +27 -15
  16. package/src/common/v-scroll.js +1 -1
  17. package/src/tab/tab.d.ts +1 -0
  18. package/src/tab/tab.js +37 -32
  19. package/src/treeview/treeview.js +5 -5
  20. package/styles/bootstrap-dark.css +35 -16
  21. package/styles/bootstrap.css +35 -16
  22. package/styles/bootstrap4.css +35 -16
  23. package/styles/bootstrap5-dark.css +35 -16
  24. package/styles/bootstrap5.css +35 -16
  25. package/styles/fabric-dark.css +35 -16
  26. package/styles/fabric.css +35 -16
  27. package/styles/fluent-dark.css +35 -16
  28. package/styles/fluent.css +35 -16
  29. package/styles/highcontrast-light.css +35 -16
  30. package/styles/highcontrast.css +37 -17
  31. package/styles/material-dark.css +35 -16
  32. package/styles/material.css +35 -16
  33. package/styles/tailwind-dark.css +35 -16
  34. package/styles/tailwind.css +35 -16
  35. package/styles/treeview/_theme.scss +20 -10
  36. package/styles/treeview/bootstrap-dark.css +35 -16
  37. package/styles/treeview/bootstrap.css +35 -16
  38. package/styles/treeview/bootstrap4.css +35 -16
  39. package/styles/treeview/bootstrap5-dark.css +35 -16
  40. package/styles/treeview/bootstrap5.css +35 -16
  41. package/styles/treeview/fabric-dark.css +35 -16
  42. package/styles/treeview/fabric.css +35 -16
  43. package/styles/treeview/fluent-dark.css +35 -16
  44. package/styles/treeview/fluent.css +35 -16
  45. package/styles/treeview/highcontrast-light.css +35 -16
  46. package/styles/treeview/highcontrast.css +37 -17
  47. package/styles/treeview/material-dark.css +35 -16
  48. package/styles/treeview/material.css +35 -16
  49. package/styles/treeview/tailwind-dark.css +35 -16
  50. package/styles/treeview/tailwind.css +35 -16
package/styles/bootstrap4.css CHANGED
@@ -8076,17 +8076,22 @@
8076
8076
  font-size: 8px;
8077
8077
  }
8078
8078
  .e-treeview .e-list-item.e-active,
8079
- .e-treeview .e-list-item.e-hover {
8079
+ .e-treeview .e-list-item.e-hover,
8080
+ .e-treeview .e-list-item.e-node-focus {
8080
8081
  background: transparent;
8081
8082
  }
8082
- .e-treeview .e-list-item.e-hover > .e-text-content {
8083
+ .e-treeview .e-list-item.e-hover > .e-text-content,
8084
+ .e-treeview .e-list-item.e-node-focus > .e-text-content {
8083
8085
  color: #212529;
8084
8086
  }
8085
- .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text {
8087
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text,
8088
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
8086
8089
  color: #212529;
8087
8090
  }
8088
8091
  .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible,
8089
- .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable {
8092
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable,
8093
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
8094
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8090
8095
  color: #495057;
8091
8096
  }
8092
8097
  .e-treeview .e-list-item.e-active > .e-text-content {
@@ -8104,31 +8109,40 @@
8104
8109
  border-color: #fff;
8105
8110
  color: #007bff;
8106
8111
  }
8107
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content {
8112
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content,
8113
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
8108
8114
  color: #fff;
8109
8115
  }
8110
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text {
8116
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text,
8117
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text {
8111
8118
  color: #fff;
8112
8119
  }
8113
8120
  .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible,
8114
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable {
8121
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable,
8122
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-collapsible,
8123
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
8115
8124
  color: #fff;
8116
8125
  }
8117
8126
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content,
8118
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content {
8127
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content,
8128
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
8119
8129
  color: #212529;
8120
8130
  }
8121
8131
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text,
8122
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text {
8132
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text,
8133
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-list-text {
8123
8134
  color: #212529;
8124
8135
  }
8125
8136
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
8126
8137
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable,
8127
8138
  .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
8128
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable {
8139
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable,
8140
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-collapsible,
8141
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-expandable {
8129
8142
  color: #495057;
8130
8143
  }
8131
- .e-treeview .e-list-item.e-hover > .e-fullrow {
8144
+ .e-treeview .e-list-item.e-hover > .e-fullrow,
8145
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8132
8146
  background-color: #f2f4f6;
8133
8147
  border-color: #f2f4f6;
8134
8148
  }
@@ -8146,12 +8160,14 @@
8146
8160
  .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
8147
8161
  color: #212529;
8148
8162
  }
8149
- .e-treeview .e-list-item.e-active.e-hover > .e-fullrow {
8163
+ .e-treeview .e-list-item.e-active.e-hover > .e-fullrow,
8164
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
8150
8165
  background-color: #0069d9;
8151
8166
  border-color: #0069d9;
8152
8167
  }
8153
8168
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow,
8154
- .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow {
8169
+ .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow,
8170
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
8155
8171
  background-color: transparent;
8156
8172
  border-color: transparent;
8157
8173
  }
@@ -8184,7 +8200,8 @@
8184
8200
  .e-treeview .e-popup .e-downtail::after {
8185
8201
  border-top-color: transparent;
8186
8202
  }
8187
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content {
8203
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content,
8204
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8188
8205
  background-color: #f2f4f6;
8189
8206
  border-color: #f2f4f6;
8190
8207
  }
@@ -8192,12 +8209,14 @@
8192
8209
  background-color: #007bff;
8193
8210
  border-color: #007bff;
8194
8211
  }
8195
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content {
8212
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content,
8213
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
8196
8214
  background-color: #0069d9;
8197
8215
  border-color: #0069d9;
8198
8216
  }
8199
8217
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content,
8200
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content {
8218
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content,
8219
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
8201
8220
  background-color: transparent;
8202
8221
  border-color: transparent;
8203
8222
  }
package/styles/bootstrap5-dark.css CHANGED
@@ -8152,17 +8152,22 @@
8152
8152
  font-size: 20px;
8153
8153
  }
8154
8154
  .e-treeview .e-list-item.e-active,
8155
- .e-treeview .e-list-item.e-hover {
8155
+ .e-treeview .e-list-item.e-hover,
8156
+ .e-treeview .e-list-item.e-node-focus {
8156
8157
  background: transparent;
8157
8158
  }
8158
- .e-treeview .e-list-item.e-hover > .e-text-content {
8159
+ .e-treeview .e-list-item.e-hover > .e-text-content,
8160
+ .e-treeview .e-list-item.e-node-focus > .e-text-content {
8159
8161
  color: #fff;
8160
8162
  }
8161
- .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text {
8163
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text,
8164
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
8162
8165
  color: #fff;
8163
8166
  }
8164
8167
  .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible,
8165
- .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable {
8168
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable,
8169
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
8170
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8166
8171
  color: #dee2e6;
8167
8172
  }
8168
8173
  .e-treeview .e-list-item.e-active > .e-text-content {
@@ -8181,31 +8186,40 @@
8181
8186
  .e-treeview .e-list-item.e-active > .e-text-content .e-stop {
8182
8187
  border-color: #fff;
8183
8188
  }
8184
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content {
8189
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content,
8190
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
8185
8191
  color: #fff;
8186
8192
  }
8187
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text {
8193
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text,
8194
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text {
8188
8195
  color: #fff;
8189
8196
  }
8190
8197
  .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible,
8191
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable {
8198
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable,
8199
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-collapsible,
8200
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
8192
8201
  color: #fff;
8193
8202
  }
8194
8203
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content,
8195
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content {
8204
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content,
8205
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
8196
8206
  color: #fff;
8197
8207
  }
8198
8208
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text,
8199
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text {
8209
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text,
8210
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-list-text {
8200
8211
  color: #fff;
8201
8212
  }
8202
8213
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
8203
8214
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable,
8204
8215
  .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
8205
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable {
8216
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable,
8217
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-collapsible,
8218
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-expandable {
8206
8219
  color: #adb5bd;
8207
8220
  }
8208
- .e-treeview .e-list-item.e-hover > .e-fullrow {
8221
+ .e-treeview .e-list-item.e-hover > .e-fullrow,
8222
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8209
8223
  background-color: #31373d;
8210
8224
  border-color: #31373d;
8211
8225
  }
@@ -8223,12 +8237,14 @@
8223
8237
  .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
8224
8238
  color: #fff;
8225
8239
  }
8226
- .e-treeview .e-list-item.e-active.e-hover > .e-fullrow {
8240
+ .e-treeview .e-list-item.e-active.e-hover > .e-fullrow,
8241
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
8227
8242
  background-color: #0262ef;
8228
8243
  border-color: #0d6efd;
8229
8244
  }
8230
8245
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow,
8231
- .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow {
8246
+ .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow,
8247
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
8232
8248
  background-color: transparent;
8233
8249
  border-color: transparent;
8234
8250
  }
@@ -8263,7 +8279,8 @@
8263
8279
  .e-treeview .e-popup .e-downtail::after {
8264
8280
  border-top-color: #31373d;
8265
8281
  }
8266
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content {
8282
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content,
8283
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8267
8284
  background-color: #31373d;
8268
8285
  border-color: #31373d;
8269
8286
  }
@@ -8271,12 +8288,14 @@
8271
8288
  background-color: #0d6efd;
8272
8289
  border-color: #0d6efd;
8273
8290
  }
8274
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content {
8291
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content,
8292
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
8275
8293
  background-color: #0262ef;
8276
8294
  border-color: #0d6efd;
8277
8295
  }
8278
8296
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content,
8279
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content {
8297
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content,
8298
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
8280
8299
  background-color: transparent;
8281
8300
  border-color: transparent;
8282
8301
  }
package/styles/bootstrap5.css CHANGED
@@ -8152,17 +8152,22 @@
8152
8152
  font-size: 20px;
8153
8153
  }
8154
8154
  .e-treeview .e-list-item.e-active,
8155
- .e-treeview .e-list-item.e-hover {
8155
+ .e-treeview .e-list-item.e-hover,
8156
+ .e-treeview .e-list-item.e-node-focus {
8156
8157
  background: transparent;
8157
8158
  }
8158
- .e-treeview .e-list-item.e-hover > .e-text-content {
8159
+ .e-treeview .e-list-item.e-hover > .e-text-content,
8160
+ .e-treeview .e-list-item.e-node-focus > .e-text-content {
8159
8161
  color: #212529;
8160
8162
  }
8161
- .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text {
8163
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text,
8164
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
8162
8165
  color: #212529;
8163
8166
  }
8164
8167
  .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible,
8165
- .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable {
8168
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable,
8169
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
8170
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8166
8171
  color: #343a40;
8167
8172
  }
8168
8173
  .e-treeview .e-list-item.e-active > .e-text-content {
@@ -8181,31 +8186,40 @@
8181
8186
  .e-treeview .e-list-item.e-active > .e-text-content .e-stop {
8182
8187
  border-color: #fff;
8183
8188
  }
8184
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content {
8189
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content,
8190
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
8185
8191
  color: #fff;
8186
8192
  }
8187
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text {
8193
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text,
8194
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text {
8188
8195
  color: #fff;
8189
8196
  }
8190
8197
  .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible,
8191
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable {
8198
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable,
8199
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-collapsible,
8200
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
8192
8201
  color: #fff;
8193
8202
  }
8194
8203
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content,
8195
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content {
8204
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content,
8205
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
8196
8206
  color: #212529;
8197
8207
  }
8198
8208
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text,
8199
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text {
8209
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text,
8210
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-list-text {
8200
8211
  color: #212529;
8201
8212
  }
8202
8213
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
8203
8214
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable,
8204
8215
  .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
8205
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable {
8216
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable,
8217
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-collapsible,
8218
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-expandable {
8206
8219
  color: #6c757d;
8207
8220
  }
8208
- .e-treeview .e-list-item.e-hover > .e-fullrow {
8221
+ .e-treeview .e-list-item.e-hover > .e-fullrow,
8222
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8209
8223
  background-color: #e9ecef;
8210
8224
  border-color: #e9ecef;
8211
8225
  }
@@ -8223,12 +8237,14 @@
8223
8237
  .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
8224
8238
  color: #212529;
8225
8239
  }
8226
- .e-treeview .e-list-item.e-active.e-hover > .e-fullrow {
8240
+ .e-treeview .e-list-item.e-active.e-hover > .e-fullrow,
8241
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
8227
8242
  background-color: #0262ef;
8228
8243
  border-color: #0d6efd;
8229
8244
  }
8230
8245
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow,
8231
- .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow {
8246
+ .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow,
8247
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
8232
8248
  background-color: transparent;
8233
8249
  border-color: transparent;
8234
8250
  }
@@ -8263,7 +8279,8 @@
8263
8279
  .e-treeview .e-popup .e-downtail::after {
8264
8280
  border-top-color: #e9ecef;
8265
8281
  }
8266
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content {
8282
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content,
8283
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8267
8284
  background-color: #e9ecef;
8268
8285
  border-color: #e9ecef;
8269
8286
  }
@@ -8271,12 +8288,14 @@
8271
8288
  background-color: #0d6efd;
8272
8289
  border-color: #0d6efd;
8273
8290
  }
8274
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content {
8291
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content,
8292
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
8275
8293
  background-color: #0262ef;
8276
8294
  border-color: #0d6efd;
8277
8295
  }
8278
8296
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content,
8279
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content {
8297
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content,
8298
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
8280
8299
  background-color: transparent;
8281
8300
  border-color: transparent;
8282
8301
  }
package/styles/fabric-dark.css CHANGED
@@ -7988,17 +7988,22 @@
7988
7988
  font-size: 10px;
7989
7989
  }
7990
7990
  .e-treeview .e-list-item.e-active,
7991
- .e-treeview .e-list-item.e-hover {
7991
+ .e-treeview .e-list-item.e-hover,
7992
+ .e-treeview .e-list-item.e-node-focus {
7992
7993
  background: transparent;
7993
7994
  }
7994
- .e-treeview .e-list-item.e-hover > .e-text-content {
7995
+ .e-treeview .e-list-item.e-hover > .e-text-content,
7996
+ .e-treeview .e-list-item.e-node-focus > .e-text-content {
7995
7997
  color: #dadada;
7996
7998
  }
7997
- .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text {
7999
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text,
8000
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
7998
8001
  color: #dadada;
7999
8002
  }
8000
8003
  .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible,
8001
- .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable {
8004
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable,
8005
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
8006
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8002
8007
  color: #dadada;
8003
8008
  }
8004
8009
  .e-treeview .e-list-item.e-active > .e-text-content {
@@ -8011,31 +8016,40 @@
8011
8016
  .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
8012
8017
  color: #fff;
8013
8018
  }
8014
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content {
8019
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content,
8020
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
8015
8021
  color: #fff;
8016
8022
  }
8017
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text {
8023
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text,
8024
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text {
8018
8025
  color: #fff;
8019
8026
  }
8020
8027
  .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible,
8021
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable {
8028
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable,
8029
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-collapsible,
8030
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
8022
8031
  color: #fff;
8023
8032
  }
8024
8033
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content,
8025
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content {
8034
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content,
8035
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
8026
8036
  color: #dadada;
8027
8037
  }
8028
8038
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text,
8029
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text {
8039
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text,
8040
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-list-text {
8030
8041
  color: #dadada;
8031
8042
  }
8032
8043
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
8033
8044
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable,
8034
8045
  .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
8035
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable {
8046
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable,
8047
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-collapsible,
8048
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-expandable {
8036
8049
  color: #dadada;
8037
8050
  }
8038
- .e-treeview .e-list-item.e-hover > .e-fullrow {
8051
+ .e-treeview .e-list-item.e-hover > .e-fullrow,
8052
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8039
8053
  background-color: #414040;
8040
8054
  border-color: #414040;
8041
8055
  }
@@ -8053,12 +8067,14 @@
8053
8067
  .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
8054
8068
  color: #dadada;
8055
8069
  }
8056
- .e-treeview .e-list-item.e-active.e-hover > .e-fullrow {
8070
+ .e-treeview .e-list-item.e-active.e-hover > .e-fullrow,
8071
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
8057
8072
  background-color: #514f4f;
8058
8073
  border-color: #c8c8c8;
8059
8074
  }
8060
8075
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow,
8061
- .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow {
8076
+ .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow,
8077
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
8062
8078
  background-color: transparent;
8063
8079
  border-color: transparent;
8064
8080
  }
@@ -8090,7 +8106,8 @@
8090
8106
  .e-treeview .e-popup .e-downtail::after {
8091
8107
  border-top-color: #fff;
8092
8108
  }
8093
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content {
8109
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content,
8110
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8094
8111
  background-color: #414040;
8095
8112
  border-color: #414040;
8096
8113
  }
@@ -8098,12 +8115,14 @@
8098
8115
  background-color: #514f4f;
8099
8116
  border-color: #514f4f;
8100
8117
  }
8101
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content {
8118
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content,
8119
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
8102
8120
  background-color: #514f4f;
8103
8121
  border-color: #c8c8c8;
8104
8122
  }
8105
8123
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content,
8106
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content {
8124
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content,
8125
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
8107
8126
  background-color: transparent;
8108
8127
  border-color: transparent;
8109
8128
  }
package/styles/fabric.css CHANGED
@@ -7998,17 +7998,22 @@
7998
7998
  font-size: 10px;
7999
7999
  }
8000
8000
  .e-treeview .e-list-item.e-active,
8001
- .e-treeview .e-list-item.e-hover {
8001
+ .e-treeview .e-list-item.e-hover,
8002
+ .e-treeview .e-list-item.e-node-focus {
8002
8003
  background: transparent;
8003
8004
  }
8004
- .e-treeview .e-list-item.e-hover > .e-text-content {
8005
+ .e-treeview .e-list-item.e-hover > .e-text-content,
8006
+ .e-treeview .e-list-item.e-node-focus > .e-text-content {
8005
8007
  color: #333;
8006
8008
  }
8007
- .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text {
8009
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text,
8010
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
8008
8011
  color: #333;
8009
8012
  }
8010
8013
  .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible,
8011
- .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable {
8014
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable,
8015
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
8016
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8012
8017
  color: #333;
8013
8018
  }
8014
8019
  .e-treeview .e-list-item.e-active > .e-text-content {
@@ -8021,31 +8026,40 @@
8021
8026
  .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
8022
8027
  color: #333;
8023
8028
  }
8024
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content {
8029
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content,
8030
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
8025
8031
  color: #333;
8026
8032
  }
8027
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text {
8033
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text,
8034
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text {
8028
8035
  color: #333;
8029
8036
  }
8030
8037
  .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible,
8031
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable {
8038
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable,
8039
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-collapsible,
8040
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
8032
8041
  color: #333;
8033
8042
  }
8034
8043
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content,
8035
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content {
8044
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content,
8045
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
8036
8046
  color: #333;
8037
8047
  }
8038
8048
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text,
8039
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text {
8049
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text,
8050
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-list-text {
8040
8051
  color: #333;
8041
8052
  }
8042
8053
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
8043
8054
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable,
8044
8055
  .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
8045
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable {
8056
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable,
8057
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-collapsible,
8058
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-expandable {
8046
8059
  color: #333;
8047
8060
  }
8048
- .e-treeview .e-list-item.e-hover > .e-fullrow {
8061
+ .e-treeview .e-list-item.e-hover > .e-fullrow,
8062
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8049
8063
  background-color: #f4f4f4;
8050
8064
  border-color: #f4f4f4;
8051
8065
  }
@@ -8063,12 +8077,14 @@
8063
8077
  .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
8064
8078
  color: #333;
8065
8079
  }
8066
- .e-treeview .e-list-item.e-active.e-hover > .e-fullrow {
8080
+ .e-treeview .e-list-item.e-active.e-hover > .e-fullrow,
8081
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
8067
8082
  background-color: #d1ebff;
8068
8083
  border-color: #666;
8069
8084
  }
8070
8085
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow,
8071
- .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow {
8086
+ .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow,
8087
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
8072
8088
  background-color: transparent;
8073
8089
  border-color: transparent;
8074
8090
  }
@@ -8100,7 +8116,8 @@
8100
8116
  .e-treeview .e-popup .e-downtail::after {
8101
8117
  border-top-color: #fff;
8102
8118
  }
8103
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content {
8119
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content,
8120
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8104
8121
  background-color: #f4f4f4;
8105
8122
  border-color: #f4f4f4;
8106
8123
  }
@@ -8108,12 +8125,14 @@
8108
8125
  background-color: #d1ebff;
8109
8126
  border-color: #d1ebff;
8110
8127
  }
8111
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content {
8128
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content,
8129
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
8112
8130
  background-color: #d1ebff;
8113
8131
  border-color: #666;
8114
8132
  }
8115
8133
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content,
8116
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content {
8134
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content,
8135
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
8117
8136
  background-color: transparent;
8118
8137
  border-color: transparent;
8119
8138
  }