@syncfusion/ej2-navigations 21.1.38 → 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 (86) hide show
  1. package/CHANGELOG.md +30 -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 +68 -54
  6. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es5.js +68 -54
  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.d.ts +1 -0
  15. package/src/common/menu-base.js +26 -20
  16. package/src/common/v-scroll.js +1 -1
  17. package/src/tab/tab.d.ts +1 -0
  18. package/src/tab/tab.js +35 -28
  19. package/src/treeview/treeview.js +5 -5
  20. package/styles/bootstrap-dark.css +35 -26
  21. package/styles/bootstrap.css +35 -26
  22. package/styles/bootstrap4.css +35 -26
  23. package/styles/bootstrap5-dark.css +44 -35
  24. package/styles/bootstrap5.css +44 -35
  25. package/styles/context-menu/_bootstrap5-definition.scss +1 -1
  26. package/styles/context-menu/bootstrap5-dark.css +4 -4
  27. package/styles/context-menu/bootstrap5.css +4 -4
  28. package/styles/fabric-dark.css +35 -26
  29. package/styles/fabric.css +35 -26
  30. package/styles/fluent-dark.css +35 -26
  31. package/styles/fluent.css +35 -26
  32. package/styles/highcontrast-light.css +35 -26
  33. package/styles/highcontrast.css +37 -27
  34. package/styles/material-dark.css +35 -26
  35. package/styles/material.css +35 -26
  36. package/styles/menu/_bootstrap5-definition.scss +1 -1
  37. package/styles/menu/bootstrap5-dark.css +5 -5
  38. package/styles/menu/bootstrap5.css +5 -5
  39. package/styles/tab/_icons.scss +0 -8
  40. package/styles/tab/bootstrap-dark.css +0 -10
  41. package/styles/tab/bootstrap.css +0 -10
  42. package/styles/tab/bootstrap4.css +0 -10
  43. package/styles/tab/bootstrap5-dark.css +0 -10
  44. package/styles/tab/bootstrap5.css +0 -10
  45. package/styles/tab/fabric-dark.css +0 -10
  46. package/styles/tab/fabric.css +0 -10
  47. package/styles/tab/fluent-dark.css +0 -10
  48. package/styles/tab/fluent.css +0 -10
  49. package/styles/tab/highcontrast-light.css +0 -10
  50. package/styles/tab/highcontrast.css +0 -10
  51. package/styles/tab/icons/_bootstrap-dark.scss +0 -8
  52. package/styles/tab/icons/_bootstrap.scss +0 -8
  53. package/styles/tab/icons/_bootstrap4.scss +0 -12
  54. package/styles/tab/icons/_bootstrap5.scss +0 -12
  55. package/styles/tab/icons/_fabric-dark.scss +0 -8
  56. package/styles/tab/icons/_fabric.scss +0 -8
  57. package/styles/tab/icons/_fluent.scss +0 -8
  58. package/styles/tab/icons/_fusionnew.scss +0 -12
  59. package/styles/tab/icons/_highcontrast-light.scss +0 -12
  60. package/styles/tab/icons/_highcontrast.scss +0 -12
  61. package/styles/tab/icons/_material-dark.scss +0 -12
  62. package/styles/tab/icons/_material.scss +0 -12
  63. package/styles/tab/icons/_material3.scss +0 -12
  64. package/styles/tab/icons/_tailwind.scss +0 -12
  65. package/styles/tab/material-dark.css +0 -10
  66. package/styles/tab/material.css +0 -10
  67. package/styles/tab/tailwind-dark.css +0 -10
  68. package/styles/tab/tailwind.css +0 -10
  69. package/styles/tailwind-dark.css +35 -26
  70. package/styles/tailwind.css +35 -26
  71. package/styles/treeview/_theme.scss +20 -10
  72. package/styles/treeview/bootstrap-dark.css +35 -16
  73. package/styles/treeview/bootstrap.css +35 -16
  74. package/styles/treeview/bootstrap4.css +35 -16
  75. package/styles/treeview/bootstrap5-dark.css +35 -16
  76. package/styles/treeview/bootstrap5.css +35 -16
  77. package/styles/treeview/fabric-dark.css +35 -16
  78. package/styles/treeview/fabric.css +35 -16
  79. package/styles/treeview/fluent-dark.css +35 -16
  80. package/styles/treeview/fluent.css +35 -16
  81. package/styles/treeview/highcontrast-light.css +35 -16
  82. package/styles/treeview/highcontrast.css +37 -17
  83. package/styles/treeview/material-dark.css +35 -16
  84. package/styles/treeview/material.css +35 -16
  85. package/styles/treeview/tailwind-dark.css +35 -16
  86. package/styles/treeview/tailwind.css +35 -16
