@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/fluent.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: #201f1e;
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: #201f1e;
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: #323130;
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: #201f1e;
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: #201f1e;
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: #201f1e;
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: #201f1e;
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: #201f1e;
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: #201f1e;
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: #605e5c;
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: #f3f2f1;
8190
8204
  border-color: #f3f2f1;
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: #201f1e;
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: #e2dedb;
8208
8223
  border-color: #edebe9;
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: #f3f2f1;
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: #f3f2f1;
8248
8265
  border-color: #f3f2f1;
8249
8266
  }
@@ -8251,12 +8268,14 @@
8251
8268
  background-color: #edebe9;
8252
8269
  border-color: #edebe9;
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: #e2dedb;
8256
8274
  border-color: #edebe9;
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
  }
package/styles/highcontrast-light.css CHANGED
@@ -7982,17 +7982,22 @@
7982
7982
  font-size: 10px;
7983
7983
  }
7984
7984
  .e-treeview .e-list-item.e-active,
7985
- .e-treeview .e-list-item.e-hover {
7985
+ .e-treeview .e-list-item.e-hover,
7986
+ .e-treeview .e-list-item.e-node-focus {
7986
7987
  background: transparent;
7987
7988
  }
7988
- .e-treeview .e-list-item.e-hover > .e-text-content {
7989
+ .e-treeview .e-list-item.e-hover > .e-text-content,
7990
+ .e-treeview .e-list-item.e-node-focus > .e-text-content {
7989
7991
  color: #000;
7990
7992
  }
7991
- .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text {
7993
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text,
7994
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
7992
7995
  color: #000;
7993
7996
  }
7994
7997
  .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible,
7995
- .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable {
7998
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable,
7999
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
8000
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
7996
8001
  color: #000;
7997
8002
  }
7998
8003
  .e-treeview .e-list-item.e-active > .e-text-content {
@@ -8005,31 +8010,40 @@
8005
8010
  .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
8006
8011
  color: #fff;
8007
8012
  }
8008
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content {
8013
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content,
8014
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
8009
8015
  color: #fff;
8010
8016
  }
8011
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text {
8017
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text,
8018
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text {
8012
8019
  color: #fff;
8013
8020
  }
8014
8021
  .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible,
8015
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable {
8022
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable,
8023
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-collapsible,
8024
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
8016
8025
  color: #fff;
8017
8026
  }
8018
8027
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content,
8019
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content {
8028
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content,
8029
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
8020
8030
  color: #000;
8021
8031
  }
8022
8032
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text,
8023
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text {
8033
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text,
8034
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-list-text {
8024
8035
  color: #000;
8025
8036
  }
8026
8037
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
8027
8038
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable,
8028
8039
  .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
8029
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable {
8040
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable,
8041
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-collapsible,
8042
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-expandable {
8030
8043
  color: #000;
8031
8044
  }
8032
- .e-treeview .e-list-item.e-hover > .e-fullrow {
8045
+ .e-treeview .e-list-item.e-hover > .e-fullrow,
8046
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8033
8047
  background-color: #ecf;
8034
8048
  border-color: #000;
8035
8049
  }
@@ -8047,12 +8061,14 @@
8047
8061
  .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
8048
8062
  color: #000;
8049
8063
  }
8050
- .e-treeview .e-list-item.e-active.e-hover > .e-fullrow {
8064
+ .e-treeview .e-list-item.e-active.e-hover > .e-fullrow,
8065
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
8051
8066
  background-color: #400074;
8052
8067
  border-color: #000;
8053
8068
  }
8054
8069
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow,
8055
- .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow {
8070
+ .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow,
8071
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
8056
8072
  background-color: transparent;
8057
8073
  border-color: transparent;
8058
8074
  }
@@ -8084,7 +8100,8 @@
8084
8100
  .e-treeview .e-popup .e-downtail::after {
8085
8101
  border-top-color: #ecf;
8086
8102
  }
8087
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content {
8103
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content,
8104
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8088
8105
  background-color: #ecf;
8089
8106
  border-color: #000;
8090
8107
  }
@@ -8092,12 +8109,14 @@
8092
8109
  background-color: #400074;
8093
8110
  border-color: #400074;
8094
8111
  }
8095
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content {
8112
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content,
8113
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
8096
8114
  background-color: #400074;
8097
8115
  border-color: #000;
8098
8116
  }
8099
8117
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content,
8100
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content {
8118
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content,
8119
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
8101
8120
  background-color: transparent;
8102
8121
  border-color: transparent;
8103
8122
  }
package/styles/highcontrast.css CHANGED
@@ -8001,17 +8001,22 @@
8001
8001
  font-size: 10px;
8002
8002
  }
8003
8003
  .e-treeview .e-list-item.e-active,
8004
- .e-treeview .e-list-item.e-hover {
8004
+ .e-treeview .e-list-item.e-hover,
8005
+ .e-treeview .e-list-item.e-node-focus {
8005
8006
  background: transparent;
8006
8007
  }
8007
- .e-treeview .e-list-item.e-hover > .e-text-content {
8008
+ .e-treeview .e-list-item.e-hover > .e-text-content,
8009
+ .e-treeview .e-list-item.e-node-focus > .e-text-content {
8008
8010
  color: #fff;
8009
8011
  }
8010
- .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text {
8012
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text,
8013
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
8011
8014
  color: #fff;
8012
8015
  }
8013
8016
  .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible,
8014
- .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable {
8017
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable,
8018
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
8019
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8015
8020
  color: #fff;
8016
8021
  }
8017
8022
  .e-treeview .e-list-item.e-active > .e-text-content {
@@ -8030,35 +8035,45 @@
8030
8035
  border-color: #000;
8031
8036
  color: #ffd939;
8032
8037
  }
8033
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content {
8038
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content,
8039
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
8034
8040
  color: #000;
8035
8041
  }
8036
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text {
8042
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text,
8043
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text {
8037
8044
  color: #000;
8038
8045
  }
8039
8046
  .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible,
8040
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable {
8047
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable,
8048
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-collapsible,
8049
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
8041
8050
  color: #000;
8042
8051
  }
8043
8052
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content,
8044
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content {
8053
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content,
8054
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
8045
8055
  color: #fff;
8046
8056
  }
8047
8057
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text,
8048
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text {
8058
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text,
8059
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-list-text {
8049
8060
  color: #fff;
8050
8061
  }
8051
8062
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text .e-input,
8052
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text .e-input {
8063
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text .e-input,
8064
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-list-text .e-input {
8053
8065
  font-weight: 600;
8054
8066
  }
8055
8067
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
8056
8068
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable,
8057
8069
  .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
8058
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable {
8070
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable,
8071
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-collapsible,
8072
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-expandable {
8059
8073
  color: #fff;
8060
8074
  }
8061
- .e-treeview .e-list-item.e-hover > .e-fullrow {
8075
+ .e-treeview .e-list-item.e-hover > .e-fullrow,
8076
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8062
8077
  background-color: #685708;
8063
8078
  border-color: #fff;
8064
8079
  }
@@ -8076,13 +8091,15 @@
8076
8091
  .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
8077
8092
  color: #fff;
8078
8093
  }
8079
- .e-treeview .e-list-item.e-active.e-hover > .e-fullrow {
8094
+ .e-treeview .e-list-item.e-active.e-hover > .e-fullrow,
8095
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
8080
8096
  background-color: #ffd939;
8081
8097
  border-color: #fff;
8082
8098
  box-shadow: 0 -1px 2px #fff, 0 1px 2px #fff;
8083
8099
  }
8084
8100
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow,
8085
- .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow {
8101
+ .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow,
8102
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
8086
8103
  background-color: transparent;
8087
8104
  border-color: transparent;
8088
8105
  }
@@ -8114,7 +8131,8 @@
8114
8131
  .e-treeview .e-popup .e-downtail::after {
8115
8132
  border-top-color: #685708;
8116
8133
  }
8117
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content {
8134
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content,
8135
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8118
8136
  background-color: #685708;
8119
8137
  border-color: #fff;
8120
8138
  }
@@ -8122,13 +8140,15 @@
8122
8140
  background-color: #ffd939;
8123
8141
  border-color: #ffd939;
8124
8142
  }
8125
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content {
8143
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content,
8144
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
8126
8145
  background-color: #ffd939;
8127
8146
  border-color: #fff;
8128
8147
  box-shadow: 0 -1px 2px #fff, 0 1px 2px #fff;
8129
8148
  }
8130
8149
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content,
8131
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content {
8150
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content,
8151
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
8132
8152
  background-color: transparent;
8133
8153
  border-color: transparent;
8134
8154
  }
package/styles/material-dark.css CHANGED
@@ -8112,17 +8112,22 @@
8112
8112
  font-size: 10px;
8113
8113
  }
8114
8114
  .e-treeview .e-list-item.e-active,
8115
- .e-treeview .e-list-item.e-hover {
8115
+ .e-treeview .e-list-item.e-hover,
8116
+ .e-treeview .e-list-item.e-node-focus {
8116
8117
  background: transparent;
8117
8118
  }
8118
- .e-treeview .e-list-item.e-hover > .e-text-content {
8119
+ .e-treeview .e-list-item.e-hover > .e-text-content,
8120
+ .e-treeview .e-list-item.e-node-focus > .e-text-content {
8119
8121
  color: #fff;
8120
8122
  }
8121
- .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text {
8123
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text,
8124
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
8122
8125
  color: #fff;
8123
8126
  }
8124
8127
  .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible,
8125
- .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable {
8128
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable,
8129
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
8130
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8126
8131
  color: rgba(255, 255, 255, 0.7);
8127
8132
  }
8128
8133
  .e-treeview .e-list-item.e-active > .e-text-content {
@@ -8135,31 +8140,40 @@
8135
8140
  .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
8136
8141
  color: rgba(255, 255, 255, 0.7);
8137
8142
  }
8138
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content {
8143
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content,
8144
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
8139
8145
  color: #00b0ff;
8140
8146
  }
8141
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text {
8147
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text,
8148
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text {
8142
8149
  color: #00b0ff;
8143
8150
  }
8144
8151
  .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible,
8145
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable {
8152
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable,
8153
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-collapsible,
8154
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
8146
8155
  color: rgba(255, 255, 255, 0.7);
8147
8156
  }
8148
8157
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content,
8149
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content {
8158
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content,
8159
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
8150
8160
  color: #fff;
8151
8161
  }
8152
8162
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text,
8153
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text {
8163
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text,
8164
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-list-text {
8154
8165
  color: #fff;
8155
8166
  }
8156
8167
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
8157
8168
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable,
8158
8169
  .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
8159
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable {
8170
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable,
8171
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-collapsible,
8172
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-expandable {
8160
8173
  color: rgba(255, 255, 255, 0.7);
8161
8174
  }
8162
- .e-treeview .e-list-item.e-hover > .e-fullrow {
8175
+ .e-treeview .e-list-item.e-hover > .e-fullrow,
8176
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8163
8177
  background-color: rgba(255, 255, 255, 0.1);
8164
8178
  border-color: transparent;
8165
8179
  }
@@ -8177,12 +8191,14 @@
8177
8191
  .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
8178
8192
  color: #fff;
8179
8193
  }
8180
- .e-treeview .e-list-item.e-active.e-hover > .e-fullrow {
8194
+ .e-treeview .e-list-item.e-active.e-hover > .e-fullrow,
8195
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
8181
8196
  background-color: rgba(255, 255, 255, 0.18);
8182
8197
  border-color: transparent;
8183
8198
  }
8184
8199
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow,
8185
- .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow {
8200
+ .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow,
8201
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
8186
8202
  background-color: transparent;
8187
8203
  border-color: transparent;
8188
8204
  }
@@ -8214,7 +8230,8 @@
8214
8230
  .e-treeview .e-popup .e-downtail::after {
8215
8231
  border-top-color: #616161;
8216
8232
  }
8217
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content {
8233
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content,
8234
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8218
8235
  background-color: rgba(255, 255, 255, 0.1);
8219
8236
  border-color: transparent;
8220
8237
  }
@@ -8222,12 +8239,14 @@
8222
8239
  background-color: rgba(255, 255, 255, 0.18);
8223
8240
  border-color: transparent;
8224
8241
  }
8225
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content {
8242
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content,
8243
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
8226
8244
  background-color: rgba(255, 255, 255, 0.18);
8227
8245
  border-color: transparent;
8228
8246
  }
8229
8247
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content,
8230
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content {
8248
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content,
8249
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
8231
8250
  background-color: transparent;
8232
8251
  border-color: transparent;
8233
8252
  }
package/styles/material.css CHANGED
@@ -8130,17 +8130,22 @@
8130
8130
  font-size: 10px;
8131
8131
  }
8132
8132
  .e-treeview .e-list-item.e-active,
8133
- .e-treeview .e-list-item.e-hover {
8133
+ .e-treeview .e-list-item.e-hover,
8134
+ .e-treeview .e-list-item.e-node-focus {
8134
8135
  background: transparent;
8135
8136
  }
8136
- .e-treeview .e-list-item.e-hover > .e-text-content {
8137
+ .e-treeview .e-list-item.e-hover > .e-text-content,
8138
+ .e-treeview .e-list-item.e-node-focus > .e-text-content {
8137
8139
  color: rgba(0, 0, 0, 0.87);
8138
8140
  }
8139
- .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text {
8141
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text,
8142
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
8140
8143
  color: rgba(0, 0, 0, 0.87);
8141
8144
  }
8142
8145
  .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible,
8143
- .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable {
8146
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable,
8147
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
8148
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8144
8149
  color: rgba(0, 0, 0, 0.54);
8145
8150
  }
8146
8151
  .e-treeview .e-list-item.e-active > .e-text-content {
@@ -8153,31 +8158,40 @@
8153
8158
  .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
8154
8159
  color: rgba(0, 0, 0, 0.54);
8155
8160
  }
8156
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content {
8161
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content,
8162
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
8157
8163
  color: #e3165b;
8158
8164
  }
8159
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text {
8165
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text,
8166
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text {
8160
8167
  color: #e3165b;
8161
8168
  }
8162
8169
  .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible,
8163
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable {
8170
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable,
8171
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-collapsible,
8172
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
8164
8173
  color: rgba(0, 0, 0, 0.54);
8165
8174
  }
8166
8175
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content,
8167
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content {
8176
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content,
8177
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
8168
8178
  color: rgba(0, 0, 0, 0.87);
8169
8179
  }
8170
8180
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text,
8171
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text {
8181
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text,
8182
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-list-text {
8172
8183
  color: rgba(0, 0, 0, 0.87);
8173
8184
  }
8174
8185
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
8175
8186
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable,
8176
8187
  .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
8177
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable {
8188
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable,
8189
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-collapsible,
8190
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-expandable {
8178
8191
  color: rgba(0, 0, 0, 0.54);
8179
8192
  }
8180
- .e-treeview .e-list-item.e-hover > .e-fullrow {
8193
+ .e-treeview .e-list-item.e-hover > .e-fullrow,
8194
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8181
8195
  background-color: #f5f5f5;
8182
8196
  border-color: #f5f5f5;
8183
8197
  }
@@ -8195,12 +8209,14 @@
8195
8209
  .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
8196
8210
  color: rgba(0, 0, 0, 0.87);
8197
8211
  }
8198
- .e-treeview .e-list-item.e-active.e-hover > .e-fullrow {
8212
+ .e-treeview .e-list-item.e-active.e-hover > .e-fullrow,
8213
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
8199
8214
  background-color: #e0e0e0;
8200
8215
  border-color: #e0e0e0;
8201
8216
  }
8202
8217
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow,
8203
- .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow {
8218
+ .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow,
8219
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
8204
8220
  background-color: transparent;
8205
8221
  border-color: transparent;
8206
8222
  }
@@ -8231,7 +8247,8 @@
8231
8247
  .e-treeview .e-popup .e-downtail::after {
8232
8248
  border-top-color: #fff;
8233
8249
  }
8234
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content {
8250
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content,
8251
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8235
8252
  background-color: #f5f5f5;
8236
8253
  border-color: #f5f5f5;
8237
8254
  }
@@ -8239,12 +8256,14 @@
8239
8256
  background-color: #eee;
8240
8257
  border-color: #eee;
8241
8258
  }
8242
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content {
8259
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content,
8260
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
8243
8261
  background-color: #e0e0e0;
8244
8262
  border-color: #e0e0e0;
8245
8263
  }
8246
8264
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content,
8247
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content {
8265
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content,
8266
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
8248
8267
  background-color: transparent;
8249
8268
  border-color: transparent;
8250
8269
  }