@syncfusion/ej2-angular-navigations 21.1.39 → 21.2.3-ngcc

package/src/toolbar/toolbar-all.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./toolbar.module";
 /**
  * NgModule definition for the Toolbar component with providers.
  */
 export declare class ToolbarAllModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarAllModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ToolbarAllModule, never, [typeof i1.CommonModule, typeof i2.ToolbarModule], [typeof i2.ToolbarModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<ToolbarAllModule>;
 }

package/src/toolbar/toolbar.component.d.ts

@@ -2,7 +2,6 @@ import { ElementRef, ViewContainerRef, Renderer2, Injector, QueryList } from '@a
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { Toolbar } from '@syncfusion/ej2-navigations';
 import { ItemsDirective } from './items.directive';
-import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -32,6 +31,4 @@ export declare class ToolbarComponent extends Toolbar implements IComponentBase
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarComponent, "ejs-toolbar", never, { "allowKeyboard": "allowKeyboard"; "cssClass": "cssClass"; "enableCollision": "enableCollision"; "enableHtmlSanitizer": "enableHtmlSanitizer"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "height": "height"; "items": "items"; "locale": "locale"; "overflowMode": "overflowMode"; "scrollStep": "scrollStep"; "width": "width"; }, { "beforeCreate": "beforeCreate"; "clicked": "clicked"; "created": "created"; "destroyed": "destroyed"; }, ["childItems"], ["div"]>;
 }

package/src/toolbar/toolbar.module.d.ts

@@ -1,12 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./toolbar.component";
-import * as i2 from "./items.directive";
-import * as i3 from "@angular/common";
 /**
  * NgModule definition for the Toolbar component.
  */
 export declare class ToolbarModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ToolbarModule, [typeof i1.ToolbarComponent, typeof i2.ItemDirective, typeof i2.ItemsDirective], [typeof i3.CommonModule], [typeof i1.ToolbarComponent, typeof i2.ItemDirective, typeof i2.ItemsDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<ToolbarModule>;
 }

package/src/treeview/treeview-all.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./treeview.module";
 /**
  * NgModule definition for the TreeView component with providers.
  */
 export declare class TreeViewAllModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TreeViewAllModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TreeViewAllModule, never, [typeof i1.CommonModule, typeof i2.TreeViewModule], [typeof i2.TreeViewModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<TreeViewAllModule>;
 }

package/src/treeview/treeview.component.d.ts

@@ -1,7 +1,6 @@
 import { ElementRef, ViewContainerRef, Renderer2, Injector } from '@angular/core';
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { TreeView } from '@syncfusion/ej2-navigations';
-import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -56,6 +55,4 @@ export declare class TreeViewComponent extends TreeView implements IComponentBas
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TreeViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TreeViewComponent, "ejs-treeview", never, { "allowDragAndDrop": "allowDragAndDrop"; "allowEditing": "allowEditing"; "allowMultiSelection": "allowMultiSelection"; "allowTextWrap": "allowTextWrap"; "animation": "animation"; "autoCheck": "autoCheck"; "checkedNodes": "checkedNodes"; "cssClass": "cssClass"; "disabled": "disabled"; "dragArea": "dragArea"; "enableHtmlSanitizer": "enableHtmlSanitizer"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "expandOn": "expandOn"; "expandedNodes": "expandedNodes"; "fields": "fields"; "fullRowNavigable": "fullRowNavigable"; "fullRowSelect": "fullRowSelect"; "loadOnDemand": "loadOnDemand"; "locale": "locale"; "nodeTemplate": "nodeTemplate"; "selectedNodes": "selectedNodes"; "showCheckBox": "showCheckBox"; "sortOrder": "sortOrder"; }, { "actionFailure": "actionFailure"; "created": "created"; "dataBound": "dataBound"; "dataSourceChanged": "dataSourceChanged"; "destroyed": "destroyed"; "drawNode": "drawNode"; "keyPress": "keyPress"; "nodeChecked": "nodeChecked"; "nodeChecking": "nodeChecking"; "nodeClicked": "nodeClicked"; "nodeCollapsed": "nodeCollapsed"; "nodeCollapsing": "nodeCollapsing"; "nodeDragStart": "nodeDragStart"; "nodeDragStop": "nodeDragStop"; "nodeDragging": "nodeDragging"; "nodeDropped": "nodeDropped"; "nodeEdited": "nodeEdited"; "nodeEditing": "nodeEditing"; "nodeExpanded": "nodeExpanded"; "nodeExpanding": "nodeExpanding"; "nodeSelected": "nodeSelected"; "nodeSelecting": "nodeSelecting"; }, ["nodeTemplate"], never>;
 }