@@ -3396,16 +3396,6 @@
3396
3396
  content: "\e745";
3397
3397
  position: relative;
3398
3398
  }
3399
- @media screen and (max-width: 480px) {
3400
- .e-tab .e-tab-header .e-popup-up-icon::before {
3401
- content: "\e781";
3402
- }
3403
- }
3404
- @media screen and (max-width: 480px) {
3405
- .e-tab .e-tab-header .e-popup-down-icon::before {
3406
- content: "\e781";
3407
- }
3408
- }
3409
3399
  @media screen and (max-width: 480px) {
3410
3400
  .e-tab.e-vertical-icon .e-tab-header .e-popup-up-icon::before {
3411
3401
  content: "\e721";
@@ -8086,17 +8076,22 @@
8086
8076
  font-size: 8px;
8087
8077
  }
8088
8078
  .e-treeview .e-list-item.e-active,
8089
- .e-treeview .e-list-item.e-hover {
8079
+ .e-treeview .e-list-item.e-hover,
8080
+ .e-treeview .e-list-item.e-node-focus {
8090
8081
  background: transparent;
8091
8082
  }
8092
- .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 {
8093
8085
  color: #212529;
8094
8086
  }
8095
- .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 {
8096
8089
  color: #212529;
8097
8090
  }
8098
8091
  .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible,
8099
- .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 {
8100
8095
  color: #495057;
8101
8096
  }
8102
8097
  .e-treeview .e-list-item.e-active > .e-text-content {
@@ -8114,31 +8109,40 @@
8114
8109
  border-color: #fff;
8115
8110
  color: #007bff;
8116
8111
  }
8117
- .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 {
8118
8114
  color: #fff;
8119
8115
  }
8120
- .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 {
8121
8118
  color: #fff;
8122
8119
  }
8123
8120
  .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible,
8124
- .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 {
8125
8124
  color: #fff;
8126
8125
  }
8127
8126
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content,
8128
- .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 {
8129
8129
  color: #212529;
8130
8130
  }
8131
8131
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text,
8132
- .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 {
8133
8134
  color: #212529;
8134
8135
  }
8135
8136
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
8136
8137
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable,
8137
8138
  .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
8138
- .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 {
8139
8142
  color: #495057;
8140
8143
  }
8141
- .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 {
8142
8146
  background-color: #f2f4f6;
8143
8147
  border-color: #f2f4f6;
8144
8148
  }
@@ -8156,12 +8160,14 @@
8156
8160
  .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
8157
8161
  color: #212529;
8158
8162
  }
8159
- .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 {
8160
8165
  background-color: #0069d9;
8161
8166
  border-color: #0069d9;
8162
8167
  }
8163
8168
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow,
8164
- .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 {
8165
8171
  background-color: transparent;
8166
8172
  border-color: transparent;
8167
8173
  }
@@ -8194,7 +8200,8 @@
8194
8200
  .e-treeview .e-popup .e-downtail::after {
8195
8201
  border-top-color: transparent;
8196
8202
  }
8197
- .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 {
8198
8205
  background-color: #f2f4f6;
8199
8206
  border-color: #f2f4f6;
8200
8207
  }
@@ -8202,12 +8209,14 @@
8202
8209
  background-color: #007bff;
8203
8210
  border-color: #007bff;
8204
8211
  }
8205
- .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 {
8206
8214
  background-color: #0069d9;
8207
8215
  border-color: #0069d9;
8208
8216
  }
8209
8217
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content,
8210
- .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 {
8211
8220
  background-color: transparent;
8212
8221
  border-color: transparent;
8213
8222
  }
