@syncfusion/ej2-vue-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 (34) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/ej2-vue-navigations.umd.min.js +1 -1
  3. package/dist/global/ej2-vue-navigations.min.js +2 -2
  4. package/package.json +8 -8
  5. package/styles/bootstrap-dark.css +35 -16
  6. package/styles/bootstrap.css +35 -16
  7. package/styles/bootstrap4.css +35 -16
  8. package/styles/bootstrap5-dark.css +35 -16
  9. package/styles/bootstrap5.css +35 -16
  10. package/styles/fabric-dark.css +35 -16
  11. package/styles/fabric.css +35 -16
  12. package/styles/fluent-dark.css +35 -16
  13. package/styles/fluent.css +35 -16
  14. package/styles/highcontrast-light.css +35 -16
  15. package/styles/highcontrast.css +37 -17
  16. package/styles/material-dark.css +35 -16
  17. package/styles/material.css +35 -16
  18. package/styles/tailwind-dark.css +35 -16
  19. package/styles/tailwind.css +35 -16
  20. package/styles/treeview/bootstrap-dark.css +35 -16
  21. package/styles/treeview/bootstrap.css +35 -16
  22. package/styles/treeview/bootstrap4.css +35 -16
  23. package/styles/treeview/bootstrap5-dark.css +35 -16
  24. package/styles/treeview/bootstrap5.css +35 -16
  25. package/styles/treeview/fabric-dark.css +35 -16
  26. package/styles/treeview/fabric.css +35 -16
  27. package/styles/treeview/fluent-dark.css +35 -16
  28. package/styles/treeview/fluent.css +35 -16
  29. package/styles/treeview/highcontrast-light.css +35 -16
  30. package/styles/treeview/highcontrast.css +37 -17
  31. package/styles/treeview/material-dark.css +35 -16
  32. package/styles/treeview/material.css +35 -16
  33. package/styles/treeview/tailwind-dark.css +35 -16
  34. package/styles/treeview/tailwind.css +35 -16
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-vue-navigations@*",
3
- "_id": "@syncfusion/ej2-vue-navigations@21.1.38",
3
+ "_id": "@syncfusion/ej2-vue-navigations@21.2.3",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-UrdlsacBeVolqzyyn2RI3+gqH+YZIbjhKKWIfToNkmrnmrD0EJXZAc1AMF9i7Xbd4VUwmrM+Dq6wJPq2jOq/tA==",
5
+ "_integrity": "sha512-v/6tDw7seJtrqZOBy7FEaUZYdAZuyBFokM0HVzdhAQIeteh6Oa69hBz+3OPl3fDRig9Br1mVQEf63peqAzmTdg==",
6
6
  "_location": "/@syncfusion/ej2-vue-navigations",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -19,8 +19,8 @@
19
19
  "_requiredBy": [
20
20
  "/"
21
21
  ],
22
- "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-navigations/-/ej2-vue-navigations-21.1.38.tgz",
23
- "_shasum": "38d220fe673a65b4492ebaf7724d433bf8b0f3ed",
22
+ "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-navigations/-/ej2-vue-navigations-21.2.3.tgz",
23
+ "_shasum": "5f711629abf164034441e85b7d885b5848fd63dd",
24
24
  "_spec": "@syncfusion/ej2-vue-navigations@*",
25
25
  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
26
26
  "author": {
@@ -31,9 +31,9 @@
31
31
  },
32
32
  "bundleDependencies": false,
33
33
  "dependencies": {
34
- "@syncfusion/ej2-base": "~21.1.39",
35
- "@syncfusion/ej2-navigations": "21.1.39",
36
- "@syncfusion/ej2-vue-base": "~21.1.38"
34
+ "@syncfusion/ej2-base": "~21.2.3",
35
+ "@syncfusion/ej2-navigations": "21.2.3",
36
+ "@syncfusion/ej2-vue-base": "~21.2.3"
37
37
  },
38
38
  "deprecated": false,
39
39
  "description": "A package of Essential JS 2 navigation components such as Tree-view, Tab, Toolbar, Context-menu, and Accordion which is used to navigate from one page to another for Vue",
@@ -69,6 +69,6 @@
69
69
  "ci-publish": "gulp ci-publish",
70
70
  "compile": "gulp ci-compile && gulp vue-global-script"
71
71
  },
72
- "version": "21.1.39",
72
+ "version": "21.2.3",
73
73
  "sideEffects": false
74
74
  }