package/src/treeview/treeview.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./treeview.component";
-import * as i2 from "@angular/common";
 /**
  * NgModule definition for the TreeView component.
  */
 export declare class TreeViewModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TreeViewModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TreeViewModule, [typeof i1.TreeViewComponent], [typeof i2.CommonModule], [typeof i1.TreeViewComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<TreeViewModule>;
 }

package/styles/accordion/bootstrap-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap-dark-definition.scss';
-@import 'bootstrap-dark-definition.scss';
-@import 'icons/bootstrap-dark.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/accordion/bootstrap-dark.scss';

package/styles/accordion/bootstrap.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap-definition.scss';
-@import 'bootstrap-definition.scss';
-@import 'icons/bootstrap.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/accordion/bootstrap.scss';

package/styles/accordion/bootstrap4.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
-@import 'bootstrap4-definition.scss';
-@import 'icons/bootstrap4.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/accordion/bootstrap4.scss';

package/styles/accordion/bootstrap5-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
-@import 'bootstrap5-dark-definition.scss';
-@import 'icons/bootstrap5-dark.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/accordion/bootstrap5-dark.scss';

package/styles/accordion/bootstrap5.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
-@import 'bootstrap5-definition.scss';
-@import 'icons/bootstrap5.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/accordion/bootstrap5.scss';

package/styles/accordion/fabric-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
-@import 'fabric-dark-definition.scss';
-@import 'icons/fabric-dark.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/accordion/fabric-dark.scss';

package/styles/accordion/fabric.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/fabric-definition.scss';
-@import 'fabric-definition.scss';
-@import 'icons/fabric.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/accordion/fabric.scss';

package/styles/accordion/fluent-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
-@import 'fluent-dark-definition.scss';
-@import 'icons/fluent-dark.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/accordion/fluent-dark.scss';

package/styles/accordion/fluent.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/fluent-definition.scss';
-@import 'fluent-definition.scss';
-@import 'icons/fluent.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/accordion/fluent.scss';

package/styles/accordion/highcontrast-light.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
-@import 'highcontrast-light-definition.scss';
-@import 'icons/highcontrast-light.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/accordion/highcontrast-light.scss';

package/styles/accordion/highcontrast.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/highcontrast-definition.scss';
-@import 'highcontrast-definition.scss';
-@import 'icons/highcontrast.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/accordion/highcontrast.scss';

package/styles/accordion/material-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/material-dark-definition.scss';
-@import 'material-dark-definition.scss';
-@import 'icons/material-dark.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/accordion/material-dark.scss';

package/styles/accordion/material.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/material-definition.scss';
-@import 'material-definition.scss';
-@import 'icons/material.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/accordion/material.scss';

package/styles/accordion/tailwind-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/tailwind-dark-definition.scss';
-@import 'tailwind-dark-definition.scss';
-@import 'icons/tailwind-dark.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/accordion/tailwind-dark.scss';

package/styles/accordion/tailwind.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/tailwind-definition.scss';
-@import 'tailwind-definition.scss';
-@import 'icons/tailwind.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/accordion/tailwind.scss';

package/styles/appbar/bootstrap-dark.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/bootstrap-dark-definition.scss';
-@import 'bootstrap-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/appbar/bootstrap-dark.scss';

package/styles/appbar/bootstrap.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/bootstrap-definition.scss';
-@import 'bootstrap-definition.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/appbar/bootstrap.scss';

package/styles/appbar/bootstrap4.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
-@import 'bootstrap4-definition.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/appbar/bootstrap4.scss';

package/styles/appbar/bootstrap5-dark.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
-@import 'bootstrap5-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/appbar/bootstrap5-dark.scss';

package/styles/appbar/bootstrap5.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
-@import 'bootstrap5-definition.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/appbar/bootstrap5.scss';

package/styles/appbar/fabric-dark.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
-@import 'fabric-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/appbar/fabric-dark.scss';

package/styles/appbar/fabric.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/fabric-definition.scss';
-@import 'fabric-definition.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/appbar/fabric.scss';

package/styles/appbar/fluent-dark.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
-@import 'fluent-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/appbar/fluent-dark.scss';

package/styles/appbar/fluent.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/fluent-definition.scss';
-@import 'fluent-definition.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/appbar/fluent.scss';

package/styles/appbar/highcontrast-light.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
-@import 'highcontrast-light-definition.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/appbar/highcontrast-light.scss';

