@syncfusion/ej2-navigations 21.1.39 → 21.2.3

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 (49) hide show
  1. package/CHANGELOG.md +14 -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 +46 -46
  6. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es5.js +46 -46
  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 +12 -15
  13. package/src/common/h-scroll.js +1 -0
  14. package/src/common/menu-base.js +5 -13
  15. package/src/common/v-scroll.js +1 -1
  16. package/src/tab/tab.d.ts +1 -0
  17. package/src/tab/tab.js +34 -27
  18. package/src/treeview/treeview.js +5 -5
  19. package/styles/bootstrap-dark.css +35 -16
  20. package/styles/bootstrap.css +35 -16
  21. package/styles/bootstrap4.css +35 -16
  22. package/styles/bootstrap5-dark.css +35 -16
  23. package/styles/bootstrap5.css +35 -16
  24. package/styles/fabric-dark.css +35 -16
  25. package/styles/fabric.css +35 -16
  26. package/styles/fluent-dark.css +35 -16
  27. package/styles/fluent.css +35 -16
  28. package/styles/highcontrast-light.css +35 -16
  29. package/styles/highcontrast.css +37 -17
  30. package/styles/material-dark.css +35 -16
  31. package/styles/material.css +35 -16
  32. package/styles/tailwind-dark.css +35 -16
  33. package/styles/tailwind.css +35 -16
  34. package/styles/treeview/_theme.scss +20 -10
  35. package/styles/treeview/bootstrap-dark.css +35 -16
  36. package/styles/treeview/bootstrap.css +35 -16
  37. package/styles/treeview/bootstrap4.css +35 -16
  38. package/styles/treeview/bootstrap5-dark.css +35 -16
  39. package/styles/treeview/bootstrap5.css +35 -16
  40. package/styles/treeview/fabric-dark.css +35 -16
  41. package/styles/treeview/fabric.css +35 -16
  42. package/styles/treeview/fluent-dark.css +35 -16
  43. package/styles/treeview/fluent.css +35 -16
  44. package/styles/treeview/highcontrast-light.css +35 -16
  45. package/styles/treeview/highcontrast.css +37 -17
  46. package/styles/treeview/material-dark.css +35 -16
  47. package/styles/treeview/material.css +35 -16
  48. package/styles/treeview/tailwind-dark.css +35 -16
  49. package/styles/treeview/tailwind.css +35 -16
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
  }
package/styles/fluent-dark.css CHANGED
@@ -8132,17 +8132,22 @@
8132
8132
  font-size: 20px;
8133
8133
  }
8134
8134
  .e-treeview .e-list-item.e-active,
8135
- .e-treeview .e-list-item.e-hover {
8135
+ .e-treeview .e-list-item.e-hover,
8136
+ .e-treeview .e-list-item.e-node-focus {
8136
8137
  background: transparent;
8137
8138
  }
8138
- .e-treeview .e-list-item.e-hover > .e-text-content {
8139
+ .e-treeview .e-list-item.e-hover > .e-text-content,
8140
+ .e-treeview .e-list-item.e-node-focus > .e-text-content {
8139
8141
  color: #f3f2f1;
8140
8142
  }
8141
- .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text {
8143
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text,
8144
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
8142
8145
  color: #f3f2f1;
8143
8146
  }
8144
8147
  .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible,
8145
- .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable {
8148
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable,
8149
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
8150
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8146
8151
  color: #f3f2f1;
8147
8152
  }
8148
8153
  .e-treeview .e-list-item.e-active > .e-text-content {
@@ -8161,31 +8166,40 @@
8161
8166
  .e-treeview .e-list-item.e-active > .e-text-content .e-stop {
8162
8167
  border-color: #f3f2f1;
8163
8168
  }
8164
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content {
8169
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content,
8170
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
8165
8171
  color: #f3f2f1;
8166
8172
  }
8167
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text {
8173
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text,
8174
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text {
8168
8175
  color: #f3f2f1;
8169
8176
  }
8170
8177
  .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible,
8171
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable {
8178
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable,
8179
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-collapsible,
8180
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
8172
8181
  color: #f3f2f1;
8173
8182
  }
8174
8183
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content,
8175
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content {
8184
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content,
8185
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
8176
8186
  color: #f3f2f1;
8177
8187
  }
8178
8188
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text,
8179
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text {
8189
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text,
8190
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-list-text {
8180
8191
  color: #f3f2f1;
8181
8192
  }
8182
8193
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
8183
8194
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable,
8184
8195
  .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
8185
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable {
8196
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable,
8197
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-collapsible,
8198
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-expandable {
8186
8199
  color: #a19f9d;
8187
8200
  }
8188
- .e-treeview .e-list-item.e-hover > .e-fullrow {
8201
+ .e-treeview .e-list-item.e-hover > .e-fullrow,
8202
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8189
8203
  background-color: #252423;
8190
8204
  border-color: #252423;
8191
8205
  }
@@ -8203,12 +8217,14 @@
8203
8217
  .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
8204
8218
  color: #f3f2f1;
8205
8219
  }
8206
- .e-treeview .e-list-item.e-active.e-hover > .e-fullrow {
8220
+ .e-treeview .e-list-item.e-active.e-hover > .e-fullrow,
8221
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
8207
8222
  background-color: #363533;
8208
8223
  border-color: #292827;
8209
8224
  }
8210
8225
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow,
8211
- .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow {
8226
+ .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow,
8227
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
8212
8228
  background-color: transparent;
8213
8229
  border-color: transparent;
8214
8230
  }
@@ -8243,7 +8259,8 @@
8243
8259
  .e-treeview .e-popup .e-downtail::after {
8244
8260
  border-top-color: #252423;
8245
8261
  }
8246
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content {
8262
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content,
8263
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8247
8264
  background-color: #252423;
8248
8265
  border-color: #252423;
8249
8266
  }
@@ -8251,12 +8268,14 @@
8251
8268
  background-color: #292827;
8252
8269
  border-color: #292827;
8253
8270
  }
8254
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content {
8271
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content,
8272
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
8255
8273
  background-color: #363533;
8256
8274
  border-color: #292827;
8257
8275
  }
8258
8276
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content,
8259
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content {
8277
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content,
8278
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
8260
8279
  background-color: transparent;
8261
8280
  border-color: transparent;
8262
8281
  }