package/styles/bootstrap-dark.css CHANGED
@@ -7988,17 +7988,22 @@
7988
7988
  font-size: 8px;
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: #f0f0f0;
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: #f0f0f0;
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: #f0f0f0;
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: #f0f0f0;
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: #f0f0f0;
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: #f0f0f0;
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: #414141;
8040
8054
  border-color: #414141;
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: #f0f0f0;
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: #0070f0;
8058
8073
  border-color: #104888;
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: #414141;
8095
8112
  border-color: #414141;
8096
8113
  }
@@ -8098,12 +8115,14 @@
8098
8115
  background-color: #0070f0;
8099
8116
  border-color: #0070f0;
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: #0070f0;
8103
8121
  border-color: #104888;
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/bootstrap.css CHANGED
@@ -7999,17 +7999,22 @@
7999
7999
  font-size: 8px;
8000
8000
  }
8001
8001
  .e-treeview .e-list-item.e-active,
8002
- .e-treeview .e-list-item.e-hover {
8002
+ .e-treeview .e-list-item.e-hover,
8003
+ .e-treeview .e-list-item.e-node-focus {
8003
8004
  background: transparent;
8004
8005
  }
8005
- .e-treeview .e-list-item.e-hover > .e-text-content {
8006
+ .e-treeview .e-list-item.e-hover > .e-text-content,
8007
+ .e-treeview .e-list-item.e-node-focus > .e-text-content {
8006
8008
  color: #333;
8007
8009
  }
8008
- .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text {
8010
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text,
8011
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
8009
8012
  color: #333;
8010
8013
  }
8011
8014
  .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible,
8012
- .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable {
8015
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable,
8016
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
8017
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8013
8018
  color: #333;
8014
8019
  }
8015
8020
  .e-treeview .e-list-item.e-active > .e-text-content {
@@ -8022,31 +8027,40 @@
8022
8027
  .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
8023
8028
  color: #fff;
8024
8029
  }
8025
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content {
8030
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content,
8031
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
8026
8032
  color: #fff;
8027
8033
  }
8028
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text {
8034
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text,
8035
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text {
8029
8036
  color: #fff;
8030
8037
  }
8031
8038
  .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible,
8032
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable {
8039
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable,
8040
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-collapsible,
8041
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
8033
8042
  color: #fff;
8034
8043
  }
8035
8044
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content,
8036
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content {
8045
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content,
8046
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
8037
8047
  color: #333;
8038
8048
  }
8039
8049
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text,
8040
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text {
8050
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text,
8051
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-list-text {
8041
8052
  color: #333;
8042
8053
  }
8043
8054
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
8044
8055
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable,
8045
8056
  .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
8046
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable {
8057
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable,
8058
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-collapsible,
8059
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-expandable {
8047
8060
  color: #333;
8048
8061
  }
8049
- .e-treeview .e-list-item.e-hover > .e-fullrow {
8062
+ .e-treeview .e-list-item.e-hover > .e-fullrow,
8063
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8050
8064
  background-color: #f5f5f5;
8051
8065
  border-color: #f5f5f5;
8052
8066
  }
@@ -8064,13 +8078,15 @@
8064
8078
  .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
8065
8079
  color: #333;
8066
8080
  }
8067
- .e-treeview .e-list-item.e-active.e-hover > .e-fullrow {
8081
+ .e-treeview .e-list-item.e-active.e-hover > .e-fullrow,
8082
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
8068
8083
  background-color: #317ab9;
8069
8084
  border-color: #66afe9;
8070
8085
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
8071
8086
  }
8072
8087
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow,
8073
- .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow {
8088
+ .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow,
8089
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
8074
8090
  background-color: transparent;
8075
8091
  border-color: transparent;
8076
8092
  box-shadow: none;
@@ -8103,7 +8119,8 @@
8103
8119
  .e-treeview .e-popup .e-downtail::after {
8104
8120
  border-top-color: #fff;
8105
8121
  }
8106
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content {
8122
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content,
8123
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8107
8124
  background-color: #f5f5f5;
8108
8125
  border-color: #f5f5f5;
8109
8126
  }
@@ -8111,13 +8128,15 @@
8111
8128
  background-color: #317ab9;
8112
8129
  border-color: #317ab9;
8113
8130
  }
8114
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content {
8131
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content,
8132
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
8115
8133
  background-color: #317ab9;
8116
8134
  border-color: #66afe9;
8117
8135
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
8118
8136
  }
8119
8137
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content,
8120
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content {
8138
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content,
8139
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
8121
8140
  background-color: transparent;
8122
8141
  border-color: transparent;
8123
8142
  box-shadow: none;
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
  }