package/styles/appbar/highcontrast.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/highcontrast-definition.scss';
-@import 'highcontrast-definition.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/appbar/highcontrast.scss';

package/styles/appbar/material-dark.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/material-dark-definition.scss';
-@import 'material-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/appbar/material-dark.scss';

package/styles/appbar/material.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/material-definition.scss';
-@import 'material-definition.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/appbar/material.scss';

package/styles/appbar/tailwind-dark.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/tailwind-dark-definition.scss';
-@import 'tailwind-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/appbar/tailwind-dark.scss';

package/styles/appbar/tailwind.scss

@@ -1,3 +1 @@
-@import 'ej2-base/styles/tailwind-definition.scss';
-@import 'tailwind-definition.scss';
-@import 'all.scss';
+@import 'ej2-navigations/styles/appbar/tailwind.scss';

package/styles/bootstrap-dark.css

@@ -3386,19 +3386,9 @@
 .e-tab .e-tab-header .e-popup-up-icon::before {
   content: "\e988";
 }
-@media screen and (max-width: 480px) {
-  .e-tab .e-tab-header .e-popup-up-icon::before {
-    content: "\e936";
-  }
-}
 .e-tab .e-tab-header .e-popup-down-icon::before {
   content: "\e968";
 }
-@media screen and (max-width: 480px) {
-  .e-tab .e-tab-header .e-popup-down-icon::before {
-    content: "\e936";
-  }
-}
 @media screen and (max-width: 480px) {
   .e-tab.e-vertical-icon .e-tab-header .e-popup-up-icon::before {
     content: "\e918";
@@ -7998,17 +7988,22 @@
   font-size: 8px;
 }
 .e-treeview .e-list-item.e-active,
-.e-treeview .e-list-item.e-hover {
+.e-treeview .e-list-item.e-hover,
+.e-treeview .e-list-item.e-node-focus {
   background: transparent;
 }
-.e-treeview .e-list-item.e-hover > .e-text-content {
+.e-treeview .e-list-item.e-hover > .e-text-content,
+.e-treeview .e-list-item.e-node-focus > .e-text-content {
   color: #f0f0f0;
 }
-.e-treeview .e-list-item.e-hover > .e-text-content .e-list-text {
+.e-treeview .e-list-item.e-hover > .e-text-content .e-list-text,
+.e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
   color: #f0f0f0;
 }
 .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible,
-.e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable {
+.e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable,
+.e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
+.e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: #f0f0f0;
 }
 .e-treeview .e-list-item.e-active > .e-text-content {
@@ -8021,31 +8016,40 @@
 .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
   color: #fff;
 }
-.e-treeview .e-list-item.e-active.e-hover > .e-text-content {
+.e-treeview .e-list-item.e-active.e-hover > .e-text-content,
+.e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
   color: #fff;
 }
-.e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text {
+.e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text,
+.e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text {
   color: #fff;
 }
 .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible,
-.e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable {
+.e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable,
+.e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-collapsible,
+.e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
   color: #fff;
 }
 .e-treeview .e-list-item.e-editing.e-active > .e-text-content,
-.e-treeview .e-list-item.e-editing.e-hover > .e-text-content {
+.e-treeview .e-list-item.e-editing.e-hover > .e-text-content,
+.e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
   color: #f0f0f0;
 }
 .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text,
-.e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text {
+.e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text,
+.e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-list-text {
   color: #f0f0f0;
 }
 .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
 .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable,
 .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
-.e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable {
+.e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable,
+.e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-collapsible,
+.e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-expandable {
   color: #f0f0f0;
 }
-.e-treeview .e-list-item.e-hover > .e-fullrow {
+.e-treeview .e-list-item.e-hover > .e-fullrow,
+.e-treeview .e-list-item.e-node-focus > .e-fullrow {
   background-color: #414141;
   border-color: #414141;
 }
@@ -8063,12 +8067,14 @@
 .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
   color: #f0f0f0;
 }
-.e-treeview .e-list-item.e-active.e-hover > .e-fullrow {
+.e-treeview .e-list-item.e-active.e-hover > .e-fullrow,
+.e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
   background-color: #0070f0;
   border-color: #104888;
 }
 .e-treeview .e-list-item.e-editing.e-active > .e-fullrow,
-.e-treeview .e-list-item.e-editing.e-hover > .e-fullrow {
+.e-treeview .e-list-item.e-editing.e-hover > .e-fullrow,
+.e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
   background-color: transparent;
   border-color: transparent;
 }
@@ -8100,7 +8106,8 @@
 .e-treeview .e-popup .e-downtail::after {
   border-top-color: #fff;
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content,
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
   background-color: #414141;
   border-color: #414141;
 }
@@ -8108,12 +8115,14 @@
   background-color: #0070f0;
   border-color: #0070f0;
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content,
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
   background-color: #0070f0;
   border-color: #104888;
 }
 .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content,
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content,
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
   background-color: transparent;
   border-color: transparent;
 }

package/styles/bootstrap.css

@@ -3396,19 +3396,9 @@
 .e-tab .e-tab-header .e-popup-up-icon::before {
   content: "\e988";
 }
-@media screen and (max-width: 480px) {
-  .e-tab .e-tab-header .e-popup-up-icon::before {
-    content: "\e936";
-  }
-}
 .e-tab .e-tab-header .e-popup-down-icon::before {
   content: "\e968";
 }
-@media screen and (max-width: 480px) {
-  .e-tab .e-tab-header .e-popup-down-icon::before {
-    content: "\e936";
-  }
-}
 @media screen and (max-width: 480px) {
   .e-tab.e-vertical-icon .e-tab-header .e-popup-up-icon::before {
     content: "\e918";
@@ -8009,17 +7999,22 @@
   font-size: 8px;
 }
 .e-treeview .e-list-item.e-active,
-.e-treeview .e-list-item.e-hover {
+.e-treeview .e-list-item.e-hover,
+.e-treeview .e-list-item.e-node-focus {
   background: transparent;
 }
-.e-treeview .e-list-item.e-hover > .e-text-content {
+.e-treeview .e-list-item.e-hover > .e-text-content,
+.e-treeview .e-list-item.e-node-focus > .e-text-content {
   color: #333;
 }
-.e-treeview .e-list-item.e-hover > .e-text-content .e-list-text {
+.e-treeview .e-list-item.e-hover > .e-text-content .e-list-text,
+.e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
   color: #333;
 }
 .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible,
-.e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable {
+.e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable,
+.e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
+.e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: #333;
 }
 .e-treeview .e-list-item.e-active > .e-text-content {
@@ -8032,31 +8027,40 @@
 .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
   color: #fff;
 }
-.e-treeview .e-list-item.e-active.e-hover > .e-text-content {
+.e-treeview .e-list-item.e-active.e-hover > .e-text-content,
+.e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
   color: #fff;
 }
-.e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text {
+.e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text,
+.e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text {
   color: #fff;
 }
 .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible,
-.e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable {
+.e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable,
+.e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-collapsible,
+.e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
   color: #fff;
 }
 .e-treeview .e-list-item.e-editing.e-active > .e-text-content,
-.e-treeview .e-list-item.e-editing.e-hover > .e-text-content {
+.e-treeview .e-list-item.e-editing.e-hover > .e-text-content,
+.e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
   color: #333;
 }
 .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text,
-.e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text {
+.e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text,
+.e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-list-text {
   color: #333;
 }
 .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
 .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable,
 .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
-.e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable {
+.e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable,
+.e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-collapsible,
+.e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-expandable {
   color: #333;
 }
-.e-treeview .e-list-item.e-hover > .e-fullrow {
+.e-treeview .e-list-item.e-hover > .e-fullrow,
+.e-treeview .e-list-item.e-node-focus > .e-fullrow {
   background-color: #f5f5f5;
   border-color: #f5f5f5;
 }
@@ -8074,13 +8078,15 @@
 .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
   color: #333;
 }
-.e-treeview .e-list-item.e-active.e-hover > .e-fullrow {
+.e-treeview .e-list-item.e-active.e-hover > .e-fullrow,
+.e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
   background-color: #317ab9;
   border-color: #66afe9;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
 }
 .e-treeview .e-list-item.e-editing.e-active > .e-fullrow,
-.e-treeview .e-list-item.e-editing.e-hover > .e-fullrow {
+.e-treeview .e-list-item.e-editing.e-hover > .e-fullrow,
+.e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
   background-color: transparent;
   border-color: transparent;
   box-shadow: none;
@@ -8113,7 +8119,8 @@
 .e-treeview .e-popup .e-downtail::after {
   border-top-color: #fff;
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content,
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
   background-color: #f5f5f5;
   border-color: #f5f5f5;
 }
@@ -8121,13 +8128,15 @@
   background-color: #317ab9;
   border-color: #317ab9;
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content,
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
   background-color: #317ab9;
   border-color: #66afe9;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
 }
 .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content,
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content,
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
   background-color: transparent;
   border-color: transparent;
   box-shadow: none;