@@ -3335,21 +3335,21 @@
3335
3335
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item,
3336
3336
  .e-bigger .e-contextmenu-container ul .e-menu-item,
3337
3337
  .e-bigger.e-contextmenu-container ul .e-menu-item {
3338
- height: 32px;
3339
- line-height: 32px;
3338
+ height: 36px;
3339
+ line-height: 36px;
3340
3340
  }
3341
3341
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
3342
3342
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
3343
3343
  .e-bigger .e-contextmenu-container ul .e-menu-item .e-menu-icon,
3344
3344
  .e-bigger.e-contextmenu-container ul .e-menu-item .e-menu-icon {
3345
3345
  font-size: 22px;
3346
- line-height: 32px;
3346
+ line-height: 36px;
3347
3347
  }
3348
3348
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-caret,
3349
3349
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item .e-caret,
3350
3350
  .e-bigger .e-contextmenu-container ul .e-menu-item .e-caret,
3351
3351
  .e-bigger.e-contextmenu-container ul .e-menu-item .e-caret {
3352
- line-height: 32px;
3352
+ line-height: 36px;
3353
3353
  }
3354
3354
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item.e-separator,
3355
3355
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item.e-separator,
@@ -3450,16 +3450,6 @@
3450
3450
  content: "\e7e7";
3451
3451
  position: relative;
3452
3452
  }
3453
- @media screen and (max-width: 480px) {
3454
- .e-tab .e-tab-header .e-popup-up-icon::before {
3455
- content: "\e770";
3456
- }
3457
- }
3458
- @media screen and (max-width: 480px) {
3459
- .e-tab .e-tab-header .e-popup-down-icon::before {
3460
- content: "\e770";
3461
- }
3462
- }
3463
3453
  @media screen and (max-width: 480px) {
3464
3454
  .e-tab.e-vertical-icon .e-tab-header .e-popup-up-icon::before {
3465
3455
  content: "\e776";
@@ -8162,17 +8152,22 @@
8162
8152
  font-size: 20px;
8163
8153
  }
8164
8154
  .e-treeview .e-list-item.e-active,
8165
- .e-treeview .e-list-item.e-hover {
8155
+ .e-treeview .e-list-item.e-hover,
8156
+ .e-treeview .e-list-item.e-node-focus {
8166
8157
  background: transparent;
8167
8158
  }
8168
- .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 {
8169
8161
  color: #fff;
8170
8162
  }
8171
- .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 {
8172
8165
  color: #fff;
8173
8166
  }
8174
8167
  .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible,
8175
- .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 {
8176
8171
  color: #dee2e6;
8177
8172
  }
8178
8173
  .e-treeview .e-list-item.e-active > .e-text-content {
@@ -8191,31 +8186,40 @@
8191
8186
  .e-treeview .e-list-item.e-active > .e-text-content .e-stop {
8192
8187
  border-color: #fff;
8193
8188
  }
8194
- .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 {
8195
8191
  color: #fff;
8196
8192
  }
8197
- .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 {
8198
8195
  color: #fff;
8199
8196
  }
8200
8197
  .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible,
8201
- .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 {
8202
8201
  color: #fff;
8203
8202
  }
8204
8203
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content,
8205
- .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 {
8206
8206
  color: #fff;
8207
8207
  }
8208
8208
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text,
8209
- .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 {
8210
8211
  color: #fff;
8211
8212
  }
8212
8213
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
8213
8214
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable,
8214
8215
  .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
8215
- .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 {
8216
8219
  color: #adb5bd;
8217
8220
  }
8218
- .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 {
8219
8223
  background-color: #31373d;
8220
8224
  border-color: #31373d;
8221
8225
  }
@@ -8233,12 +8237,14 @@
8233
8237
  .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
8234
8238
  color: #fff;
8235
8239
  }
8236
- .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 {
8237
8242
  background-color: #0262ef;
8238
8243
  border-color: #0d6efd;
8239
8244
  }
8240
8245
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow,
8241
- .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 {
8242
8248
  background-color: transparent;
8243
8249
  border-color: transparent;
8244
8250
  }
@@ -8273,7 +8279,8 @@
8273
8279
  .e-treeview .e-popup .e-downtail::after {
8274
8280
  border-top-color: #31373d;
8275
8281
  }
8276
- .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 {
8277
8284
  background-color: #31373d;
8278
8285
  border-color: #31373d;
8279
8286
  }
@@ -8281,12 +8288,14 @@
8281
8288
  background-color: #0d6efd;
8282
8289
  border-color: #0d6efd;
8283
8290
  }
8284
- .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 {
8285
8293
  background-color: #0262ef;
8286
8294
  border-color: #0d6efd;
8287
8295
  }
8288
8296
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content,
8289
- .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 {
8290
8299
  background-color: transparent;
8291
8300
  border-color: transparent;
8292
8301
  }
@@ -8991,8 +9000,8 @@ ejs-sidebar {
8991
9000
  .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item,
8992
9001
  .e-bigger .e-menu-container ul.e-ul .e-menu-item,
8993
9002
  .e-bigger.e-menu-container ul.e-ul .e-menu-item {
8994
- height: 32px;
8995
- line-height: 32px;
9003
+ height: 36px;
9004
+ line-height: 36px;
8996
9005
  padding: 0 12px;
8997
9006
  }
8998
9007
  .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
@@ -9000,13 +9009,13 @@ ejs-sidebar {
9000
9009
  .e-bigger .e-menu-container ul.e-ul .e-menu-item .e-menu-icon,
9001
9010
  .e-bigger.e-menu-container ul.e-ul .e-menu-item .e-menu-icon {
9002
9011
  font-size: 22px;
9003
- line-height: 32px;
9012
+ line-height: 36px;
9004
9013
  }
9005
9014
  .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item .e-caret,
9006
9015
  .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item .e-caret,
9007
9016
  .e-bigger .e-menu-container ul.e-ul .e-menu-item .e-caret,
9008
9017
  .e-bigger.e-menu-container ul.e-ul .e-menu-item .e-caret {
9009
- line-height: 32px;
9018
+ line-height: 36px;
9010
9019
  }
9011
9020
  .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item.e-separator,
9012
9021
  .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item.e-separator,
@@ -9019,7 +9028,7 @@ ejs-sidebar {
9019
9028
  .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item .e-caret,
9020
9029
  .e-bigger .e-menu-container ul.e-ul .e-menu-item .e-caret,
9021
9030
  .e-bigger.e-menu-container ul.e-ul .e-menu-item .e-caret {
9022
- font-size: 14px;
9031
+ font-size: 16px;
9023
9032
  right: 7px;
9024
9033
  }
9025
9034
  .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item.e-menu-caret-icon,
@@ -3335,21 +3335,21 @@
3335
3335
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item,
3336
3336
  .e-bigger .e-contextmenu-container ul .e-menu-item,
3337
3337
  .e-bigger.e-contextmenu-container ul .e-menu-item {
3338
- height: 32px;
3339
- line-height: 32px;
3338
+ height: 36px;
3339
+ line-height: 36px;
3340
3340
  }
3341
3341
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
3342
3342
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
3343
3343
  .e-bigger .e-contextmenu-container ul .e-menu-item .e-menu-icon,
3344
3344
  .e-bigger.e-contextmenu-container ul .e-menu-item .e-menu-icon {
3345
3345
  font-size: 22px;
3346
- line-height: 32px;
3346
+ line-height: 36px;
3347
3347
  }
3348
3348
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-caret,
3349
3349
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item .e-caret,
3350
3350
  .e-bigger .e-contextmenu-container ul .e-menu-item .e-caret,
3351
3351
  .e-bigger.e-contextmenu-container ul .e-menu-item .e-caret {
3352
- line-height: 32px;
3352
+ line-height: 36px;
3353
3353
  }
3354
3354
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item.e-separator,
3355
3355
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item.e-separator,
@@ -3450,16 +3450,6 @@
3450
3450
  content: "\e7e7";
3451
3451
  position: relative;
3452
3452
  }
3453
- @media screen and (max-width: 480px) {
3454
- .e-tab .e-tab-header .e-popup-up-icon::before {
3455
- content: "\e770";
3456
- }
3457
- }
3458
- @media screen and (max-width: 480px) {
3459
- .e-tab .e-tab-header .e-popup-down-icon::before {
3460
- content: "\e770";
3461
- }
3462
- }
3463
3453
  @media screen and (max-width: 480px) {
3464
3454
  .e-tab.e-vertical-icon .e-tab-header .e-popup-up-icon::before {
3465
3455
  content: "\e776";
@@ -8162,17 +8152,22 @@
8162
8152
  font-size: 20px;
8163
8153
  }
8164
8154
  .e-treeview .e-list-item.e-active,
8165
- .e-treeview .e-list-item.e-hover {
8155
+ .e-treeview .e-list-item.e-hover,
8156
+ .e-treeview .e-list-item.e-node-focus {
8166
8157
  background: transparent;
8167
8158
  }
8168
- .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 {
8169
8161
  color: #212529;
8170
8162
  }
8171
- .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 {
8172
8165
  color: #212529;
8173
8166
  }
8174
8167
  .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible,
8175
- .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 {
8176
8171
  color: #343a40;
8177
8172
  }
8178
8173
  .e-treeview .e-list-item.e-active > .e-text-content {
@@ -8191,31 +8186,40 @@
8191
8186
  .e-treeview .e-list-item.e-active > .e-text-content .e-stop {
8192
8187
  border-color: #fff;
8193
8188
  }
8194
- .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 {
8195
8191
  color: #fff;
8196
8192
  }
8197
- .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 {
8198
8195
  color: #fff;
8199
8196
  }
8200
8197
  .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible,
8201
- .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 {
8202
8201
  color: #fff;
8203
8202
  }
8204
8203
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content,
8205
- .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 {
8206
8206
  color: #212529;
8207
8207
  }
8208
8208
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text,
8209
- .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 {
8210
8211
  color: #212529;
8211
8212
  }
8212
8213
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
8213
8214
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable,
8214
8215
  .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
8215
- .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 {
8216
8219
  color: #6c757d;
8217
8220
  }
8218
- .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 {
8219
8223
  background-color: #e9ecef;
8220
8224
  border-color: #e9ecef;
8221
8225
  }
@@ -8233,12 +8237,14 @@
8233
8237
  .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
8234
8238
  color: #212529;
8235
8239
  }
8236
- .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 {
8237
8242
  background-color: #0262ef;
8238
8243
  border-color: #0d6efd;
8239
8244
  }
8240
8245
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow,
8241
- .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 {
8242
8248
  background-color: transparent;
8243
8249
  border-color: transparent;
8244
8250
  }
@@ -8273,7 +8279,8 @@
8273
8279
  .e-treeview .e-popup .e-downtail::after {
8274
8280
  border-top-color: #e9ecef;
8275
8281
  }
8276
- .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 {
8277
8284
  background-color: #e9ecef;
8278
8285
  border-color: #e9ecef;
8279
8286
  }
@@ -8281,12 +8288,14 @@
8281
8288
  background-color: #0d6efd;
8282
8289
  border-color: #0d6efd;
8283
8290
  }
8284
- .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 {
8285
8293
  background-color: #0262ef;
8286
8294
  border-color: #0d6efd;
8287
8295
  }
8288
8296
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content,
8289
- .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 {
8290
8299
  background-color: transparent;
8291
8300
  border-color: transparent;
8292
8301
  }
@@ -8991,8 +9000,8 @@ ejs-sidebar {
8991
9000
  .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item,
8992
9001
  .e-bigger .e-menu-container ul.e-ul .e-menu-item,
8993
9002
  .e-bigger.e-menu-container ul.e-ul .e-menu-item {
8994
- height: 32px;
8995
- line-height: 32px;
9003
+ height: 36px;
9004
+ line-height: 36px;
8996
9005
  padding: 0 12px;
8997
9006
  }
8998
9007
  .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item .e-menu-icon,
@@ -9000,13 +9009,13 @@ ejs-sidebar {
9000
9009
  .e-bigger .e-menu-container ul.e-ul .e-menu-item .e-menu-icon,
9001
9010
  .e-bigger.e-menu-container ul.e-ul .e-menu-item .e-menu-icon {
9002
9011
  font-size: 22px;
9003
- line-height: 32px;
9012
+ line-height: 36px;
9004
9013
  }
9005
9014
  .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item .e-caret,
9006
9015
  .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item .e-caret,
9007
9016
  .e-bigger .e-menu-container ul.e-ul .e-menu-item .e-caret,
9008
9017
  .e-bigger.e-menu-container ul.e-ul .e-menu-item .e-caret {
9009
- line-height: 32px;
9018
+ line-height: 36px;
9010
9019
  }
9011
9020
  .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item.e-separator,
9012
9021
  .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item.e-separator,
@@ -9019,7 +9028,7 @@ ejs-sidebar {
9019
9028
  .e-bigger.e-menu-wrapper ul.e-ul .e-menu-item .e-caret,
9020
9029
  .e-bigger .e-menu-container ul.e-ul .e-menu-item .e-caret,
9021
9030
  .e-bigger.e-menu-container ul.e-ul .e-menu-item .e-caret {
9022
- font-size: 14px;
9031
+ font-size: 16px;
9023
9032
  right: 7px;
9024
9033
  }
9025
9034
  .e-bigger .e-menu-wrapper ul.e-ul .e-menu-item.e-menu-caret-icon,
@@ -3,7 +3,7 @@ $cmenu-back-icon: '\e977' !default;
3
3
  $cmenu-back-icon-margin: 8px !default;
4
4
  $cmenu-bigger-caret-font-size: $text-base !default;
5
5
  $cmenu-bigger-font-size: $text-base !default;
6
- $cmenu-bigger-li-height: 32px !default;
6
+ $cmenu-bigger-li-height: 36px !default;
7
7
  $cmenu-bigger-li-padding: 0 16px !default;
8
8
  $cmenu-bigger-max-width: 280px !default;
9
9
  $cmenu-bigger-min-width: 112px !default;
@@ -251,21 +251,21 @@
251
251
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item,
252
252
  .e-bigger .e-contextmenu-container ul .e-menu-item,
253
253
  .e-bigger.e-contextmenu-container ul .e-menu-item {
254
- height: 32px;
255
- line-height: 32px;
254
+ height: 36px;
255
+ line-height: 36px;
256
256
  }
257
257
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
258
258
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
259
259
  .e-bigger .e-contextmenu-container ul .e-menu-item .e-menu-icon,
260
260
  .e-bigger.e-contextmenu-container ul .e-menu-item .e-menu-icon {
261
261
  font-size: 22px;
262
- line-height: 32px;
262
+ line-height: 36px;
263
263
  }
264
264
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-caret,
265
265
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item .e-caret,
266
266
  .e-bigger .e-contextmenu-container ul .e-menu-item .e-caret,
267
267
  .e-bigger.e-contextmenu-container ul .e-menu-item .e-caret {
268
- line-height: 32px;
268
+ line-height: 36px;
269
269
  }
270
270
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item.e-separator,
271
271
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item.e-separator,
@@ -251,21 +251,21 @@
251
251
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item,
252
252
  .e-bigger .e-contextmenu-container ul .e-menu-item,
253
253
  .e-bigger.e-contextmenu-container ul .e-menu-item {
254
- height: 32px;
255
- line-height: 32px;
254
+ height: 36px;
255
+ line-height: 36px;
256
256
  }
257
257
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
258
258
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
259
259
  .e-bigger .e-contextmenu-container ul .e-menu-item .e-menu-icon,
260
260
  .e-bigger.e-contextmenu-container ul .e-menu-item .e-menu-icon {
261
261
  font-size: 22px;
262
- line-height: 32px;
262
+ line-height: 36px;
263
263
  }
264
264
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-caret,
265
265
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item .e-caret,
266
266
  .e-bigger .e-contextmenu-container ul .e-menu-item .e-caret,
267
267
  .e-bigger.e-contextmenu-container ul .e-menu-item .e-caret {
268
- line-height: 32px;
268
+ line-height: 36px;
269
269
  }
270
270
  .e-bigger .e-contextmenu-wrapper ul .e-menu-item.e-separator,
271
271
  .e-bigger.e-contextmenu-wrapper ul .e-menu-item.e-separator,